:root{--azul-oscuro: #1B2566;--azul: #25317E;--azul-medio: #3C4FB4;--azul-claro: #5B7CFA;--azul-suave: #EEF2FF;--fondo: #F7F8FA;--blanco: #FFFFFF;--texto: #0B1220;--texto-suave: #667085;--borde: #E9EDF3;--borde-fuerte: #DCE3EC;--verde: #12B76A;--verde-fondo: #ECFDF3;--verde-texto: #027A48;--naranja: #F79009;--ambar-fondo: #FFFAEB;--ambar-texto: #B54708;--rojo: #F04438;--rojo-fondo: #FEF3F2;--rojo-texto: #B42318;--superficie-2: #F1F4F9;--pista: #EEF1F6;--rejilla: #EEF1F6;--sidebar-1: #141D57;--sidebar-2: #25317E;--sobre-color: #FFFFFF;--g1: #25317E;--g2: #5B7CFA;--g3: #12B76A;--g4: #F79009;--g5: #7A5AF8;--g6: #0BA5EC;--g7: #F04438;--g-apagado: #D5DBE7;--radius-sm: 9px;--radius: 14px;--radius-lg: 18px;--sombra: 0 1px 2px rgba(11, 18, 32, .04);--sombra-alta: 0 12px 28px -14px rgba(11, 18, 32, .26);--t: .18s cubic-bezier(.4, 0, .2, 1)}:root[data-tema=oscuro]{--azul-oscuro: #0C1220;--azul: #7C93FF;--azul-medio: #97A9FF;--azul-claro: #A5B4FC;--azul-suave: rgba(124, 147, 255, .16);--fondo: #0D1220;--blanco: #151C2E;--texto: #E9EDF6;--texto-suave: #98A2B3;--borde: #232B41;--borde-fuerte: #303A54;--verde: #32D583;--verde-fondo: rgba(50, 213, 131, .16);--verde-texto: #6CE9A6;--naranja: #FDB022;--ambar-fondo: rgba(253, 176, 34, .16);--ambar-texto: #FEC84B;--rojo: #F97066;--rojo-fondo: rgba(249, 112, 102, .16);--rojo-texto: #FDA29B;--superficie-2: #1C2437;--pista: #232B41;--rejilla: #212940;--sidebar-1: #0C1220;--sidebar-2: #17203C;--sobre-color: #0B1220;--g1: #A5B4FC;--g2: #7C93FF;--g3: #32D583;--g4: #FDB022;--g5: #A78BFA;--g6: #38BDF8;--g7: #F97066;--g-apagado: #313A52;--sombra: 0 1px 2px rgba(0, 0, 0, .3);--sombra-alta: 0 14px 32px -16px rgba(0, 0, 0, .8)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{font-family:Instrument Sans,system-ui,-apple-system,sans-serif;background:var(--fondo);color:var(--texto);font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{color:var(--texto);margin:0 0 .5rem;letter-spacing:-.02em}h1{font-size:1.5rem;font-weight:600}h2{font-size:1.06rem;font-weight:600}h3{font-size:.92rem;font-weight:600}a{color:var(--azul);text-decoration:none;transition:color var(--t)}a:hover{color:var(--azul-claro)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--azul-claro);outline-offset:2px;border-radius:6px}.main>*{animation:entrar .3s cubic-bezier(.4,0,.2,1)}@keyframes entrar{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.layout{display:flex;min-height:100vh}.sidebar{width:244px;flex-shrink:0;background:linear-gradient(180deg,var(--sidebar-1) 0%,var(--sidebar-2) 100%);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{padding:1.25rem 1rem;display:flex;align-items:center;gap:.6rem;border-bottom:1px solid rgba(255,255,255,.1)}.brand-logo{width:100%;max-width:186px;display:block;margin:0 auto}.alcaldia-box{padding:.8rem 1.2rem 0}.alcaldia-box img{width:100%;opacity:.85;display:block}.vigencia-box{padding:.85rem 1rem 0;display:flex;align-items:center;gap:.6rem}.vigencia-box label{font-size:.7rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.06em;font-weight:500}.vigencia-box select{flex:1;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);padding:.38rem .5rem;font-size:.84rem;font-weight:600;transition:background var(--t),border-color var(--t)}.vigencia-box select:hover{background:#ffffff29;border-color:#ffffff52}.vigencia-box select option{color:var(--texto)}.sidebar nav{flex:1;padding:.9rem .6rem;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar nav a{color:#ffffffc7;padding:.58rem .8rem;border-radius:var(--radius-sm);font-weight:500;display:flex;align-items:center;gap:.6rem;font-size:.85rem;position:relative;transition:background var(--t),color var(--t)}.sidebar nav a:hover{background:#ffffff1a;color:#fff}.sidebar nav a.active{background:#ffffff29;color:#fff;font-weight:600}.sidebar nav a.active:before{content:"";position:absolute;left:-.6rem;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0;background:#fff}.sidebar .user-box{padding:.9rem 1rem;border-top:1px solid rgba(255,255,255,.1);font-size:.78rem}.sidebar .user-box .name{font-weight:600}.sidebar .user-box .role{opacity:.7}.sidebar .user-box button{margin-top:.55rem;width:100%;background:#ffffff1a;color:#fff;border:none;padding:.48rem;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:500;transition:background var(--t)}.sidebar .user-box button:hover{background:#fff3}.sidebar .user-box button.tema-switch{position:relative;display:flex;align-items:center;justify-content:space-around;width:62px;height:30px;margin:0 0 .85rem;padding:0 4px;background:#ffffff1f;border:1px solid rgba(255,255,255,.16);border-radius:999px;cursor:pointer;transition:background var(--t),border-color var(--t)}.sidebar .user-box button.tema-switch:hover{background:#fff3;border-color:#ffffff47}.sidebar .user-box .tema-switch .ts-icono{position:relative;z-index:1;font-size:.8rem;line-height:1;color:#fff9;transition:color var(--t)}.sidebar .user-box .tema-switch .ts-icono:first-of-type{color:#ffe9a8}.sidebar .user-box .tema-switch.oscuro .ts-icono:first-of-type{color:#ffffff73}.sidebar .user-box .tema-switch.oscuro .ts-icono:last-of-type{color:#d9e1ff}.sidebar .user-box .tema-switch .ts-perilla{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000059;transition:transform .24s cubic-bezier(.4,0,.2,1)}.sidebar .user-box .tema-switch.oscuro .ts-perilla{transform:translate(30px)}.sr-solo{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.main{flex:1;padding:1.6rem 1.8rem 3rem;min-width:0}.menu-btn{display:none}@media(max-width:900px){.layout{flex-direction:column}.sidebar{position:fixed;z-index:50;left:0;top:0;height:100vh;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);width:268px}.sidebar.open{transform:translate(0);box-shadow:0 0 50px #0006}.main{padding:4.4rem 1rem 2rem}.menu-btn{display:flex;position:fixed;z-index:40;top:.8rem;left:.8rem;background:var(--sidebar-2);color:#fff;border:none;border-radius:var(--radius-sm);width:44px;height:44px;align-items:center;justify-content:center;font-size:1.15rem;cursor:pointer;box-shadow:var(--sombra-alta);transition:transform var(--t)}.menu-btn:active{transform:scale(.94)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b122066;z-index:45;animation:entrar .2s ease}}.card{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radius-lg);box-shadow:var(--sombra);padding:1.2rem 1.3rem;margin-bottom:1rem}.grid{display:grid;gap:1rem}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid.stats{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}.stat{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radius);box-shadow:var(--sombra);padding:1rem 1.1rem;position:relative;transition:transform var(--t),box-shadow var(--t),border-color var(--t);container-type:inline-size}.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--azul-claro);border-radius:var(--radius) 0 0 var(--radius)}.stat:hover{transform:translateY(-2px);box-shadow:var(--sombra-alta);border-color:var(--borde-fuerte)}.stat .label{font-size:.74rem;color:var(--texto-suave);font-weight:500}.stat .value{font-size:1.42rem;font-weight:600;color:var(--texto);margin-top:.3rem;letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.25}@container (max-width: 245px){.stat .value{font-size:1.16rem}}@container (max-width: 200px){.stat .value{font-size:1.02rem}}.stat .value .muted,.stat .value span{font-size:.76rem;font-weight:500;letter-spacing:0}.stat.ok:before{background:var(--verde)}.stat.warn:before{background:var(--naranja)}.stat.bad:before{background:var(--rojo)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.84rem}th{text-align:left;color:var(--texto-suave);font-weight:500;font-size:.74rem;padding:.1rem .7rem .65rem;white-space:nowrap}td{padding:.8rem .7rem;border-top:1px solid var(--borde);vertical-align:top;font-variant-numeric:tabular-nums}tbody tr{transition:background var(--t)}tbody tr:hover td{background:var(--superficie-2)}td.num,th.num{text-align:right;white-space:nowrap}@media(max-width:820px){.table-wrap{overflow-x:visible}.table-wrap table,.table-wrap thead,.table-wrap tbody,.table-wrap tr,.table-wrap th,.table-wrap td{display:block}.table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.table-wrap tbody tr{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radius);padding:.85rem .95rem;margin-bottom:.7rem;box-shadow:var(--sombra)}.table-wrap tbody tr:hover td{background:transparent}.table-wrap td{border:0;padding:.3rem 0;display:flex;justify-content:space-between;align-items:baseline;gap:1rem;text-align:right}.table-wrap td:before{content:attr(data-label);text-align:left;color:var(--texto-suave);font-size:.74rem;font-weight:500;flex-shrink:0;max-width:45%}.table-wrap td:empty{display:none}.table-wrap td[data-label=""]:before{display:none}.table-wrap td:first-child{display:block;text-align:left;font-weight:600;font-size:.95rem;padding-bottom:.5rem;margin-bottom:.3rem;border-bottom:1px solid var(--borde)}.table-wrap td:first-child:before{display:none}.table-wrap td.num{text-align:right}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--azul);color:var(--sobre-color);border:none;border-radius:var(--radius-sm);padding:.58rem 1.05rem;font-family:inherit;font-size:.84rem;font-weight:600;cursor:pointer;transition:background var(--t),transform var(--t),box-shadow var(--t)}.btn:hover{background:var(--azul-oscuro);transform:translateY(-1px);box-shadow:0 8px 18px -10px #25317ea6}.btn:active{transform:translateY(0)}.btn.secondary{background:var(--azul-suave);color:var(--azul)}.btn.secondary:hover{background:var(--azul-suave);filter:brightness(.97);box-shadow:none}.btn.danger{background:var(--rojo-fondo);color:var(--rojo-texto)}.btn.danger:hover{background:var(--rojo-fondo);filter:brightness(1.08);box-shadow:none}.btn.small{padding:.38rem .75rem;font-size:.76rem;border-radius:8px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}label.field{display:block;margin-bottom:.8rem;font-size:.78rem;font-weight:500;color:var(--texto-suave)}label.field span{display:block;margin-bottom:.3rem}input,select,textarea{width:100%;padding:.55rem .7rem;border:1px solid var(--borde-fuerte);border-radius:var(--radius-sm);font-family:inherit;font-size:.85rem;color:var(--texto);background:var(--blanco);transition:border-color var(--t),box-shadow var(--t)}input:hover,select:hover,textarea:hover{border-color:var(--borde-fuerte);filter:brightness(1.05)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--azul-claro);box-shadow:0 0 0 3px #5b7cfa29}input:disabled,select:disabled,textarea:disabled{background:var(--superficie-2);color:var(--texto-suave)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.3rem .9rem}.badge{display:inline-block;padding:.22rem .62rem;border-radius:999px;font-size:.72rem;font-weight:600;white-space:nowrap;line-height:1.35}.badge.azul{background:var(--azul-suave);color:var(--azul)}.badge.verde{background:var(--verde-fondo);color:var(--verde-texto)}.badge.naranja{background:var(--ambar-fondo);color:var(--ambar-texto)}.badge.rojo{background:var(--rojo-fondo);color:var(--rojo-texto)}.badge.gris{background:var(--superficie-2);color:var(--texto-suave)}.subtabs{display:flex;gap:2px;flex-wrap:wrap;margin-bottom:1.1rem;background:var(--superficie-2);border-radius:11px;padding:3px;width:fit-content;max-width:100%}.subtabs button{border:0;background:transparent;color:var(--texto-suave);cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600;padding:.48rem .9rem;border-radius:9px;transition:background var(--t),color var(--t),box-shadow var(--t)}.subtabs button:hover{color:var(--texto)}.subtabs button.activa{background:var(--blanco);color:var(--azul);box-shadow:var(--sombra)}@media(max-width:620px){.subtabs{width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}.subtabs::-webkit-scrollbar{display:none}.subtabs button{white-space:nowrap}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b122073;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;overflow-y:auto;animation:entrar .18s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--blanco);border-radius:var(--radius-lg);max-width:720px;width:100%;padding:1.4rem 1.5rem;box-shadow:0 24px 70px -20px #0b122080;animation:modalEntra .24s cubic-bezier(.4,0,.2,1)}@keyframes modalEntra{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}.modal h2{margin-bottom:1rem}.modal .actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.1rem;flex-wrap:wrap}@media(max-width:520px){.modal{padding:1.1rem}.modal .actions{flex-direction:column-reverse}.modal .actions .btn{width:100%}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 15% 0%,#2E3C99 0%,var(--azul) 45%,#141D57 100%);padding:1rem}.login-card{background:var(--blanco);border-radius:22px;padding:2.3rem 2rem;width:100%;max-width:404px;box-shadow:0 30px 80px -30px #0009;animation:modalEntra .35s cubic-bezier(.4,0,.2,1)}.login-card .logo{display:flex;align-items:center;gap:.7rem;justify-content:center;margin-bottom:1.4rem}.login-card .logo .brand-title{color:var(--azul);font-size:1.9rem}.login-card .logo .brand-sub{color:var(--azul-medio);font-size:.66rem}.error-msg{background:var(--rojo-fondo);color:var(--rojo-texto);padding:.65rem .85rem;border-radius:var(--radius-sm);font-size:.82rem;margin-bottom:.9rem}.ok-msg{background:var(--verde-fondo);color:var(--verde-texto);padding:.65rem .85rem;border-radius:var(--radius-sm);font-size:.82rem;margin-bottom:.9rem}.consolidacion-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:radial-gradient(120% 120% at 15% 0%,#2E3C99 0%,var(--azul) 45%,#141D57 100%);padding:2rem 1rem}.consolidacion-card{background:var(--blanco);border-radius:22px;padding:1.9rem 1.7rem;width:100%;max-width:620px;box-shadow:0 30px 80px -30px #0009;animation:aparecer .45s cubic-bezier(.4,0,.2,1)}@media(max-width:560px){.consolidacion-card{padding:1.3rem 1.1rem}}@keyframes aparecer{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.progreso{height:7px;background:var(--pista);border-radius:999px;overflow:hidden;margin-bottom:.4rem}.progreso>div{height:100%;background:linear-gradient(90deg,var(--azul-claro),var(--azul));border-radius:999px;transition:width .45s cubic-bezier(.4,0,.2,1)}.paso.entrando{animation:pasoEntra .28s cubic-bezier(.4,0,.2,1)}.paso.saliendo{opacity:0;transform:translate(-16px);transition:all .18s ease}@keyframes pasoEntra{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}.dim-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.2rem .8rem}.suma-chip{margin-top:.5rem;padding:.55rem .85rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;text-align:center;transition:background var(--t),color var(--t)}.suma-chip.ok{background:var(--verde-fondo);color:var(--verde-texto)}.suma-chip.mal{background:var(--ambar-fondo);color:var(--ambar-texto)}.resumen-total{background:var(--azul-suave);border-radius:var(--radius-sm);padding:.7rem;text-align:center;font-size:1rem;margin-bottom:.8rem}.exito-icono{width:64px;height:64px;border-radius:50%;background:var(--verde);color:var(--sobre-color);font-size:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto .8rem;animation:pulso .6s cubic-bezier(.4,0,.2,1)}@keyframes pulso{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.3rem;flex-wrap:wrap}.page-head h1{margin-bottom:.15rem}.filters{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem;align-items:center}.filters input,.filters select{width:auto;min-width:190px}@media(max-width:620px){.filters{flex-direction:column;align-items:stretch}.filters input,.filters select{width:100%;min-width:0}.page-head{flex-direction:column;align-items:stretch}.page-head .btn{width:100%}}.progress-bar{height:7px;background:var(--pista);border-radius:999px;overflow:hidden;min-width:60px}.progress-bar>div{height:100%;background:linear-gradient(90deg,var(--azul-claro),var(--azul));border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1)}.muted{color:var(--texto-suave);font-size:.8rem}.clickable{cursor:pointer}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem;flex-wrap:wrap;gap:.5rem}.chart-box{width:100%;height:280px}@media(max-width:620px){.chart-box{height:240px}}.empty{text-align:center;color:var(--texto-suave);padding:1.8rem 1rem;font-size:.86rem}.tarjeta-cabecera{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.tarjeta-cabecera h2{display:flex;align-items:center;gap:.55rem;margin-bottom:.15rem}.tarjeta-cabecera p{margin:0}.tc-icono{width:26px;height:26px;border-radius:8px;background:var(--azul-suave);color:var(--azul);display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;flex-shrink:0}.dona{display:inline-block}.dona-anillo{position:relative;display:block}.dona-anillo svg{display:block}.dona-centro{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;pointer-events:none;text-align:center;line-height:1.15}.dona-centro strong{font-size:1.55rem;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.dona-centro span{font-size:.7rem;color:var(--texto-suave);margin-top:2px}.dona-etiqueta{text-align:center;font-size:.78rem;color:var(--texto-suave);margin-top:.55rem}.leyenda-valores{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}.leyenda-valores li{display:flex;align-items:center;gap:.55rem;padding:.38rem 0;font-size:.82rem}.leyenda-valores li+li{border-top:1px solid var(--borde)}.lv-punto{width:9px;height:9px;border-radius:3px;flex-shrink:0}.lv-nombre{flex:1;color:var(--texto-suave)}.lv-valor{font-variant-numeric:tabular-nums}.segmentado{display:inline-flex;gap:2px;background:var(--superficie-2);border-radius:9px;padding:2px}.segmentado button{border:0;background:transparent;color:var(--texto-suave);cursor:pointer;font-family:inherit;font-size:.76rem;font-weight:600;padding:.32rem .7rem;border-radius:7px;transition:background var(--t),color var(--t)}.segmentado button:hover{color:var(--texto)}.segmentado button.activa{background:var(--blanco);color:var(--azul);box-shadow:var(--sombra)}.recharts-cartesian-axis-tick text{fill:var(--texto-suave);font-size:11px}.recharts-cartesian-grid line{stroke:var(--rejilla)}.recharts-legend-item-text{color:var(--texto)!important;font-size:12px}