@import"https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@400;500;600;700&display=swap";:root{--color-primario: #5980a6;--color-primario-contraste: #ffffff;--color-secundario: #1d2d3d;--color-secundario-contraste: #ffffff;--color-accent: var(--color-primario);--color-accent-100: color-mix(in srgb, var(--color-primario) 12%, #f2f2f3);--color-accent-200: color-mix(in srgb, var(--color-primario) 24%, #f2f2f3);--color-accent-300: color-mix(in srgb, var(--color-primario) 42%, #f2f2f3);--color-accent-400: color-mix(in srgb, var(--color-primario) 64%, #f2f2f3);--color-accent-500: var(--color-primario);--color-accent-600: color-mix(in srgb, var(--color-primario) 82%, #000);--color-accent-700: color-mix(in srgb, var(--color-primario) 62%, #000);--color-accent-800: color-mix(in srgb, var(--color-primario) 44%, #000);--color-accent-900: color-mix(in srgb, var(--color-primario) 30%, #000);--color-bg: #f2f2f3;--color-surface: #e9e9ea;--color-text: #1d1f20;--color-divider: color-mix(in srgb, #1d1f20 16%, transparent);--gris-0: #f2f2f3;--gris-50: #f5f5f8;--gris-100: #ececee;--gris-200: #e1e1e3;--gris-300: var(--color-divider);--gris-500: color-mix(in srgb, var(--color-text) 55%, transparent);--gris-700: color-mix(in srgb, var(--color-text) 78%, transparent);--gris-900: var(--color-text);--exito: #1c7c46;--error: #b3261e;--aviso: var(--color-accent-800);--radio: 0px;--sombra: none;--fuente-titulo: "Barlow Condensed", system-ui, sans-serif;--fuente-texto: "Barlow", system-ui, sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--fuente-texto);color:var(--color-text);background:var(--color-bg);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--color-accent-700);text-underline-offset:3px}a:hover{color:var(--color-accent-900)}h1,h2,h3,h4{font-family:var(--fuente-titulo);font-weight:600;line-height:1.12;letter-spacing:-.015em;color:var(--color-text)}h1{font-size:30px;margin:0 0 4px}h2{font-size:20px;margin:22px 0 10px}.muted{color:color-mix(in srgb,var(--color-text) 55%,transparent);font-size:14px}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.k{font-family:var(--fuente-titulo);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-700)}.bp,.card,.btn.big,.reloj-caja{position:relative}.bp:after,.card:after,.btn.big:after,.reloj-caja:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;pointer-events:none;z-index:2;--bp-c: var(--color-accent);background-image:linear-gradient(var(--bp-c),var(--bp-c)),linear-gradient(var(--bp-c),var(--bp-c)),linear-gradient(var(--bp-c),var(--bp-c)),linear-gradient(var(--bp-c),var(--bp-c)),linear-gradient(var(--bp-c),var(--bp-c)),linear-gradient(var(--bp-c),var(--bp-c)),linear-gradient(var(--bp-c),var(--bp-c)),linear-gradient(var(--bp-c),var(--bp-c));background-repeat:no-repeat;background-size:7px 1px,1px 7px,7px 1px,1px 7px,7px 1px,1px 7px,7px 1px,1px 7px;background-position:left .5px top 3.5px,left 3.5px top .5px,right .5px top 3.5px,right 3.5px top .5px,left .5px bottom 3.5px,left 3.5px bottom .5px,right .5px bottom 3.5px,right 3.5px bottom .5px}.btn.big:after{--bp-c: #fff}.btn.big.sec:after,.btn.big.ghost:after{--bp-c: var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border:1px solid var(--color-divider);border-radius:0;font-family:var(--fuente-titulo);font-weight:600;font-size:14px;letter-spacing:.01em;line-height:1.2;cursor:pointer;text-decoration:none;background:var(--color-accent);color:#fff;border-color:var(--color-accent);white-space:nowrap;transition:background-color .14s ease,border-color .14s ease}.btn:hover{background:var(--color-accent-600);border-color:var(--color-accent-600)}.btn:active{background:var(--color-accent-700);border-color:var(--color-accent-700)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.sec{background:transparent;color:var(--color-text);border-color:var(--color-divider)}.btn.sec:hover{background:var(--color-accent-100);border-color:var(--color-accent-400)}.btn.ghost{background:transparent;color:var(--color-accent-700);border-color:transparent}.btn.ghost:hover{background:var(--color-accent-100)}.btn.danger{background:transparent;color:var(--error);border-color:var(--error)}.btn.danger:hover{background:var(--error);color:#fff}.btn.big{padding:22px 28px;font-size:22px;letter-spacing:.04em;text-transform:uppercase;width:100%;border-radius:0}.card{background:transparent;border:1px solid var(--color-divider);border-radius:0;box-shadow:none;padding:20px}.input,select.input,textarea.input{width:100%;padding:8px 10px;min-height:38px;border:1px solid var(--color-divider);border-radius:0;font:inherit;font-size:14px;background:var(--color-surface);color:var(--color-text);caret-color:var(--color-accent)}.input:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent)}.input:focus,.input:focus-visible{outline:2px solid var(--color-accent);outline-offset:0;border-color:var(--color-accent)}label{display:block;font-family:var(--fuente-texto);font-size:13px;font-weight:600;color:color-mix(in srgb,var(--color-text) 78%,transparent);margin-bottom:6px}.field{margin-bottom:14px}input[type=checkbox],input[type=radio]{accent-color:var(--color-accent)}.alert{padding:10px 14px;border-radius:0;font-size:14px;margin:10px 0;border:1px solid transparent}.alert.error{background:color-mix(in srgb,var(--error) 10%,var(--color-bg));color:var(--error);border-color:color-mix(in srgb,var(--error) 30%,transparent)}.alert.ok{background:color-mix(in srgb,var(--exito) 10%,var(--color-bg));color:var(--exito);border-color:color-mix(in srgb,var(--exito) 30%,transparent)}.alert.warn{background:var(--color-accent-100);color:var(--color-accent-800);border-color:var(--color-accent-300)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid color-mix(in srgb,var(--color-text) 8%,transparent)}th{font-family:var(--fuente-titulo);font-size:11px;font-weight:600;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 60%,transparent);letter-spacing:.08em;border-bottom:1px solid var(--color-divider)}tbody tr:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent)}.tabla-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:0;font-family:var(--fuente-texto);font-size:12px;font-weight:600;letter-spacing:.02em}.badge.gris{background:var(--gris-100);color:var(--gris-700)}.badge.ok{background:var(--color-accent-100);color:var(--color-accent-800)}.badge.warn{border:1px solid var(--color-accent);color:var(--color-accent-700)}.badge.err{background:color-mix(in srgb,var(--error) 12%,var(--color-bg));color:var(--error)}.app-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.app-side{border-right:1px solid var(--color-divider);padding:20px 0;display:flex;flex-direction:column;gap:4px;background:var(--color-bg)}.app-side.dark{background:var(--color-accent-900);color:#fff;border-right:0}.app-side__brand{display:flex;align-items:center;gap:10px;padding:0 16px 16px}.app-side__brand .logo{height:30px;width:auto}.app-side__mark{width:34px;height:34px;flex:none;display:grid;place-items:center;background:var(--color-accent);color:#fff;font-family:var(--fuente-titulo);font-weight:600;font-size:15px}.app-side__brand strong{display:block;font-family:var(--fuente-titulo);font-weight:600;font-size:16px;line-height:1.1}.app-side__brand small{display:block;font-size:11px;color:color-mix(in srgb,currentColor 65%,transparent)}.app-side__group{padding:12px 16px 4px;font-family:var(--fuente-titulo);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-700)}.app-side.dark .app-side__group{color:var(--color-accent-300)}.sidebtn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font-family:var(--fuente-texto);font-size:14px;padding:9px 16px;border:0;border-left:2px solid transparent;background:transparent;color:inherit;text-decoration:none;cursor:pointer}.sidebtn:hover{background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.sidebtn.router-link-active,.sidebtn[aria-current=page]{background:var(--color-accent-100);border-left-color:var(--color-accent);font-weight:600}.app-side.dark .sidebtn.router-link-active,.app-side.dark .sidebtn[aria-current=page]{background:#ffffff1f}.sidebtn__badge{margin-left:auto;font-family:var(--fuente-titulo);font-size:11px;color:var(--color-accent-700)}.app-side__foot{margin-top:auto;padding:16px;border-top:1px solid var(--color-divider);font-size:13px}.app-side.dark .app-side__foot{border-top-color:#ffffff2e}.app-side__foot strong{font-family:var(--fuente-titulo);font-weight:600;font-size:15px}.app-main{padding:28px 32px 64px;min-width:0}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.app-side{flex-direction:row;align-items:center;gap:2px;padding:8px 12px;border-right:0;border-bottom:1px solid var(--color-divider);overflow-x:auto;position:sticky;top:0;z-index:30}.app-side__brand{padding:0 10px 0 4px;flex:none}.app-side__brand small,.app-side__group,.app-side__foot{display:none}.app-side__foot.always{display:block;margin:0;padding:0 0 0 8px;border:0;flex:none;white-space:nowrap}.sidebtn{width:auto;flex:none;white-space:nowrap;border-left:0;border-bottom:2px solid transparent;padding:8px 12px}.sidebtn.router-link-active,.sidebtn[aria-current=page]{border-left:0;border-bottom-color:var(--color-accent);background:transparent}.app-main{padding:20px 18px 56px}}.topbar{background:var(--color-accent-900);color:#fff;padding:12px 20px;display:flex;align-items:center;gap:16px}.topbar .marca{font-family:var(--fuente-titulo);font-weight:600;font-size:16px}.topbar .logo{height:28px;width:auto}.topbar .sp{flex:1}.topbar a{color:#fff;opacity:.85;text-decoration:none;font-size:14px}.topbar a:hover,.topbar a.router-link-active{opacity:1}.layout{display:flex;min-height:100vh;flex-direction:column}.contenido{max-width:1180px;width:100%;margin:0 auto;padding:26px 20px 64px;flex:1}.nav-sec{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid var(--color-divider)}.nav-sec a{padding:8px 12px;border-radius:0;font-family:var(--fuente-titulo);font-weight:500;font-size:13px;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;color:var(--color-text);background:transparent;border-bottom:2px solid transparent;margin-bottom:-1px}.nav-sec a:hover{background:var(--color-accent-100)}.nav-sec a.router-link-active{border-bottom-color:var(--color-accent);color:var(--color-accent-700);font-weight:600}.centro-pantalla{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.caja-login{width:100%;max-width:400px}.acceso-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));min-height:100vh}.acceso-split__marca{background:var(--color-accent-900);color:#fff;padding:56px 44px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}.acceso-split__marca h2{color:#fff;font-size:34px;margin:0 0 12px;max-width:24ch}.acceso-split__marca p{color:#dbe6f0;max-width:40ch}.acceso-split__form{display:grid;place-items:center;padding:48px 24px}@media(max-width:720px){.acceso-split__marca{padding:32px 24px;gap:20px}.acceso-split__marca h2{font-size:26px}}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.stat{font-family:var(--fuente-titulo);font-size:34px;font-weight:600;line-height:1.1}.banner-impersonando{background:var(--color-accent-900);color:#fff;text-align:center;padding:7px;font-size:13px;font-weight:600;letter-spacing:.02em}.reloj{font-family:var(--fuente-titulo);font-size:52px;font-weight:600;text-align:center;margin:8px 0;line-height:1.05;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}