/* saberhoy.com — hoja única. Tokens del sistema de diseño (2-diseno/componentes.md, sección 4). */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:300 800;font-stretch:75% 100%;font-display:swap;src:url(/assets/fonts/bricolage-grotesque.woff2) format('woff2')}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/source-serif-4.woff2) format('woff2')}
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:400 700;font-display:swap;src:url(/assets/fonts/source-serif-4-italica.woff2) format('woff2')}

/* ── tokens: claro ── */
:root{
  color-scheme:light;
  --bg:#fbfaf7;--sup:#f2f0ec;--tinta:#1d1713;--tinta-2:#58514c;--linea:#d7d4ce;--on-sec:#fff;
  --sec-educacion:#3860ac;--sec-educacion-t:#e7f1ff;
  --sec-economia:#007a5f;--sec-economia-t:#e0f6ef;
  --sec-salud:#a03f3c;--sec-salud-t:#ffeae8;
  --sec-belleza:#954074;--sec-belleza-t:#fdeaf4;
  --sec-turismo:#007296;--sec-turismo-t:#dff5fc;
  --sec-vivienda:#796100;--sec-vivienda-t:#f5f0de;
  --sec-gastronomia:#974d00;--sec-gastronomia-t:#fdede0;
  --sec-tecnologia:#6f4fa1;--sec-tecnologia-t:#f2edff;
  --sec-jardineria:#357426;--sec-jardineria-t:#e8f5e5;
  --titulo:'Bricolage Grotesque',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --texto:'Source Serif 4',Georgia,'Times New Roman',serif;
  --mono:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
  --ancho:1240px;--margen:clamp(16px,4vw,40px);
  --e1:4px;--e2:8px;--e3:12px;--e4:16px;--e5:24px;--e6:32px;--e7:48px;--e8:72px;
  --sec:var(--tinta);--sec-t:var(--sup)
}
/* ── tokens: oscuro (preferencia del sistema, salvo que el lector eligió claro) ── */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#110f0d;--sup:#1c1916;--tinta:#f0eeea;--tinta-2:#b6b4af;--linea:#3b3734;--on-sec:#110f0d;
    --sec-educacion:#97beff;--sec-educacion-t:#1b2435;--sec-economia:#66d5ba;--sec-economia-t:#0f2a23;
    --sec-salud:#fda19a;--sec-salud-t:#331d1b;--sec-belleza:#f1a1ce;--sec-belleza-t:#301d28;
    --sec-turismo:#60ceef;--sec-turismo-t:#0e2830;--sec-vivienda:#d4bd67;--sec-vivienda-t:#29240f;
    --sec-gastronomia:#f2ad73;--sec-gastronomia-t:#312012;--sec-tecnologia:#c8aefa;--sec-tecnologia-t:#272033;
    --sec-jardineria:#98cf8b;--sec-jardineria-t:#1b2818
  }
}
/* ── tokens: oscuro elegido con el botón ── */
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#110f0d;--sup:#1c1916;--tinta:#f0eeea;--tinta-2:#b6b4af;--linea:#3b3734;--on-sec:#110f0d;
  --sec-educacion:#97beff;--sec-educacion-t:#1b2435;--sec-economia:#66d5ba;--sec-economia-t:#0f2a23;
  --sec-salud:#fda19a;--sec-salud-t:#331d1b;--sec-belleza:#f1a1ce;--sec-belleza-t:#301d28;
  --sec-turismo:#60ceef;--sec-turismo-t:#0e2830;--sec-vivienda:#d4bd67;--sec-vivienda-t:#29240f;
  --sec-gastronomia:#f2ad73;--sec-gastronomia-t:#312012;--sec-tecnologia:#c8aefa;--sec-tecnologia-t:#272033;
  --sec-jardineria:#98cf8b;--sec-jardineria-t:#1b2818
}

