:root{
  /* marca (fija en ambos temas: encabezado y pie son siempre blancos) */
  --ciadh:#005BA6; --ciadh-hondo:#0B3A6B; --cielo:#52B7E8; --turquesa:#3FA3A2;
  --hdr-bg:#FFFFFF; --hdr-ink:#0B2A47; --hdr-muted:#5A6E83; --hdr-line:#E1E8EE;
  /* página */
  --bg:#F4F7F9; --surface:#FFFFFF; --surface-2:#EAF0F4; --ink:#0B2A47; --muted:#526779; --line:#D9E2EA;
  --accent:#005BA6; --accent-2:#1E8C8B; --focus:#005BA6; --band:#0B2A47; --on-band:#EAF2F8; --band-muted:#A9BED1; --band-line:#22476C;
  /* arsénico: rampa semántica del Monitor, de dentro de norma a más de cinco veces el límite */
  --as-ok:#2A8C6C; --as-1:#F0A28D; --as-2:#D2503D; --as-3:#7A1B12; --as-nd:#A7B4C1; --map-gap:#FFFFFF; --map-bg:#EEF3F6;
  --chart-grid:#DFE6EC; --chart-axis:#7C8FA1; --serie:#005BA6; --serie-2:#7C8FA1;
  --f-display:"Manrope","Segoe UI",system-ui,sans-serif;
  --f-body:"Source Serif 4",Georgia,"Times New Roman",serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --fs-xs:12px; --fs-sm:14.5px; --fs-md:17.5px; --fs-lg:20px; --fs-xl:clamp(28px,3.3vw,42px); --fs-hero:clamp(34px,4.4vw,58px);
  --r:10px; --r-lg:16px; --sombra:0 1px 2px rgba(11,42,71,.06),0 18px 40px -22px rgba(11,42,71,.35);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#07172A; --surface:#0D2137; --surface-2:#0A1C30; --ink:#E6EEF5; --muted:#9DB2C6; --line:#1D3955;
  --accent:#62BDF0; --accent-2:#5CC9C4; --focus:#62BDF0; --band:#041120; --on-band:#E6EEF5; --band-muted:#93A9BE; --band-line:#1A3654;
  --map-gap:#0D2137; --map-bg:#0A1C30; --as-nd:#4E6378; --chart-grid:#1B344E; --chart-axis:#7F96AC; --serie:#62BDF0; --serie-2:#7F96AC;
  --sombra:0 18px 40px -22px rgba(0,0,0,.7); color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#07172A; --surface:#0D2137; --surface-2:#0A1C30; --ink:#E6EEF5; --muted:#9DB2C6; --line:#1D3955;
  --accent:#62BDF0; --accent-2:#5CC9C4; --focus:#62BDF0; --band:#041120; --on-band:#E6EEF5; --band-muted:#93A9BE; --band-line:#1A3654;
  --map-gap:#0D2137; --map-bg:#0A1C30; --as-nd:#4E6378; --chart-grid:#1B344E; --chart-axis:#7F96AC; --serie:#62BDF0; --serie-2:#7F96AC;
  --sombra:0 18px 40px -22px rgba(0,0,0,.7); color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--fs-md)/1.6 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:var(--f-display);font-weight:700;line-height:1.08;margin:0;letter-spacing:-.018em;text-wrap:balance}
