/* Encuestas Chile - grafico insertable. Colores de linea validados con dataviz validate_palette (S526-N). */
@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;--g50:#9AA6BD;
  --si:#008C99;--no:#6B47B8;--si-c:#D9F0F2;--no-c:#ECE6FA;--agua:#14306B;--agua-op:.075;--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;--g50:#4A5878;
  --si:#1FA5B0;--no:#9A7CEC;--si-c:#123A40;--no-c:#2A2147;--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;--g50:#4A5878;
  --si:#1FA5B0;--no:#9A7CEC;--si-c:#123A40;--no-c:#2A2147;--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}

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

.ec-res{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 18px;margin-top:12px}
.ec-ley{display:flex;align-items:baseline;gap:6px}
.ec-k{display:inline-block;width:16px;height:3px;border-radius:2px;align-self:center}
.ec-k.si{background:var(--si)}.ec-k.no{background:var(--no)}
.ec-lado{color:var(--t2);font-size:14px}
.ec-v{font:800 21px/1 var(--t-titulo);letter-spacing:-.01em}
.ec-tot{margin-left:auto;color:var(--tenue);font-size:13px}
.ec-pista{position:relative;flex:1 0 100%;height:6px;margin-top:8px;border-radius:999px;overflow:hidden;background:linear-gradient(90deg,var(--si-c) 0 50%,var(--no-c) 50% 100%)}
.ec-psi,.ec-pno{position:absolute;top:0;bottom:0}
.ec-psi{left:0;background:var(--si);border-right:1px solid var(--fondo)}
.ec-pno{right:0;background:var(--no);border-left:1px solid var(--fondo)}
.ec-mitad{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--tinta);opacity:.5}
.ec-vacio .ec-v{color:var(--tenue)}
.ec-vacio .ec-pista{background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(127,140,170,.22) 5px 8px),var(--grid)}
.ec-vacio .ec-mitad{display:none}

.ec-graf{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;margin:12px 0 0}
.ec-plot{position:relative;flex:1 1 auto;min-height:96px;display:flex;flex-direction:column}
.ec-agua{position:absolute;inset:0 0 22px;display:grid;place-items:center;font:800 clamp(22px,7.6vw,64px)/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}
.ec-agua::before{content:"encuestaschile.cl"}
main{display:contents}
.ec-area{position:relative;flex:1 1 auto;margin:8px 30px 0 34px;cursor:crosshair;touch-action:pan-y}
.ec-area:focus-visible{outline-offset:6px}
.ec-gy{position:absolute;left:0;right:0;height:0;border-top:1px solid var(--grid)}
.ec-g50{border-top-color:var(--g50)}
.ec-ty{position:absolute;right:100%;margin-right:7px;transform:translateY(-50%);font-size:12px;color:var(--tenue);font-variant-numeric:tabular-nums;white-space:nowrap}
.ec-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ec-svg polyline{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.ec-lsi{stroke:var(--si)}.ec-lno{stroke:var(--no)}
.ec-pt,.ec-cp{position:absolute;left:100%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;box-shadow:0 0 0 2px var(--fondo);pointer-events:none}
.ec-pt.si,.ec-cp.si{background:var(--si)}.ec-pt.no,.ec-cp.no{background:var(--no)}
.ec-fin{position:absolute;left:100%;margin-left:9px;font-size:12.5px;font-weight:600;color:var(--t2);line-height:1;pointer-events:none}
.ec-fin.arriba{transform:translateY(-110%)}
.ec-fin.abajo{transform:translateY(10%)}
.ec-ejex{position:relative;height:18px;margin:7px 30px 0 34px;font-size:12px;color:var(--tenue)}
.ec-ejex span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.ec-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}
.ec-area-vacia{cursor:default}
.ec-vacio .ec-agua{place-items:end center;padding-bottom:4%}
.ec-cruz{position:absolute;top:0;bottom:0;width:1px;margin-left:-.5px;background:var(--tinta);opacity:.35;pointer-events:none}
.ec-tip{position:absolute;top:0;z-index:5;min-width:148px;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}
.ec-tip-f{color:var(--tenue);margin-bottom:4px}
.ec-tip-r{display:flex;align-items:center;gap:7px}
.ec-tip-r b{font:700 15px/1.35 var(--t-titulo);color:var(--tinta)}
.ec-tip-r span{color:var(--t2)}
.ec-tip-v{color:var(--tenue);margin-top:3px}
[hidden]{display:none!important}

.ec-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}
.ec-fuente{color:var(--t2)}
.ec-fuente a{font-weight:700;color:var(--tinta);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
.ec-act{color:var(--tenue)}
.ec-nota{flex-basis:100%;color:var(--tenue);font-size:12px}
@media (max-width:360px){.ec{padding:12px 12px 8px}.ec-area,.ec-ejex{margin-right:26px}}
@media (forced-colors:active){.ec-psi,.ec-pno,.ec-pt,.ec-cp,.ec-k{forced-color-adjust:none}}