:root{--color-navy: #0F172A;--color-blue: #2563EB;--color-white: #FFFFFF;--color-blue-hover: #1D4ED8;--color-blue-press: #1E40AF;--color-blue-soft: #EFF4FF;--color-text: #0F172A;--color-text-muted: #475569;--color-text-subtle: #94A3B8;--color-border: #E2E8F0;--color-surface: #F8FAFC;--color-surface-2: #F1F5F9;--dark-text: var(--color-white);--dark-text-muted: #94A3B8;--dark-border: rgba(255, 255, 255, .18);--dark-hover: rgba(255, 255, 255, .08);--blue-en-navy: #93C5FD;--color-success: #16A34A;--color-warning: #D97706;--color-danger: #DC2626;--success-en-navy: #4ADE80;--warning-en-navy: #FBBF24;--danger-en-navy: #F87171;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.75rem;--leading-tight: 1.15;--leading-normal: 1.55;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 16px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);--ease: cubic-bezier(.4, 0, .2, 1);--dur-fast: .15s;--dur-base: .25s}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-text);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-white);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);line-height:var(--leading-tight);letter-spacing:-.02em;font-weight:600}:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}::placeholder{color:var(--color-text-subtle)}.visualmente-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#app{display:flex;flex-direction:column;min-height:100vh}.boton-primario{font:inherit;font-weight:600;font-size:var(--text-sm);padding:var(--space-3) var(--space-5);background:var(--color-blue);color:var(--color-white);border:0;border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-base) var(--ease)}.boton-primario:hover{background:var(--color-blue-hover)}.boton-primario:active{background:var(--color-blue-press)}.boton-primario:disabled{opacity:.55;cursor:default}.boton-secundario{font:inherit;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--dark-border);background:transparent;color:var(--dark-text);cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background var(--dur-base) var(--ease)}.boton-secundario:hover{border-color:var(--color-blue)}.boton-secundario[aria-pressed=true]{background:var(--color-blue);border-color:var(--color-blue)}.boton-secundario:disabled{opacity:.45;cursor:default}.selector{font:inherit;font-size:var(--text-sm);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-white);color:var(--color-text);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.selector:focus-visible{outline:none;border-color:var(--color-blue);box-shadow:0 0 0 3px var(--color-blue-soft)}.selector:disabled{opacity:.45}.selector--inline{width:auto}.tarjeta{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.tarjeta h2{font-size:var(--text-xl);margin-bottom:var(--space-4)}.tarjeta p{margin-bottom:var(--space-2)}.texto-secundario{color:var(--color-text-muted);font-size:var(--text-sm)}.encabezado{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--color-navy);color:var(--dark-text)}.encabezado h1{font-size:var(--text-lg)}.marca{display:flex;align-items:center;gap:var(--space-3)}.marca__icono{width:28px;height:28px;flex-shrink:0}.enlace-header{color:var(--blue-en-navy);font-size:var(--text-sm);text-decoration:none;transition:opacity var(--dur-fast) var(--ease)}.enlace-header:hover{opacity:.8}.usuario-header{font-size:var(--text-xs);color:var(--dark-text-muted)}.usuario-header button{font:inherit;color:var(--danger-en-navy);background:none;border:0;cursor:pointer;text-decoration:underline}.estado{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--dark-hover)}.estado--cargando{color:var(--dark-text-muted)}.estado--despertando{color:var(--warning-en-navy)}.estado--ok{color:var(--success-en-navy)}.estado--error{color:var(--danger-en-navy)}.cuerpo{display:flex;flex:1;min-height:0}.sidebar{width:272px;flex-shrink:0;background:var(--color-navy);color:var(--dark-text);padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto}.sidebar__titulo{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--dark-text-muted)}.sidebar .texto-secundario{color:var(--dark-text-muted);font-size:var(--text-xs)}.nota-fase{margin-top:auto}.control-bloque{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm)}.control-bloque input[type=range]{accent-color:var(--color-blue)}.grupo-capas{border:0;display:flex;flex-direction:column;gap:var(--space-2)}.capa{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);margin:0 calc(-1 * var(--space-2));transition:background var(--dur-fast) var(--ease)}.capa:hover{background:var(--dark-hover)}.capa input{accent-color:var(--color-blue);width:16px;height:16px}.muestra{width:14px;height:14px;border-radius:var(--space-1);display:inline-block;flex-shrink:0}.muestra--municipio{border:3px solid var(--color-navy);background:var(--color-white)}.muestra--secciones{border:1px solid var(--color-blue);background:var(--color-blue-soft)}.muestra--colonias{border:1px solid var(--color-text-subtle);background:var(--color-white)}.muestra--dlocal{border:2px dashed #7C3AED;background:var(--color-white)}.muestra--dfederal{border:2px dashed var(--color-blue);background:var(--color-white)}.grupo-exportar{display:flex;gap:var(--space-2)}.grupo-exportar a{flex:1;text-align:center;font-size:var(--text-sm);padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--dark-border);color:var(--dark-text);text-decoration:none;transition:border-color var(--dur-fast) var(--ease)}.grupo-exportar a:hover{border-color:var(--color-blue)}.area-mapa{flex:1;min-width:0;position:relative}#mapa{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-surface-2)}.aviso-mapa{position:absolute;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;flex-direction:column;gap:var(--space-4);align-items:center;justify-content:center;background:#f8fafce0;font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;padding:var(--space-5)}.aviso-mapa:before{content:"";width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-blue);border-radius:var(--radius-full);animation:girar .9s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.banner-aviso{position:absolute;top:calc(var(--space-4) + 60px);left:50%;transform:translate(-50%);z-index:950;max-width:80%;background:#fef3c7;color:#92400e;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);box-shadow:var(--shadow-md)}.cinta-kpi{position:absolute;top:var(--space-4);left:60px;z-index:850;display:flex;gap:var(--space-2);max-width:calc(100% - 80px);overflow-x:auto;pointer-events:none}.cinta-kpi__tile{background:var(--color-white);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);box-shadow:var(--shadow-md);display:flex;flex-direction:column;white-space:nowrap}.cinta-kpi__tile strong{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:var(--space-1)}.cinta-kpi__tile span{font-size:var(--text-xs);color:var(--color-text-muted)}.leyenda{position:absolute;left:var(--space-4);bottom:var(--space-5);z-index:800;background:var(--color-white);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-md);font-size:var(--text-sm);max-width:250px}.leyenda h3{font-size:var(--text-sm);margin-bottom:var(--space-2)}.leyenda__fila{display:flex;align-items:center;gap:var(--space-2);margin-bottom:2px}.leyenda__fila em{color:var(--color-text-muted);font-style:normal}.leyenda__color{width:14px;height:14px;border-radius:var(--space-1);flex-shrink:0;border:1px solid rgba(15,23,42,.15)}.leyenda__r{font-size:var(--text-sm);margin-bottom:var(--space-2)}.leyenda__r em{color:var(--color-text-muted);font-style:normal;font-size:var(--text-xs)}.leyenda__nota{font-size:var(--text-xs);color:var(--color-text-muted);margin:var(--space-2) 0}.leyenda__scatter{width:100%;margin-top:var(--space-1)}.ficha{position:absolute;right:var(--space-4);top:var(--space-4);bottom:var(--space-4);z-index:900;width:330px;overflow-y:auto;background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4) var(--space-4);box-shadow:var(--shadow-lg)}.ficha h2{font-size:var(--text-xl)}.ficha h3{font-size:var(--text-sm);margin-top:var(--space-4)}.ficha__cerrar{position:absolute;top:var(--space-2);right:var(--space-2);font-size:20px;line-height:1;width:32px;height:32px;border:0;border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease)}.ficha__cerrar:hover{background:var(--color-border)}.ficha__datos{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-top:var(--space-2)}.ficha__datos dt{font-size:var(--text-xs);color:var(--color-text-muted)}.ficha__datos dd{font-size:15px;font-weight:600}.ficha__nota{margin:2px 0 var(--space-2)}.ficha__resumen{font-size:var(--text-sm);line-height:var(--leading-normal);background:var(--color-surface);border-left:3px solid var(--color-blue);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin:var(--space-3) 0}.ficha__nota-alerta{font-size:var(--text-xs);color:#92400e;background:#fef3c7;border-radius:var(--radius-sm);padding:var(--space-2);margin:var(--space-2) 0}.ficha__barras{list-style:none;display:flex;flex-direction:column;gap:6px}.ficha__barras li{display:grid;grid-template-columns:84px 1fr auto;gap:var(--space-2);align-items:center;font-size:var(--text-sm)}.ficha__siglas{font-weight:600;display:flex;align-items:center;gap:var(--space-1)}.logo-partido{height:16px;width:auto;max-width:24px;object-fit:contain;flex-shrink:0}.ficha__barra-pista{background:var(--color-surface-2);border-radius:var(--space-1);height:12px;overflow:hidden}.ficha__barra{display:block;height:100%;border-radius:var(--space-1)}.ficha__votos em{color:var(--color-text-muted);font-style:normal;font-size:var(--text-xs)}.ficha__tabla{width:100%;border-collapse:collapse;font-size:var(--text-sm);margin:var(--space-2) 0}.ficha__tabla th{text-align:left;color:var(--color-text-muted);font-weight:600;padding:var(--space-1) var(--space-2) var(--space-1) 0}.ficha__tabla td{padding:var(--space-1) var(--space-2) var(--space-1) 0;border-top:1px solid var(--color-border)}.piramide{display:flex;flex-direction:column;gap:3px;margin-top:var(--space-2)}.piramide__fila{display:grid;grid-template-columns:44px 1fr 44px 1fr 44px;gap:var(--space-1);align-items:center;font-size:var(--text-xs)}.piramide__num{color:var(--color-text-muted)}.piramide__num:first-child{text-align:right}.piramide__rango{text-align:center;font-weight:600}.piramide__lado{background:var(--color-surface-2);border-radius:3px;height:12px;overflow:hidden;display:flex}.piramide__lado--h{justify-content:flex-end}.piramide__lado--h span{background:#2563eb;height:100%;border-radius:3px}.piramide__lado--m span{background:#db2777;height:100%;border-radius:3px}.piramide__chip{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:middle}.piramide__chip--h{background:#2563eb}.piramide__chip--m{background:#db2777}.etiqueta-distrito{background:transparent;border:0;box-shadow:none;font-weight:700;font-size:var(--text-sm);color:var(--color-navy);text-shadow:0 0 3px var(--color-white),0 0 6px var(--color-white)}.etiqueta-distrito--federal{color:var(--color-blue)}.etiqueta-distrito--local{color:#7c3aed}.etiqueta-colonia{background:transparent;border:0;box-shadow:none;padding:0;font-size:10px;font-weight:600;color:var(--color-text-muted);text-shadow:0 1px 2px var(--color-white),0 -1px 2px var(--color-white),1px 0 2px var(--color-white),-1px 0 2px var(--color-white),0 0 4px var(--color-white);white-space:normal;width:max-content;max-width:92px;text-align:center;line-height:var(--leading-tight);pointer-events:none}.etiqueta-colonia:before{display:none}.mapa--zoom-lejano .etiqueta-colonia{display:none}.area-mapa.comparando{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1)}.area-mapa.comparando #mapa,.area-mapa.comparando #mapa-b{position:relative;inset:auto;height:100%}#mapa-b{display:none;background:var(--color-surface-2)}.area-mapa.comparando #mapa-b{display:block}.etiqueta-mapa{position:absolute;top:var(--space-2);left:var(--space-2);z-index:900;background:var(--color-navy);color:var(--dark-text);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600}.login-capa{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:var(--color-navy);padding:var(--space-5)}.login-caja{width:100%;max-width:380px;background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);box-shadow:var(--shadow-lg)}.login-logo{width:180px;max-width:70%;align-self:center;margin-bottom:var(--space-2)}.login-caja h1{font-size:var(--text-xl);margin-bottom:var(--space-4)}.login-caja h1 span{font-size:var(--text-base);color:var(--color-text-muted);font-weight:400;letter-spacing:0}.login-caja label{font-size:var(--text-sm);color:var(--color-text-muted)}.login-caja input{font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-2);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.login-caja input:focus-visible{outline:none;border-color:var(--color-blue);box-shadow:0 0 0 3px var(--color-blue-soft)}.login-caja button{font:inherit;font-weight:600;margin-top:var(--space-2);padding:var(--space-3);background:var(--color-blue);color:var(--color-white);border:0;border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-base) var(--ease)}.login-caja button:hover{background:var(--color-blue-hover)}.login-caja button:active{background:var(--color-blue-press)}.login-caja button:disabled{opacity:.55;cursor:default}.login-error{color:var(--color-danger);font-size:var(--text-sm)}.contenido{max-width:960px;margin:0 auto;padding:var(--space-6) var(--space-5)}.contenido--ancha{max-width:1100px;display:flex;flex-direction:column;gap:var(--space-5)}.fila-titulo{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.fila-titulo h2{font-size:var(--text-xl)}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.hero__tile{background:var(--color-navy);color:var(--dark-text);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column}.hero__tile strong{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;line-height:var(--leading-tight)}.hero__tile span{font-size:var(--text-sm);color:var(--dark-text-muted)}.hallazgos{list-style:none;display:flex;flex-direction:column}.hallazgos li{padding:var(--space-3) 0;border-top:1px solid var(--color-border);font-size:var(--text-base);line-height:var(--leading-normal)}.hallazgos li:first-child{border-top:0}.hallazgos strong{color:var(--color-blue)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.kpi{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.kpi h3{font-size:var(--text-base);color:var(--color-text-muted)}.kpi__ganador{font-size:var(--text-xl);font-weight:700;color:var(--color-blue);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.kpi__ganador .logo-partido{height:24px;max-width:32px}.kpi dl div{display:flex;justify-content:space-between;font-size:var(--text-sm);padding:2px 0}.kpi dt{color:var(--color-text-muted)}.kpi dd{font-weight:600}.dos-columnas{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.ranking{list-style-position:inside;display:flex;flex-direction:column}.ranking li{display:flex;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--color-border);font-size:var(--text-sm)}.ranking li:first-child{border-top:0}.pie{padding:var(--space-3) var(--space-5);color:var(--color-text-muted);font-size:var(--text-xs);background:var(--color-surface)}.pie__credito{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.pie__logo{height:20px;vertical-align:middle}.form-usuario{display:flex;flex-direction:column;gap:var(--space-4)}.form-usuario__campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.campo{display:flex;flex-direction:column;gap:var(--space-1)}.campo label,.campo legend{font-size:var(--text-sm);color:var(--color-text-muted)}.campo fieldset,fieldset.campo{border:0}.capa-clara{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1) 0}.capa-clara input{accent-color:var(--color-blue);width:16px;height:16px}.lista-distritos{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-surface);border-radius:var(--radius-sm)}.form-usuario .boton-primario{align-self:flex-start}.tabla-scroll{overflow-x:auto}#tabla-usuarios td{vertical-align:top}.fila-inactiva{opacity:.5}.celda-acciones{white-space:nowrap}.boton-liga{font:inherit;font-size:var(--text-sm);color:var(--color-blue);background:none;border:0;cursor:pointer;text-decoration:underline;padding:0 var(--space-1)}.boton-liga--rojo{color:var(--color-danger)}.btn-filtros{display:none}@media (max-width: 768px){.encabezado{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.encabezado h1{font-size:var(--text-sm)}.marca{gap:var(--space-2)}.marca__icono{width:22px;height:22px}.estado{font-size:11px;padding:var(--space-1) var(--space-2)}.enlace-header{font-size:var(--text-xs)}.usuario-header{font-size:11px}.cuerpo{flex-direction:column;position:relative}.area-mapa{order:1;height:calc(100vh - 120px);flex:none}#mapa{position:relative;height:100%}.btn-filtros{display:block;position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);z-index:1100;font:inherit;font-size:var(--text-sm);font-weight:600;padding:var(--space-3) var(--space-5);border:0;border-radius:var(--radius-full);background:var(--color-blue);color:var(--color-white);box-shadow:var(--shadow-lg);cursor:pointer;transition:background var(--dur-base) var(--ease)}.btn-filtros:hover{background:var(--color-blue-hover)}.sidebar{position:fixed;left:0;right:0;bottom:0;z-index:1050;width:100%;max-height:70vh;overflow-y:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transform:translateY(100%);transition:transform var(--dur-base) var(--ease);padding-bottom:72px}.filtros-abiertos .sidebar{transform:translateY(0)}.ficha{left:var(--space-2);right:var(--space-2);width:auto;top:auto;bottom:var(--space-2);max-height:55%}.leyenda{bottom:var(--space-2);left:var(--space-2);max-width:60%}.area-mapa.comparando{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.dos-columnas{grid-template-columns:1fr}}.pagina-reporte{background:var(--color-surface-2)}.reporte{max-width:900px;margin:0 auto;padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-5);background:var(--color-white)}.reporte__encabezado{display:flex;align-items:center;gap:var(--space-5);border-bottom:2px solid var(--color-navy);padding-bottom:var(--space-4)}.reporte__logo{height:44px}.reporte__encabezado h1{font-size:var(--text-xl)}.reporte__acciones{display:flex;align-items:center;gap:var(--space-4)}.reporte__pie{border-top:1px solid var(--color-border);padding-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted)}.reporte .tarjeta{box-shadow:none;border:1px solid var(--color-border)}.reporte h3{margin:var(--space-4) 0 var(--space-2)}@media print{.no-imprimir{display:none!important}.pagina-reporte{background:#fff}.reporte{max-width:none;padding:0;gap:16px}.reporte .tarjeta{border:1px solid #ddd;break-inside:avoid}.hero__tile{-webkit-print-color-adjust:exact;print-color-adjust:exact}.salto-pagina{break-before:page}.hallazgos li,.ranking li,tr{break-inside:avoid}}@media (display-mode: standalone){.encabezado{padding-top:calc(var(--space-3) + env(safe-area-inset-top))}.btn-filtros{bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.sidebar{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}