/* Blog: tarjetas (también en la home) y páginas de artículo */
.bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.bl-card{display:flex;flex-direction:column;gap:10px;color:inherit;text-decoration:none}
.bl-img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--bg2);border:1px solid var(--line)}
.bl-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.bl-card:hover .bl-img img{transform:scale(1.04)}
.bl-meta{color:var(--mu);margin-top:6px}
.bl-card h3{margin:0;font:500 22px/1.25 var(--disp);letter-spacing:-.01em;color:var(--ink)}
.bl-card p{margin:0;color:var(--ink2);font-size:15.5px;line-height:1.5}
.bl-card .link-ne{margin-top:auto;padding-top:8px}
@media (max-width:1199px){.bl-grid{grid-template-columns:1fr 1fr}}
@media (max-width:809px){.bl-grid{grid-template-columns:1fr}}

.blog-page main{padding-top:110px}
.blog-h .sh-title{max-width:18ch;margin:18px 0 16px}
.blog-h .sh-sub{max-width:60ch}
.crumbs{color:var(--mu)}.crumbs a{color:inherit}
.post{max-width:820px;padding-bottom:80px}
.post-h h1{font:500 clamp(34px,5vw,56px)/1.08 var(--disp);letter-spacing:-.025em;margin:18px 0 18px;color:var(--ink)}
.post-lead{font-size:21px;line-height:1.5;color:var(--ink);margin:0 0 18px}
.post-meta{color:var(--mu)}
.post-fig{margin:32px 0 40px}
.post-fig img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border:1px solid var(--line)}
.post-fig figcaption{color:var(--mu);margin-top:8px}
.post-body{font-size:18px;line-height:1.7;color:var(--ink)}
.post-body h2{font:500 30px/1.2 var(--disp);letter-spacing:-.015em;margin:48px 0 14px}
.post-body p,.post-body ul{margin:0 0 18px}
.post-body li{margin-bottom:8px}
.post-body a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.post-faq{margin-top:56px}.post-faq h2,.post-rel h2{font:500 30px/1.2 var(--disp);margin:0 0 8px}
.post-cta{position:relative;margin:64px 0;padding:36px;border:1px solid var(--line);background:var(--bg2)}
.post-cta h2{font:500 32px/1.15 var(--disp);margin:8px 0 10px}
.post-cta p{margin:0 0 22px;max-width:56ch;color:var(--ink2)}
.post-rel .bl-grid{margin-top:24px}