/* Papel blanco y tinta; el color es de los partidos y se queda en lo justo (muestra fina en la tabla,
   barras). Verde para lo recibido, ámbar para lo pendiente. Cifras en Archivo estrecho; texto en Public Sans. */
:root{
  --papel:#f5f6f7; --hoja:#ffffff; --tinta:#0e1116; --tinta-2:#3d4450; --gris:#626a76; --raya:#e3e6ea; --suave:#eef0f2; --trama:#c9cfd6;
  --sube:#12814A; --baja:#C62828; --aviso:#A85A00; --aviso-punto:#E08A00; --otros:#9CA3AF;
  --cifras:"Archivo", "Arial Narrow", system-ui, sans-serif;
  --texto:"Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --papel:#0b0d10; --hoja:#14171c; --tinta:#eef1f4; --tinta-2:#c3c9d1; --gris:#98a1ad; --raya:#2a3038; --suave:#1d2128; --trama:#3b424c;
  --sube:#4CD08A; --baja:#FF8A80; --aviso:#F2B24C; --aviso-punto:#F2B24C; color-scheme:dark}}
:root[data-theme="dark"]{
  --papel:#0b0d10; --hoja:#14171c; --tinta:#eef1f4; --tinta-2:#c3c9d1; --gris:#98a1ad; --raya:#2a3038; --suave:#1d2128; --trama:#3b424c;
  --sube:#4CD08A; --baja:#FF8A80; --aviso:#F2B24C; --aviso-punto:#F2B24C; color-scheme:dark}

*{box-sizing:border-box}
[hidden]{display:none !important}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--papel);color:var(--tinta);
  font:15px/1.5 var(--texto);font-variant-numeric:tabular-nums}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit}
:focus-visible{outline:2px solid var(--tinta);outline-offset:2px}
h1,h2,h3{margin:0;text-wrap:balance}
p,dl,dd{margin:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
caption.sr-only{display:block}
.saltar{position:absolute;left:16px;top:-48px;z-index:20;background:var(--tinta);color:var(--hoja);padding:8px 14px;border-radius:8px;font-weight:700}
.saltar:focus{top:8px}
#principal{flex:1;outline:none}
#contenido{outline:none}

/* Cabecera: arriba, por dónde vas (migas) y el buscador; debajo, el resumen. En el móvil solo se queda fija la fila de
   las migas; en el ordenador, la fila de migas y buscador. */
.cabecera,.ruta{display:contents}
.migas{position:sticky;top:0;z-index:5;min-height:48px;padding:0 16px;background:var(--hoja);border-bottom:1px solid transparent;
  display:flex;align-items:center;white-space:nowrap;overflow:hidden;font:700 1.08rem/1.2 var(--cifras);font-stretch:85%;color:var(--tinta)}
.migas.pegada{border-bottom-color:var(--raya)}
.migas a{flex:none;color:var(--tinta-2);padding:12px 0;text-decoration:underline;text-decoration-color:var(--trama);text-decoration-thickness:2px;text-underline-offset:5px}
.migas a:hover{color:var(--tinta);text-decoration-color:currentColor}
.migas .sep{flex:none;color:var(--gris);font-weight:500;padding:0 9px}
.migas [aria-current]{min-width:0;overflow:hidden;text-overflow:ellipsis}
.referencia{flex:none;margin-left:auto;padding:4px 10px;border:1px solid var(--raya);border-radius:999px;font:600 .78rem/1.3 var(--texto);
  color:var(--tinta-2);text-decoration:none}
.referencia:hover{border-color:var(--tinta);color:var(--tinta)}
.migas a.referencia{padding:4px 10px;text-decoration:none}
.migas a.referencia:hover{text-decoration:none}
.buscar-fila .referencia{align-self:center;margin-left:0;padding:10px 10px}
.referencia.solo-ordenador{display:none}
.buscar-fila{background:var(--hoja);padding:2px 16px 4px;display:flex;gap:8px;align-items:flex-start}
.buscar-fila .buscador{flex:1;min-width:0}
.tema{position:relative;flex:none}
.tema-boton{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--raya);border-radius:10px;background:var(--hoja);color:var(--tinta-2)}
.tema-boton:hover,.tema-boton[aria-expanded="true"]{border-color:var(--tinta);color:var(--tinta)}
.tema-boton svg{display:none}
:root:not([data-theme]) .tema-boton .i-sistema,:root[data-theme="light"] .tema-boton .i-claro,:root[data-theme="dark"] .tema-boton .i-oscuro{display:block}
.tema-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:7;min-width:150px;padding:4px;display:grid;gap:2px;background:var(--hoja);border:1px solid var(--raya);border-radius:10px;box-shadow:0 10px 24px rgba(0,0,0,.14)}
.tema-menu button{display:flex;align-items:center;gap:10px;min-height:40px;padding:6px 10px;border:0;border-radius:7px;background:none;color:var(--tinta-2);font-size:.9rem;font-weight:600;text-align:left}
.tema-menu button:hover,.tema-menu button:focus-visible{background:var(--suave);color:var(--tinta)}
.tema-menu button:focus-visible{outline:2px solid var(--tinta);outline-offset:-2px}
.tema-menu button[aria-checked="true"]{color:var(--tinta)}
.tema-menu button[aria-checked="true"]::after{content:"✓";margin-left:auto;font-weight:800}
.buscador{position:relative;margin:0}
.buscador svg{position:absolute;left:12px;top:22px;translate:0 -50%;color:var(--gris);pointer-events:none}
.buscador input{width:100%;min-height:44px;border:1px solid var(--raya);background:var(--suave);border-radius:10px;padding:8px 12px 8px 38px;font-size:.95rem;color:var(--tinta);-webkit-appearance:none;appearance:none}
.buscador input::placeholder{color:var(--gris)}
.buscador input:focus{border-color:var(--tinta);background:var(--hoja);outline:none}
.sugerencias{position:absolute;left:0;right:0;top:calc(100% + 4px);background:var(--hoja);border:1px solid var(--raya);border-radius:10px;box-shadow:0 10px 24px rgba(0,0,0,.14);z-index:6;overflow:hidden}
.sugerencias ul{list-style:none;margin:0;padding:0}
.sugerencias a{display:flex;justify-content:space-between;gap:8px;min-height:44px;align-items:center;border-top:1px solid var(--raya);padding:8px 12px;font-size:.92rem;text-decoration:none}
.sugerencias li:first-child a{border-top:0}
.sugerencias a:hover{background:var(--suave)}
.sugerencias a:focus-visible{background:var(--suave);outline:2px solid var(--tinta);outline-offset:-2px}
.sugerencias small{color:var(--gris);text-align:right}
.sugerencias .nada{padding:12px;font-size:.92rem;color:var(--tinta-2)}