/* color de sección: cada bloque declara su familia */
.s-educacion{--sec:var(--sec-educacion);--sec-t:var(--sec-educacion-t)}
.s-economia{--sec:var(--sec-economia);--sec-t:var(--sec-economia-t)}
.s-salud{--sec:var(--sec-salud);--sec-t:var(--sec-salud-t)}
.s-belleza{--sec:var(--sec-belleza);--sec-t:var(--sec-belleza-t)}
.s-turismo{--sec:var(--sec-turismo);--sec-t:var(--sec-turismo-t)}
.s-vivienda{--sec:var(--sec-vivienda);--sec-t:var(--sec-vivienda-t)}
.s-gastronomia{--sec:var(--sec-gastronomia);--sec-t:var(--sec-gastronomia-t)}
.s-tecnologia{--sec:var(--sec-tecnologia);--sec-t:var(--sec-tecnologia-t)}
.s-jardineria{--sec:var(--sec-jardineria);--sec-t:var(--sec-jardineria-t)}
.s-otras{--sec:var(--tinta);--sec-t:var(--sup)}

/* ── base ── */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--tinta);font-family:var(--texto);-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--tinta);outline-offset:3px}
img,svg{max-width:100%}
img{height:auto}
button,input{font:inherit}
main{flex:1;width:100%}
.contenedor{width:100%;max-width:var(--ancho);margin:0 auto;padding-left:var(--margen);padding-right:var(--margen)}
.vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.saltar{position:absolute;left:-9999px;top:8px;z-index:50;background:var(--tinta);color:var(--bg);padding:10px 14px;font:700 15px var(--titulo);text-decoration:none}
.saltar:focus{left:16px}
.cuad{display:inline-block;flex:none;width:8px;height:8px;background:var(--sec)}
.cuad--g{width:14px;height:14px}
.rotulo{margin:0;font-family:var(--titulo);font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.mas{display:inline-flex;align-items:center;min-height:44px;font-family:var(--titulo);font-size:15px;font-weight:700;color:var(--tinta)}
.kicker{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font-family:var(--titulo);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--sec);text-decoration:none}
a.kicker:hover{text-decoration:underline}

/* ── logo ── */
.logo{display:inline-flex;align-items:center;gap:10px;color:var(--tinta);text-decoration:none;font-family:var(--titulo)}
.logo__marca{display:grid;grid-template-columns:repeat(3,8px);gap:2px}
.logo__marca span{width:8px;height:8px;background:var(--sec)}
.logo__txt{font-size:30px;line-height:1;font-weight:800;font-stretch:78%;letter-spacing:-.025em}
.logo__txt span{font-weight:300}
.logo--pie .logo__txt{font-size:28px}

/* ── cabecera ── */
.cab{position:relative;background:var(--bg);border-bottom:1px solid var(--linea);font-family:var(--titulo)}
.cab__fila{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.cab__lema{display:none;margin:0 auto 0 0;padding-left:16px;border-left:1px solid var(--linea);font-size:14px;color:var(--tinta-2)}
.cab__acciones{display:flex;align-items:center;gap:4px}
.cab__buscar{display:none}
.cab__lupa{width:44px;height:44px;display:grid;place-items:center;color:var(--tinta)}
.cab__tema{height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 8px;border:0;background:transparent;color:var(--tinta);font-size:14px;cursor:pointer}
.tema-ico{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
.cab__tema-txt{display:none}
.cab__tema-txt::before{content:"Modo oscuro"}
:root[data-theme="dark"] .cab__tema-txt::before{content:"Modo claro"}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cab__tema-txt::before{content:"Modo claro"}}
.cab__menu{height:44px;margin-left:4px;padding:0 14px;border:1.5px solid var(--tinta);background:transparent;color:var(--tinta);font-weight:700;font-size:14px;cursor:pointer}
.cab__nav{display:none}
.menu-movil{position:absolute;left:0;right:0;top:100%;z-index:20;display:flex;flex-direction:column;gap:20px;padding:8px 16px 24px;background:var(--bg);border-bottom:2px solid var(--tinta)}
.menu-movil[hidden]{display:none}
.menu-movil ul{list-style:none;margin:0;padding:0}
.menu-movil__sec{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
.menu-movil__sec a{display:flex;align-items:center;gap:10px;min-height:48px;border-bottom:1px solid var(--linea);color:var(--tinta);text-decoration:none;font-size:17px;font-weight:600}
.menu-movil__sec .cuad{width:10px;height:10px}
.menu-movil__inst{display:flex;flex-wrap:wrap;gap:4px 20px}
.menu-movil__inst a{display:inline-flex;align-items:center;min-height:44px;color:var(--tinta-2);font-size:15px}
@media (min-width:960px){
  .cab__lema{display:block}
  .cab__buscar{display:flex;align-items:center;height:40px;margin-right:4px;border:1.5px solid var(--tinta)}
  .cab__buscar input{width:220px;height:100%;padding:0 12px;border:0;background:transparent;color:var(--tinta);font-size:15px;outline-offset:2px}
  .cab__buscar input::placeholder{color:var(--tinta-2);opacity:1}
  .cab__buscar button{height:100%;padding:0 14px;border:0;background:var(--tinta);color:var(--bg);font-weight:700;font-size:14px;cursor:pointer}
  .cab__lupa,.cab__menu,.menu-movil{display:none!important}
  .cab__tema-txt{display:inline}
  .cab__nav{display:block}
  .cab__nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--linea)}
  .cab__nav a{display:flex;align-items:center;gap:8px;padding:13px 0 10px;border-bottom:3px solid transparent;color:var(--tinta);text-decoration:none;font-size:15px;font-weight:600}
  .cab__nav a:hover{border-bottom-color:var(--linea)}
  .cab__nav a[aria-current]{border-bottom-color:var(--sec)}
}

