/* Corpus de historia argentina — hoja de estilo única.
   Tinta sobre papel: serif para lectura larga, sans para interfaz.
   El estado de verificación de cada afirmación va codificado en color. */

:root{
  --papel:#faf8f4; --papel-2:#f2eee6; --papel-3:#e8e2d6;
  --tinta:#1c1917; --tinta-2:#514c46; --tinta-3:#8a8279;
  --borde:#ddd5c7; --acento:#9a3412; --acento-2:#c2410c; --realce:#fef3c7;
  --ok:#3f6212; --ok-bg:#ecfccb; --duda:#a16207; --duda-bg:#fef9c3;
  --alerta:#9f1239; --alerta-bg:#ffe4e6; --frio:#1e40af; --frio-bg:#dbeafe;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif;
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
  --ancho:min(100% - 2.5rem, 46rem); --ancho-2:min(100% - 2.5rem, 68rem);
  --sombra:0 1px 2px rgba(28,25,23,.05),0 4px 14px rgba(28,25,23,.06);
}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){
  --papel:#14120f; --papel-2:#1c1916; --papel-3:#26221d;
  --tinta:#eee8dd; --tinta-2:#b5aa9a; --tinta-3:#857c70;
  --borde:#332e27; --acento:#fb923c; --acento-2:#fdba74; --realce:#3b2f14;
  --ok:#a3e635; --ok-bg:#1f2e10; --duda:#fcd34d; --duda-bg:#33280a;
  --alerta:#fda4af; --alerta-bg:#3d1120; --frio:#93c5fd; --frio-bg:#111f3d;
  --sombra:0 1px 2px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.35);
}}
:root[data-theme="dark"]{
  --papel:#14120f; --papel-2:#1c1916; --papel-3:#26221d;
  --tinta:#eee8dd; --tinta-2:#b5aa9a; --tinta-3:#857c70;
  --borde:#332e27; --acento:#fb923c; --acento-2:#fdba74; --realce:#3b2f14;
  --ok:#a3e635; --ok-bg:#1f2e10; --duda:#fcd34d; --duda-bg:#33280a;
  --alerta:#fda4af; --alerta-bg:#3d1120; --frio:#93c5fd; --frio-bg:#111f3d;
  --sombra:0 1px 2px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
body{margin:0;background:var(--papel);color:var(--tinta);
  font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%}
[hidden]{display:none!important}
a{color:var(--acento);text-underline-offset:.18em;text-decoration-thickness:.06em}
a:hover{color:var(--acento-2)}
.saltar{position:absolute;left:-9999px}
.saltar:focus{left:1rem;top:1rem;z-index:99;background:var(--papel);padding:.6rem 1rem;
  border:2px solid var(--acento);border-radius:6px}

/* ---------------------------------------------------------------- barra */
.barra{position:sticky;top:env(safe-area-inset-top,0);z-index:20;display:flex;
  align-items:center;gap:1.25rem;flex-wrap:wrap;
  padding:.7rem max(1.25rem,env(safe-area-inset-left));
  background:color-mix(in srgb,var(--papel) 88%,transparent);
  backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid var(--borde)}
.marca{font-family:var(--serif);font-size:1.05rem;font-weight:600;color:var(--tinta);
  text-decoration:none;line-height:1.15;display:flex;flex-direction:column}
.marca span{font-family:var(--sans);font-size:.68rem;font-weight:500;color:var(--tinta-3);
  letter-spacing:.09em;text-transform:uppercase}
.barra nav{display:flex;gap:.25rem;flex-wrap:wrap;margin-left:auto}
.barra nav a{color:var(--tinta-2);text-decoration:none;font-size:.85rem;font-weight:500;
  padding:.35rem .7rem;border-radius:999px}
.barra nav a:hover{background:var(--papel-3);color:var(--tinta)}
.barra nav a.activo{background:var(--tinta);color:var(--papel)}
#tema{background:var(--papel-2);color:var(--tinta-2);border:1px solid var(--borde);
  border-radius:999px;width:2rem;height:2rem;cursor:pointer;font-size:.9rem;line-height:1}
#tema:hover{color:var(--tinta);border-color:var(--tinta-3)}

