:root{--primario:#facc15;--primario-hover:#f59e0b;--fondo:#0f1115;--superficie:#181b22;--superficie-2:#1f232c;--borde:#262a34;--texto:#f8fafc;--texto-2:#94a3b8;--activo:#22c55e;--aviso:#f97316;--peligro:#ef4444;--neutro:#94a3b8;--carbon:#0f1115;--r-card:8px;--r-btn:6px;--titulos:"Oswald", "Arial Narrow", sans-serif;--ui:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--num:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--fondo);color:var(--texto);font:400 14px/20px var(--ui);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--primario)}:focus-visible{outline:2px solid var(--primario);outline-offset:2px}::selection{background:var(--primario);color:var(--carbon)}.h1{font:600 28px/36px var(--titulos);text-transform:uppercase;letter-spacing:.01em;margin:0}.h2{font:600 22px/28px var(--titulos);text-transform:uppercase;letter-spacing:.01em;margin:0}.h3{font:600 16px/24px var(--ui);margin:0}.cap{font:500 12px/16px var(--ui);color:var(--texto-2)}.eti{font:500 12px/16px var(--ui);color:var(--texto-2);text-transform:uppercase;letter-spacing:.06em}.sm{font-size:13px;line-height:18px}.mute{color:var(--texto-2)}.num{font-family:var(--num);font-variant-numeric:tabular-nums;font-weight:700}.precio{font:700 20px/24px var(--num);color:var(--primario)}.grande{font:700 28px/32px var(--num)}.ok{color:var(--activo)}.warn{color:var(--aviso)}.bad{color:var(--peligro)}.yel{color:var(--primario)}.app{grid-template-columns:240px 1fr;height:100%;display:grid}.lateral{background:var(--fondo);border-right:1px solid var(--borde);flex-direction:column;gap:4px;min-height:0;padding:20px 16px;display:flex;overflow-y:auto}.marca{padding:0 8px 18px}.marca b{font:700 26px/30px var(--titulos);color:var(--primario);letter-spacing:.02em;display:block}.nav{border-radius:var(--r-btn);height:44px;color:var(--texto);text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:0 12px;font-weight:500;text-decoration:none;display:flex}.nav svg{color:var(--texto-2);flex:none}.nav:hover{background:var(--superficie)}.nav[aria-current=page]{background:var(--primario);color:var(--carbon)}.nav[aria-current=page] svg,.nav[aria-current=page] .atajo{color:var(--carbon)}.nav .atajo{color:var(--texto-2);margin-left:auto;font-size:12px}.nav[aria-disabled=true]{color:var(--texto-2);cursor:not-allowed;opacity:.7}.nav[aria-disabled=true]:hover{background:0 0}.nav .pronto{text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--borde);border-radius:999px;margin-left:auto;padding:1px 6px;font-size:10px}.separador{background:var(--borde);height:1px;margin:8px 0}.relleno{flex:1}.chip-respaldo{background:var(--superficie);border-radius:var(--r-btn);color:var(--texto-2);align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.chip-respaldo svg{color:var(--activo)}.usuario{align-items:center;gap:12px;padding:12px 4px;display:flex}.principal{flex-direction:column;min-width:0;min-height:0;display:flex}.barra{border-bottom:1px solid var(--borde);flex:none;align-items:center;gap:16px;height:56px;padding:0 24px;display:flex}.pulso{background:var(--activo);border-radius:50%;flex:none;width:10px;height:10px;animation:2s infinite pulso;box-shadow:0 0 #22c55e99}.pulso.off{background:var(--peligro);animation:none}@keyframes pulso{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.reloj-hora{font:700 20px/24px var(--num)}.pildora-caja{border:1px solid var(--borde);background:var(--superficie);border-radius:999px;padding:6px 12px;font-weight:500}.contenido{flex-direction:column;flex:1;gap:20px;min-height:0;padding:24px 24px 96px;display:flex;overflow-y:auto}.contenido>*{flex-shrink:0}.encabezado{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.encabezado>div:first-child{flex:1;min-width:240px}.aviso-demo{background:var(--superficie-2);border-bottom:1px solid var(--borde);color:var(--texto-2);align-items:center;gap:12px;padding:6px 24px;font-size:12px;display:flex}.aviso-demo b{color:var(--texto);font-weight:600}.aviso-demo button{color:var(--primario);background:0 0;border:0;padding:0;font-weight:600}.banner-reloj{background:var(--peligro);color:var(--carbon);align-items:center;gap:12px;padding:10px 24px;font-weight:500;display:flex}.banner-reloj button{color:var(--carbon);background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.btn{border-radius:var(--r-btn);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 20px;font-weight:600;text-decoration:none;transition:background .12s,transform 80ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-p{background:var(--primario);color:var(--carbon)}.btn-p:hover:not(:disabled){background:var(--primario-hover)}.btn-s{background:var(--superficie-2);color:var(--texto);border-color:var(--borde)}.btn-s:hover:not(:disabled){background:#272c37}.btn-peligro{background:var(--peligro);color:var(--carbon)}.btn-wa{background:var(--activo);color:var(--carbon)}.btn-wa:hover{filter:brightness(1.08)}.btn-t{color:var(--primario);background:0 0;height:44px;padding:0 8px}.btn-xl{height:56px;font-size:15px}.btn-sm{height:40px;padding:0 14px}.ancho{width:100%}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r-card)}.panel{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r-card);flex-direction:column;gap:12px;min-width:0;padding:20px;display:flex}.fila{gap:16px;display:flex}.fila>*{min-width:0}.col{flex-direction:column;gap:12px;display:flex}.crece{flex:1}.kv{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.kv>span:first-child{color:var(--texto-2);font-size:13px}.kv>span:last-child{text-align:right;font-weight:500}.badge{color:var(--carbon);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.badge.activo{background:var(--activo)}.badge.porVencer{background:var(--aviso)}.badge.vencido{background:var(--peligro)}.badge.noIdentificado,.badge.congelada,.badge.visita{background:var(--neutro)}.badge.contorno{background:0 0;border:1px solid}.badge.tarifa{background:var(--primario-hover)}.badge.gris{background:var(--superficie-2);color:var(--texto);border:1px solid var(--borde)}.avatar{background:var(--borde);border-style:solid;border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.c-activo{border-color:var(--activo)}.c-porVencer{border-color:var(--aviso)}.c-vencido{border-color:var(--peligro)}.c-noIdentificado,.c-congelada,.c-visita,.c-neutro{border-color:var(--neutro)}.c-yel{border-color:var(--primario)}.punto{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.bg-activo{background:var(--activo)}.bg-porVencer{background:var(--aviso)}.bg-vencido{background:var(--peligro)}.bg-neutro,.bg-visita,.bg-congelada,.bg-noIdentificado{background:var(--neutro)}.campo{flex-direction:column;gap:6px;display:flex}.campo label,.campo .lbl{color:var(--texto-2);font-size:13px;font-weight:500}.input{border-radius:var(--r-btn);border:1px solid var(--borde);background:var(--fondo);width:100%;height:44px;padding:0 12px}.input:focus{border-color:var(--primario);outline:none;box-shadow:0 0 0 2px #facc1540}.input.error{border-color:var(--peligro)}textarea.input{resize:vertical;height:auto;min-height:96px;padding:10px 12px}.error-txt{color:var(--peligro);font-size:13px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--borde);background:var(--superficie);border-radius:999px;height:36px;padding:0 16px;font-weight:500}.chip[aria-pressed=true]{background:var(--primario);color:var(--carbon);border-color:var(--primario)}.segmento{background:var(--fondo);border:1px solid var(--borde);border-radius:var(--r-btn);gap:4px;padding:4px;display:flex}.segmento button{height:40px;color:var(--texto-2);background:0 0;border:0;border-radius:4px;flex:1;font-weight:600}.segmento button[aria-pressed=true]{background:var(--primario);color:var(--carbon)}.barra-prog{background:var(--borde);border-radius:999px;height:6px;overflow:hidden}.barra-prog>i{border-radius:999px;height:100%;transition:width .25s ease-out;display:block}.tabla{border-collapse:collapse;width:100%}.tabla th{text-align:left;font:500 12px/16px var(--ui);text-transform:uppercase;letter-spacing:.05em;color:var(--texto-2);background:var(--superficie-2);padding:12px 16px;position:sticky;top:0}.tabla td{border-top:1px solid var(--borde);height:60px;padding:10px 16px;font-size:13px}.tabla tr.clic{cursor:pointer}.tabla tr.clic:hover td{background:#1c2028}.velo{z-index:50;background:#0f1115c7;place-items:center;padding:24px;animation:.18s ease-out aparece;display:grid;position:fixed;inset:0}.modal{background:var(--superficie);border:1px solid var(--borde);border-radius:12px;flex-direction:column;gap:16px;width:min(560px,100%);max-height:calc(100vh - 48px);padding:28px;animation:.18s ease-out entra;display:flex;overflow:auto}.modal.ancho-lg{width:min(760px,100%)}.modal-cab{align-items:flex-start;gap:12px;display:flex}.modal-cab .h2{flex:1}.cerrar{border-radius:var(--r-btn);width:44px;height:44px;color:var(--texto-2);background:0 0;border:0;place-items:center;margin:-10px -10px 0 0;display:grid}.cerrar:hover{background:var(--superficie-2);color:var(--texto)}@keyframes aparece{0%{background-color:#0f111500}}@keyframes entra{0%{opacity:.5;transform:scale(.96)}}.pin-casillas{justify-content:center;gap:12px;display:flex}.pin-casillas span{border-radius:var(--r-btn);border:2px solid var(--borde);background:var(--fondo);width:64px;height:72px;font:700 28px var(--num);place-items:center;display:grid}.pin-casillas span.act{border-color:var(--primario)}.teclado{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.teclado button{border-radius:var(--r-btn);border:1px solid var(--borde);background:var(--superficie-2);height:52px;font:700 20px var(--num)}.teclado button:hover{background:#272c37}.toasts{z-index:70;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--superficie-2);border:1px solid var(--activo);border-radius:var(--r-card);align-items:center;gap:12px;min-width:320px;padding:12px 16px;font-weight:500;animation:.2s ease-out entra;display:flex;box-shadow:0 8px 30px #00000059}.toast.error{border-color:var(--peligro)}.toast.info{border-color:var(--primario)}.toast svg{flex:none}.toast .check path,.toast .check polyline{stroke-dasharray:30;stroke-dashoffset:30px;animation:.3s ease-out forwards dibuja}@keyframes dibuja{to{stroke-dashoffset:0}}.semaforo{background:var(--superficie);border:8px solid var(--neutro);border-radius:14px;width:min(720px,100%);animation:.18s ease-out entra;overflow:hidden}.semaforo.activo{border-color:var(--activo)}.semaforo.porVencer{border-color:var(--aviso)}.semaforo.vencido{border-color:var(--peligro);animation:.18s ease-out entra,1.2s ease-in-out infinite pulsoBorde}@keyframes pulsoBorde{50%{border-color:#ef444473}}.semaforo-franja{color:var(--carbon);font:600 22px/28px var(--titulos);text-transform:uppercase;justify-content:center;align-items:center;gap:12px;padding:14px 24px;display:flex}.semaforo.activo .semaforo-franja{background:var(--activo)}.semaforo.porVencer .semaforo-franja{background:var(--aviso)}.semaforo.vencido .semaforo-franja{background:var(--peligro)}.semaforo.noIdentificado .semaforo-franja,.semaforo.congelada .semaforo-franja{background:var(--neutro)}.semaforo-cuerpo{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:32px;display:flex}.contador{font:700 96px/96px var(--titulos);text-transform:uppercase}.nombre-xl{font:700 40px/48px var(--ui)}.verificando{background:var(--superficie);border:1px solid var(--borde);border-radius:14px;flex-direction:column;align-items:center;gap:16px;width:360px;padding:40px;display:flex}.anillo{border:4px solid var(--borde);border-top-color:var(--primario);border-radius:50%;place-items:center;width:96px;height:96px;animation:.8s linear infinite gira;display:grid}.anillo svg{color:var(--primario);animation:.8s linear infinite reverse gira}@keyframes gira{to{transform:rotate(360deg)}}.temporizador{background:var(--borde);width:100%;height:4px}.temporizador i{background:currentColor;height:100%;animation:linear forwards baja;display:block}@keyframes baja{0%{width:100%}to{width:0}}.simulador{z-index:40;background:var(--superficie-2);border:1px solid var(--primario);border-radius:12px;width:300px;position:fixed;bottom:88px;left:264px;box-shadow:0 12px 40px #00000080}.simulador-cab{border-bottom:1px solid var(--borde);align-items:center;gap:10px;padding:12px 14px;display:flex}.simulador-cab b{flex:1}.simulador-lista{flex-direction:column;gap:4px;max-height:360px;padding:8px;display:flex;overflow:auto}.simulador-lista button{border-radius:var(--r-btn);text-align:left;background:0 0;border:0;align-items:center;gap:10px;min-height:44px;padding:8px;display:flex}.simulador-lista button:hover{background:var(--superficie)}.fab{z-index:40;border:1px solid var(--primario);background:var(--superficie-2);height:52px;color:var(--texto);border-radius:999px;align-items:center;gap:10px;padding:0 18px;font-weight:600;display:flex;position:fixed;bottom:24px;left:264px;box-shadow:0 10px 30px #00000073}.fab svg{color:var(--primario)}.fab.llama{animation:2.4s ease-out infinite llama}@keyframes llama{0%{box-shadow:0 0 #facc1580,0 10px 30px #00000073}60%,to{box-shadow:0 0 0 12px #facc1500,0 10px 30px #00000073}}.tarjeta-pos{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r-card);text-align:left;flex-direction:column;gap:8px;min-height:120px;padding:16px;transition:border-color .12s,transform 80ms;display:flex}.tarjeta-pos:hover:not(:disabled){border-color:var(--primario)}.tarjeta-pos:active:not(:disabled){transform:scale(.98)}.tarjeta-pos:disabled{opacity:.6;cursor:not-allowed}.tarjeta-pos svg{color:var(--primario)}.rejilla-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.rejilla{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.contador-mini{background:var(--superficie-2);border:1px solid var(--borde);border-radius:var(--r-btn);align-items:center;gap:4px;padding:2px;display:flex}.contador-mini button{width:32px;height:32px;color:var(--texto-2);background:0 0;border:0;border-radius:4px;place-items:center;display:grid}.contador-mini button:hover{background:var(--superficie);color:var(--texto)}.teclas{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.teclas button{border-radius:var(--r-btn);border:1px solid var(--borde);background:var(--fondo);height:48px;font:700 18px var(--num)}.teclas button[aria-pressed=true]{border:2px solid var(--primario);color:var(--primario);background:var(--superficie-2)}.cambio{background:var(--fondo);border-radius:var(--r-card);text-align:center;padding:14px}.pasos{gap:8px;display:flex}.pasos span{background:var(--borde);border-radius:999px;flex:1;height:4px}.pasos span.hecho{background:var(--primario)}.ondas{width:140px;height:140px;color:var(--primario);place-items:center;margin:8px auto;display:grid;position:relative}.ondas:before,.ondas:after{content:"";border:2px solid var(--primario);opacity:0;border-radius:50%;animation:1.6s ease-out infinite onda;position:absolute;inset:0}.ondas:after{animation-delay:.8s}@keyframes onda{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(1.15)}}.visor{background:var(--fondo);border:3px dashed var(--borde);border-radius:50%;place-items:center;width:220px;height:220px;margin:0 auto;display:grid;position:relative;overflow:hidden}.visor video,.visor img{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.vacio{text-align:center;color:var(--texto-2);flex-direction:column;align-items:center;gap:10px;padding:32px;display:flex}.vacio svg{color:var(--texto-2)}.vacio .acento{color:var(--primario)}.login{grid-template-columns:1.1fr 1fr;min-height:100%;display:grid}.login-izq{border-right:1px solid var(--borde);background:radial-gradient(1200px 500px at -10% -10%,#facc1514,#0000 60%);flex-direction:column;gap:28px;padding:56px;display:flex}.login-der{flex-direction:column;justify-content:center;gap:20px;padding:56px;display:flex}.persona{border-radius:var(--r-card);border:1px solid var(--borde);background:var(--superficie);text-align:left;align-items:center;gap:14px;width:100%;padding:14px;display:flex}.persona:hover{border-color:var(--primario)}.persona[aria-pressed=true]{border-color:var(--primario);background:var(--superficie-2)}.persona code{font-family:var(--num);color:var(--primario)}.barras{align-items:flex-end;gap:8px;height:160px;display:flex}.barras>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex;position:relative}.barras i{background:var(--borde);border-radius:4px 4px 0 0;width:100%;max-width:28px;display:block}.barras i.pico{background:var(--primario)}.barras em{border-top:2px dashed var(--texto-2);opacity:.6;position:absolute;left:0;right:0}.marco-movil{background:#0a0b0e;place-items:center;min-height:100%;padding:24px;display:grid}.telefono{background:var(--fondo);border:1px solid var(--borde);border-radius:36px;flex-direction:column;width:393px;max-width:100%;height:852px;max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 30px 80px #0009}.telefono-cuerpo{flex-direction:column;flex:1;gap:12px;padding:4px 16px 16px;display:flex;overflow-y:auto}.tabs-movil{background:var(--superficie);border-top:1px solid var(--borde);padding:8px 16px 24px;display:flex}.tabs-movil button{min-height:44px;color:var(--texto-2);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:4px;padding:6px 0;font-size:12px;display:flex}.tabs-movil button[aria-pressed=true]{color:var(--primario)}.espejo{background:var(--fondo);place-items:center;min-height:100%;padding:48px;display:grid}.espejo .semaforo{width:min(1400px,100%)}.espejo .contador{font-size:clamp(96px,12vw,192px);line-height:1}.espejo .nombre-xl{font-size:clamp(40px,5vw,80px);line-height:1.1}@media (width<=1100px){.rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}.login{grid-template-columns:1fr}.login-izq{border-right:0;border-bottom:1px solid var(--borde)}}@media (width<=860px){.app{grid-template-columns:1fr}.lateral{display:none}.fila.envuelve{flex-direction:column}.rejilla-2{grid-template-columns:1fr}.contenido{padding:16px}.barra{padding:0 16px}.ocultar-movil{display:none!important}.simulador,.fab{left:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}