/* ── tarjeta ── */
.tarjeta{display:flex;flex-direction:column;gap:10px;min-width:0;font-family:var(--titulo);color:var(--tinta)}
.tarjeta__barra{display:block;width:32px;height:4px;background:var(--sec)}
.tarjeta__media{position:relative;display:grid;place-items:center;aspect-ratio:16/10;margin-bottom:4px;overflow:hidden;background:var(--sec-t);color:var(--sec);text-decoration:none}
.tarjeta__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tarjeta__media svg{position:absolute;left:0;top:24%;width:100%;height:52%;display:block}
.tarjeta--grande .tarjeta__media svg{top:21%;height:58%}
.tarjeta__media-sec{position:absolute;left:12px;bottom:10px;font-family:var(--mono);font-size:11px;color:var(--sec)}
.tarjeta__titulo{margin:0;text-wrap:pretty}
.tarjeta__titulo a{padding:2px 0;color:inherit;text-decoration:none}
.tarjeta__titulo a:hover{text-decoration:underline}
.tarjeta--grande .tarjeta__titulo{font-size:clamp(28px,3.3vw,44px);line-height:1.04;font-weight:750;font-stretch:84%;letter-spacing:-.02em;text-wrap:balance}
.tarjeta--grande .tarjeta__titulo a:hover{text-decoration-thickness:2px}
.tarjeta--mediana .tarjeta__titulo{font-size:22px;line-height:1.14;font-weight:680;font-stretch:90%;letter-spacing:-.01em}
.tarjeta--chica .tarjeta__titulo{font-size:18px;line-height:1.2;font-weight:620;font-stretch:94%}
.tarjeta__bajada{margin:0;max-width:60ch;font-family:var(--texto);font-size:18px;line-height:1.5;color:var(--tinta-2);text-wrap:pretty}
.tarjeta__meta{margin:0;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:13px;color:var(--tinta-2)}
@media (min-width:900px){
  .tarjeta--horizontal{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);column-gap:40px;align-items:start}
  .tarjeta--horizontal .tarjeta__media{grid-row:1/6;margin:0}
  .tarjeta--horizontal>*:not(.tarjeta__media){grid-column:2}
}