/* -------------------------------------------------------------- lectura */
main{min-height:60vh}
.lectura{width:var(--ancho);margin:3rem auto}
.lectura.ancho{width:var(--ancho-2)}
.kicker{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--acento);font-weight:700;margin:0 0 .5rem}
.lectura h1{font-family:var(--serif);font-size:clamp(1.9rem,5vw,2.9rem);line-height:1.12;
  margin:0 0 1rem;letter-spacing:-.02em;font-weight:600}
.lectura h2{font-family:var(--serif);font-size:clamp(1.35rem,3.4vw,1.85rem);
  margin:2.8rem 0 .8rem;line-height:1.2;letter-spacing:-.01em;font-weight:600;
  padding-top:.9rem;border-top:1px solid var(--borde)}
.lectura h3{font-size:1.08rem;margin:1.9rem 0 .5rem;font-weight:700;letter-spacing:-.005em}
.lectura h4{font-size:.95rem;margin:1.4rem 0 .4rem;color:var(--tinta-2)}
.lectura p,.lectura li{font-family:var(--serif);font-size:1.055rem;line-height:1.7}
.lectura li{margin:.35rem 0}
.lectura .bajada{font-size:1.2rem;line-height:1.6;color:var(--tinta-2);margin-bottom:2rem}
.lectura strong{font-weight:700;color:var(--tinta)}
.lectura blockquote{margin:1.5rem 0;padding:.9rem 1.3rem;border-left:3px solid var(--acento);
  background:var(--papel-2);border-radius:0 8px 8px 0}
.lectura blockquote p{font-size:1rem;color:var(--tinta-2)}
.lectura blockquote p:last-child{margin-bottom:0}
.lectura blockquote p:first-child{margin-top:0}
.lectura hr{border:0;border-top:1px solid var(--borde);margin:2.5rem 0}
code{font-family:var(--mono);font-size:.855em;background:var(--papel-3);
  padding:.12em .38em;border-radius:4px;word-break:break-word}
a.xref{text-decoration:none;border-bottom:1px dashed var(--acento)}
a.xref code{background:var(--realce);color:var(--acento)}
a.xref:hover code{background:var(--acento);color:var(--papel)}

/* tablas: scroll propio, nunca desbordan la página */
.lectura table{width:100%;border-collapse:collapse;margin:0;font-family:var(--sans);
  font-size:.87rem;line-height:1.5}
.lectura table th{text-align:left;font-weight:700;background:var(--papel-3);
  padding:.6rem .75rem;border-bottom:2px solid var(--borde);
  position:sticky;top:0;font-size:.78rem;letter-spacing:.03em;text-transform:uppercase}
.lectura table td{padding:.6rem .75rem;border-bottom:1px solid var(--borde);
  vertical-align:top}
.lectura table tr:last-child td{border-bottom:0}
.tw{overflow-x:auto;margin:1.5rem 0;border:1px solid var(--borde);border-radius:10px;
  background:var(--papel-2);max-height:none}

/* ------------------------------------------------------------- insignias */
.meta{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 2rem}
.badge{font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.02em;
  padding:.25rem .6rem;border-radius:999px;background:var(--papel-3);color:var(--tinta-2);
  border:1px solid var(--borde);white-space:nowrap}
.badge.e-actualizado{background:var(--ok-bg);color:var(--ok);border-color:transparent}
.badge.e-provisional{background:var(--duda-bg);color:var(--duda);border-color:transparent}
.badge.c-alta{background:var(--ok-bg);color:var(--ok);border-color:transparent}
.badge.c-media{background:var(--duda-bg);color:var(--duda);border-color:transparent}
.badge.c-baja{background:var(--alerta-bg);color:var(--alerta);border-color:transparent}
.badge.tema{background:transparent;color:var(--tinta-3)}

.regla-destacada{font-family:var(--serif);font-size:1.02rem;line-height:1.6;
  background:var(--papel-2);border:1px solid var(--borde);border-left:3px solid var(--acento);
  padding:1rem 1.25rem;border-radius:0 10px 10px 0;margin:1.5rem 0;color:var(--tinta-2)}
.retro{margin-top:3.5rem;padding-top:1.25rem;border-top:1px solid var(--borde)}
.retro h2{font-family:var(--sans);font-size:.72rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--tinta-3);border:0;padding:0;margin:0 0 .5rem}
.retro p{font-family:var(--sans);font-size:.88rem;line-height:1.9}

