:root{--el-red:#dc2626;--el-blue:#0ea5e9;--el-dark:#0f172a;--el-bg:#fff;--el-card:#f8fafc;--el-border:#e2e8f0;--el-text:#0f172a;--el-muted:#64748b;--el-gray:#64748b;--el-accent:#1e3a5f}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--el-text);background:#fff;font-family:Montserrat,system-ui,sans-serif;font-size:14px;overflow-x:hidden}.app-wrapper{background:#fff;max-width:1200px;margin:0 auto;padding:0 16px 40px}.app-header{border-bottom:1px solid var(--el-border);margin-bottom:20px;padding:20px 0 12px}.app-header h1{color:var(--el-accent);letter-spacing:-.5px;font-size:22px;font-weight:700}.app-header .subtitle{color:var(--el-muted);margin-top:2px;font-size:12px}.tabs{border-bottom:2px solid var(--el-border);gap:4px;margin-bottom:20px;display:flex}.tab-btn{color:var(--el-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 18px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.tab-btn.active{color:var(--el-accent);border-bottom-color:var(--el-accent)}.tab-btn:hover:not(.active){color:var(--el-dark)}.tarjetas-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:20px;display:grid}.tarjeta{border:1px solid var(--el-border);border-left:4px solid var(--color,#888);background:#fff;border-radius:8px;padding:12px 14px;box-shadow:0 1px 3px #0000000f}.tarjeta .nombre{color:var(--el-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.tarjeta .pct{color:var(--el-dark);margin:4px 0;font-size:24px;font-weight:700;line-height:1.1}.tarjeta .escanos{color:var(--el-muted);font-size:11px}.tarjeta .tendencia{font-size:12px;font-weight:600}.tarjeta .tendencia.up{color:#16a34a}.tarjeta .tendencia.down{color:#dc2626}.tarjeta .tendencia.flat{color:var(--el-muted)}.filtros-toggle{display:none}.filtros-panel{background:var(--el-card);border:1px solid var(--el-border);border-radius:8px;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.filtros-panel select,.filtros-panel input[type=date]{border:1px solid var(--el-border);color:var(--el-text);background:#fff;border-radius:6px;padding:6px 10px;font-family:Montserrat,sans-serif;font-size:12px}.filtros-panel label{color:var(--el-muted);flex-direction:column;gap:4px;font-size:11px;font-weight:600;display:flex}.chart-box{border:1px solid var(--el-border);background:#fff;border-radius:8px;margin-bottom:20px;padding:16px;box-shadow:0 1px 3px #0000000a}.tabla-encuestas{border-collapse:collapse;width:100%;font-size:12px}.tabla-encuestas th,.tabla-encuestas td{border-bottom:1px solid var(--el-border);text-align:right;padding:8px 10px}.tabla-encuestas th{text-align:center;color:var(--el-muted);text-transform:uppercase;letter-spacing:.4px;background:var(--el-card);font-size:11px;font-weight:700;position:sticky;top:0}.tabla-encuestas td:first-child,.tabla-encuestas td:nth-child(2),.tabla-encuestas th:first-child,.tabla-encuestas th:nth-child(2){text-align:left}.tabla-encuestas tr:hover td{background:#f1f5f9}.paginacion{justify-content:center;gap:8px;margin-top:12px;display:flex}.paginacion button{border:1px solid var(--el-border);color:var(--el-text);cursor:pointer;background:#fff;border-radius:6px;padding:5px 12px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600}.paginacion button.active{background:var(--el-accent);border-color:var(--el-accent);color:#fff}.hemiciclo-wrap{text-align:center}.hemiciclo-wrap svg{max-width:100%}.simulador{border:1px solid var(--el-border);background:#fff;border-radius:8px;margin-top:16px;padding:16px}.simulador h3{color:var(--el-dark);margin-bottom:12px;font-size:14px;font-weight:700}.simulador-checks{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.simulador-checks label{cursor:pointer;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.bloque-resultado{margin-top:8px;font-size:20px;font-weight:700}.bloque-resultado .mayoria{color:#16a34a}.bloque-resultado .minoria{color:#dc2626}.loading{color:var(--el-muted);text-align:center;padding:40px}.error{color:#dc2626;padding:20px}@media (width<=600px){.tarjetas-grid{grid-template-columns:repeat(2,1fr)}.filtros-panel{flex-direction:column}}html,body,#root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff!important}@media (prefers-color-scheme:dark){html,body,#root,.app-wrapper,.tarjeta,.chart-box,.filtros-panel,.simulador,.tabla-encuestas th{color:#0f172a!important;background:#fff!important}}@media (width<=768px){.app-wrapper{padding:0 10px 30px}.app-header h1{font-size:16px}.app-header .subtitle{font-size:11px}.tarjetas-grid{grid-template-columns:repeat(2,1fr);gap:8px}.tarjeta .pct{font-size:20px}.tabs{gap:2px;padding-bottom:2px;overflow-x:auto}.tab-btn{white-space:nowrap;padding:7px 12px;font-size:12px}.filtros-panel{flex-direction:column;gap:8px;padding:10px}.filtros-panel select,.filtros-panel input[type=date]{width:100%;padding:8px 10px;font-size:13px}.chart-box{padding:10px;overflow:hidden}.tabla-encuestas{font-size:11px}.tabla-encuestas th,.tabla-encuestas td{padding:6px}.simulador{padding:12px}.simulador-checks label{font-size:11px}.bloque-resultado{font-size:16px}}@media (width<=480px){.tarjetas-grid{grid-template-columns:repeat(2,1fr);gap:6px}.tarjeta{padding:10px}.tarjeta .pct{font-size:18px}.tarjeta .nombre{font-size:10px}}@media (width<=1023px){.tarjetas-grid{grid-template-columns:repeat(3,1fr)!important}}@media (width<=639px){.tarjetas-grid{grid-template-columns:repeat(2,1fr)!important}.filtros-toggle{display:block!important}.filtros-panel{flex-direction:column;align-items:stretch;display:none!important}.filtros-panel.abierto{display:flex!important}}