/* ── listas de tarjetas ── */
.grilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:40px 32px}
.lista-chica{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.lista-chica>li{padding:18px 0;border-bottom:1px solid var(--linea)}

/* ── portada ── */
.home{display:flex;flex-direction:column;gap:clamp(48px,6vw,80px);padding-top:clamp(24px,4vw,40px);padding-bottom:var(--e8)}
.home__arriba{display:flex;flex-wrap:wrap;gap:40px 56px}
.home__principal{flex:2 1 520px;min-width:0}
.home__recientes{flex:1 1 280px;min-width:0;display:flex;flex-direction:column}
.home__recientes .rotulo{margin-bottom:4px;padding-bottom:10px;border-bottom:2px solid var(--tinta)}
.home__recientes .mas{margin-top:8px}
.leido{padding:16px 0 28px;border-top:2px solid var(--tinta);border-bottom:1px solid var(--linea)}
.leido .rotulo{margin-bottom:20px}
.leido ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:24px 32px}
.leido li{display:flex;gap:14px;align-items:flex-start;font-family:var(--titulo)}
.leido__num{min-width:1.1em;font-size:56px;line-height:.8;font-weight:800;font-stretch:75%;color:var(--sec)}
.leido li>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.leido__titulo{padding:3px 0;font-size:17px;line-height:1.22;font-weight:620;font-stretch:94%;color:var(--tinta);text-decoration:none;text-wrap:pretty}
.leido__titulo:hover{text-decoration:underline}
.porsec{display:flex;flex-direction:column;gap:28px}
.porsec__cab{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px}
.porsec__cab h2{margin:0;font-family:var(--titulo);font-size:clamp(32px,4vw,48px);line-height:1;font-weight:800;font-stretch:78%;letter-spacing:-.02em}
.porsec__cab p{margin:0;font-size:16px;color:var(--tinta-2)}
.porsec__grilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:48px 40px}
.bloque{display:flex;flex-direction:column;gap:16px;min-width:0;padding-top:14px;border-top:6px solid var(--sec)}
.bloque__titulo{margin:0;font-family:var(--titulo);font-size:30px;line-height:1;font-weight:800;font-stretch:80%;letter-spacing:-.015em}
.bloque__titulo a{color:var(--sec);text-decoration:none}
.bloque__titulo a:hover{text-decoration:underline}
.bloque__desc{margin:0;font-size:16px;line-height:1.5;color:var(--tinta-2);text-wrap:pretty}
.bloque__item{padding-top:14px;border-top:1px solid var(--linea)}
.bloque .mas{margin-top:auto}
.listado{display:flex;flex-direction:column;gap:32px;padding-top:clamp(20px,3vw,32px);padding-bottom:var(--e8)}

/* ── migas y encabezados de listado ── */
.migas ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-family:var(--titulo);font-size:14px;color:var(--tinta-2)}
.migas a{color:var(--tinta-2);display:inline-flex;align-items:center;min-height:24px}
.migas .migas__sec{color:var(--sec);font-weight:700}
.migas [aria-current]{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cab-listado{display:flex;flex-direction:column;gap:14px;padding-bottom:24px;border-bottom:6px solid var(--sec);font-family:var(--titulo)}
.cab-listado h1{margin:0;display:flex;align-items:center;gap:14px;font-size:clamp(38px,6vw,72px);line-height:1;font-weight:800;font-stretch:78%;letter-spacing:-.025em;color:var(--tinta)}
.cab-listado h1 .cuad{width:.32em;height:.32em}
.cab-listado__desc{margin:0;max-width:62ch;font-family:var(--texto);font-size:clamp(18px,2vw,21px);line-height:1.45;color:var(--tinta-2)}
.cab-listado__cuenta{margin:0;font-family:var(--mono);font-size:13px;color:var(--tinta-2)}

/* ── paginación ── */
.pag{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:8px;font-family:var(--titulo)}
.pag a,.pag span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:1.5px solid var(--linea);color:var(--tinta);text-decoration:none;font-weight:700;font-size:15px}
.pag a:hover{border-color:var(--tinta)}
.pag [aria-current]{background:var(--tinta);border-color:var(--tinta);color:var(--bg)}
.pag .pag__hueco{border-color:transparent;min-width:24px;padding:0}