/* --------------------------------------------------------------- portada */
.portada .hero{width:var(--ancho-2);margin:4.5rem auto 3rem;text-align:center}
.portada .hero h1{font-family:var(--serif);font-size:clamp(2.6rem,8vw,4.75rem);
  line-height:1.03;letter-spacing:-.035em;margin:0 0 1.1rem;font-weight:600}
.portada .bajada{font-family:var(--serif);font-size:clamp(1.05rem,2.4vw,1.3rem);
  color:var(--tinta-2);max-width:40rem;margin:0 auto 2.5rem;line-height:1.55}
.cifras{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2.75rem;margin-top:2.5rem}
.cifras div{display:flex;flex-direction:column}
.cifras strong{font-family:var(--serif);font-size:2rem;line-height:1;color:var(--acento)}
.cifras span{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--tinta-3);margin-top:.3rem}

.buscador{position:relative;max-width:34rem;margin:0 auto}
#q,.filtros input{width:100%;font:inherit;font-size:1rem;padding:.8rem 1.1rem;
  border-radius:999px;border:1px solid var(--borde);background:var(--papel-2);
  color:var(--tinta)}
#q:focus,.filtros input:focus{outline:2px solid var(--acento);outline-offset:1px;
  border-color:transparent}
#resultados{position:absolute;top:calc(100% + .5rem);left:0;right:0;z-index:30;
  background:var(--papel);border:1px solid var(--borde);border-radius:12px;
  box-shadow:var(--sombra);max-height:60vh;overflow-y:auto;text-align:left;padding:.4rem}
#resultados a{display:block;padding:.6rem .8rem;border-radius:8px;text-decoration:none;
  color:var(--tinta)}
#resultados a:hover,#resultados a.sel{background:var(--papel-3)}
#resultados strong{display:block;font-size:.92rem}
#resultados em{font-style:normal;font-size:.78rem;color:var(--tinta-3)}
#resultados .vacio{padding:1rem;color:var(--tinta-3);font-size:.9rem}

.capas{width:var(--ancho-2);margin:4rem auto}
.capas h2{font-family:var(--serif);font-size:1.6rem;margin:0 0 1.25rem;font-weight:600}
.rejilla-capas{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.capa-card{background:var(--papel-2);border:1px solid var(--borde);border-radius:14px;
  padding:1.4rem}
.capa-card .etiq{font-size:.66rem;letter-spacing:.11em;text-transform:uppercase;
  color:var(--acento);font-weight:700}
.capa-card h3{font-family:var(--serif);font-size:1.3rem;margin:.5rem 0 .5rem;font-weight:600}
.capa-card p{font-size:.9rem;color:var(--tinta-2);margin:0 0 1rem;line-height:1.6}
.capa-card a{font-size:.87rem;font-weight:600;text-decoration:none}

.destacado-incert{width:var(--ancho-2);margin:4rem auto;background:var(--papel-2);
  border:1px solid var(--borde);border-left:4px solid var(--acento);
  border-radius:0 16px 16px 0;padding:2rem}
.destacado-incert h2{font-family:var(--serif);font-size:1.9rem;margin:.3rem 0 .75rem;
  font-weight:600}
.destacado-incert p{font-family:var(--serif);color:var(--tinta-2);max-width:44rem;
  line-height:1.65;margin:0 0 1.4rem}
.boton{display:inline-block;background:var(--acento);color:var(--papel);font-weight:600;
  font-size:.9rem;padding:.65rem 1.3rem;border-radius:999px;text-decoration:none}
.boton:hover{background:var(--acento-2);color:var(--papel)}

.rejilla{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}
.tarjeta{display:block;background:var(--papel-2);border:1px solid var(--borde);
  border-radius:12px;padding:1rem 1.1rem;text-decoration:none;color:var(--tinta)}
.tarjeta:hover{border-color:var(--acento);background:var(--papel-3);color:var(--tinta)}
.tarjeta .num{font-family:var(--mono);font-size:.7rem;color:var(--tinta-3)}
.tarjeta h2,.tarjeta h3{font-family:var(--serif);font-size:1.02rem;margin:.3rem 0 0;line-height:1.3;
  font-weight:600}
.tarjeta.mono{grid-column:span 2}
.tarjeta.mono h2{margin:.3rem 0 0}
.tarjeta.mono p{font-size:.84rem;color:var(--tinta-2);margin:.4rem 0 0;line-height:1.55}
@media (max-width:34rem){.tarjeta.mono{grid-column:span 1}}

.lista-cap{display:flex;flex-direction:column;gap:.5rem;margin-top:2rem}
.fila-cap{display:flex;gap:1rem;padding:1rem;border:1px solid var(--borde);
  border-radius:12px;background:var(--papel-2);text-decoration:none;color:var(--tinta)}
.fila-cap:hover{border-color:var(--acento);color:var(--tinta)}
.fila-cap .num{font-family:var(--mono);font-size:1.4rem;color:var(--tinta-3);line-height:1}
.fila-cap h2,.fila-cap h3{font-family:var(--serif);font-size:1.15rem;margin:0 0 .25rem;font-weight:600}
.fila-cap p{font-size:.85rem;color:var(--tinta-2);margin:0;line-height:1.55}

/* ---------------------------------------------------------------- fichas */
.filtros{margin:1.5rem 0 1rem}
.chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.75rem}
.chip{font-size:.75rem;font-weight:600;padding:.3rem .7rem;border-radius:999px;
  border:1px solid var(--borde);background:var(--papel-2);color:var(--tinta-2);cursor:pointer}
