:root{--accent: #48d0c8;--accent-user: #8f9bd6;--ink: #eaf0ff;--muted: rgba(234, 240, 255, .55);--bg: #05070d;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,sans-serif}body[data-avatar="3d"],body[data-avatar=video]{--accent: #b9924e;--accent-user: #5b7290;--ink: #2b2f38;--muted: rgba(43, 47, 56, .55)}body[data-avatar="3d"] .badge,body[data-avatar=video] .badge{border-color:#2b2f3840}body[data-avatar="3d"] #debug,body[data-avatar=video] #debug{background:#fffdf8e0;border-color:#2b2f382e;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);overflow:hidden;cursor:none}body.con-puntero{cursor:default}#stage{position:relative;width:100vw;height:100vh}#avatar,#avatar3d{position:absolute;inset:0;width:100%;height:100%;display:block}#avatar[hidden],#avatar3d[hidden]{display:none}#panel{position:absolute;left:4vw;top:50%;transform:translateY(-50%) translate(-30px);width:min(28vw,480px);padding:1.2em;background:#fffdf8f0;border-radius:20px;box-shadow:0 12px 50px #1e190f2e;opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease}#panel.visible{opacity:1;transform:translateY(-50%) translate(0);pointer-events:auto}#panel-cerrar:hover{background:#fff}#chat{position:absolute;right:4vw;top:50%;transform:translateY(-50%);width:min(30vw,460px);max-height:74vh;pointer-events:none;transition:opacity .3s ease}#chat.oculto{opacity:0}#chat-log{display:flex;flex-direction:column;gap:.6em;max-height:74vh;overflow-y:auto;padding:.4em;pointer-events:auto}#chat-log::-webkit-scrollbar{width:6px}#chat-log::-webkit-scrollbar-thumb{background:#2b2f3840;border-radius:999px}.msg{max-width:86%;padding:.55em 1em;border-radius:14px;line-height:1.4;color:var(--ink);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);text-wrap:balance}.msg.eli{align-self:flex-start;background:#132c2a9e;border:1px solid rgba(72,208,200,.45);box-shadow:0 8px 26px #00000059,0 0 22px #48d0c821;border-bottom-left-radius:4px}.msg.user{align-self:flex-end;background:#1e1b369e;border:1px solid rgba(143,155,214,.45);box-shadow:0 8px 26px #00000059,0 0 22px #8f9bd621;border-bottom-right-radius:4px}body[data-avatar="3d"] .msg,body[data-avatar=video] .msg{color:#2b2f38;background:#fffdf8f2;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;box-shadow:0 8px 26px #1e190f2e}body[data-avatar="3d"] .msg.user,body[data-avatar=video] .msg.user{background:#e0e9faf5;box-shadow:0 8px 26px #1e190f2e}.msg-header{display:flex;align-items:center;gap:.4em;margin-bottom:.3em}.msg .icono{width:1.3em;height:1.3em;flex:none;border-radius:50%;background-size:65%;background-position:center;background-repeat:no-repeat}.msg.eli .icono{background-color:#48d0c824;background-image:url(/elipgo-mark.png)}.msg.user .icono{background-color:#8f9bd62e;background-size:55%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238f9bd6'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c0-4.4 3.6-8 8-8s8 3.6 8 8'/%3E%3C/svg%3E")}body[data-avatar="3d"] .msg.user .icono,body[data-avatar=video] .msg.user .icono{background-color:#3e669024;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233e6690'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c0-4.4 3.6-8 8-8s8 3.6 8 8'/%3E%3C/svg%3E")}.msg .speaker{font-size:.7em;font-weight:700}.msg.eli .speaker{color:var(--accent)}.msg.user .speaker{color:var(--accent-user)}.msg .text{font-size:clamp(16px,1.4vw,24px)}.msg.partial{font-style:italic;opacity:.72}#panel-body canvas,#panel-body img,#panel-body video{display:block;width:100%;border-radius:12px}.recado{padding:.4em .2em}.recado-header{display:flex;align-items:center;gap:.5em;margin-bottom:.6em}.recado-icono{width:1.8em;height:1.8em;flex:none;border-radius:50%;background:#b9924e26;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9924e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v14H4z'/%3E%3Cpath d='m4 6 8 7 8-7'/%3E%3C/svg%3E");background-size:55%;background-position:center;background-repeat:no-repeat}.recado.enviado .recado-icono{background-color:#2e9e5b26;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e9e5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v14H4z'/%3E%3Cpath d='m4 6 8 7 8-7'/%3E%3C/svg%3E")}.recado-para{margin:0;font-size:clamp(15px,1.2vw,22px);color:#8a90a0}.recado-para b{color:#2b2f38;text-transform:capitalize}.recado-texto{margin:0;font-size:clamp(18px,1.6vw,30px);line-height:1.35;color:#2b2f38}.recado-estado{display:inline-block;margin:.9em 0 0;padding:.3em .9em;border-radius:999px;font-size:clamp(14px,1.1vw,20px);font-weight:600;color:#b9924e;background:#b9924e24}.recado.enviado .recado-estado{color:#2e9e5b;background:#2e9e5b24}.recados-lista{display:flex;flex-direction:column;gap:.7em;width:100%;text-align:left}.recados-fila{padding:.7em .9em;border-radius:12px;background:#b9924e14}.recados-fila.atendido{opacity:.55}.recados-cabeza{display:flex;justify-content:space-between;gap:1em;font-size:clamp(14px,1.1vw,20px);color:#8a90a0}.recados-cabeza b{color:#2b2f38;text-transform:capitalize}.recados-texto{margin:.3em 0 0;font-size:clamp(15px,1.25vw,22px);line-height:1.3;color:#2b2f38;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#panel-title{margin:.8em 0 0;text-align:center;font-size:clamp(16px,1.4vw,26px);color:#2b2f38;font-weight:600}#hint{position:absolute;left:50%;top:8vh;transform:translate(-50%);font-size:clamp(22px,2vw,38px);color:var(--muted);letter-spacing:.04em;opacity:0;transition:opacity .6s ease}#hint.visible{opacity:1;animation:breathe 3.5s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.35}50%{opacity:.9}}#badges{position:absolute;top:2vh;right:2vw;display:flex;gap:.6em;font-size:14px;opacity:.5}.badge{padding:.3em .8em;border:1px solid rgba(234,240,255,.2);border-radius:999px;letter-spacing:.05em;text-transform:lowercase}.badge[data-state=listening]{border-color:var(--accent);color:var(--accent)}.badge[data-status=closed]{border-color:#ff7a6b;color:#ff7a6b}.badge[data-mirando=true]{border-color:var(--accent);color:var(--accent)}.badge[data-mirando=false]{border-color:#ffb648;color:#ffb648}#badge-mute{border-color:#ff6b6b;color:#ff6b6b}#controles{position:absolute;left:50%;bottom:1.5vh;transform:translate(-50%) translateY(12px);display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:8px;border-radius:999px;background:#08101ca6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(72,208,200,.25);box-shadow:0 8px 26px #00000059,0 0 20px #48d0c814;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:5}#controles.visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}#controles button{font:inherit;font-size:13px;font-weight:500;letter-spacing:.02em;padding:7px 13px;border:1px solid rgba(234,240,255,.14);border-radius:999px;background:#ffffff0a;color:var(--ink);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s}#controles button:hover{background:#48d0c824;border-color:#48d0c866}#controles button:active{transform:scale(.96)}#controles button.activo{background:#48d0c838;border-color:#48d0c8b3;color:#d6fbf7;box-shadow:0 0 14px #48d0c859}body[data-avatar="3d"] #controles,body[data-avatar=video] #controles{background:#fffdf8e6;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;box-shadow:0 6px 24px #1e190f1f}body[data-avatar="3d"] #controles button,body[data-avatar=video] #controles button{border:1px solid rgba(43,47,56,.16);background:#fff;color:#2b2f38}body[data-avatar="3d"] #controles button:hover,body[data-avatar=video] #controles button:hover{background:#f2ede2;border-color:#2b2f3829}body[data-avatar="3d"] #controles button.activo,body[data-avatar=video] #controles button.activo{background:#2b2f38;border-color:#2b2f38;color:#fff;box-shadow:none}#debug{position:absolute;top:2vh;left:2vw;width:320px;padding:1em 1.2em;background:#05070dd9;border:1px solid rgba(234,240,255,.15);border-radius:12px;font-size:13px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#debug h2{margin:0 0 .8em;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}#debug small{font-weight:400;text-transform:none;letter-spacing:0}#debug-list{display:grid;grid-template-columns:auto 1fr;gap:.35em 1em;margin:0}#debug-list dt{color:var(--muted)}#debug-list dd{margin:0;font-variant-numeric:tabular-nums;text-align:right}#cam-preview{width:100%;margin-top:1em;border-radius:8px;transform:scaleX(-1)}#vision-view{--vv-w: min(420px, 36vw);position:absolute;top:2vh;right:2vw;width:var(--vv-w);padding:.9em 1em 1em;background:linear-gradient(180deg,#080e14eb,#05090deb);border:1px solid rgba(72,208,200,.35);border-radius:14px;font-size:13px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 0 1px #48d0c814,0 8px 30px #00000073,0 0 24px #48d0c81f;transition:width .25s ease}#vision-view.expandida{--vv-w: min(920px, 78vw)}#vision-view[hidden]{display:none}#vision-header{display:flex;align-items:center;gap:.5em;margin:0 0 .6em}#vision-live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px 1px var(--accent);animation:vision-pulse 1.6s ease-in-out infinite;flex:none}@keyframes vision-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}#vision-view h2{flex:1;margin:0;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}#vision-view h2 small{font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted)}#vision-expandir,#vision-cerrar{flex:none;width:26px;height:26px;padding:0;border:1px solid rgba(72,208,200,.35);border-radius:6px;background:#48d0c814;color:var(--accent);font-size:13px;line-height:1;cursor:pointer}#vision-expandir:hover,#vision-cerrar:hover{background:#48d0c82e}#vision-contador{margin:0 0 .6em;color:var(--accent);font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:11.5px;letter-spacing:.03em;font-variant-numeric:tabular-nums;text-transform:uppercase;opacity:.9}#vision-canvas-wrap{position:relative;border-radius:10px;overflow:hidden;outline:1px solid rgba(72,208,200,.25)}#vision-canvas{display:block;width:100%}#vision-hint{margin:.5em 0 0;color:var(--muted);font-size:11px;text-align:right}#gate[hidden],#debug[hidden]{display:none}#gate{position:absolute;inset:0;display:grid;place-content:center;gap:1.5em;justify-items:center;background:#05070df0;cursor:pointer}#gate p{color:var(--muted);font-size:18px;margin:0}#gate-btn{padding:.8em 2.4em;font-size:26px;font-family:inherit;color:var(--bg);background:var(--accent);border:none;border-radius:999px;cursor:pointer;transition:transform .15s ease}#gate-btn:hover{transform:scale(1.04)}#boot{display:grid;justify-items:center;gap:1em}#boot[hidden]{display:none}.spinner{width:64px;height:64px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,var(--accent) 300deg,transparent 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));filter:drop-shadow(0 0 6px var(--accent));animation:girar 1.1s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}#boot-msg{color:var(--muted);font-size:18px;font-variant-numeric:tabular-nums;margin:0}.error{max-width:60ch;text-align:center;color:#ff7a6b}.error code{display:block;margin-top:1em;font-size:14px;opacity:.8}body[data-avatar=video]{background:radial-gradient(120% 85% at 50% 38%,#fff,#f4f6f8 46%,#dfe5ea)}body[data-avatar=video] #stage{background:transparent}body[data-avatar=video] #avatarVideo:after{content:"";position:absolute;left:50%;bottom:4%;width:34%;height:2.2%;transform:translate(-50%);border-radius:50%;background:radial-gradient(50% 50%,#1e2a3838,#1e2a3800 70%);pointer-events:none}#avatarVideo{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}#avatarVideo .capa-video{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center bottom}#registro{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3vh;padding:0 6vw;background:#05070db8}#registro[hidden]{display:none}#registro .registro-marco{position:relative;width:min(88vw,1200px);border:3px solid var(--accent);border-radius:24px;overflow:hidden;box-shadow:0 0 60px #48d0c859}#registro canvas{display:block;width:100%;height:auto}#registro .registro-cuenta{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(96px,18vw,260px);font-weight:700;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.6);pointer-events:none}#registro .registro-texto{margin:0;max-width:88vw;text-align:center;font-size:clamp(24px,4vw,56px);line-height:1.25;color:#fff}#registro.hecho .registro-marco{border-color:#3ddc84}#registro.hecho .registro-cuenta{color:#3ddc84}#modo-admin{position:fixed;top:calc(env(safe-area-inset-top,0px) + 2vh);left:50%;transform:translate(-50%);z-index:55;max-width:92vw;padding:1.6vh 2.4vw;border:2px solid #f2b33d;border-radius:18px;background:#140e02e0;color:#fff;box-shadow:0 0 40px #f2b33d4d}#modo-admin:not([hidden]){display:flex;align-items:center;gap:1.6vw}#modo-admin[hidden]{display:none}#modo-admin .modo-admin-marco{position:relative;width:clamp(88px,10vw,160px);aspect-ratio:1;flex-shrink:0;border-radius:50%;overflow:hidden;border:3px solid #f2b33d;animation:modo-admin-anillo 2s ease-in-out infinite}#modo-admin .modo-admin-marco[hidden]{display:none}#modo-admin .modo-admin-foto{width:100%;height:100%;object-fit:cover;object-position:center 35%}#modo-admin .modo-admin-marco:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(242,179,61,0) 40%,rgba(242,179,61,.75) 50%,rgba(242,179,61,0) 60%,transparent 100%);transform:translateY(-100%);opacity:0}#modo-admin .modo-admin-marco.escaneando:after{animation:modo-admin-escaneo 1.1s ease-in-out 3}@keyframes modo-admin-escaneo{0%{transform:translateY(-100%);opacity:1}to{transform:translateY(100%);opacity:1}}@keyframes modo-admin-anillo{0%,to{box-shadow:0 0 #f2b33d8c}50%{box-shadow:0 0 0 10px #f2b33d00}}#modo-admin .modo-admin-quien{margin-top:.3vh;font-size:clamp(18px,2.1vw,32px);font-weight:600;color:#fff}#modo-admin .modo-admin-titulo{white-space:nowrap;display:flex;align-items:center;gap:.6em;font-size:clamp(20px,2.6vw,40px);font-weight:700;color:#f2b33d}#modo-admin .modo-admin-punto{width:.6em;height:.6em;border-radius:50%;background:#f2b33d;animation:modo-admin-latido 1.4s ease-in-out infinite}#modo-admin .modo-admin-reloj{margin-left:auto;padding-left:1.2em;font-variant-numeric:tabular-nums;font-weight:500;color:#fff}#modo-admin .modo-admin-comandos{display:flex;flex-wrap:wrap;gap:.5em 1.4em;margin:1vh 0 0;padding:0;list-style:none;font-size:clamp(15px,1.7vw,26px);color:#ffffffd9}@keyframes modo-admin-latido{50%{opacity:.35}}body[data-avatar=orbe] #panel{left:50%;top:auto;bottom:7vh;width:min(84vw,780px);padding:1.6em 1.8em;color:#eef0ff;background:none;border:none;box-shadow:none;transform:translate(-50%);transition:opacity .2s ease}body[data-avatar=orbe] #panel.visible{transform:translate(-50%);transition:opacity .6s ease 1.1s}@media(orientation:landscape){body[data-avatar=orbe] #panel{left:auto;right:5vw;bottom:auto;top:50%;width:min(34vw,560px);transform:translateY(-50%)}body[data-avatar=orbe] #panel.visible{transform:translateY(-50%)}}body[data-avatar=orbe] #panel-body{display:flex;flex-direction:column;align-items:center}body[data-avatar=orbe] #panel-body canvas{border-radius:18px;box-shadow:0 0 40px #6e78ff59}body[data-avatar=orbe] #panel-title,body[data-avatar=orbe] .recado-texto,body[data-avatar=orbe] .recado-para{color:#eef0ff}body[data-avatar=orbe] #panel-title{font-weight:300;letter-spacing:.04em}body[data-avatar=orbe] .recados-fila{background:#96a0ff1a}body[data-avatar=orbe] .recados-cabeza{color:#a9b0d8}body[data-avatar=orbe] .recados-cabeza b{color:#b9c2ff}body[data-avatar=orbe] .recados-texto{color:#eef0ff}body[data-avatar=orbe] .recado-para b{color:#b9c2ff}body[data-avatar=orbe] #modo-admin{width:min(92vw,1000px);box-sizing:border-box;padding:2.2vh 2.8vw;background:none;border:none;box-shadow:none;animation:contenido-del-marco .6s ease 1.1s both}body[data-avatar=orbe] #modo-admin .modo-admin-titulo{font-weight:300;letter-spacing:.05em}body[data-avatar=orbe] #modo-admin .modo-admin-quien{font-weight:400;color:#dfe3ff}body[data-avatar=orbe] #modo-admin .modo-admin-comandos li{padding:.25em .8em;border:1px solid rgba(170,176,255,.28);border-radius:999px;background:#786eff14;color:#d7dbff}body[data-avatar=orbe] #registro{background:#0406108c}body[data-avatar=orbe] #registro .registro-marco{border-color:#9296ff80;box-shadow:0 0 60px #606eff66;animation:contenido-del-marco .6s ease 1.1s both}@keyframes contenido-del-marco{0%{opacity:0}to{opacity:1}}#panel-body iframe.youtube{display:block;width:100%;aspect-ratio:16 / 9;border:0;border-radius:16px;background:#000}body[data-bloqueada="1"]:after{content:"Bloqueada · se desbloquea con el código de administración";position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 3vh);transform:translate(-50%);z-index:50;padding:.6em 1.4em;border:1px solid rgba(242,179,61,.55);border-radius:999px;background:#140e02bf;color:#f2d39a;font-size:clamp(14px,1.6vw,24px);letter-spacing:.03em;white-space:nowrap}body[data-avatar=orbe] #panel:has(iframe.youtube){top:6vh;bottom:auto}body[data-modo=showroom]{background:#0e1013}body[data-modo=showroom] #controles,body[data-modo=showroom] #badges,body[data-modo=showroom] #hint,body[data-modo=showroom] #debug,body[data-modo=showroom] #vision-view,body[data-modo=showroom] #panel,body[data-modo=showroom] #gate-hint{display:none!important}body[data-modo=showroom] #avatar{position:absolute;left:50%;top:4%;width:min(62vw,46vh);height:min(62vw,46vh);transform:translate(-50%)}body[data-modo=showroom] #chat{position:absolute;inset:auto 16px 96px;max-height:30vh;width:auto;background:none;border:0;box-shadow:none;padding:0;display:block!important}body[data-modo=showroom] #chat-log{display:flex;flex-direction:column;gap:6px;max-height:30vh;overflow:hidden;justify-content:flex-end}body[data-modo=showroom] #chat-log>*:not(:nth-last-child(-n+2)){display:none}body[data-modo=showroom] #chat-log>*{font:500 15px/1.35 Poppins,system-ui,sans-serif;color:#ecebe4;background:#18191a;border:1px solid #2a2c2d;border-radius:12px;padding:8px 12px;max-width:100%}#sr-estado{position:absolute;left:0;right:0;top:calc(6% + min(62vw,46vh));margin:0;text-align:center;font:600 13px/1 Overpass Mono,ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#a2a097}#sr-estado[data-estado=listening]{color:#35c9e8}#sr-estado[data-estado=speaking]{color:#3cc56d}#sr-estado[data-estado=thinking]{color:#a98bff}#sr-mic{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;border:1px solid #3a3d3e;background:#18191a;color:#ecebe4;cursor:pointer;font:700 15px/1 Poppins,system-ui,sans-serif}#sr-mic svg{color:#35c9e8}#sr-mic[data-pausa] svg{color:#ef3f37}body[data-modo=showroom] #gate{background:#0e1013}body[data-modo=showroom] #gate-btn{font:700 17px/1 Poppins,system-ui,sans-serif;padding:16px 28px;border-radius:999px;background:#35c9e8;color:#0b0b0b;border:0;box-shadow:none}body[data-modo=showroom] #chat{transform:none;opacity:1!important}body[data-modo=showroom]:has(#gate:not([hidden])) #sr-estado,body[data-modo=showroom]:has(#gate:not([hidden])) #sr-mic{display:none}body[data-modo=showroom] #avatar{-webkit-mask-image:radial-gradient(circle,#000 48%,transparent 70%);mask-image:radial-gradient(circle,#000 48%,transparent 70%)}#sr-estado{display:none!important}body[data-modo=showroom] #chat{bottom:92px;max-height:42vh}body[data-modo=showroom] #chat-log{max-height:42vh}
