:root{color-scheme:dark;--marca-azul: #07345d;--marca-azul-claro: #14568f;--marca-rojo: #c1272f;--marca-rojo-claro: #e04651;--fondo: #0a1626;--texto: #f4f7fb;--texto-2: #b9c6d6;--texto-3: #8496aa;--vidrio: rgba(255, 255, 255, .07);--vidrio-2: rgba(255, 255, 255, .11);--vidrio-solido: rgba(12, 26, 44, .72);--borde: rgba(255, 255, 255, .16);--borde-fuerte: rgba(255, 255, 255, .28);--brillo: rgba(255, 255, 255, .5);--sombra: 0 18px 50px rgba(2, 10, 22, .55);--radio: 20px;--radio-chico: 12px;--ok: #2fc46b;--alerta: #f5b325;--error: #ef4b52;--info: #4ea3f0}[data-tema=claro]{color-scheme:light;--fondo: #eef2f7;--texto: #0d1b2a;--texto-2: #43566b;--texto-3: #6b7d92;--vidrio: rgba(255, 255, 255, .6);--vidrio-2: rgba(255, 255, 255, .78);--vidrio-solido: rgba(255, 255, 255, .9);--borde: rgba(7, 52, 93, .14);--borde-fuerte: rgba(7, 52, 93, .26);--brillo: rgba(255, 255, 255, .9);--sombra: 0 14px 40px rgba(7, 52, 93, .14)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.45;color:var(--texto);background:var(--fondo);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:-20vh -10vw;background:radial-gradient(38vw 38vw at 12% 8%,rgba(20,86,143,.55),transparent 65%),radial-gradient(30vw 30vw at 88% 12%,rgba(193,39,47,.4),transparent 62%),radial-gradient(45vw 45vw at 70% 92%,rgba(7,52,93,.55),transparent 68%);filter:blur(10px);z-index:-1;pointer-events:none}[data-tema=claro] body:before{opacity:.45}.vidrio{position:relative;background:linear-gradient(160deg,var(--vidrio-2),var(--vidrio));border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra),inset 0 1px 0 var(--brillo);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%)}.vidrio:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#fff3,#fff0 42%);opacity:.7;pointer-events:none}.vidrio>*{position:relative;z-index:1}@media (prefers-reduced-transparency: reduce){.vidrio{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--vidrio-solido)}.vidrio:after{display:none}}:root{--alto-cabecera: calc(61px + env(safe-area-inset-top)) }@media (min-width: 900px){:root{--alto-cabecera: calc(71px + env(safe-area-inset-top)) }}.app{min-height:100%;display:flex;flex-direction:column}.contenido{flex:1;width:100%;max-width:1220px;margin:0 auto;padding:0 16px calc(40px + env(safe-area-inset-bottom))}@media (min-width: 900px){.contenido{padding:0 24px 48px}}.cabecera{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:10px 16px;background:linear-gradient(180deg,#0a1626db,#0a16269e);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid var(--borde);padding-top:max(10px,env(safe-area-inset-top))}[data-tema=claro] .cabecera{background:linear-gradient(180deg,#ffffffe6,#ffffffb3)}.cabecera img.logo{height:40px;width:auto;display:block;flex:none}@media (min-width: 900px){.cabecera img.logo{height:50px}}.cabecera .titulo{font-size:13px;color:var(--texto-2);letter-spacing:.02em;min-width:0;flex:1 1 auto;overflow:hidden}.cabecera .titulo span{display:none}@media (min-width: 700px){.cabecera .titulo span{display:block}}.cabecera .titulo b{display:block;color:var(--texto);font-size:15px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cabecera .separador{width:1px;height:30px;background:var(--borde);flex:none}.cabecera .derecha{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}@media (max-width: 560px){.cabecera .derecha .chip,.cabecera .separador{display:none}}.nav{position:sticky;top:var(--alto-cabecera, 62px);z-index:15;overflow-x:auto;scrollbar-width:none;padding:10px 0;margin-bottom:4px;background:linear-gradient(180deg,#0a1626d1,#0a16266b);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);-webkit-overflow-scrolling:touch}[data-tema=claro] .nav{background:linear-gradient(180deg,#ffffffe0,#ffffff80)}.nav::-webkit-scrollbar{display:none}.nav .tira{display:flex;gap:6px;width:max-content;min-width:100%;max-width:1220px;margin:0 auto;padding:0 16px}@media (min-width: 900px){.nav .tira{padding:0 24px}}.nav button{font:inherit;font-size:14px;white-space:nowrap;flex:none;padding:9px 15px;border-radius:999px;cursor:pointer;color:var(--texto-2);background:var(--vidrio);border:1px solid var(--borde);backdrop-filter:blur(12px);transition:transform .16s ease,box-shadow .16s ease,color .16s ease}.nav button:hover{color:var(--texto);transform:translateY(-1px)}.nav button[aria-current=true]{color:#fff;border-color:transparent;font-weight:620;background:linear-gradient(135deg,var(--marca-azul-claro),var(--marca-rojo));box-shadow:0 6px 18px #c1272f59}@media (max-width: 899px){.nav{padding:8px 0}.nav button{padding:8px 13px;font-size:13px}}h1{font-size:20px;margin:6px 0 14px;letter-spacing:-.02em}h2{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--texto-3);margin:22px 0 10px;font-weight:650}h3{font-size:15px;margin:0 0 8px}p{margin:0 0 8px;color:var(--texto-2)}.mudo{color:var(--texto-3);font-size:13px}.grilla{display:grid;gap:12px}.grilla.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.grilla.dos{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.tarjeta{padding:16px 18px}.kpi .k{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--texto-3)}.kpi .v{font-size:28px;font-weight:700;letter-spacing:-.03em;margin-top:4px;font-variant-numeric:tabular-nums}.kpi .s{font-size:12px;color:var(--texto-2);margin-top:2px}.tabla-cont{border-radius:var(--radio);overflow:hidden;border:1px solid var(--borde);background:var(--vidrio-solido);box-shadow:var(--sombra)}.tabla-scroll{overflow:auto;max-height:62vh;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:10px 12px;white-space:nowrap;font-size:14px;border-bottom:1px solid var(--borde)}th{position:sticky;top:0;z-index:2;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--texto-2);font-weight:650;background:var(--vidrio-solido);backdrop-filter:blur(8px)}td.n,th.n{text-align:right}tbody tr:nth-child(2n){background:#ffffff08}[data-tema=claro] tbody tr:nth-child(2n){background:#07345d09}tbody tr:hover{background:#4ea3f01a}td b{font-weight:650}.fila{display:flex;gap:8px;flex-wrap:wrap;align-items:center}input,select,textarea{font:inherit;font-size:15px;color:var(--texto);background:var(--vidrio-2);border:1px solid var(--borde);border-radius:var(--radio-chico);padding:10px 12px;min-height:42px;backdrop-filter:blur(8px)}input:focus,select:focus,textarea:focus{outline:2px solid var(--marca-azul-claro);outline-offset:1px}input.chico{min-height:34px;padding:5px 8px;font-size:14px;width:100%}select{-webkit-appearance:none;appearance:none;padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,var(--texto-2) 50%),linear-gradient(135deg,var(--texto-2) 50%,transparent 50%);background-position:calc(100% - 16px) 18px,calc(100% - 11px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}button.btn{position:relative;isolation:isolate;overflow:hidden;font:inherit;font-weight:620;font-size:15px;cursor:pointer;padding:12px 20px;border-radius:999px;color:#fff;border:1px solid rgba(255,255,255,.22);background:linear-gradient(135deg,var(--marca-azul-claro),var(--marca-rojo));backdrop-filter:blur(14px) saturate(170%);-webkit-backdrop-filter:blur(14px) saturate(170%);box-shadow:0 8px 22px #c1272f52,inset 0 1px #ffffff61,inset 0 -1px #0000002e;min-height:46px;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}button.btn:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,#ffffff57,#ffffff1a 42%,#fff0 62%);pointer-events:none}button.btn:hover:not(:disabled){transform:translateY(-1px);filter:saturate(115%);box-shadow:0 12px 28px #c1272f66,inset 0 1px #ffffff7a,inset 0 -1px #0000002e}button.btn:active:not(:disabled){transform:translateY(1px) scale(.995);box-shadow:0 4px 12px #c1272f4d,inset 0 2px 6px #00000038}button.btn:focus-visible{outline:2px solid var(--marca-azul-claro);outline-offset:3px}button.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}button.btn:disabled:before{display:none}button.btn.secundario{color:var(--texto);background:var(--vidrio-2);border-color:var(--borde);box-shadow:inset 0 1px #ffffff47,0 4px 14px #00000029}button.btn.secundario:before{background:linear-gradient(180deg,#ffffff38,#ffffff0f 45%,#fff0 65%)}button.btn.secundario:hover:not(:disabled){box-shadow:inset 0 1px #ffffff61,0 8px 20px #0003}button.btn.chico{padding:7px 14px;font-size:13px;min-height:36px}@media (prefers-reduced-transparency: reduce){button.btn{backdrop-filter:none;-webkit-backdrop-filter:none}button.btn:before{display:none}button.btn.secundario{background:var(--vidrio-solido)}}.progreso{margin-top:6px}.progreso .pista{height:12px;border-radius:999px;overflow:hidden;background:#ffffff1f;border:1px solid var(--borde)}[data-tema=claro] .progreso .pista{background:#07345d1a}.progreso .relleno{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(90deg,var(--marca-azul-claro),var(--marca-rojo));position:relative;overflow:hidden}.progreso .relleno:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translate(-100%);animation:brillo 1.6s infinite}@keyframes brillo{to{transform:translate(100%)}}.progreso .texto{display:flex;justify-content:space-between;font-size:13px;color:var(--texto-2);margin-top:7px}@media (prefers-reduced-motion: reduce){.progreso .relleno{transition:none}.progreso .relleno:after{animation:none}}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--borde);background:var(--vidrio-2);color:var(--texto)}.punto{width:8px;height:8px;border-radius:50%;flex:none}.chip.ok{border-color:#2fc46b80}.chip.alerta{border-color:#f5b32580}.chip.error{border-color:#ef4b528c}.control{display:flex;gap:10px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--borde);font-size:14px}.control:last-child{border-bottom:0}.control .icono{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#08131f}.dropzone{display:grid;place-items:center;gap:10px;text-align:center;padding:34px 18px;border-radius:var(--radio);border:1.5px dashed var(--borde-fuerte);background:var(--vidrio);cursor:pointer;transition:border-color .2s,background .2s}.dropzone:hover,.dropzone.activo{border-color:var(--marca-rojo-claro);background:var(--vidrio-2)}.dropzone .icono{font-size:30px}.dropzone input{display:none}.previa{max-width:100%;max-height:260px;border-radius:var(--radio-chico);border:1px solid var(--borde)}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .caja{width:100%;max-width:400px;padding:30px 26px;text-align:center}.login img{height:46px;margin-bottom:18px}.login form{display:grid;gap:10px;margin-top:16px;text-align:left}.login label{font-size:12px;color:var(--texto-3);text-transform:uppercase;letter-spacing:.06em}.aviso{padding:12px 14px;border-radius:var(--radio-chico);font-size:14px;border:1px solid var(--borde);background:var(--vidrio-2)}.aviso.error{border-color:#ef4b5280}.aviso.ok{border-color:#2fc46b80}.telon{position:fixed;inset:0;z-index:60;background:#040c188c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:6vh 14px 14px;overflow-y:auto}.panel{width:100%;max-width:720px;border-radius:22px;padding:20px;background:var(--vidrio-solido);border:1px solid var(--borde);box-shadow:0 30px 80px #00000080,inset 0 1px #ffffff38}.panel h2{margin-top:20px}.panel h2:first-of-type{margin-top:8px}.panel .encabezado{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel .encabezado h3{margin:0;font-size:18px}.opcion{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--borde)}.opcion:last-child{border-bottom:0}.opcion .texto{min-width:0}.opcion .texto b{display:block;font-size:14px}.opcion .texto span{font-size:13px;color:var(--texto-3)}.credencial{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;letter-spacing:.04em;padding:10px 12px;border-radius:10px;background:#ffffff1a;border:1px dashed var(--borde);word-break:break-all}