p{margin:0}
a{color:var(--accent)}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}
.wrap{max-width:1100px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.top{background:var(--hdr-bg);border-bottom:1px solid var(--hdr-line)}
.top .wrap{display:flex;align-items:center;gap:16px;padding-block:10px}
.marca{display:flex;align-items:center;gap:14px;text-decoration:none;margin-right:auto;min-width:0}
.marca img{height:40px;width:auto;flex:none}
.marca .sep{width:1px;height:34px;background:var(--hdr-line);flex:none}
.marca .nom{display:grid;gap:3px;min-width:0}
.marca .nom b{font:700 18px/1.05 var(--f-display);color:var(--hdr-ink);white-space:nowrap}
.marca .nom small{font:500 10.5px/1.2 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--hdr-muted);white-space:nowrap}
.top .btn-borde{background:#fff;font:500 14px/1 var(--f-display);text-decoration:none;color:var(--hdr-ink);border:1.5px solid var(--hdr-line);border-radius:999px;padding:9px 14px;white-space:nowrap}
@media (max-width:620px){.marca img{height:30px}.marca .sep,.marca .nom small{display:none}.marca .nom b{font-size:15px}.top .btn-borde{display:none}}
.migas{font:400 12.5px/1.4 var(--f-mono);color:var(--muted);padding-block:18px 6px}
.migas a{color:var(--muted)}
.cabeza{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:36px;align-items:start;padding-block:14px 34px;border-bottom:1px solid var(--line)}
@media (max-width:860px){.cabeza{grid-template-columns:1fr;gap:22px}}
.ficha{display:grid;gap:14px;align-content:start}
h1{font-size:clamp(28px,3.6vw,44px)}
h1 em{font-style:normal;color:var(--accent)}
.titulo{padding-block:6px 4px}
.sub{font:400 13px/1.4 var(--f-mono);color:var(--muted)}
.valor{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.valor b{font:700 clamp(46px,6vw,64px)/1 var(--f-display);font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.valor span{color:var(--muted);font-size:15px}
.veces{justify-self:start;font:500 14px/1 var(--f-display);padding:8px 12px;border-radius:999px}
.veces.oscuro{color:#fff}.veces.claro{color:#2A0B05}
.frase{font-size:var(--fs-lg);line-height:1.5;max-width:62ch}
.acc{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:11px 18px;font:500 14.5px/1 var(--f-display);text-decoration:none;cursor:pointer;border:1px solid transparent;background:var(--ciadh);color:#fff}
.btn-borde{background:var(--surface);color:var(--ink);border-color:var(--line)}
.btn-wa{background:#1F8A4C;color:#fff}
.plano-fig{margin:0;display:grid;gap:8px}
.plano{display:block;width:100%;aspect-ratio:1;background:var(--map-bg);border:1px solid var(--line);border-radius:var(--r-lg)}
.plano path{stroke:var(--map-gap);stroke-width:.8;vector-effect:non-scaling-stroke}
.plano path.sel{stroke:var(--ink);stroke-width:3}
.plano-fig figcaption{font:400 12px/1.4 var(--f-mono);color:var(--muted)}
.bloque{padding-block:30px;border-bottom:1px solid var(--line);display:grid;gap:14px}
.bloque h2{font-size:24px}
.bloque h2 small{font:400 13px/1.4 var(--f-mono);color:var(--muted);letter-spacing:0;margin-left:8px}
dl{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);gap:10px 20px;margin:0}
dt{font:500 12px/1.5 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:3px}
dd{margin:0;font-size:16px}
@media (max-width:600px){dl{grid-template-columns:1fr;gap:2px}dd{margin-bottom:10px}}
.hist{max-width:560px}
.hist-b{position:relative;display:flex;align-items:flex-end;gap:4px;height:120px;border-bottom:1px solid var(--line)}
.hist-b i{flex:1;border-radius:3px 3px 0 0;min-height:0}
.hist-b .ref{position:absolute;left:0;right:0;border-top:2px dashed var(--as-ok)}
.hist-e{display:flex;justify-content:space-between;font:400 11px/1 var(--f-mono);color:var(--muted);padding-top:6px}
.nota{font-size:14px;color:var(--muted);max-width:72ch}
.g-fila{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.g-fila div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:4px}
.g-fila b{font:700 26px/1 var(--f-display);font-variant-numeric:tabular-nums}
.g-fila span{font-size:13.5px;color:var(--muted);line-height:1.3}
.g-eq{font-size:15.5px}
.tag{display:inline-block;font:500 10px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 6px;border-radius:4px;vertical-align:middle;border:1px solid var(--line);color:var(--muted);background:var(--surface)}
.tag-val{background:#FBEFD6;color:#7A4E07;border-color:#EBD3A2}
.dos{grid-template-columns:1fr 1fr}
@media (max-width:700px){.dos{grid-template-columns:1fr}}
.caja{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;gap:8px;align-content:start}
.caja h3{font-size:17px}
.caja ul{margin:0;padding-left:18px;font-size:15px;display:grid;gap:6px}
.aviso{font-size:14px;color:var(--muted);padding-block:22px 6px;max-width:80ch}
.cita{font:400 12px/1.5 var(--f-mono);color:var(--muted);padding-bottom:40px;overflow-wrap:anywhere}
.ley{display:flex;gap:6px 16px;flex-wrap:wrap;font-size:13.5px;color:var(--muted);padding-block:12px}
.ley span{display:inline-flex;align-items:center;gap:6px}
.ley i,.lista i{width:11px;height:11px;border-radius:3px;flex:none;display:inline-block}
.lista{list-style:none;margin:0;padding:0;columns:3 220px;column-gap:24px}
.lista li{break-inside:avoid;padding:3px 0}
.lista a{display:inline-flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-size:15px}
.lista a:hover{color:var(--accent);text-decoration:underline}
.foot{background:var(--hdr-bg);color:var(--hdr-muted);border-top:1px solid var(--hdr-line);margin-top:20px}
.foot .wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-block:24px;font-size:13.5px}
.foot a{color:var(--ciadh)}
/* en tema oscuro, la cifra guinda se aclara para que se lea sobre el fondo */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .valor b[data-k="3"]{color:#E5806F!important}}
:root[data-theme="dark"] .valor b[data-k="3"]{color:#E5806F!important}

/* letra de titulares: Manrope (elegida por el CIADH el 25 oct 2026) */
:root{--f-display:"Manrope","Segoe UI",system-ui,sans-serif}
h1,h2,h3,h4{letter-spacing:-.01em}
/* capa social: con qué cuenta la colonia para protegerse */
.s-intro{margin:0 0 12px;color:var(--muted,#56697B)}
.social{display:grid;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.s-fila{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"el b" "tx sm";gap:2px 14px;padding:12px 14px;border-top:1px solid var(--line);background:var(--surface)}
.s-fila:first-child{border-top:0}
.s-el{grid-area:el;font:500 10.5px/1.3 var(--f-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--accent,#005BA6)}
.s-tx{grid-area:tx;font-size:15px}
.s-fila b{grid-area:b;font:700 22px/1 var(--f-display);font-variant-numeric:tabular-nums;text-align:right;align-self:end}
.s-fila small{grid-area:sm;font:400 12px var(--f-mono,monospace);color:var(--muted,#56697B);text-align:right}
/* ES/EN: el texto viene en los dos idiomas; se muestra el del atributo lang de <html> */
html[lang="en"] .es,html:not([lang="en"]) .en{display:none!important}
.idioma{flex:none;background:#fff;font:700 13px/1 var(--f-mono);letter-spacing:.06em;color:var(--hdr-ink);border:1.5px solid var(--hdr-line);border-radius:999px;padding:9px 12px;min-width:44px;cursor:pointer}
/* «Diez años de mediciones» (opción A, 28 oct 2026) */
.h-tit{font:700 19px/1.25 var(--f-display);margin:2px 0 2px}.h-sub{font-size:15px;color:var(--muted);margin:0 0 6px}
svg.hist2{width:100%;height:auto;display:block;max-width:760px}
.hist2 .h-sobre{fill:var(--as-2);opacity:.07}.hist2 .h-bajo{fill:var(--as-ok);opacity:.09}
.hist2 .h-ax{font:400 11.5px var(--f-mono);fill:var(--muted)}.hist2 .h-vl{font:700 13px var(--f-mono);fill:var(--ink)}
.hist2 .h-l10{stroke:var(--as-ok);stroke-width:2;stroke-dasharray:6 4}.hist2 .h-l25{fill:none;stroke:var(--as-3);stroke-width:1.6;stroke-dasharray:3 4;opacity:.8}
.hist2 .h-ult{stroke:var(--ink);stroke-width:2}
.h-ley{display:flex;flex-wrap:wrap;gap:6px 22px;font:500 12px/1.3 var(--f-mono);color:var(--muted);margin:6px 0 0}
.h-ley i{display:inline-block;width:26px;vertical-align:middle;margin-right:8px}.h-ley em{font-style:normal;min-width:0;flex:1;padding-right:6px}.h-i10{border-top:2px dashed var(--as-ok)}.h-i25{border-top:2px dotted var(--as-3)}
svg.hist2.h-angosto{display:none}
@media (max-width:620px){svg.hist2.h-ancho{display:none}svg.hist2.h-angosto{display:block}.hist2.h-angosto .h-ax{font-size:11px}.hist2.h-angosto .h-vl{font-size:12px}.h-ley{display:block}.h-ley>span{display:flex;align-items:center;margin:4px 0}.h-ley i{flex:none}}