.chip:hover{border-color:var(--tinta-3);color:var(--tinta)}
.chip[aria-pressed="true"]{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
.lista-fichas{display:flex;flex-direction:column;gap:.5rem}
.item-ficha{display:block;padding:.9rem 1.1rem;border:1px solid var(--borde);
  border-radius:12px;background:var(--papel-2);text-decoration:none;color:var(--tinta)}
.item-ficha:hover{border-color:var(--acento);color:var(--tinta)}
.item-ficha .fid{font-family:var(--mono);font-size:.72rem;color:var(--acento)}
.item-ficha p{font-family:var(--serif);font-size:.98rem;margin:.35rem 0 .5rem;line-height:1.55}
.item-ficha .meta{margin:0;gap:.3rem}

/* -------------------------------------------------------- incertidumbre */
.grupo-incert{margin:2.5rem 0}
.grupo-incert h2{display:flex;align-items:center;gap:.6rem}
.cuenta{font-family:var(--sans);font-size:.78rem;font-weight:700;background:var(--papel-3);
  color:var(--tinta-2);padding:.15rem .6rem;border-radius:999px}
.i-circ h2,.i-sincifra h2{color:var(--alerta)}
.i-circ .cuenta,.i-sincifra .cuenta{background:var(--alerta-bg);color:var(--alerta)}
.i-baja h2,.i-provisional h2{color:var(--duda)}
.i-baja .cuenta,.i-provisional .cuenta{background:var(--duda-bg);color:var(--duda)}
.i-debatido h2,.i-indirecta h2{color:var(--frio)}
.i-debatido .cuenta,.i-indirecta .cuenta{background:var(--frio-bg);color:var(--frio)}
ul.incert{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;
  gap:.5rem}
ul.incert li{background:var(--papel-2);border:1px solid var(--borde);border-radius:10px;
  padding:.8rem 1rem}
ul.incert li p{font-family:var(--serif);font-size:.95rem;margin:.35rem 0 0;
  color:var(--tinta-2);line-height:1.55}
ul.incert code{font-size:.75rem}

/* ------------------------------------------------------------------- pie */
.pie{border-top:1px solid var(--borde);margin-top:5rem;background:var(--papel-2);
  padding:2.5rem max(1.25rem,env(safe-area-inset-left))
          calc(2.5rem + env(safe-area-inset-bottom,0))}
.pie p{width:var(--ancho-2);margin:0 auto .6rem;font-size:.85rem;color:var(--tinta-2);
  line-height:1.6}
.pie .tenue{color:var(--tinta-3);font-size:.8rem}

@media (max-width:40rem){
  .lectura{margin:2rem auto}
  .barra{gap:.6rem;padding:.6rem 1rem}
  .barra nav{width:100%;margin-left:0;order:3;overflow-x:auto}
  .portada .hero{margin-top:2.5rem}
  .destacado-incert{padding:1.5rem}
}
@media print{.barra,.pie,#tema,.buscador,.filtros{display:none}
  .lectura{width:100%}a{color:inherit;text-decoration:none}}

/* ------------------------------------------------- línea de tiempo del corpus */
:root{
  --e-estructural:#9a3412; --e-economico:#166534; --e-violencia:#9f1239;
  --e-relevante:#78716c;   --e-educacion:#1d4ed8; --e-salud:#0e7490;
  --e-cultura:#7e22ce;     --e-mujeres:#be185d;   --e-mundo:#a16207;
}
:root:not([data-theme="light"]){}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){
  --e-estructural:#fb923c; --e-economico:#4ade80; --e-violencia:#fb7185;
  --e-relevante:#a8a29e;   --e-educacion:#60a5fa; --e-salud:#22d3ee;
  --e-cultura:#c084fc;     --e-mujeres:#f472b6;   --e-mundo:#fbbf24;
}}
:root[data-theme="dark"]{
  --e-estructural:#fb923c; --e-economico:#4ade80; --e-violencia:#fb7185;
  --e-relevante:#a8a29e;   --e-educacion:#60a5fa; --e-salud:#22d3ee;
  --e-cultura:#c084fc;     --e-mujeres:#f472b6;   --e-mundo:#fbbf24;
}

