/* Elanthia — blog: índice y artículos. Usa los tokens de elanthia-site.css (--pet, --cobre, --tinta, --crema…). */
.bh{padding:150px 0 70px;}
.bh .wrap{display:block;max-width:900px;}
.bh h1{font-size:clamp(32px,4.6vw,54px);line-height:1.08;margin-top:18px;max-width:22ch;}
.bh p.sub{font-size:18.5px;max-width:60ch;margin-top:20px;}
.crumbs{font-family:var(--head);font-size:13px;color:rgba(246,243,238,.7);display:flex;flex-wrap:wrap;gap:6px;}
.crumbs a{color:rgba(246,243,238,.85);}
.crumbs a:hover{color:#E3A27E;}
.crumbs span[aria-hidden]{opacity:.5;}
.byline{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:26px;font-size:14.5px;color:rgba(246,243,238,.8);}
.byline b{font-family:var(--head);font-weight:600;color:var(--crema);}
.byline .av{width:40px;height:40px;border-radius:50%;background:var(--cobre);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--head);font-weight:700;font-size:15px;}

/* cuerpo del artículo */
.art{background:#fff;padding:0 0 90px;}
.art .wrap{max-width:820px;}
.art .feat{margin:-40px 0 34px;position:relative;z-index:3;}
.art .feat img{width:100%;height:auto;border-radius:20px;box-shadow:var(--shadow);aspect-ratio:3/2;object-fit:cover;}
.art .feat figcaption,.ba figure figcaption{font-size:13.5px;color:var(--muted);margin-top:10px;text-align:center;}
.ba{font-size:17.5px;line-height:1.75;color:var(--ink);}
.ba > p,.ba li{max-width:72ch;}
.ba p{margin:0 0 1.1em;}
.ba h2{font-size:clamp(25px,2.9vw,32px);line-height:1.2;margin:2.4em 0 .6em;scroll-margin-top:100px;}
.ba h3{font-size:20px;line-height:1.3;margin:1.7em 0 .5em;}
.ba a{color:var(--pet);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(11,86,100,.35);}
.ba a:hover{color:var(--cobre);}
.ba ul,.ba ol{margin:0 0 1.2em 1.3em;}
.ba li{margin:.35em 0;}
.ba strong{color:var(--tinta);}
.ba figure{margin:2em 0;}
.ba figure img{width:100%;height:auto;border-radius:16px;}
.lead1{font-size:19.5px;line-height:1.65;color:var(--tinta);}
.box{border-radius:16px;padding:22px 26px;margin:1.8em 0;font-size:16.5px;}
.box > :last-child{margin-bottom:0;}
.box ul{margin-bottom:0;}
.box .bt{display:block;font-family:var(--head);font-weight:600;color:var(--tinta);font-size:16px;margin-bottom:8px;}
.resumen{background:var(--bruma);border-left:5px solid var(--pet);}
.indice{border:1px solid var(--line);background:var(--crema);}
.indice ol{margin:6px 0 0 1.2em;}
.indice a{text-decoration:none;}
.nota{background:#F1F7F2;border-left:5px solid #4E8A5E;}
.alerta{background:var(--cobre-l);border-left:5px solid var(--cobre);}
.crisis{background:var(--tinta);color:var(--crema);}
.crisis .bt,.crisis strong{color:var(--crema);}
.crisis a{color:#E3A27E;}
.tw{overflow-x:auto;margin:1.6em 0;border:1px solid var(--line);border-radius:14px;}
.tb{width:100%;border-collapse:collapse;font-size:15.5px;min-width:520px;}
.tb th{background:var(--tinta);color:var(--crema);font-family:var(--head);font-weight:600;font-size:14px;text-align:left;padding:13px 16px;}
.tb td{padding:13px 16px;border-top:1px solid var(--line);vertical-align:top;}
.tb tr:nth-child(even) td{background:#FAF8F5;}
.tb caption{caption-side:bottom;text-align:left;font-size:13px;color:var(--muted);padding:10px 16px;}
.pasos{counter-reset:p;list-style:none;margin:1.4em 0!important;padding:0;}
.pasos li{counter-increment:p;position:relative;padding:0 0 .9em 3.1rem;}
.pasos li::before{content:counter(p);position:absolute;left:0;top:0;width:2.15rem;height:2.15rem;border-radius:50%;background:var(--pet);color:#fff;font-family:var(--head);font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;}
.ctab{background:var(--pet);color:#fff;border-radius:18px;padding:26px 28px;margin:2.2em 0;display:flex;gap:18px 24px;align-items:center;flex-wrap:wrap;}
.ctab p{margin:0;flex:1 1 280px;color:rgba(255,255,255,.92);font-size:16.5px;}
.ctab p strong{color:#fff;display:block;font-family:var(--head);font-size:18px;margin-bottom:4px;}
.ctab .btn{flex-shrink:0;}
.ba .ctab a.btn,.ba .ctab a.btn:hover{color:#fff;text-decoration:none;}
.ba .faqw{max-width:none;margin:0;}
.autor{display:flex;gap:18px;align-items:flex-start;background:var(--crema);border:1px solid var(--line);border-radius:18px;padding:24px 26px;margin:2.6em 0 1.4em;font-size:15.5px;}
.autor .av{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:var(--pet);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--head);font-weight:700;font-size:19px;}
.autor p{margin:.3em 0 0;}
.fuentes{font-size:14.5px;color:var(--muted);}
.fuentes h2{font-size:20px;margin:1.6em 0 .6em;}
.fuentes ol{margin-left:1.2em;}
.fuentes li{margin:.4em 0;max-width:none;}
.fuentes a{word-break:break-word;}
.aviso{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:20px;}

/* índice del blog */
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;}
.card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;}
.card .cb{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1;}
.card .tag{font-family:var(--head);font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cobre);}
.card h2{font-size:21px;line-height:1.25;margin-top:10px;}
.card h2 a{color:var(--tinta);}
.card h2 a:hover{color:var(--pet);}
.card p{font-size:15px;color:var(--muted);margin-top:10px;flex:1;}
.card .mt{font-size:13.5px;color:var(--muted);margin-top:16px;display:flex;justify-content:space-between;gap:10px;}
.card .mt a{font-family:var(--head);font-weight:600;color:var(--pet);}
@media(max-width:980px){.bl-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:720px){
 .bh{padding:120px 0 56px;}
 .bl-grid{grid-template-columns:1fr;}
 .ba{font-size:16.5px;}
 .lead1{font-size:18px;}
 .box,.ctab,.autor{padding:20px;}
 .art .feat{margin-top:-28px;}
}