/* ── otras secciones / franja ── */
.franja{display:flex;flex-direction:column;gap:16px;padding-top:16px;border-top:2px solid var(--tinta)}
.franja h2{margin:0;font-family:var(--titulo);font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1.5px solid var(--linea);color:var(--tinta);text-decoration:none;font-family:var(--titulo);font-size:15px;font-weight:600}
.chips a:hover{border-color:var(--sec)}
.chips small{font-family:var(--mono);font-size:12px;font-weight:400;color:var(--tinta-2)}

/* ── nota ── */
.art-main{padding-top:clamp(20px,3vw,32px);padding-bottom:var(--e8)}
.art{display:grid;grid-template-columns:minmax(0,1fr);row-gap:0}
.art__cab{display:flex;flex-direction:column;gap:18px;max-width:900px;padding-bottom:28px;font-family:var(--titulo)}
.art__kicker{margin:12px 0 0;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--sec)}
.art__kicker a{display:inline-flex;align-items:center;min-height:32px;color:inherit;text-decoration:none}
.art__kicker a:hover{text-decoration:underline}
.art__titulo{margin:0;font-size:clamp(34px,5.4vw,64px);line-height:1.01;font-weight:780;font-stretch:82%;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:break-word}
.art__bajada{margin:0;max-width:62ch;font-family:var(--texto);font-size:clamp(19px,2vw,22px);line-height:1.45;color:var(--tinta-2);text-wrap:pretty}
.art__firma{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;padding-top:16px;border-top:1px solid var(--linea);font-size:14px}
.avatar{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--sup)}
.avatar .logo__marca{grid-template-columns:repeat(3,6px)}
.avatar .logo__marca span{width:6px;height:6px}
.art__quien{display:flex;flex-direction:column;gap:2px;flex:1 1 220px}
.art__quien a{padding:4px 0;font-weight:700;color:var(--tinta)}
.art__rol{color:var(--tinta-2)}
.art__fechas{margin:0;display:flex;flex-wrap:wrap;gap:4px 14px;flex:1 1 300px;color:var(--tinta-2)}
.art__fechas .art__act{color:var(--tinta);font-weight:600}
.art__hero{margin:8px 0 0;display:flex;flex-direction:column;gap:8px}
.art__hero img{display:block;width:100%;background:var(--sup)}
.art__hero--chica img{width:auto;max-width:100%}
.art__hero figcaption{font-family:var(--mono);font-size:12px;color:var(--tinta-2)}
.art__arte{position:relative;margin-top:8px;aspect-ratio:2/1;background:var(--sec-t);color:var(--sec)}
.art__arte svg{position:absolute;left:0;top:15%;width:100%;height:70%;display:block}
.art__indice{display:none}
.art__cuerpo{max-width:700px;min-width:0;display:flex;flex-direction:column;gap:28px}
.indice-movil{border:1.5px solid var(--tinta);font-family:var(--titulo)}
.indice-movil summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 16px;font-size:15px;font-weight:700;cursor:pointer}
.indice-movil summary::-webkit-details-marker{display:none}
.indice-movil summary span{font-family:var(--mono);font-weight:400;font-size:13px;color:var(--sec)}
.indice-movil ol{list-style:none;margin:0;padding:0 16px 8px}
.indice-movil a{display:flex;gap:10px;align-items:center;min-height:44px;border-top:1px solid var(--linea);font-size:16px;line-height:1.3;color:var(--tinta);text-decoration:none}
.indice__num{font-family:var(--mono);font-size:12px;color:var(--sec)}
@media (min-width:1000px){
  .art{grid-template-columns:220px minmax(0,1fr);column-gap:72px}
  /* 13-oct (Martín): la cabecera y la foto toman el ancho de la página, como en tiposdetelas;
     el índice y el cuerpo arrancan debajo */
  .art__cab{grid-column:1 / -1;max-width:none;padding-bottom:40px}
  .art__titulo{max-width:18em}
  .art__cuerpo{grid-column:2}
  .art__cuerpo{grid-row:2}
  .art__arte{aspect-ratio:3/1}
  .art__indice{display:block;grid-column:1;grid-row:2}
  .art__indice nav{position:sticky;top:24px;font-family:var(--titulo)}
  .art__indice h2{margin:0 0 10px;padding-bottom:10px;border-bottom:2px solid var(--tinta);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
  .art__indice ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
  .art__indice a{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--linea);font-size:15px;line-height:1.3;color:var(--tinta);text-decoration:none}
  .art__indice a:hover{color:var(--sec)}
  .art__indice .indice__num{padding-top:2px}
  .indice-movil{display:none}
}