.leyenda{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin:1.5rem 0 .5rem;
  font-size:.8rem;color:var(--tinta-2)}
.leyenda span{display:flex;align-items:center;gap:.45rem}
.leyenda i.mu{display:inline-block;width:10px;height:5px;border-radius:2px;
  background:var(--tinta-2)}
.leyenda i.mu.ext{width:34px}
.leyenda i.mu.aprox{width:22px;opacity:.5;
  background:repeating-linear-gradient(90deg,var(--tinta-2) 0 2px,transparent 2px 4px)}

.mapa-temporal{width:100%;height:auto;display:block;margin:.5rem 0 2rem;
  background:var(--papel-2);border:1px solid var(--borde);border-radius:12px;
  padding:.5rem 0}
.mapa-temporal .tick{stroke:var(--borde);stroke-width:1}
.mapa-temporal .tick-rot{fill:var(--tinta-3);font:500 9px var(--sans);text-anchor:middle}
.mapa-temporal .eje-rot{fill:var(--tinta-3);font:600 8.5px var(--sans);
  letter-spacing:.06em;text-transform:uppercase}
.mapa-temporal .eje-n{fill:var(--tinta-3);opacity:.6;font-weight:500}
.mapa-temporal .m{fill:var(--tinta-2);opacity:.85}
.mapa-temporal .m.aprox{opacity:.45}
.mapa-temporal .m.incierta{fill:none;stroke:var(--tinta-2);stroke-width:1;
  stroke-dasharray:2 1.5}
.mapa-temporal .eje[data-eje="estructural"] .m{fill:var(--e-estructural)}
.mapa-temporal .eje[data-eje="economico"]   .m{fill:var(--e-economico)}
.mapa-temporal .eje[data-eje="violencia"]   .m{fill:var(--e-violencia)}
.mapa-temporal .eje[data-eje="relevante"]   .m{fill:var(--e-relevante)}
.mapa-temporal .eje[data-eje="educacion"]   .m{fill:var(--e-educacion)}
.mapa-temporal .eje[data-eje="salud"]       .m{fill:var(--e-salud)}
.mapa-temporal .eje[data-eje="cultura"]     .m{fill:var(--e-cultura)}
.mapa-temporal .eje[data-eje="mujeres"]     .m{fill:var(--e-mujeres)}
.mapa-temporal .eje[data-eje="mundo"]       .m{fill:var(--e-mundo)}
.mapa-temporal .eje.apagado{opacity:.12}
.mapa-temporal .m{cursor:pointer;transition:opacity .12s}
.mapa-temporal .m.destacada{stroke:var(--tinta);stroke-width:1.2}

h2.corte{display:flex;align-items:baseline;gap:.6rem;font-family:var(--serif);
  font-size:1.25rem;margin:2.2rem 0 .6rem;padding-top:.7rem;
  border-top:1px solid var(--borde)}
ol.eventos{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}
li.ev{display:flex;gap:.9rem;padding:.55rem .7rem;border-radius:8px;
  border-left:3px solid transparent}
