/* Blog de Mitic: lectura cómoda. Usa los tokens de assets/v2/tokens.css (claro/oscuro). */
.blog-wrap{max-width:calc(70ch + 2*var(--gutter,20px));margin:0 auto;padding:104px var(--gutter,20px) 72px}
.blog-wrap-ancho{max-width:calc(var(--wrap,1200px) + 2*var(--gutter,20px))}
.migas ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 28px;padding:0;font-size:14px;color:var(--tinta-3)}
.migas li+li::before{content:"/";margin-right:6px;opacity:.6}
.migas a{color:var(--tinta-2);text-decoration:none}
.migas a:hover{color:var(--marca-txt);text-decoration:underline}
.migas [aria-current]{color:var(--tinta-3);overflow-wrap:anywhere}

.art-cab{margin-bottom:32px}
.art-cab h1,.blog-portada h1{font-size:clamp(30px,5.2vw,46px);line-height:1.12;letter-spacing:-.015em;margin:0 0 16px;text-wrap:balance}
.art-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--tinta-3);margin:0}

.prosa{font-size:18px;line-height:1.72;color:var(--tinta-2)}
.prosa p,.prosa ul,.prosa ol{margin:0 0 1.15em}
.prosa strong{color:var(--tinta)}
.prosa h2{font-size:clamp(23px,3.4vw,29px);line-height:1.25;color:var(--tinta);margin:2.1em 0 .6em;letter-spacing:-.01em;scroll-margin-top:88px}
.prosa h3{font-size:19px;line-height:1.35;color:var(--tinta);margin:1.5em 0 .4em}
.prosa ul,.prosa ol{padding-left:1.35em}
.prosa li{margin-bottom:.45em;padding-left:.2em}
.prosa li::marker{color:var(--marca-txt)}
.prosa a,.rel-mitic a{color:var(--marca-txt);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.prosa a:hover,.rel-mitic a:hover{text-decoration-thickness:2px}
.prosa-faq{margin-top:2.6em;padding-top:1.2em;border-top:1px solid var(--borde)}
.prosa-faq h2{margin-top:.6em}

.fig{margin:1.8em auto;text-align:center}
.fig img{display:block;margin:0 auto;height:auto;max-width:100%;border:1px solid var(--borde);box-shadow:var(--sombra-1);background:var(--superficie-2)}
.fig-web img{border-radius:12px;width:100%}
.fig-app img{border-radius:22px;width:min(260px,62vw)}
.fig figcaption{font-size:14px;line-height:1.5;color:var(--tinta-3);margin-top:10px}

.blog-cta{margin:3em 0 2.4em;padding:clamp(24px,4vw,36px);border-radius:18px;background:var(--marca-suave);border:1px solid var(--marca-borde)}
.blog-cta h2{font-size:clamp(22px,3.4vw,28px);margin:0 0 10px;color:var(--tinta)}
.blog-cta p{margin:0 0 20px;color:var(--tinta-2);line-height:1.6}
.blog-cta-btns{display:flex;flex-wrap:wrap;gap:12px}

.relacionados h2{font-size:clamp(21px,3vw,26px);margin:0 0 18px}
.rel-mitic{margin:20px 0 0;font-size:15px}
.cards{display:grid;gap:16px;grid-template-columns:1fr}
.card-post{border:1px solid var(--borde);border-radius:16px;background:var(--superficie);transition:border-color .2s,transform .2s,box-shadow .2s}
.card-post:hover{border-color:var(--marca-borde);transform:translateY(-2px);box-shadow:var(--sombra-2)}
.card-post-a{display:flex;flex-direction:column;gap:8px;height:100%;padding:22px;text-decoration:none;color:inherit}
.card-post-min{font-family:var(--f-mono);font-size:12.5px;color:var(--marca-txt)}
.card-post h3{font-size:19px;line-height:1.3;margin:0;color:var(--tinta)}
.card-post p{font-size:15px;line-height:1.55;margin:0;color:var(--tinta-2)}
.card-post-mas{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14.5px;color:var(--marca-txt)}
.card-post-mas .ic{width:16px;height:16px}
@media(min-width:700px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.cards-portada{grid-template-columns:repeat(3,1fr)}.relacionados .cards{grid-template-columns:repeat(3,1fr)}}

.blog-portada{max-width:820px;margin:0 0 44px}
.blog-portada .lead{font-size:clamp(17px,2.2vw,20px);line-height:1.6;color:var(--tinta-2);margin:0 0 24px}
.portada-cta{margin:0}
.blog-wrap-ancho .blog-cta{margin-top:56px}
@media(max-width:520px){.prosa{font-size:17px}.blog-wrap{padding-top:88px}.blog-cta-btns .btn{width:100%;justify-content:center}}