/* ── cuerpo de la nota (HTML del contenido) ── */
.prosa{font-size:clamp(17px,1.1vw + 12px,19px);line-height:1.65;overflow-wrap:break-word}
.prosa>*{margin:0}
.prosa>*+*{margin-top:22px}
.prosa>:first-child{margin-top:0}
.prosa h2{margin-top:50px;font-family:var(--titulo);font-size:clamp(26px,2.6vw,32px);line-height:1.1;font-weight:760;font-stretch:86%;letter-spacing:-.015em;text-wrap:balance;scroll-margin-top:24px}
.prosa h3{margin-top:36px;font-family:var(--titulo);font-size:21px;line-height:1.25;font-weight:700;scroll-margin-top:24px}
.prosa h4{margin-top:28px;font-family:var(--titulo);font-size:18px;line-height:1.3;font-weight:700}
.prosa h2+*,.prosa h3+*,.prosa h4+*{margin-top:12px}
.prosa a{color:var(--tinta);text-decoration-color:var(--sec);text-decoration-thickness:2px}
.prosa a:hover{color:var(--sec)}
.prosa strong,.prosa b{font-weight:700}
.prosa ul{list-style:none;padding:0}
.prosa ul>li{position:relative;padding-left:22px}
.prosa ul>li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;background:var(--sec)}
.prosa ol{list-style:none;padding:0;counter-reset:n}
.prosa ol>li{position:relative;min-height:30px;padding-left:44px;counter-increment:n}
.prosa ol>li::before{content:counter(n);position:absolute;left:0;top:.1em;width:30px;height:30px;display:grid;place-items:center;background:var(--sec);color:var(--on-sec);font:800 17px/1 var(--titulo);font-stretch:80%}
.prosa li+li{margin-top:10px}
.prosa li>ul,.prosa li>ol{margin-top:10px}
.prosa blockquote{padding:4px 0 4px 20px;border-left:4px solid var(--sec);font-style:italic}
.prosa blockquote>*{margin:0}
.prosa blockquote>*+*{margin-top:12px}
.prosa figure{display:flex;flex-direction:column;gap:8px}
.prosa img{display:block;max-width:100%;height:auto}
.prosa figcaption{font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--tinta-2)}
.prosa hr{border:0;border-top:1px solid var(--linea)}
.prosa .tabla-scroll{overflow-x:auto;border-top:2px solid var(--tinta);-webkit-overflow-scrolling:touch}
.prosa table{width:100%;border-collapse:collapse;font-family:var(--titulo);font-size:15px;line-height:1.35}
.prosa th,.prosa td{padding:12px 12px 12px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--linea)}
.prosa th{font-weight:800;font-size:14px;color:var(--sec)}
.prosa thead th{border-bottom-color:var(--tinta)}
.prosa caption{padding:10px 0;text-align:left;font-weight:700;font-size:14px;color:var(--tinta-2)}
.prosa pre{overflow-x:auto;padding:16px;background:var(--sup);border-left:3px solid var(--sec);font:14px/1.5 var(--mono)}
.prosa code{padding:.1em .3em;background:var(--sup);font-family:var(--mono);font-size:.88em}
.prosa pre code{padding:0;background:none;font-size:inherit}
.prosa .embed iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;background:var(--sup)}