li.ev:nth-child(odd){background:var(--papel-2)}
li.ev:hover{background:var(--papel-3)}
li.ev.destacada{border-left-color:var(--acento);background:var(--realce)}
.ev-fecha{flex:0 0 7.5rem;display:flex;align-items:baseline;gap:.3rem}
.ev-fecha code{background:transparent;padding:0;font-size:.82rem;color:var(--tinta-2);
  font-weight:600}
.rango{color:var(--acento);font-weight:700;font-size:.8rem;cursor:help}
.ev-cuerpo{flex:1;min-width:0}
.ev-cuerpo p{font-family:var(--serif);font-size:.96rem;margin:0;line-height:1.5}
.ev-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.3rem}
.ev-meta .badge{font-size:.65rem;padding:.12rem .45rem;border:0;color:var(--papel)}
.badge.eje-estructural{background:var(--e-estructural)}
.badge.eje-economico{background:var(--e-economico)}
.badge.eje-violencia{background:var(--e-violencia)}
.badge.eje-relevante{background:var(--e-relevante)}
.badge.eje-educacion{background:var(--e-educacion)}
.badge.eje-salud{background:var(--e-salud)}
.badge.eje-cultura{background:var(--e-cultura)}
.badge.eje-mujeres{background:var(--e-mujeres)}
.badge.eje-mundo{background:var(--e-mundo)}
.cita-ev{font-size:.7rem;color:var(--tinta-3);font-style:italic}
.chip-ficha{font-family:var(--mono);font-size:.64rem;padding:.12rem .4rem;
  border-radius:4px;background:var(--papel-3);color:var(--acento);text-decoration:none}
.chip-ficha:hover{background:var(--acento);color:var(--papel)}
.ev-origen{font-size:.68rem;color:var(--tinta-3);text-decoration:none;
  border-bottom:1px dotted var(--tinta-3)}
.ev-origen:hover{color:var(--acento)}
.chip-eje[aria-pressed="true"]{background:var(--acento);border-color:var(--acento);
  color:var(--papel)}

@media (max-width:40rem){
  li.ev{flex-direction:column;gap:.2rem}
  .ev-fecha{flex:none}
  .mapa-temporal{padding:.25rem 0}
}
@media (prefers-reduced-motion:reduce){
  .mapa-temporal .m{transition:none}
}

/* ------------------------------------------------------------- recorridos */
.recorrido .bajada{font-family:var(--serif)}
.bloque{margin:2.2rem 0}
.bloque h2{font-family:var(--sans);font-size:.72rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--tinta-3);border:0;padding:0;margin:0 0 .7rem;
  font-weight:700}

/* el documento es el objeto central de la estación */
.b-documento{background:var(--papel-2);border:1px solid var(--borde);
  border-radius:14px;padding:1.4rem 1.5rem;margin:1.5rem 0 2.5rem}
.b-documento h2{color:var(--acento)}
.b-documento blockquote{margin:0 0 .9rem;padding:0 0 0 1.1rem;background:transparent;
  border-left:3px solid var(--acento);border-radius:0}
.b-documento blockquote p{font-family:var(--serif);font-size:1.08rem;line-height:1.75;
  color:var(--tinta)}
.b-documento > p:last-child{font-size:.82rem;color:var(--tinta-3);margin:0;
  font-family:var(--sans);line-height:1.5}

.b-escena p{font-size:1.08rem}
.b-sabemos,.b-inferimos,.b-nosabemos,.b-sostiene{border-left:3px solid var(--borde);
  padding-left:1rem}
.b-sabemos{border-left-color:var(--ok)}
.b-inferimos{border-left-color:var(--duda)}
.b-nosabemos{border-left-color:var(--alerta)}
.b-sostiene{border-left-color:var(--frio)}
.b-sabemos h2{color:var(--ok)}
.b-inferimos h2{color:var(--duda)}
.b-nosabemos h2{color:var(--alerta)}
.b-sostiene h2{color:var(--frio)}
.b-sabemos li,.b-inferimos li,.b-nosabemos li,.b-sostiene li{font-size:.98rem}
.b-sostiene li{font-family:var(--sans);font-size:.88rem}

/* navegación por pasos: grande, persistente, con progreso textual */
.pasos{display:flex;align-items:center;gap:1rem;margin:3rem 0 1.5rem;
  padding:1rem 0;border-top:1px solid var(--borde);flex-wrap:wrap}
