/* Nota Ciudadana - grafico insertable. Una serie (promedio) en tinta; zonas y linea del 4,0 de referencia.
   Colores validados con dataviz validate_palette (S527). */
@font-face{font-family:"Exo 2";src:url(/assets/fonts/exo2-var.woff2) format("woff2");font-weight:500 900;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url(/assets/fonts/plexsans-var.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{
  --fondo:#FFFFFF;--tinta:#16213A;--t2:#3D4A63;--tenue:#5A667D;--linea:#DCE2EE;--grid:#E6EAF2;--g4:#5A667D;
  --azul:#2058C4;--rojo:#C8412C;--azul-t:#1D4FB0;--rojo-t:#B23A27;--azul-c:#DCE6F8;--rojo-c:#F9E2DD;--zona-op:.55;--pill-t:#FFFFFF;
  --agua:#14306B;--agua-op:.07;--enlace:#1B4FD8;
  --demo:#FFF4DC;--demo-t:#6B4A00;--sombra:0 6px 24px rgba(20,48,107,.14);
  --t-titulo:"Exo 2","IBM Plex Sans",system-ui,sans-serif;
  --t-texto:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color-scheme:light
}
:root[data-tema="oscuro"]{
  --fondo:#0D1426;--tinta:#E9EDF6;--t2:#C1C9DA;--tenue:#99A4BB;--linea:#25304B;--grid:#1E2840;--g4:#8D99B3;
  --azul:#5288E0;--rojo:#E0644E;--azul-t:#8DB2F2;--rojo-t:#F29A88;--azul-c:#17284A;--rojo-c:#3A1E1C;--zona-op:.6;--pill-t:#0D1426;
  --agua:#FFFFFF;--agua-op:.07;--enlace:#8FB0FF;
  --demo:#3A2E12;--demo-t:#FFE2A6;--sombra:0 6px 24px rgba(0,0,0,.5);color-scheme:dark
}
@media (prefers-color-scheme:dark){:root[data-tema="auto"]{
  --fondo:#0D1426;--tinta:#E9EDF6;--t2:#C1C9DA;--tenue:#99A4BB;--linea:#25304B;--grid:#1E2840;--g4:#8D99B3;
  --azul:#5288E0;--rojo:#E0644E;--azul-t:#8DB2F2;--rojo-t:#F29A88;--azul-c:#17284A;--rojo-c:#3A1E1C;--zona-op:.6;--pill-t:#0D1426;
  --agua:#FFFFFF;--agua-op:.07;--enlace:#8FB0FF;
  --demo:#3A2E12;--demo-t:#FFE2A6;--sombra:0 6px 24px rgba(0,0,0,.5);color-scheme:dark
}}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{background:var(--fondo);color:var(--tinta);font:400 14px/1.45 var(--t-texto);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
h1,p,table{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--enlace);outline-offset:2px;border-radius:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
main{display:contents}

.nc{position:relative;height:100%;min-height:360px;display:flex;flex-direction:column;padding:14px 16px 10px;border:1px solid var(--linea);border-radius:12px;background:var(--fondo);overflow:hidden}
.nc-cab,.nc-res,.nc-pie{flex:none}
.nc-ceja{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:12.5px;font-weight:600;color:var(--t2)}
.nc-logo{width:18px;height:18px;flex:none}
.nc-sep{color:var(--tenue)}
.nc-demo{margin-left:auto;background:var(--demo);color:var(--demo-t);border-radius:999px;padding:2px 9px;font-size:11.5px}
.nc-q{margin-top:6px;font:800 clamp(17px,1.2vw + 11px,22px)/1.2 var(--t-titulo);letter-spacing:-.01em}
.nc-q a{text-decoration:none}
.nc-q a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.15em}

.nc-res{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:10px}
.nc-nota{display:flex;align-items:center;gap:8px}
.nc-v{font:800 30px/1 var(--t-titulo);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.nc-v.azul{color:var(--azul-t)}.nc-v.rojo{color:var(--rojo-t)}
.nc-est{font-size:12px;font-weight:700;padding:4px 9px;border-radius:999px;color:var(--pill-t)}
.nc-est.azul{background:var(--azul)}.nc-est.rojo{background:var(--rojo)}
.nc-split{color:var(--t2);font-size:13.5px}
.nc-split b{color:var(--tinta);font-variant-numeric:tabular-nums}
.nc-tot{margin-left:auto;color:var(--tenue);font-size:13px}
.nc-vacio .nc-v{color:var(--tenue)}
.nc-gauge{flex:1 0 100%;margin-top:6px}
.nm-escala{position:relative;height:6px;margin:0 6px}
.nm-r,.nm-a{position:absolute;top:0;bottom:0}
.nm-r{left:-6px;right:50%;border-radius:999px 0 0 999px;background:var(--rojo-c)}
.nm-a{right:-6px;left:50%;border-radius:0 999px 999px 0;background:var(--azul-c)}
.nm-4{position:absolute;left:50%;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:var(--tinta);opacity:.6}
.nm-pin{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--tinta);box-shadow:0 0 0 2px var(--fondo)}
.nm-cifras{position:relative;height:13px;margin:4px 6px 0;font-size:10.5px;color:var(--tenue);font-variant-numeric:tabular-nums}
.nm-cifras span{position:absolute;top:0;transform:translateX(-50%);line-height:1}
.nm-cifras .c4{color:var(--tinta);font-weight:700}
.nc-vacio .nm-r,.nc-vacio .nm-a{background-image:repeating-linear-gradient(135deg,transparent 0 5px,rgba(127,140,170,.22) 5px 8px)}

.nc-graf{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;margin:10px 0 0}
.nc-plot{position:relative;flex:1 1 auto;min-height:96px;display:flex;flex-direction:column}
.nc-agua{position:absolute;inset:0 0 22px;display:grid;place-items:center;font:800 clamp(20px,7vw,60px)/1 var(--t-titulo);letter-spacing:-.02em;color:var(--agua);opacity:var(--agua-op);pointer-events:none;user-select:none;white-space:nowrap;overflow:hidden;z-index:1}
.nc-agua::before{content:"notaciudadana.cl"}
.nc-area{position:relative;flex:1 1 auto;margin:8px 34px 0 34px;cursor:crosshair;touch-action:pan-y}
.nc-area:focus-visible{outline-offset:6px}
.nc-za,.nc-zr{position:absolute;left:0;right:0;pointer-events:none;opacity:var(--zona-op)}
.nc-za{top:0;background:var(--azul-c)}
.nc-zr{bottom:0;background:var(--rojo-c)}
.nc-gy{position:absolute;left:0;right:0;height:0;border-top:1px solid var(--grid)}
.nc-g4{border-top:2px dashed var(--g4);margin-top:-1px}
.nc-ty{position:absolute;right:100%;margin-right:7px;transform:translateY(-50%);font-size:11.5px;color:var(--tenue);font-variant-numeric:tabular-nums;white-space:nowrap}
.nc-g4 .nc-ty{color:var(--tinta);font-weight:700}
.nc-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:2}
.nc-svg polyline{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.nc-linea{stroke:var(--tinta)}
.nc-pt,.nc-cp{position:absolute;left:100%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--tinta);box-shadow:0 0 0 2px var(--fondo);pointer-events:none;z-index:3}
.nc-fin{position:absolute;left:100%;margin-left:9px;transform:translateY(-50%);font:800 13px/1 var(--t-titulo);color:var(--tinta);pointer-events:none;z-index:3}
.nc-ejex{position:relative;height:18px;margin:7px 34px 0 34px;font-size:11.5px;color:var(--tenue)}
.nc-ejex span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.nc-msg{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:min(34ch,80%);text-align:center;color:var(--t2);font-size:14.5px;padding:10px 14px;background:var(--fondo);border-radius:8px;z-index:2}
.nc-area-vacia{cursor:default}
.nc-vacio .nc-agua{place-items:end center;padding-bottom:4%}
.nc-cruz{position:absolute;top:0;bottom:0;width:1px;margin-left:-.5px;background:var(--tinta);opacity:.35;pointer-events:none;z-index:2}
.nc-tip{position:absolute;top:0;z-index:5;min-width:150px;padding:8px 10px;border:1px solid var(--linea);border-radius:8px;background:var(--fondo);box-shadow:var(--sombra);font-size:12.5px;pointer-events:none;white-space:nowrap}
.nc-tip-f{color:var(--tenue);margin-bottom:4px}
.nc-tip-n{display:flex;align-items:baseline;gap:7px}
.nc-tip-n b{font:800 17px/1.3 var(--t-titulo);color:var(--tinta)}
.nc-tip-n span{color:var(--t2)}
.nc-tip-v{color:var(--t2);margin-top:2px}
.nc-tip-v b{color:var(--tinta)}
.nc-tip-t{color:var(--tenue);margin-top:2px}
[hidden]{display:none!important}

.nc-pie{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;margin-top:10px;padding-top:8px;border-top:1px solid var(--linea);font-size:12.5px}
.nc-fuente{color:var(--t2)}
.nc-fuente a{font-weight:700;color:var(--tinta);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
.nc-act{color:var(--tenue)}
.nc-nota-m{flex-basis:100%;color:var(--tenue);font-size:11.5px}
@media (max-width:360px){.nc{padding:12px 12px 8px}.nc-area,.nc-ejex{margin-right:30px}}
@media (forced-colors:active){.nm-pin,.nc-pt,.nc-cp,.nc-est{forced-color-adjust:none}}
.nc-compacto{min-height:300px}
.nc-compacto .nc-res{display:none}
.nc-compacto .nc-cab{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nc-compacto .nc-graf{margin-top:0}