.resumen{background:var(--hoja);border-bottom:1px solid var(--raya)}
.resumen .dentro{padding:12px 16px 14px;display:grid;gap:12px}
.titular{display:grid;gap:8px}
.titular h1{font:800 1.75rem/1.05 var(--cifras);font-stretch:85%}
.cifras{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dato{display:flex;flex-direction:column}
.dato small{font-size:.78rem;color:var(--gris);font-weight:600}
.dato b{font:800 1.55rem/1.05 var(--cifras);font-stretch:85%}
.dato .sub{font-size:.78rem;color:var(--tinta-2);margin-top:2px}
.cambio{display:inline-block;font:700 .74rem/1.45 var(--texto);color:var(--gris);margin-left:6px;white-space:nowrap;padding:0 6px;border-radius:999px;background:var(--suave);vertical-align:.35em}
.cambio.sube{color:var(--sube);background:color-mix(in srgb,var(--sube) 14%,var(--hoja))}
.cambio.baja{color:var(--baja);background:color-mix(in srgb,var(--baja) 14%,var(--hoja))}
.cambio.suave{font-weight:600}
.avance{height:6px;background:var(--suave);border-radius:3px;overflow:hidden}
.avance i{display:block;height:100%;background:var(--tinta);border-radius:3px}
.avance.vacia{background:repeating-linear-gradient(135deg,var(--suave) 0 4px,var(--trama) 4px 6px)}
.secundarios{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:.84rem}
.secundarios div{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap}
.secundarios dt{color:var(--gris);font-weight:600}
.secundarios dd{font-weight:700;color:var(--tinta)}
.secundarios dd span{font-weight:500;color:var(--gris);margin-left:3px}
.secundarios .hora{grid-column:1 / -1;display:block;color:var(--gris);font-size:.8rem;white-space:normal}
.hora > span:not(:empty) ~ .estado-sondeo > span:first-child:not(:empty){margin-left:.6em}
.estado-sondeo .atrasado{color:var(--aviso);font-weight:700}
/* El sondeo ha fallado: franja ámbar fija abajo, encima de todo salvo el aviso de navegación; vacía no ocupa nada. */
.sin-conexion:not(:empty){position:fixed;left:16px;right:16px;bottom:16px;z-index:29;max-width:560px;margin:0 auto;display:flex;align-items:center;gap:10px;
  padding:10px 16px;border-radius:12px;border:1px solid var(--aviso-punto);background:color-mix(in srgb,var(--aviso-punto) 16%,var(--hoja));
  color:var(--tinta);font-weight:600;font-size:.9rem;line-height:1.3;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.sin-conexion:not(:empty)::before{content:"";width:10px;height:10px;border-radius:50%;flex:none;background:var(--aviso-punto)}

.cuerpo{display:grid;gap:14px;padding:14px 16px 8px}
.tarjeta{background:var(--hoja);border:1px solid var(--raya);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px;min-width:0;scroll-margin-top:64px}
.tarjeta h2{font:800 1.22rem/1.15 var(--cifras);font-stretch:88%;letter-spacing:.005em}
.cabeza{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.cabeza > span{font-size:.82rem;color:var(--gris)}
.nota{font-size:.78rem;color:var(--gris)}
.vacio-txt{font-size:.92rem;color:var(--tinta-2)}
.mas{border:0;background:none;padding:6px 0;min-height:44px;font-weight:700;font-size:.88rem;text-decoration:underline;text-underline-offset:3px}

/* Resultados: los mismos en los tres niveles; escaños solo donde se reparten. */
.partidos{width:100%;border-collapse:collapse}
.partidos th{font-size:.72rem;text-transform:uppercase;color:var(--gris);font-weight:700;text-align:right;padding:0 0 6px}
.partidos th:first-child{text-align:left}
.partidos td{padding:10px 0;border-top:1px solid var(--raya);text-align:right;vertical-align:middle;white-space:nowrap}
.partidos td + td{padding-left:10px}
.partidos td:first-child{text-align:left;white-space:normal}
.quien{display:flex;align-items:center;gap:9px;min-width:0}
.quien > i{width:4px;height:28px;border-radius:2px;flex:none}
.quien > i.otros{background:var(--otros)}
.quien b{font-weight:700;font-size:.9rem;line-height:1.15}
.quien small{display:block;color:var(--gris);font-size:.75rem;line-height:1.2}
.esc{font:800 1.2rem/1 var(--cifras);font-stretch:85%}
.pct,.votos{font-weight:600;font-size:.9rem}
.partidos tr.primero .votos,.partidos tr.primero .pct{color:var(--tinta);font-weight:800}
.partidos tr.otras .mas{min-height:0;padding:0;margin-left:6px;font-size:.8rem;vertical-align:.05em;position:relative}
/* Lo que se ve es pequeño, pero el dedo tiene 44 px: un relleno invisible alrededor. */
.partidos tr.otras .mas::after{content:"";position:absolute;inset:-12px -6px}
.mas .si-abierto,.mas[aria-expanded="true"] .si-cerrado{display:none}
.mas[aria-expanded="true"] .si-abierto{display:inline}
.partidos tbody.menores{display:none}
.partidos:has(#ver-otras[aria-expanded="true"]) tbody.menores{display:table-row-group}
.partidos tbody.menores td{padding-block:6px;font-size:.84rem;color:var(--tinta-2)}
.partidos tbody.menores .quien b{font-weight:600;font-size:.84rem}
.partidos tbody.menores .quien > i{height:16px;background:var(--trama)}

/* Tablas que llevan a otro nivel: la fila entera es el enlace. */
.herramientas{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 16px}
.paginas-compacto{display:flex;align-items:center;gap:4px;margin-left:auto}
.paginas-compacto p{font-size:.82rem;color:var(--tinta-2);margin-right:6px;white-space:nowrap}
.paginas-compacto p b{color:var(--tinta)}
.paginas-compacto a,.paginas-compacto span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;border:1px solid var(--raya);background:var(--hoja);border-radius:8px;font-weight:700;font-size:.85rem;text-decoration:none}
.paginas-compacto a{position:relative}
.paginas-compacto a::after{content:"";position:absolute;inset:-5px -2px}
.paginas-compacto a:hover{border-color:var(--tinta)}
.paginas-compacto .desactivado{color:var(--trama)}
.orden{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:.82rem;color:var(--gris);font-weight:600}
.seg{display:inline-flex;flex-wrap:nowrap;border:1px solid var(--raya);border-radius:999px;padding:3px;background:var(--hoja)}
.seg a{display:inline-flex;align-items:center;min-height:34px;padding:4px 9px;border-radius:999px;font-size:.78rem;font-weight:600;color:var(--gris);text-decoration:none;white-space:nowrap}
.seg a{position:relative}
.seg a::after{content:"";position:absolute;inset:-5px 0}
.seg a:hover{color:var(--tinta)}
.seg a[aria-current]{background:var(--tinta);color:var(--hoja)}
.gana{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:700}
.gana i{width:10px;height:10px;border-radius:2px;flex:none}
.gana b{font:800 .98rem/1 var(--cifras);font-stretch:85%;margin-left:1px}
/* En el móvil no cabe todo: los nombres se parten tras «/» («Castelló/Castellón») o entre palabras, nunca a mitad
   de una («Bar-celona»), y las siglas largas («MÉS PER MALLORCA-MÉS PER MENORCA-SUMAR») se recortan con elipsis,
   en vez de ensanchar la página. */
.t-hijos .nom{hyphens:manual;overflow-wrap:break-word}
.t-hijos .gana{max-width:100%}
.t-hijos .gana .sig{min-width:0;max-width:4.6em;overflow:hidden;text-overflow:ellipsis}
.tabla{width:calc(100% + 16px);margin:0 -8px;border-collapse:collapse;font-size:.9rem}
.tabla th{font-size:.72rem;text-transform:uppercase;color:var(--gris);font-weight:700;text-align:left;padding:0 8px 6px;white-space:nowrap}
.tabla td{padding:9px 8px;border-top:1px solid var(--raya);vertical-align:middle;white-space:nowrap}
.tabla .n{text-align:right}
.tabla td.ancho{white-space:normal;width:100%}
.t-hijos tbody tr{position:relative}
.t-hijos tbody tr:hover td,.tabla tr.abre:hover td{background:var(--suave)}
.t-hijos .nom{color:var(--tinta);font-weight:600;text-decoration:none;text-underline-offset:3px}
.t-hijos .nom::after{content:"";position:absolute;inset:0}
.t-hijos tr:hover .nom{text-decoration:underline}
.t-hijos .nom:focus-visible{outline:none}
.t-hijos tr:has(.nom:focus-visible){outline:2px solid var(--tinta);outline-offset:-2px}
.tabla .apagado,.tabla .apagado .gana{color:var(--gris);font-weight:500}
.tabla .vacia td{color:var(--gris);white-space:normal;padding-block:18px}
.mini{display:inline-block;width:56px;height:5px;background:var(--suave);border-radius:3px;overflow:hidden;vertical-align:middle;margin-right:8px}
.mini i{display:block;height:100%;border-radius:3px}
.pc{display:inline-block;min-width:3.9em;text-align:right}
.pc.bajo{color:var(--aviso);font-weight:700}
.paginas{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;border-top:1px solid var(--raya);padding-top:12px}
.paginas p{font-size:.85rem;color:var(--tinta-2)}
.paginas p b{color:var(--tinta)}
.paginas div{display:flex;gap:4px;flex-wrap:wrap}
.paginas a,.paginas div > span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--raya);background:var(--hoja);border-radius:8px;font-weight:700;font-size:.85rem;padding:0 10px;text-decoration:none}
.paginas a:hover{border-color:var(--tinta)}
.paginas .actual{background:var(--tinta);color:var(--hoja);border-color:var(--tinta)}
.paginas .desactivado{color:var(--trama)}
.paginas .salto{border:0;min-width:20px;padding:0;color:var(--gris)}

/* Mesas: a la izquierda cuántas han llegado, la búsqueda por la tarjeta censal y el filtro; a la derecha la tabla,
   con la fila entera como enlace al resultado de la mesa (las pendientes, apagadas y sin enlace). */
.fichas{display:flex;flex-wrap:wrap;gap:8px}
.ficha{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:6px 12px;border:1.5px solid var(--raya);background:var(--hoja);border-radius:999px;font-size:.86rem;font-weight:700;text-decoration:none}
.ficha:hover{border-color:var(--tinta)}
.ficha[aria-current]{background:var(--tinta);border-color:var(--tinta);color:var(--hoja)}
.ficha-pendientes em{font:800 .98rem/1 var(--cifras);font-style:normal;color:var(--aviso)}
.ficha-pendientes[aria-current] em{color:var(--hoja)}
.mesas-dos{display:grid;gap:18px}
.panel-mesas{display:flex;flex-direction:column;gap:14px;min-width:0}
.recibidas{display:grid;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--raya)}
.recibidas .linea{display:flex;align-items:baseline;justify-content:space-between;gap:4px 8px;flex-wrap:wrap;font-size:.95rem;color:var(--tinta-2)}
.recibidas .linea b{font:900 2.4rem/.9 var(--cifras);font-stretch:70%;color:var(--tinta);margin-right:4px}
.recibidas .faltan{font-size:.85rem;font-weight:700;color:var(--aviso);display:inline-flex;align-items:center;gap:6px}
.recibidas .faltan i{width:9px;height:9px;border-radius:50%;background:var(--aviso-punto)}
.reparto{display:flex;gap:2px;height:8px}
.reparto i{display:block;height:100%;border-radius:2px}
.reparto .ok{background:var(--sube)} .reparto .pend{background:var(--aviso-punto)}
.busca-mesa{display:grid;gap:8px}
.cajas-mesa{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}
.cajas-mesa label{font-size:.85rem;font-weight:700}
.cajas-mesa input{width:100%;min-width:0;min-height:44px;border:1px solid var(--raya);border-radius:10px;padding:8px 12px;background:var(--suave);color:var(--tinta);font:700 1.05rem/1 var(--cifras)}
.cajas-mesa input::placeholder{color:var(--gris);font:italic 400 .95rem/1 var(--texto)}
.buscar-sin-js:not(:focus-visible){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.buscar-sin-js{justify-self:start;min-height:40px;padding:6px 14px;border:1.5px solid var(--tinta);border-radius:999px;background:var(--hoja);font-weight:700}
.lista-mesas{display:grid;gap:8px;min-width:0}
.de-referencia{font-size:.85rem;color:var(--tinta-2)}
.de-referencia b{color:var(--tinta)}
.ref-mesa{display:inline-block;padding:0 6px;border:1.5px solid var(--tinta-2);border-radius:4px;font:700 .7rem/1.5 var(--texto);color:var(--tinta);white-space:nowrap}
.t-mesas th.n,.t-mesas td.n{text-align:right}
.lista-mesas .cuenta{font-size:.85rem;color:var(--tinta-2)}
.t-mesas tbody tr{position:relative}
.t-mesas tbody tr:not(.apagado):not(.vacia):hover td{background:var(--suave)}
.t-mesas .nom{color:var(--tinta);font-weight:700;text-decoration:none;text-underline-offset:3px}
.t-mesas a.nom::after{content:"";position:absolute;inset:0}
.t-mesas tr:hover a.nom{text-decoration:underline}
.t-mesas a.nom:focus-visible{outline:none}
.t-mesas tr:has(a.nom:focus-visible){outline:2px solid var(--tinta);outline-offset:-2px}
.t-mesas .apagado .nom{color:var(--gris);font-weight:500}
.t-mesas .gana{max-width:100%}
.t-mesas .gana .sig{min-width:0;max-width:5em;overflow:hidden;text-overflow:ellipsis}
.id-mesa{display:flex;flex-direction:column;gap:2px}
.id-mesa small{color:var(--gris);font-size:.8rem;white-space:nowrap}
.linea-mesa{display:flex;align-items:center;gap:8px}
.dos-lineas{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px;max-width:100%}
.n > .dos-lineas{align-items:flex-end}
.dos-lineas small,.t-mesas .cuando{color:var(--gris);font-size:.8rem;font-weight:400}
.t-mesas .cuando{padding-left:16px}
.t-mesas .segundo{display:inline-flex;align-items:center;gap:6px;max-width:100%;font-weight:600}
.t-mesas .segundo i{width:7px;height:7px;margin-inline:1.5px;border-radius:2px;flex:none;background:var(--c)}
.t-mesas .segundo .sig{min-width:0;overflow:hidden;text-overflow:ellipsis}
.t-mesas .llega{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.estado{display:inline-flex;align-items:center;gap:7px;font-size:.84rem;font-weight:700;white-space:nowrap}
.estado i{width:9px;height:9px;border-radius:50%;flex:none}
.estado.ok{color:var(--sube)} .estado.ok i{background:var(--sube)}
.estado.pend{color:var(--aviso)} .estado.pend i{background:var(--aviso-punto)}
.marcador-pct .cifra b small{font-size:.5em;margin-left:2px;font-stretch:85%}

/* Resultado de una mesa: diálogo centrado en el ordenador, a pantalla completa en el móvil */
.dlg{border:0;padding:0;background:var(--hoja);color:var(--tinta);width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.dlg::backdrop{background:rgba(8,10,14,.5)}
.dlg[open]{animation:sube .2s ease-out}
@keyframes sube{from{translate:0 16px;opacity:0}}
.dlg .dentro{position:relative;padding:18px 20px 22px;display:grid;gap:16px}
#detalle-mesa{display:grid;gap:14px;min-width:0}
.dlg-cerrar{position:absolute;right:16px;top:16px;margin:0}
.cerrar{flex:none;width:40px;height:40px;border:1px solid var(--raya);border-radius:50%;background:var(--hoja);font-size:1rem;line-height:1}
.cerrar:hover{border-color:var(--tinta)}
.titulo-mesa{display:grid;gap:2px;padding-right:52px}
.titulo-mesa p{font-size:.85rem;color:var(--tinta-2);font-weight:600}
.dlg h2{font:800 1.6rem/1.1 var(--cifras);font-stretch:85%;padding-right:52px}
.dlg .meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:.85rem}
.cifras-mesa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-block:1px solid var(--raya);padding-block:12px}
.cifras-mesa dt{font-size:.78rem;color:var(--gris);font-weight:600}
.cifras-mesa dd{font:800 1.4rem/1.05 var(--cifras);font-stretch:85%}
.dlg .tabla tfoot td{border-top:1px solid var(--raya);color:var(--tinta-2)}
.dlg .tabla tfoot tr:first-child td{border-top:2px solid var(--tinta)}
.dlg .tabla tfoot .total td{color:var(--tinta);font-weight:700}
.dlg .meta > span:not(.estado){color:var(--gris)}
.acta .gana i{background:var(--c,var(--otros))}
.acta tr.cero td{color:var(--gris)}
.acta tr.cero b{font-weight:500}
.cifras-mesa dd .cambio{font-size:.75rem;margin-left:6px;vertical-align:middle}
.pendiente-txt{display:flex;gap:10px;align-items:center;padding:14px;border-radius:10px;background:color-mix(in srgb,var(--aviso-punto) 14%,var(--hoja));color:var(--tinta);font-weight:600}
.pendiente-txt i{width:10px;height:10px;border-radius:50%;background:var(--aviso-punto);flex:none}
.error-txt{padding:14px;border-radius:10px;background:color-mix(in srgb,var(--baja) 12%,var(--hoja));color:var(--tinta);font-weight:600}

/* Mapas: el color de cada pieza lo pone recuento.js; sin datos, rayado. En el ordenador la pieza marcada se copia
   encima, aclarada y con borde de tinta, y sale su ficha; en el móvil (.quieto) es solo una imagen. */
.fila,.col{display:contents}
.lienzo{position:relative;width:100%}
.tarjeta-munis .lienzo{max-width:520px;margin-inline:auto}
.esc-dos,.esc-principal{display:grid;gap:14px;min-width:0}
.mapa{width:100%;height:auto;display:block;overflow:visible}
.mapa [data-ab],.mapa [data-ine]{fill:url(#trama-sin)}
.mapa .sin-municipio{fill:var(--trama);pointer-events:none}
.mapa path,.mapa .ciudad{stroke:var(--hoja);stroke-width:.7px;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.mapa .toque{fill:transparent;stroke:none}
.mapa .recuadro{fill:none;stroke:var(--trama);stroke-width:1px;vector-effect:non-scaling-stroke}
.mapa .et-ciudad{font:600 22px var(--texto);fill:var(--gris);pointer-events:none}
.mapa.quieto .et-ciudad{font-size:30px}
.mapa.quieto .ciudad{r:20px}
.mapa [tabindex]{cursor:pointer;outline:none}
.mapa .encima{pointer-events:none}
.mapa .encima *{fill:color-mix(in srgb,var(--hoja) 38%,transparent);stroke:var(--tinta);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.trama{position:absolute}
.bocadillo{position:absolute;z-index:3;pointer-events:none;background:var(--hoja);border:1px solid var(--raya);border-radius:10px;box-shadow:0 10px 24px rgba(0,0,0,.16);
  padding:10px 12px;font-size:.84rem;display:grid;gap:4px;min-width:190px;max-width:240px}
.bocadillo b{font:800 1.02rem/1.1 var(--cifras);font-stretch:88%}
.bocadillo .fila{display:flex;align-items:center;gap:6px;justify-content:space-between}
.bocadillo .fila span:first-child{display:inline-flex;align-items:center;gap:6px}
.bocadillo i{width:10px;height:10px;border-radius:2px}
.bocadillo small{color:var(--gris)}
.bocadillo small.bajo{color:var(--aviso);font-weight:700}
.leyenda{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.8rem;color:var(--tinta-2)}
.leyenda span{display:inline-flex;align-items:center;gap:6px}
.leyenda i{width:12px;height:12px;border-radius:2px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tinta) 18%,transparent)}
.leyenda i.sin{background:repeating-linear-gradient(135deg,var(--suave) 0 3px,var(--trama) 3px 5px)}
.leyenda i.sin-municipio{background:var(--trama)}
/* «Ampliar mapa» (solo en el ordenador; en el móvil el mapa es una imagen y se amplía con el pellizco): el mapa a todo
   el ancho, sin pasar del alto de la ventana menos las cabeceras, y Resultados debajo, también a todo el ancho. */
.ampliar{display:none}

.nota-cera{padding:6px 16px 24px;font-size:.78rem;color:var(--gris)}
.pie-sitio{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;padding:16px;border-top:1px solid var(--raya);font-size:.8rem;color:var(--gris)}
.pie-sitio a{color:var(--tinta-2)}
.aviso-navegacion{position:fixed;left:16px;right:16px;bottom:16px;z-index:30;max-width:560px;margin:0 auto;display:flex;align-items:center;gap:12px;
  padding:10px 10px 10px 16px;border-radius:12px;background:var(--tinta);color:var(--hoja);box-shadow:0 10px 30px rgba(0,0,0,.3);font-weight:600;font-size:.9rem}
.aviso-navegacion span{flex:1}
.aviso-navegacion .cerrar{background:transparent;color:var(--hoja);border-color:color-mix(in srgb,var(--hoja) 40%,transparent)}

.documento{max-width:760px;margin:0 auto;padding:24px 16px 40px;display:grid;gap:12px}
.documento code{white-space:nowrap}
.documento h1{font:800 1.9rem/1.1 var(--cifras);font-stretch:85%}
.documento h2{font:800 1.2rem/1.2 var(--cifras);font-stretch:88%;margin-top:12px}
.documento ul{margin:0;padding-left:1.2em}
.documento .indice{border-left:4px solid var(--tinta);padding:4px 0 4px 16px}
.documento .indice h2{margin-top:0}
.documento .indice ul{list-style:none;padding:0;font-size:.9rem}
.resultados-busqueda{list-style:none;padding:0 !important;display:grid;gap:8px}
.resultados-busqueda small{color:var(--gris)}

/* Color de cada formación: --c, de las reglas [data-f] que llegan con los resultados (modo oscuro incluido). */
[data-f]{--c:var(--otros)}
[x-cloak]{display:none !important}
.quien > i[data-f],.gana i[data-f]{background:var(--c)}
.quien small.largo{display:none}
.partidos td.dif,.partidos th.dif{text-align:left;padding-left:10px}
.partidos td.dif .cambio{margin-left:0}
.c-mov .cambio{margin-left:4px}

/* Escaños: las cifras de la noche en tinta con la franja del partido; debajo, la barra de ahora y la de la referencia. */
.marcador{display:grid;grid-template-columns:var(--colsm);gap:16px 14px}
.marcador .m{border-top:3px solid var(--c);padding-top:8px;min-width:0;display:flex;flex-direction:column;gap:3px}
.marcador .m.lider{grid-column:1 / -1;order:-1;border-top-width:6px;padding-top:10px}
.marcador .nom{font:700 .84rem/1.2 var(--texto);color:var(--tinta-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.marcador .lider .nom{color:var(--tinta);font-size:.92rem}
.marcador .cifra{display:flex;align-items:baseline;flex-wrap:nowrap;gap:8px}
.marcador .cifra b{font:900 2.3rem/.88 var(--cifras);font-stretch:70%;letter-spacing:-.01em}
.marcador .lider .cifra b{font-size:4.2rem}
.marcador.medio .cifra b{font-size:2rem}
.marcador.medio .lider .cifra b{font-size:3.4rem}
.marcador .cifra .cambio{flex:none;margin-left:0;font-size:.8rem;vertical-align:baseline}
.marcador .falta{font-size:.9rem;color:var(--tinta-2);margin-top:2px}
.marcador .falta b{color:var(--tinta);font-weight:800}
.hemi{display:grid;grid-template-columns:2.6rem minmax(0,1fr);grid-template-rows:16px 28px 12px 16px;row-gap:5px;align-items:center}
.hemi.sin-ref{grid-template-rows:16px 28px 16px;grid-template-columns:0 minmax(0,1fr)}
.hemi .etq{grid-column:1;font-size:.75rem;font-weight:700;color:var(--gris)}
.hemi .etq-actual{grid-row:2} .hemi .etq-ref{grid-row:3}
.hemi #barra-escanos{grid-column:2;grid-row:2} .hemi #barra-referencia{grid-column:2;grid-row:3}
.pista{position:relative;height:100%;background:var(--suave)}
.pista i{position:absolute;top:0;bottom:0;border-radius:2px;background:var(--c)}
.pista i.pend,.mues.pend{background:repeating-linear-gradient(135deg,var(--suave) 0 4px,var(--trama) 4px 6px)}
.etiquetas{grid-column:2;grid-row:1;position:relative;height:16px}
.etiquetas span{position:absolute;bottom:0;font-size:.75rem;font-weight:700;line-height:1;white-space:nowrap}
.l176{grid-column:2;grid-row:2 / 4;position:relative;align-self:stretch;pointer-events:none}
.l176 i{position:absolute;top:-3px;bottom:-3px;margin-left:-1px;border-left:2px dashed var(--tinta)}
.m176{grid-column:2;grid-row:4;position:relative;height:16px}
.m176 span{position:absolute;top:1px;translate:-50% 0;font-size:.75rem;font-weight:700;white-space:nowrap}
.mues{display:inline-block;width:16px;height:12px;border-radius:2px;flex:none}
.pendientes{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--tinta-2)}
.en-juego{display:grid;gap:10px;align-content:start;padding-top:12px;border-top:1px solid var(--raya)}
.juego{font-size:.95rem;line-height:1.45;color:var(--tinta-2)}
.juego strong{color:var(--tinta)}
.juego b{font:800 1.08em/1 var(--cifras);font-stretch:85%;color:var(--tinta)}
.margen{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--tinta-2);max-width:340px}
.margen .barra{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2px;height:14px}
.margen .barra i{border-radius:3px 0 0 3px;background:var(--c)}
.margen .barra i + i{border-radius:0 3px 3px 0}
.margen .barra b{position:absolute;left:50%;top:50%;translate:-50% -50%;background:var(--hoja);border:1px solid var(--raya);border-radius:999px;padding:0 7px;
  font:800 .84rem/1.35 var(--cifras);font-stretch:85%;color:var(--tinta);white-space:nowrap}

/* Pactómetro (en el navegador): fichas que se marcan y la suma frente a la mayoría. */
.pacto .cabeza > span{font-size:.8rem}
.ficha .ok{display:none}
.ficha[data-f] i{width:10px;height:10px;border-radius:50%;flex:none;background:var(--c)}
.ficha em{font:800 .98rem/1 var(--cifras);font-style:normal;color:var(--gris)}
.ficha[data-f]:hover{border-color:var(--c)}
.ficha[data-f][aria-pressed="true"],.ficha[data-f][aria-current]{background:color-mix(in srgb,var(--c) 22%,var(--hoja));border-color:var(--c);color:var(--tinta)}
.ficha[aria-pressed="true"] .ok,.ficha[aria-current] .ok{display:inline}
.ficha[data-f][aria-pressed="true"] em{color:var(--tinta)}
.suma,.suma-dentro{display:grid;gap:8px}
.suma .total{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.suma .total b{font:900 2.2rem/1 var(--cifras);font-stretch:80%}
.suma .total span{font-size:.88rem;color:var(--tinta-2)}
.veredicto{display:inline-block;justify-self:start;padding:3px 10px;border-radius:999px;font-size:.95rem;font-weight:700}
.veredicto.si{color:var(--sube);background:color-mix(in srgb,var(--sube) 14%,var(--hoja))}
.veredicto.no{color:var(--baja);background:color-mix(in srgb,var(--baja) 14%,var(--hoja))}
.pista-suma{position:relative;height:12px;background:var(--suave);border-radius:2px}
.pista-suma i{position:absolute;top:0;bottom:0;border-radius:2px;background:var(--c)}
.pista-suma u{position:absolute;top:-4px;bottom:-4px;margin-left:-1px;border-left:2px dashed var(--tinta)}

/* Estimación (España): borde discontinuo y una franja rayada arriba; nunca trama detrás del texto. */
.estimacion{border:1.5px dashed var(--tinta-2);overflow:hidden}
.estimacion::before{content:"";display:block;height:8px;margin:-16px -16px -4px;background:repeating-linear-gradient(135deg,var(--trama) 0 2px,transparent 2px 7px);border-bottom:1px dashed var(--tinta-2)}
.clave{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.78rem;color:var(--tinta-2)}
.clave span{display:inline-flex;align-items:center;gap:6px}
.clave .r-mues{width:22px;height:12px;border-inline:2px solid var(--tinta-2);background:color-mix(in srgb,var(--tinta-2) 45%,transparent)}
.clave .t-mues{width:2px;height:16px;background:var(--tinta)}
.clave .m-mues{width:0;height:16px;border-left:2px dashed var(--tinta)}
.rangos{display:grid;gap:12px}
.rangos .rango.ejes:first-child{margin-bottom:-6px}
.rango{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"q v" "e e";gap:6px 10px;align-items:center;font-size:.85rem}
.rango > .quien{grid-area:q} .rango > .eje,.rango > .ejeet{grid-area:e} .rango > .val{grid-area:v}
.rango.ejes > span:empty{display:none}
.rango.ejes{grid-template-columns:minmax(0,1fr);grid-template-areas:"e";font-size:.72rem;color:var(--gris)}
.rango .quien{display:flex;align-items:center;gap:8px;min-width:0}
.rango .quien b{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rango .quien i{width:4px;height:14px;border-radius:2px;flex:none;background:var(--c)}
.eje{position:relative;height:12px;background:var(--suave);border-radius:2px}
.eje s{position:absolute;top:-3px;bottom:-3px;width:1px;background:var(--trama)}
.eje u{position:absolute;top:-5px;bottom:-5px;margin-left:-1px;border-left:2px dashed var(--tinta)}
.eje .r{position:absolute;top:0;bottom:0;min-width:6px;border-inline:2px solid var(--c);background:color-mix(in srgb,var(--c) 85%,transparent);border-radius:2px}
.eje .ya{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--tinta)}
.rango .val{font:800 1rem/1 var(--cifras);font-stretch:85%;text-align:right;white-space:nowrap}
.ejeet{position:relative;height:14px}
.ejeet span{position:absolute;top:0;translate:-50% 0;line-height:14px}
.ejeet .m{color:var(--tinta);font-weight:700}

/* Escaños en juego: verde y ▲ lo que el partido puede ganar; rojo y ▼ lo que puede perder. */
.juego-dos{display:grid;gap:22px}
.juego-l{display:grid;align-content:start}
.juego-l h3{font:800 1.08rem/1.2 var(--cifras);font-stretch:88%;display:flex;align-items:flex-end;gap:10px;padding-bottom:8px;border-bottom:2px solid var(--tinta)}
.juego-l h3 b{font:900 2.4rem/.8 var(--cifras);font-stretch:70%;flex:none}
.juego-l h3.sube{color:var(--sube);border-bottom-color:var(--sube)}
.juego-l h3.baja{color:var(--baja);border-bottom-color:var(--baja)}
.juego-l ol{margin:0;padding:0;list-style:none}
.juego-l h3 + ol .jf:first-child{border-top:0}
.juego-l ol.lejos{display:none}
.juego-l:has(.mas[aria-expanded="true"]) ol.lejos{display:block}
.juego-l .mas{justify-self:start}
.jf{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 4px;border-top:1px solid var(--raya);align-items:baseline}
.jf:hover{background:var(--suave)}
.jf .izq{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 8px;min-width:0}
.jf .nom{font-weight:700;text-decoration:none;color:var(--tinta)}
.jf a.nom::after{content:"";position:absolute;inset:0}
.jf:hover a.nom{text-decoration:underline;text-underline-offset:3px}
.jf .nom:focus-visible{outline:none}
.jf:has(.nom:focus-visible){outline:2px solid var(--tinta);outline-offset:-2px}
.jf .esc-j{font-size:.8rem;color:var(--gris);white-space:nowrap}
.jf .local{align-self:center;font:700 .7rem/1.5 var(--texto);color:var(--tinta-2);border:1.5px solid var(--trama);border-radius:4px;padding:0 5px;white-space:nowrap}
.jf .der{text-align:right;white-space:nowrap}
.jf .der b{font:800 1.45rem/1 var(--cifras);font-stretch:85%}
.jf .der small{font-size:.78rem;color:var(--gris);margin-left:4px}
.jf .que{font-size:.82rem;color:var(--tinta-2);min-width:0;grid-column:1 / -1}
.jf .escr{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;font-size:.78rem;color:var(--gris);white-space:nowrap;grid-column:1 / -1;margin-top:2px}
.jf .escr .mini{width:40px;margin:0}
.jf .escr b{font-weight:700;color:var(--tinta-2)}
.jf .escr.bajo b{color:var(--aviso)}
.lejos .der b{color:var(--tinta-2);font-size:1.15rem}
.juego-vacio{padding:12px 4px;font-size:.88rem;color:var(--gris)}
.corte{display:flex;align-items:center;gap:10px;font-size:.76rem;color:var(--gris);font-weight:600;padding:10px 4px 4px}
.corte::after{content:"";flex:1;border-top:1px dashed var(--trama)}

/* Mientras llega una navegación se atenúa la zona que va a cambiar; las rápidas no parpadean. */
#principal.htmx-request,#contenido.htmx-request{opacity:.55;cursor:progress;transition:opacity .15s ease .15s}
.ver-mesa.htmx-request{opacity:.6}
.ver-mesa.htmx-request::before{content:"";display:inline-block;width:.8em;height:.8em;margin-right:6px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;
  vertical-align:-.1em;animation:gira .7s linear infinite;animation-delay:.15s}
@keyframes gira{to{rotate:360deg}}
@media (prefers-reduced-motion: reduce){
  .dlg[open]{animation:none}
  .ver-mesa.htmx-request::before{animation:none}
  #principal.htmx-request,#contenido.htmx-request{transition:none}
}

@media (min-width: 640px){
  .dlg{width:calc(100% - 32px);max-width:560px;height:fit-content;max-height:calc(100dvh - 48px);margin:auto;border-radius:14px}
}

@media (min-width: 900px){
  .ruta,.resumen .dentro,.cuerpo,.nota-cera{padding-left:max(32px,calc((100% - 1200px) / 2));padding-right:max(32px,calc((100% - 1200px) / 2))}
  .ruta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);align-items:center;gap:32px;position:sticky;top:0;z-index:5;
    min-height:60px;background:var(--hoja);border-bottom:1px solid transparent}
  .ruta.pegada{border-bottom-color:var(--raya)}
  .migas{position:static;padding:0;border:0;background:none;font-size:1.22rem}
  .buscar-fila{padding:0;background:none}
  .buscador input{min-height:42px}
  .buscador svg{top:21px}
  .resumen .dentro{padding-top:10px;padding-bottom:18px;gap:14px}
  .titular{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 48px}
  .titular h1{font-size:3.1rem;margin-right:auto}
  .cifras{display:flex;gap:48px}
  .dato b{font-size:2.1rem}
  .secundarios{display:flex;flex-wrap:wrap;gap:6px 32px;font-size:.9rem}
  .secundarios .hora{margin-left:auto;font-size:.85rem}
  .cuerpo{gap:18px;padding-top:18px}
  .tarjeta{padding:20px 22px;gap:16px;scroll-margin-top:76px}
  .partidos{table-layout:fixed}
  .partidos .w-esc{width:5.5rem} .partidos .w-votos{width:8rem} .partidos .w-pct{width:6.5rem}
  .orden{flex-direction:row;align-items:center;gap:8px}
  .referencia.solo-ordenador{display:inline-block}
  .referencia.solo-movil{display:none}
  .herramientas{align-items:center}
  .seg a{padding:4px 11px;font-size:.82rem}
  .t-hijos{table-layout:fixed}
  .t-hijos .w-gana{width:14rem}
  .t-hijos .gana .sig{max-width:none} .t-hijos .w-escr{width:11rem} .t-hijos .w-part{width:9rem}
  .t-mesas{table-layout:fixed}
  .t-mesas .w-mesa{width:14rem} .t-mesas .w-estado{width:10.5rem} .t-mesas .w-part{width:9.5rem}
  .t-mesas td{padding-block:8px}
  .t-mesas .llega{display:inline-flex}
  .t-mesas .gana .sig{max-width:none}
  .t-mesas th:last-child,.t-mesas td:last-child{padding-left:28px}

  .tabla td.ancho{width:auto}
  .fila{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;align-items:stretch}
  .fila:has(> :only-child){grid-template-columns:minmax(0,1fr)}
  .fila-mapa{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
  /* España, como la maqueta: escaños y Resultados a la izquierda; pactómetro, estimación y mapa a la derecha. Ampliado,
     la columna derecha se deshace y el mapa baja a una fila propia a todo el ancho, debajo de las dos. */
  .fila-espana{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:"izq dcha";align-items:start}
  .fila-espana > .col{display:grid;gap:18px;align-content:start}
  .col-izq{grid-area:izq}
  .col-dcha{grid-area:dcha}
  :root[data-mapa="ampliado"] .fila-espana{grid-template-areas:"izq pac" "izq est" "mapa mapa";grid-template-rows:auto 1fr auto}
  :root[data-mapa="ampliado"] .fila-espana > .col-dcha{display:contents}
  :root[data-mapa="ampliado"] .fila-espana #tarjeta-pacto{grid-area:pac}
  :root[data-mapa="ampliado"] .fila-espana #tarjeta-estimacion{grid-area:est;align-self:start}
  :root[data-mapa="ampliado"] .fila-espana #tarjeta-mapa{grid-area:mapa}
  .ampliar{display:inline-block}
  .tarjeta-munis .lienzo{max-width:none}
  .esc-dos{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:32px;align-items:start}
  .esc-dos > .en-juego{padding:0 0 0 28px;border-top:0;border-left:1px solid var(--raya);align-self:stretch}
  :root[data-mapa="ampliado"] .fila-mapa{grid-template-columns:minmax(0,1fr)}
  :root[data-mapa="ampliado"] .tarjeta-mapa:has(.ampliar) .lienzo{max-width:min(100%, calc((100dvh - 170px) * var(--proporcion)));margin-inline:auto}
  :root[data-mapa="ampliado"] .ampliar .si-cerrado{display:none}
  :root[data-mapa="ampliado"] .ampliar .si-abierto{display:inline}
  .c-mov{display:none}
  .documento{padding-top:40px}
  .quien small.largo{display:block}
  #tarjeta-resultados{container-type:inline-size}
  .partidos .w-dif{width:4.6rem}
  .marcador{grid-template-columns:var(--cols)}
  .marcador .m.lider{grid-column:auto;order:0}
  .marcador .cifra b{font-size:3.1rem} .marcador .lider .cifra b{font-size:5rem}
  .marcador.medio{max-width:780px}
  .marcador.medio .cifra b{font-size:2.5rem} .marcador.medio .lider .cifra b{font-size:3.6rem}
  .hemi{grid-template-rows:16px 34px 14px 16px}
  .hemi.sin-ref{grid-template-rows:16px 34px 16px}
  .ancho-total{grid-column:1 / -1}
  .juego-dos{grid-template-columns:1fr 1fr;gap:40px}
  .estimacion::before{margin:-20px -22px -4px}
  .rango,.rango.ejes{grid-template-columns:7.6rem minmax(0,1fr) 3.6rem;grid-template-areas:"q e v"}
  .jf .que{grid-column:1}
  .jf .escr{grid-column:2;justify-content:flex-end;margin-top:0}
}
@media (min-width: 1200px){
  .mesas-dos{grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start}
  .panel-mesas{position:sticky;top:76px}
}
@container (max-width: 560px){ .quien small.largo{display:none} }
@media (max-width: 899px){
  .c-ord{display:none}
  /* España y provincia en una columna: lo que más se busca la noche (pactómetro y escaños en juego) justo debajo de los
     escaños; la tabla de Resultados, que repite el marcador, el mapa y los hijos, después. */
  .cuerpo:has(> .fila-mapa, > .fila-espana) #tarjeta-resultados{order:1}
  .cuerpo:has(> .fila-mapa, > .fila-espana) #tarjeta-mapa{order:2}
  .cuerpo:has(> .fila-mapa, > .fila-espana) #tarjeta-territorios{order:3}
  /* Sitio para «Guadalajara» entero a 360 px. */
  .t-hijos th,.t-hijos td{padding-inline:5px}
  .t-hijos .gana{gap:4px}
}