/* votos.cochid.cl (sitio Next.js; copia adaptada de votos/web/static/votos.css): capa propia sobre el kit v10 (tokens --ink, --paper, --line, --accent). Sin colores fuera del kit,
   salvo los de los marcadores de voto, que van dentro de los SVG. */
.v-pagina{max-width:var(--container,1240px);margin:0 auto;padding:28px var(--pad-x,32px) 72px}
.v-estrecho{max-width:860px}
.v-cab{margin-bottom:28px}
.v-kicker{font-family:var(--font-mono);font-size:var(--fs-mono-label,11px);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 8px}
.v-h1{font-size:clamp(26px,3.4vw,40px);line-height:1.15;font-weight:700;letter-spacing:-.015em;margin:0 0 12px;max-width:34em;overflow-wrap:anywhere}
.v-h2{font-size:clamp(19px,2vw,24px);font-weight:700;letter-spacing:-.01em;margin:36px 0 12px;scroll-margin-top:72px}
.v-h3{font-size:17px;font-weight:700;margin:2px 0 6px}
.v-lead{font-size:var(--fs-prose,16px);color:var(--ink-muted);max-width:46em;margin:0 0 16px}
.v-detalle{color:var(--ink-muted);max-width:52em;margin:0 0 14px}
.v-suave{color:var(--ink-muted);font-weight:400}
.v-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.v-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700}
.v-gran{font-size:26px;line-height:1}
.v-nowrap{white-space:nowrap}
.v-der{text-align:right}
.v-vacio,.v-nota{color:var(--ink-muted);font-size:var(--fs-small,13.5px);max-width:52em}
.v-nota{margin-top:36px;border-top:1px solid var(--line);padding-top:14px}
.v-acciones{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.v-pager{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:28px 0}
.v-migas{font-size:var(--fs-small,13.5px);color:var(--ink-muted);margin-bottom:14px}
.v-migas a{text-decoration:underline;text-underline-offset:3px}
a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
main:focus{outline:none}

/* leyenda de marcadores */
.v-leyenda{display:flex;flex-wrap:wrap;gap:8px 22px;margin:14px 0 0;padding:0;list-style:none}
.v-leyenda li{display:flex;align-items:center;gap:8px;font-size:var(--fs-small,13.5px)}
.v-leyenda--col{flex-direction:column;gap:10px}
.v-ico{display:inline-block;flex:none;vertical-align:middle}

/* tarjetas de la portada */
.v-rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:18px;margin:0;padding:0;list-style:none}
.v-tarjeta{border:1px solid var(--line);background:var(--paper-raised);padding:18px;height:100%;display:flex;flex-direction:column;gap:10px}
.v-tarjeta:hover,.v-tarjeta:focus-within{border-color:var(--accent)}
.v-meta{font-family:var(--font-mono);font-size:var(--fs-mono-label,11px);letter-spacing:.06em;color:var(--ink-muted);margin:0}
.v-tit{font-size:16px;line-height:1.35;font-weight:600;margin:0;overflow-wrap:anywhere}
.v-tit a{text-decoration:none}
.v-tit a::after{content:"";position:absolute;inset:0}
.v-tarjeta{position:relative}
.v-tit a:hover{text-decoration:underline;text-underline-offset:3px}
.v-det-corto{margin:0;font-size:var(--fs-small,13.5px);color:var(--ink-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.v-res{margin:0;display:flex;gap:6px;flex-wrap:wrap}
.v-barra{width:100%;height:14px;display:block;margin-top:auto}
.v-conteo{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none;font-size:14px}
.v-conteo li{display:flex;align-items:center;gap:5px}

/* ficha de votación */
.v-datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px 24px;margin:18px 0 0}
.v-datos dt{font-family:var(--font-mono);font-size:var(--fs-mono-label,11px);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}
.v-datos dd{margin:2px 0 0}
.v-aviso{border:1px solid var(--warn);background:var(--paper-sunken);padding:12px 16px;margin:0 0 20px;max-width:52em}
.v-totales{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin:0;padding:0;list-style:none;border:1px solid var(--line)}
.v-totales li{display:flex;align-items:center;gap:10px;padding:14px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 -1px -1px 0}
.v-secciones{display:flex;flex-wrap:wrap;gap:8px 20px;margin:26px 0 0;padding:10px 0;border-block:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:5}
.v-secciones a{font-size:var(--fs-small,13.5px);font-weight:600;text-decoration:underline;text-underline-offset:3px;padding:4px 0}
.v-lienzo{margin:0;border:1px solid var(--line);background:#fff;overflow-x:auto;overflow-y:hidden}
.v-lienzo svg{width:100%;height:auto;display:block}
.v-lienzo--ancho svg{min-width:1100px}
.v-lienzo--hemi svg{min-width:760px}
.v-figura{margin:0}
.v-figura img{width:100%;height:auto;border:1px solid var(--line)}
.v-figura figcaption{font-size:var(--fs-small,13.5px);color:var(--ink-muted);margin-top:8px}
.v-tabla-caja{overflow-x:auto;border:1px solid var(--line);
  background:linear-gradient(to right,var(--paper) 30%,transparent) left/36px 100% no-repeat local,
    linear-gradient(to left,var(--paper) 30%,transparent) right/36px 100% no-repeat local,
    radial-gradient(farthest-side at 0 50%,rgba(20,23,31,.28),transparent) left/12px 100% no-repeat scroll,
    radial-gradient(farthest-side at 100% 50%,rgba(20,23,31,.28),transparent) right/12px 100% no-repeat scroll}
.v-tabla-caja .table,.v-tabla-caja .table :is(th,td){background:transparent}
.v-desliza{display:none;font-size:var(--fs-small,13.5px);color:var(--ink-muted);margin:0 0 6px}
.v-tabla{min-width:520px}
.v-tabla th,.v-tabla td{vertical-align:top}
.v-th{display:inline-flex}
.v-det{border-bottom:1px solid var(--line);padding:10px 0}
.v-det summary{cursor:pointer;display:flex;align-items:center;gap:8px;font-size:15px}
.v-nombres{columns:3 260px;column-gap:28px;margin:12px 0 4px;padding:0;list-style:none}
.v-nombres li{break-inside:avoid;padding:3px 0;font-size:var(--fs-small,13.5px)}
.v-nombres a{text-decoration:underline;text-underline-offset:3px}
.v-lista{margin:0 0 16px 1.1em;padding:0;list-style:disc}
.v-lista li{margin:6px 0;max-width:48em}
.v-linea{margin:0;padding:0;list-style:none;border-left:2px solid var(--line-strong)}
.v-linea li{padding:2px 0 22px 20px;position:relative}
.v-linea li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;background:var(--paper);border:2px solid var(--accent)}

/* perfil de diputado */
.v-perfil{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
@media(min-width:720px){.v-perfil:has(.v-foto){grid-template-columns:200px minmax(0,1fr);align-items:start}}
.v-foto{margin:0}
.v-foto img{width:200px;height:auto;max-width:100%;border:1px solid var(--line);background:var(--paper-sunken)}
.v-foto figcaption{font-size:12px;color:var(--ink-muted);margin-top:6px;max-width:200px}
.v-foto figcaption a{text-decoration:underline}

@media(max-width:600px){
  .v-pagina{padding:20px 16px 56px}
  .v-secciones{position:static}
  .v-totales li{padding:12px}
  .v-desliza{display:block}
  .v-tabla--partido{min-width:0}
  .v-tabla--partido :is(th,td):nth-child(2){display:none}
  .v-tabla--partido :is(th,td){padding-inline:8px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* vista por coalición: columnas de HTML (se apilan en pantallas angostas) con marcadores SVG */
.v-coal{display:flex;flex-wrap:wrap;gap:28px 24px;align-items:flex-start;margin:14px 0 0}
.v-coal__col{flex:1 1 0;min-width:11.5rem}
.v-coal__cab{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-top:3px solid var(--ink);background:var(--paper-sunken);padding:8px 10px;min-height:52px}
.v-coal__nombre{font-size:15px;line-height:1.25;font-weight:700;margin:0}
.v-coal__total{margin:0;font-size:14px;font-weight:700;color:var(--ink-muted)}
.v-coal__partidos{columns:11.5rem;column-gap:18px;margin-top:12px}
.v-coal__partido{break-inside:avoid;margin:0 0 12px}
.v-coal__pnombre{font-size:13px;line-height:1.25;font-weight:700;margin:0 0 4px;overflow-wrap:anywhere}
.v-coal__lista{margin:0;padding:0;list-style:none}
.v-coal__lista li{display:flex;align-items:center;gap:7px;font-size:13.5px;line-height:21px;min-height:21px}
.v-coal__lista a{text-decoration:none;color:var(--ink);overflow-wrap:anywhere}
.v-coal__lista a:hover{text-decoration:underline;text-underline-offset:3px}
.v-coal .v-ico{background:#fff;border-radius:50%}
@media(max-width:600px){.v-coal{display:block}.v-coal__col{margin-bottom:26px}}

/* notas de periodismo2 */
.v-notas{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;margin:12px 0 0;padding:0;list-style:none}
.v-notas li{border:1px solid var(--line);background:var(--paper-raised);padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.v-notas .v-h3{margin:0;font-size:16px;line-height:1.35}
.v-notas a{text-underline-offset:3px}

/* el kit pone los th en mayúsculas mono; el nombre del partido es contenido, no encabezado de columna */
.v-tabla tbody th[scope="row"],.v-tabla tfoot th[scope="row"]{font-family:inherit;text-transform:none;letter-spacing:0;font-size:inherit;font-weight:600;color:var(--ink)}