@font-face{font-family:Space;src:url('/fuentes/space-grotesk-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Space;src:url('/fuentes/space-grotesk-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Mono;src:url('/fuentes/jetbrains-mono-400.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;--fondo:#070403;--naranja:#ff7a1a;--luz:#ffb347;--rojo:#ff4d00;--texto:#f4dfcd;--linea:rgba(255,122,26,.24)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--fondo);color:var(--texto);font-family:Space,system-ui,sans-serif}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 47%,rgba(115,38,0,.11),transparent 45%),linear-gradient(180deg,#090504,#050303);pointer-events:none}
#red{position:fixed;inset:0;width:100%;height:100%;z-index:0}.ruido{position:fixed;inset:0;z-index:1;opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.pantalla{position:relative;z-index:2;width:100%;height:100%;transition:opacity .55s ease,transform .55s ease}.oculto{display:none!important}.pantalla-acceso{display:grid;place-items:center;padding:28px}.acceso{width:min(390px,100%);padding:28px 0;background:rgba(7,4,3,.62);backdrop-filter:blur(5px)}
.sigla,label,.estado,.conexion,.pie-dato,.texto-boton{font:400 10px/1.4 Mono,monospace;letter-spacing:.18em;color:#ba8157}.acceso h1{font-size:clamp(58px,18vw,84px);letter-spacing:.16em;margin:18px 0 0;color:#fff1e4;text-shadow:0 0 32px rgba(255,122,26,.35)}.bajada{margin:0 0 54px;font:10px Mono;letter-spacing:.34em;color:var(--naranja)}
.acceso h2{font-size:40px;margin:14px 0 8px}.ayuda{color:#b99a83;line-height:1.6;margin:0 0 32px}.acceso label{display:block;margin:22px 0 8px}.acceso input{width:100%;border:0;border-bottom:1px solid var(--linea);background:transparent;color:#fff;font:18px Space;padding:10px 4px;outline:0}.acceso input:focus{border-color:var(--naranja);box-shadow:0 8px 18px -16px var(--luz)}
.campo-linea{display:flex;align-items:center}.flecha,.entrada button{border:0;background:transparent;color:var(--naranja);font-size:27px;padding:8px 4px 8px 18px;cursor:pointer}.error{min-height:20px;color:#ff7547;font:12px Mono;margin:14px 0}.sacudir{animation:sacudir .28s linear}@keyframes sacudir{25%{transform:translateX(-7px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}
.boton-linea{border:1px solid rgba(255,122,26,.55);background:rgba(255,122,26,.13);color:#ffe5d0;font:11px Mono;letter-spacing:.12em;padding:13px 18px;margin-top:26px;cursor:pointer}.boton-linea:hover{background:rgba(255,122,26,.27)}.boton-linea.secundario{border-color:#67442e;background:transparent;color:#af8d75}
.consola{padding:18px max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.barra{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--linea);padding-bottom:12px}.marca-mini{font-weight:600;letter-spacing:.22em}.conexion{margin-left:16px;color:#8d6a50}.conexion:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--naranja);box-shadow:0 0 8px var(--naranja);margin-right:7px}.texto-boton{border:0;background:transparent;cursor:pointer}
.panel-agentes{position:absolute;left:18px;top:77px;display:grid;gap:9px}.agente{font:9px Mono;color:#805a40;letter-spacing:.1em}.agente:before{content:"◇";color:var(--naranja);margin-right:7px}.agente.activo{color:var(--luz);text-shadow:0 0 10px var(--naranja)}.panel-tareas{position:absolute;right:18px;top:77px;text-align:right;font:9px Mono;color:#674934;line-height:1.8}
.centro{position:absolute;left:50%;top:64%;width:min(620px,calc(100% - 40px));transform:translate(-50%,-50%);text-align:center;pointer-events:none}.estado{color:var(--naranja);margin-bottom:12px}.subtitulo{font-size:clamp(18px,5vw,28px);line-height:1.3;text-wrap:balance;text-shadow:0 2px 20px #070403}.respuesta{margin:10px auto 0;max-width:560px;font-size:13px;line-height:1.5;color:#b9957b;max-height:74px;overflow:auto}
.hablar{position:absolute;z-index:4;left:50%;bottom:calc(68px + env(safe-area-inset-bottom));transform:translateX(-50%);width:74px;height:74px;border:0;border-radius:50%;background:transparent;cursor:pointer}.hablar .anillo{position:absolute;inset:0;border:1px solid rgba(255,122,26,.48);border-radius:50%;box-shadow:0 0 28px rgba(255,89,0,.17)}.hablar .nucleo{position:absolute;inset:20px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#ffd099,#ff7516 44%,#6d1e00);box-shadow:0 0 24px var(--naranja)}.hablar[aria-pressed=true] .anillo{animation:pulso 1.3s infinite}.hablar[aria-pressed=true] .nucleo{background:radial-gradient(circle at 38% 35%,#fff,#ffb347 35%,#ff4d00)}@keyframes pulso{50%{transform:scale(1.18);opacity:.35}}
.entrada{position:absolute;z-index:3;left:50%;bottom:20px;transform:translateX(-50%);width:min(560px,calc(100% - 36px));display:flex;border-bottom:1px solid var(--linea)}.entrada input{flex:1;border:0;background:rgba(7,4,3,.7);color:#f6dfcd;outline:0;padding:10px 4px;font:14px Space}.entrada input::placeholder{color:#6f4e38}.entrada button{font-size:21px}.solo-lector{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.pie-dato{position:absolute;bottom:22px;left:18px;right:18px;display:flex;justify-content:space-between;color:#5e412e;pointer-events:none}
.aprobacion{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 32px));padding:24px;border:1px solid rgba(255,122,26,.45);background:rgba(8,4,2,.96);box-shadow:0 0 70px rgba(255,75,0,.12)}.aprobacion h2{margin:8px 0 16px}.aprobacion pre{white-space:pre-wrap;max-height:42vh;overflow:auto;color:#d9b79d;font:12px/1.6 Mono;border:1px solid #342116;padding:12px}.acciones{display:flex;justify-content:flex-end;gap:10px}.acciones .boton-linea{margin-top:8px}
body[data-estado=error] #red{animation:error .22s 2}@keyframes error{50%{filter:brightness(2) saturate(1.8)}}
@media(min-width:800px){.consola{padding:26px 34px}.panel-agentes{left:34px;top:95px}.panel-tareas{right:34px;top:95px}.centro{top:67%}.hablar{bottom:78px}.entrada{bottom:26px}.pie-dato{left:34px;right:34px;bottom:28px}}
@media(max-height:650px){.centro{top:59%}.hablar{bottom:60px;width:62px;height:62px}.hablar .nucleo{inset:17px}.entrada{bottom:12px}.pie-dato{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}