/* Guías del blog: lectura cómoda, misma marca que la portada */
.art{padding-block:32px 96px}
.migas{font-size:var(--step-small);color:var(--muted);margin-bottom:28px}
.migas a{color:inherit;text-decoration:none}
.migas a:hover{color:var(--ink);text-decoration:underline}
.art article,.blog-head{max-width:760px}
.art-head h1,.blog-head h1{font-size:clamp(2rem,1.4rem + 2.6vw,3.25rem);line-height:1.08}
.entrada{margin-top:18px;font-size:var(--step-lead);line-height:1.4;color:var(--ink)}
.meta{margin-top:14px;font-size:var(--step-small);color:var(--muted)}
.indice{margin-top:36px;background:var(--surface);border-radius:var(--r);padding:20px 24px}
.indice strong{font-size:15px}
.indice ol{margin:10px 0 0;padding-left:20px;display:grid;gap:6px;font-size:16px}
.indice a{color:var(--ink);text-decoration:none}
.indice a:hover{text-decoration:underline}
.cuerpo{margin-top:40px;font-size:18px;line-height:1.7}
.cuerpo > * + *{margin-top:20px}
.cuerpo h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);line-height:1.15;margin-top:52px;letter-spacing:-.025em}
.cuerpo h3{font-size:1.25rem;line-height:1.25;margin-top:36px;letter-spacing:-.015em}
.cuerpo h4{font-size:1.05rem;margin-top:28px}
.cuerpo ul,.cuerpo ol{padding-left:24px;display:grid;gap:8px}
.cuerpo a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--amber);text-decoration-thickness:2px}
.cuerpo strong{font-weight:600}
.tabla{overflow-x:auto;background:var(--surface);border-radius:var(--r);padding:6px 4px}
.tabla table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.4;font-variant-numeric:tabular-nums}
.tabla th,.tabla td{text-align:left;padding:10px 14px;vertical-align:top}
.tabla th{font-weight:600}
.tabla tbody tr:nth-child(odd){background:var(--bg)}
.tabla td.n{text-align:right;white-space:nowrap}
.nota{background:var(--amber-soft);border-radius:var(--r);padding:18px 22px;font-size:17px}
.nota p + p{margin-top:8px}
.cta-art{margin-top:56px;background:var(--navy);color:#fff;border-radius:var(--r);padding:clamp(24px,4vw,40px);display:grid;gap:14px;justify-items:start}
.cta-art h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);line-height:1.15}
.cta-art p{color:#D7DBE6;max-width:52ch}
.cta-art .link{color:#fff}
.rel{margin-top:72px}
.rel h2{font-size:1.5rem;margin-bottom:18px}
.tarjetas{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tarjetas.grande{margin-top:28px}
.tarjeta{display:grid;align-content:start;gap:8px;background:var(--surface);border-radius:var(--r);padding:22px;text-decoration:none;color:var(--ink);transition:background .2s}
.tarjeta:hover{background:var(--surface-2)}
.tarjeta .cat{font-size:13px;font-weight:600;color:var(--amber-ink)}
.tarjeta strong{font-size:19px;line-height:1.25;letter-spacing:-.015em}
.tarjeta span:last-child{font-size:15px;color:var(--muted);line-height:1.45}
.cats{margin-top:28px;font-size:var(--step-small);color:var(--muted)}
.bpie{background:var(--navy);color:#fff;padding-block:48px 56px}
.bpie .wrap{display:grid;gap:14px}
.bpie a{color:#fff;text-decoration:none}
.bpie a:hover{color:var(--amber)}
.bpie p{color:#D7DBE6}
.bpie ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:15px}
.bpie small{color:#A9B0C6;font-size:13px}
@media (max-width:900px){.tarjetas{grid-template-columns:1fr}}
@media (max-width:640px){.cuerpo{font-size:17px}.tabla table{font-size:14.5px}.tabla th,.tabla td{padding:9px 10px}}