/* ── FAQ, firma y relacionadas ── */
.faq{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:2px solid var(--tinta)}
.faq h2{margin:0;font-family:var(--titulo);font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.faq details{border-bottom:1px solid var(--linea)}
.faq summary{min-height:44px;display:flex;align-items:center;padding:8px 0;font-family:var(--titulo);font-size:18px;font-weight:700;cursor:pointer}
.faq details p{margin:0 0 16px}
.firma-box{display:flex;flex-wrap:wrap;gap:18px;padding:22px 0;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);font-family:var(--titulo)}
.firma-box .avatar{width:72px;height:72px}
.firma-box .avatar .logo__marca{grid-template-columns:repeat(3,10px);gap:3px}
.firma-box .avatar .logo__marca span{width:10px;height:10px}
.firma-box__txt{flex:1 1 240px;display:flex;flex-direction:column;gap:6px}
.firma-box__nombre{margin:0;font-size:20px;font-weight:750}
.firma-box__rol{margin:0;font-size:14px;color:var(--tinta-2)}
.firma-box__bio{margin:4px 0 0;font-family:var(--texto);font-size:16px;line-height:1.55}
.relacionadas{margin-top:64px;padding-top:16px;border-top:6px solid var(--sec);display:flex;flex-direction:column;gap:24px}
.relacionadas>h2{margin:0;font-family:var(--titulo);font-size:clamp(28px,3vw,36px);line-height:1;font-weight:800;font-stretch:80%;letter-spacing:-.015em}
.relacionadas .lista-chica{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));column-gap:32px}

/* ── páginas ── */
.pagina{padding-top:clamp(20px,3vw,32px);padding-bottom:var(--e8)}
.pagina__cab{display:flex;flex-direction:column;gap:18px;max-width:900px;padding-bottom:28px;font-family:var(--titulo)}
.pagina--inst .art{display:block}
.pagina--inst .art__cuerpo{max-width:720px}
.pagina__franja{margin-top:64px}
.pagina--inst .art__titulo{font-size:clamp(34px,5vw,56px)}