.nav-paso{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1.2rem;
  border-radius:999px;background:var(--papel-2);border:1px solid var(--borde);
  color:var(--tinta);text-decoration:none;font-weight:600;font-size:.92rem;
  min-height:44px}
.nav-paso:hover{border-color:var(--acento);color:var(--acento)}
.nav-paso.destacado{background:var(--acento);color:var(--papel);border-color:var(--acento)}
.nav-paso.destacado:hover{background:var(--acento-2);color:var(--papel)}
.nav-paso.vacio{flex:0 0 auto;width:0;padding:0;border:0;background:none}
.nav-paso.sig{margin-left:auto}
.progreso{display:flex;flex-direction:column;align-items:center;gap:.5rem;
  font-size:.8rem;color:var(--tinta-3);font-weight:600;order:3;width:100%}
.puntos{display:flex;gap:.4rem}
.punto{width:9px;height:9px;border-radius:50%;background:var(--borde);
  display:block;transition:background .15s}
.punto:hover{background:var(--tinta-3)}
.punto.activo{background:var(--acento);transform:scale(1.25)}
@media (min-width:38rem){.progreso{order:0;width:auto;margin:0 auto}}

.indice-est{display:flex;flex-direction:column;gap:2px;margin:1rem 0}
.fila-est{display:flex;gap:.9rem;align-items:baseline;padding:.65rem .8rem;
  border-radius:8px;text-decoration:none;color:var(--tinta);background:var(--papel-2)}
.fila-est:hover{background:var(--papel-3);color:var(--tinta)}
.fila-est.activa{background:var(--realce);border-left:3px solid var(--acento)}
.fila-est .num{font-family:var(--mono);font-size:.78rem;color:var(--acento);
  font-weight:700;flex:0 0 1.2rem}
.fila-est span:last-child{font-family:var(--serif);font-size:.98rem}
.otras-est{margin-top:1rem}
.otras-est summary{cursor:pointer;font-size:.85rem;color:var(--tinta-3);
  font-weight:600;padding:.4rem 0}
.otras-est summary:hover{color:var(--acento)}
.enlace-sec{display:inline-block;margin-left:1rem;font-size:.85rem;font-weight:600;
  text-decoration:none}

.en-recorridos{margin-top:2.5rem;padding:1rem 1.2rem;background:var(--papel-2);
  border:1px solid var(--borde);border-left:3px solid var(--acento);
  border-radius:0 10px 10px 0}
.en-recorridos h2{font-family:var(--sans);font-size:.72rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--tinta-3);border:0;padding:0;margin:0 0 .5rem}
.en-recorridos a{font-family:var(--serif);font-size:1rem;font-weight:600}
.en-recorridos p{font-size:.85rem;color:var(--tinta-2);margin:.3rem 0 0;
  font-family:var(--sans)}

/* El mapa no se encoge por debajo de lo legible: se desplaza, y avisa. */
.mapa-envoltorio{position:relative;margin:.5rem 0 2rem}
.mapa-scroll{overflow-x:auto;overflow-y:hidden;border:1px solid var(--borde);
  border-radius:12px;background:var(--papel-2)}
.mapa-scroll:focus-visible{outline:2px solid var(--acento);outline-offset:2px}
.mapa-scroll .mapa-temporal{margin:0;border:0;border-radius:0;min-width:880px}
.borde-izq,.borde-der{position:absolute;top:1px;bottom:1px;width:2.2rem;
  pointer-events:none;opacity:0;transition:opacity .18s;border-radius:12px}
.borde-izq{left:1px;background:linear-gradient(90deg,var(--papel-2),transparent)}
.borde-der{right:1px;background:linear-gradient(270deg,var(--papel-2),transparent)}
.mapa-envoltorio.hay-izq .borde-izq,
.mapa-envoltorio.hay-der .borde-der{opacity:1}
.aviso-scroll{font-size:.78rem;color:var(--tinta-3);margin:.5rem 0 0;display:none}
.mapa-envoltorio.desborda .aviso-scroll{display:block}
@media (min-width:60rem){
  .mapa-scroll .mapa-temporal{min-width:0}
}
@media (prefers-reduced-motion:reduce){
  .borde-izq,.borde-der{transition:none}
}