/* ── calculadora ── */
.calc{margin:4px 0;border:2px solid var(--tinta);font-family:var(--titulo)}
.calc__cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;padding:12px 18px;background:var(--tinta);color:var(--bg)}
.calc__titulo{margin:0;font-size:18px;font-weight:750}
.calc__cab span{font-family:var(--mono);font-size:12px}
.calc__cuerpo{display:flex;flex-wrap:wrap}
.calc__campos{flex:1 1 260px;padding:20px 18px;display:flex;flex-direction:column;gap:16px}
.calc__campo{display:flex;flex-direction:column;gap:6px}
.calc__campo label{font-size:14px;font-weight:700}
.calc__caja{display:flex;align-items:center;height:50px;border:1.5px solid var(--tinta);background:var(--bg)}
.calc__caja input{flex:1;min-width:0;height:100%;padding:0 12px;border:0;background:transparent;color:var(--tinta);font-family:var(--titulo);font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}
.calc__caja span{padding:0 12px;font-size:15px;color:var(--tinta-2)}
.calc__ayuda{font-size:13px;color:var(--tinta-2)}
.calc__res{flex:1 1 260px;padding:20px 18px;display:flex;flex-direction:column;gap:14px;background:var(--sec-t)}
.calc__res p{margin:0}
.calc__etq{font-size:14px;font-weight:700}
.calc__cuota{margin-top:2px!important;font-size:clamp(44px,5vw,56px);line-height:1;font-weight:800;font-stretch:78%;font-variant-numeric:tabular-nums;color:var(--sec)}
.calc__res dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding-top:12px;border-top:1px solid var(--linea);font-size:15px}
.calc__res dd{margin:0;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.calc__expl{margin:0;padding:16px 18px;border-top:1px solid var(--linea);font-family:var(--texto);font-size:16px;line-height:1.55}
.calc__tabla{border-top:1px solid var(--linea)}
.calc__tabla summary{min-height:48px;display:flex;align-items:center;padding:0 18px;font-size:15px;font-weight:700;cursor:pointer}
.calc__tabla .tabla-scroll{margin:0 18px 18px;max-height:420px;overflow:auto;border-top:2px solid var(--tinta)}
.calc__tabla table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.calc__tabla th,.calc__tabla td{padding:8px 10px 8px 0;text-align:right;border-bottom:1px solid var(--linea)}
.calc__tabla th:first-child,.calc__tabla td:first-child{text-align:left}
.calc__tabla thead th{position:sticky;top:0;background:var(--bg);color:var(--sec);font-weight:800}

/* ── buscador ── */
.buscador{display:flex;flex-direction:column;gap:20px;max-width:760px;min-height:100vh}
.buscador__estado{margin:0;min-height:1.4em;font-family:var(--titulo);font-size:15px;font-weight:700}
.resultados{list-style:none;margin:0;padding:0;border-top:2px solid var(--tinta)}
.resultados:empty{border-top:0}
.resultado{padding:20px 0;border-bottom:1px solid var(--linea)}
.resultado__titulo{margin:0 0 6px;font-family:var(--titulo);font-size:21px;line-height:1.2;font-weight:700;text-wrap:pretty}
.resultado__titulo a{padding:2px 0;color:var(--tinta);text-decoration:none}
.resultado__titulo a:hover{text-decoration:underline}
.resultado__extracto{margin:0;font-size:16px;line-height:1.55;color:var(--tinta-2)}
.resultado mark{padding:0 2px;background:var(--linea);color:var(--tinta);font-weight:700}
.mas-resultados{align-self:flex-start;min-height:44px;padding:0 18px;border:1.5px solid var(--tinta);background:transparent;color:var(--tinta);font-family:var(--titulo);font-weight:700;font-size:15px;cursor:pointer}
.mas-resultados[hidden]{display:none}
.buscar-form{display:flex;align-items:center;max-width:560px;height:52px;border:1.5px solid var(--tinta)}
.buscar-form input{flex:1;min-width:0;height:100%;padding:0 14px;border:0;background:transparent;color:var(--tinta);font-family:var(--titulo);font-size:17px}
.buscar-form input::placeholder{color:var(--tinta-2);opacity:1}
.buscar-form button{height:100%;padding:0 18px;border:0;background:var(--tinta);color:var(--bg);font-family:var(--titulo);font-weight:700;font-size:15px;cursor:pointer}
.aviso{margin:0;padding:12px 14px;background:var(--sup);font-family:var(--titulo);font-size:15px}

/* ── 404 ── */
.error{display:flex;flex-direction:column;gap:24px;padding-top:clamp(32px,6vw,72px);padding-bottom:var(--e8)}
.error h1{margin:0;max-width:16ch;font-family:var(--titulo);font-size:clamp(40px,7vw,80px);line-height:1;font-weight:800;font-stretch:78%;letter-spacing:-.025em}
.error__txt{margin:0;max-width:56ch;font-size:clamp(18px,2vw,21px);line-height:1.5;color:var(--tinta-2)}

/* ── pie ── */
.pie{border-top:2px solid var(--tinta);background:var(--sup);font-family:var(--titulo);color:var(--tinta)}
.pie__in{display:flex;flex-wrap:wrap;gap:40px 64px;padding-top:40px;padding-bottom:32px}
.pie__marca{flex:1 1 260px;display:flex;flex-direction:column;gap:12px}
.pie__lema{margin:0;max-width:34ch;font-family:var(--texto);font-size:16px;line-height:1.55;color:var(--tinta-2)}
.pie__rss{align-self:flex-start;display:flex;align-items:center;gap:8px;min-height:44px;font-family:var(--mono);font-size:13px;color:var(--tinta)}
.pie__rss span{width:8px;height:8px;border-radius:50%;background:var(--tinta)}
.pie__mail{margin:0;font-size:15px;color:var(--tinta-2)}
.pie__mail span{color:var(--tinta);font-weight:600}
.pie__nav{flex:2 1 300px}
.pie__nav--inst{flex:1 1 160px}
.pie__nav h2{margin:0 0 12px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-2)}
.pie__nav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:2px 24px}
.pie__nav--inst ul{display:flex;flex-direction:column;gap:2px}
.pie__nav a{display:flex;align-items:center;gap:8px;min-height:44px;color:var(--tinta);font-size:15px}
.pie__nav:not(.pie__nav--inst) a{text-decoration:none;font-weight:600}
.pie__nav:not(.pie__nav--inst) a:hover{text-decoration:underline}
.pie__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:16px;padding-bottom:28px;border-top:1px solid var(--linea);font-family:var(--mono);font-size:12px;color:var(--tinta-2)}