/* ===== Recepção: fachada da loja (login) + sala do Jordan ===== */
:root{--ss-ciano:#6fe3d4;--ss-ciano2:#3fb8aa;--ss-fundo:#07181a;--ss-texto:#dff7f3;--ss-mudo:#83aaa5}

/* ---------- FACHADA / LOGIN ---------- */
#login{position:fixed;inset:0;z-index:100050;display:block;padding:0;background:#0b0f14;backdrop-filter:none;overflow:hidden;font-family:Inter,system-ui,sans-serif}
#login[hidden]{display:none}
#fx-cena{position:absolute;inset:-3%;transform-origin:76% 52%;will-change:transform,filter;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
#fx-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:45% 50%;animation:fx-respira 22s ease-in-out infinite alternate}
@keyframes fx-respira{from{transform:scale(1)}to{transform:scale(1.035)}}
.fx-camada{position:absolute;inset:0;pointer-events:none}
/* LED atrás das letras respirando */
#fx-led{--lw:15%;--lh:23%;--lx:47.5%;--ly:31%;--tw:19%;--th:8%;--tx:47.5%;--ty:62%;background:radial-gradient(ellipse var(--lw) var(--lh) at var(--lx) var(--ly),rgba(255,226,170,.55),transparent 70%),radial-gradient(ellipse var(--tw) var(--th) at var(--tx) var(--ty),rgba(255,226,170,.45),transparent 70%);mix-blend-mode:screen;animation:fx-led 5.5s ease-in-out infinite}
@keyframes fx-led{0%,100%{opacity:.35}50%{opacity:.75}}
/* spots do teto */
.fx-spot{position:absolute;width:9vmin;height:9vmin;margin:-4.5vmin 0 0 -4.5vmin;border-radius:50%;background:radial-gradient(circle,rgba(255,240,205,.9) 0,rgba(255,220,160,.35) 25%,transparent 70%);mix-blend-mode:screen;animation:fx-pisca 7s ease-in-out infinite}
.fx-cone{position:absolute;width:16vmin;height:42vmin;margin-left:-8vmin;background:linear-gradient(rgba(255,226,175,.18),transparent 85%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);mix-blend-mode:screen;filter:blur(6px);animation:fx-pisca 7s ease-in-out infinite}
@keyframes fx-pisca{0%,100%{opacity:.85}47%{opacity:1}50%{opacity:.6}53%{opacity:1}}
/* brilho correndo pelo ACM escovado */
#fx-reflexo{background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.10) 48%,rgba(255,255,255,.02) 52%,transparent 60%);background-size:260% 100%;mix-blend-mode:screen;animation:fx-varre 9s linear infinite;clip-path:polygon(23% 0,66% 0,66% 92%,23% 98%)}
@keyframes fx-varre{from{background-position:130% 0}to{background-position:-130% 0}}
/* farol de carro passando na calçada */
#fx-farol{background:radial-gradient(ellipse 30% 14% at 50% 90%,rgba(255,244,215,.33),transparent 70%);mix-blend-mode:screen;opacity:0;animation:fx-carro 14s ease-in-out infinite}
@keyframes fx-carro{0%,62%{opacity:0;transform:translateX(-70%)}70%{opacity:1}86%{opacity:.8}96%,100%{opacity:0;transform:translateX(70%)}}
/* vitrine (por onde a gente entra) */
#fx-vitrine{left:66.4%;top:26%;width:18.7%;height:52.6%;background:linear-gradient(180deg,rgba(150,240,230,.0),rgba(150,240,230,.08));box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);transition:background .8s,box-shadow .8s}
#fx-poeira{width:100%;height:100%}
#fx-vinheta{background:radial-gradient(ellipse at 50% 40%,transparent 50%,rgba(3,6,9,.55) 100%),linear-gradient(transparent 62%,rgba(4,7,10,.55))}
/* cartão de login de vidro */
#login form{position:absolute;right:4vw;bottom:5vh;width:min(360px,calc(100% - 32px));background:rgba(14,20,26,.58);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:22px 22px 18px;display:flex;flex-direction:column;gap:9px;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 20px 60px rgba(0,0,0,.45);transition:opacity .5s,transform .5s}
#login form .faixa{display:flex;height:4px;border-radius:3px;overflow:hidden;margin-bottom:4px}#login form .faixa i{flex:1}
#login h2{font-family:'Space Grotesk',sans-serif;font-size:21px;margin:0;color:#fff;letter-spacing:.2px}
#login .sub{color:#b7c3cc;font-size:13px;margin:0 0 6px}
#login label{font-size:12px;color:#aab6c0}
#login input{font:inherit;font-size:15px;color:#fff;background:rgba(5,9,13,.55);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:11px 12px;outline:none}
#login input:focus{border-color:#00aeef;box-shadow:0 0 0 3px rgba(0,174,239,.2)}
#login .linha{display:flex;gap:8px;margin-top:6px}
#login .btn{font:600 14px Inter,sans-serif;border-radius:10px;padding:11px 14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#e9eef2;cursor:pointer}
#login .btn.prim{flex:1;background:linear-gradient(90deg,#00aeef,#00c2b0);border:0;color:#04131a}
#login-msg{font-size:12.5px;color:#ffd166;min-height:1em}
#fx-boasvindas{position:absolute;right:4vw;bottom:6vh;cursor:pointer;color:#fff;font:600 20px 'Space Grotesk',sans-serif;text-shadow:0 2px 18px rgba(0,0,0,.7);opacity:0;transition:opacity .5s;pointer-events:none}
#fx-boasvindas small{display:block;font:400 13px Inter,sans-serif;color:#cfe;opacity:.85}
#fx-pular{position:absolute;left:50%;bottom:3vh;transform:translateX(-50%);font:12px Inter,sans-serif;color:#cdd;opacity:0;background:none;border:0;cursor:pointer}
#login.voltando form{display:none}#login.voltando #fx-boasvindas,#login.voltando #fx-pular{opacity:1}#login.voltando{cursor:pointer}#login.voltando #fx-boasvindas small{animation:fx-led 2s ease-in-out infinite}
/* entrada: porta da vitrine acende e a câmera atravessa */
#login.entrando form{opacity:0;transform:translateY(16px);pointer-events:none}
#login.entrando #fx-boasvindas{opacity:0}
#login.entrando #fx-vitrine{background:linear-gradient(180deg,rgba(160,255,240,.35),rgba(110,227,212,.55));box-shadow:0 0 120px 40px rgba(110,227,212,.45),inset 0 0 60px rgba(255,255,255,.5)}
#login.entrando #fx-cena{transition:transform 2.1s cubic-bezier(.55,0,.25,1),filter 2.1s;transform:scale(5.2);filter:blur(1.5px) brightness(1.25)}
#fx-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#bff7ee,#07181a 75%);opacity:0;pointer-events:none;transition:opacity .7s}
#login.entrando #fx-flash{opacity:1;transition-delay:1.4s}
@media (max-width:760px){#fx-foto{height:66%;object-position:47% 50%;-webkit-mask-image:linear-gradient(#000 80%,transparent);mask-image:linear-gradient(#000 80%,transparent)}#fx-cena{background:radial-gradient(ellipse at 50% 85%,#1a2027,#0b0f14 70%)}#login form{right:16px;left:16px;width:auto;bottom:16px;padding:18px}#fx-boasvindas{left:16px;right:16px;bottom:9vh}}
@media (prefers-reduced-motion:reduce){#fx-foto,#fx-led,#fx-reflexo,#fx-farol,.fx-spot,.fx-cone{animation:none}}

/* ---------- SALA DA SAM ---------- */
#sala-sam{position:fixed;inset:0;z-index:9500;overflow:hidden;color:var(--ss-texto);font-family:Inter,system-ui,sans-serif;background:radial-gradient(ellipse 70% 55% at 50% 28%,#1c4a42 0,#0f2e2a 45%,#081a1a 100%);transform-origin:83% 58%}
#sala-sam[hidden]{display:none}
#sala-sam.chegando{animation:ss-chega 1.1s cubic-bezier(.2,.7,.2,1)}
@keyframes ss-chega{from{opacity:0;transform:scale(1.25);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
#ss-chuva{position:absolute;inset:0;width:100%;height:100%;opacity:.9}
.ss-hud{position:absolute;font-size:12px;color:var(--ss-mudo);letter-spacing:.3px}
.ss-hud b{display:block;color:#f1fffc;font:500 clamp(14px,1.35vw,20px) 'Space Grotesk',sans-serif;letter-spacing:.2px;margin-bottom:6px}
.ss-hud .traco{height:2px;width:min(300px,34vw);background:linear-gradient(90deg,var(--ss-ciano) 0 45%,transparent 45% 62%,var(--ss-ciano) 62% 66%,transparent 66%);opacity:.8;margin-bottom:8px}
.ss-hud .mono{font-family:'JetBrains Mono',monospace;font-size:10.5px;line-height:1.55;opacity:.8}
#ss-hud-e{left:7%;top:5%}#ss-hud-d{right:5%;top:5%;text-align:right}#ss-hud-d .traco{margin-left:auto;transform:scaleX(-1)}
#ss-sair{margin-top:6px;font:12px Inter,sans-serif;color:var(--ss-mudo);background:none;border:1px solid rgba(111,227,212,.25);border-radius:8px;padding:4px 9px;cursor:pointer}
#ss-titulo{position:absolute;left:0;right:0;top:12.5%;text-align:center;pointer-events:none}
#ss-titulo small{display:block;font:600 11px 'JetBrains Mono',monospace;letter-spacing:3px;color:var(--ss-mudo);margin-bottom:6px}
#ss-estado{font:500 clamp(26px,3.6vw,58px) 'Space Grotesk',sans-serif;letter-spacing:1px;color:var(--ss-ciano);text-shadow:0 0 30px rgba(111,227,212,.35);transition:color .3s}
#sala-sam[data-estado=ouvindo] #ss-estado{color:#9ff5e6}
#sala-sam[data-estado=pensando] #ss-estado{color:#ffe08a;text-shadow:0 0 30px rgba(255,224,138,.3)}
#sala-sam[data-estado=falando] #ss-estado{color:#7fe8ff}
/* núcleo: anéis + cérebro */
#ss-nucleo{position:absolute;left:50%;top:58%;width:min(44vh,40vw);aspect-ratio:1;transform:translate(-50%,-50%);cursor:pointer}
#ss-aneis{position:absolute;inset:-14%;width:128%;height:128%;overflow:visible}
#ss-aneis .a1{animation:ss-gira 40s linear infinite;transform-origin:50% 50%}
#ss-aneis .a2{animation:ss-gira 26s linear infinite reverse;transform-origin:50% 50%}
#ss-aneis .a3{animation:ss-gira 60s linear infinite;transform-origin:50% 50%}
#sala-sam[data-estado=pensando] #ss-aneis .a1,#sala-sam[data-estado=pensando] #ss-aneis .a2{animation-duration:4s}
@keyframes ss-gira{to{transform:rotate(360deg)}}
#ss-cerebro-wrap{position:absolute;inset:0;perspective:900px}
#ss-cerebro{position:absolute;inset:4%;width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 0 22px rgba(111,227,212,.35));animation:ss-flutua 6s ease-in-out infinite;will-change:transform,filter}
@keyframes ss-flutua{0%,100%{translate:0 -1.5%}50%{translate:0 1.5%}}
#sala-sam[data-estado=pensando] #ss-cerebro{animation:ss-flutua 6s ease-in-out infinite,ss-pensa 1.1s ease-in-out infinite}
@keyframes ss-pensa{0%,100%{filter:drop-shadow(0 0 18px rgba(255,224,138,.25)) brightness(1)}50%{filter:drop-shadow(0 0 40px rgba(255,224,138,.55)) brightness(1.25)}}
#ss-halo{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(111,227,212,.22),transparent 65%);pointer-events:none}
/* ondas */
.ss-onda{position:absolute;top:58%;height:34vh;width:22vw;transform:translateY(-50%)}
#ss-onda-e{left:6.5%}#ss-onda-d{right:21%;width:17vw}
.ss-onda-rot{position:absolute;top:calc(58% + 19vh);font:10.5px 'JetBrains Mono',monospace;letter-spacing:2px;color:var(--ss-mudo)}
#ss-rot-e{left:6.5%;width:22vw;text-align:center}#ss-rot-d{right:21%;width:17vw;text-align:center}
/* balões */
#ss-balao{position:absolute;left:calc(50% + min(16vh,15vw));top:29%;max-width:min(400px,calc(94.5% - 12vw - 50% - min(16vh,15vw) - 24px));background:rgba(7,22,22,.72);border:1px solid rgba(160,240,228,.35);border-radius:12px;padding:12px 15px;font-size:clamp(13px,1.05vw,16px);line-height:1.45;color:#f2fffc;backdrop-filter:blur(6px);box-shadow:0 10px 30px rgba(0,0,0,.25);max-height:34vh;overflow:auto;transition:opacity .3s}
#ss-balao:empty{opacity:0}
#ss-linha{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#ss-voce{position:absolute;left:7%;bottom:12%;max-width:min(460px,40vw)}
#ss-voce small{display:block;font:10.5px 'JetBrains Mono',monospace;letter-spacing:2px;color:var(--ss-mudo);margin-bottom:4px}
#ss-voce p{margin:0;font:500 clamp(14px,1.25vw,19px) 'Space Grotesk',sans-serif;color:#f1fffc;min-height:1.3em}
#ss-voce .traco{height:1px;background:linear-gradient(90deg,var(--ss-ciano),transparent);margin-top:8px;width:100%}
/* porta ao fundo */
#ss-porta{position:absolute;right:5.5%;top:30%;width:12vw;min-width:110px;height:46vh;perspective:700px;cursor:pointer;border:0;background:none;padding:0}
#ss-porta .batente{position:absolute;inset:0;border:2px solid rgba(111,227,212,.55);border-bottom:0;border-radius:4px 4px 0 0;box-shadow:0 0 18px rgba(111,227,212,.3),inset 0 0 18px rgba(111,227,212,.15);background:linear-gradient(#0c2a29,#0a1f1f)}
#ss-porta .vao{position:absolute;inset:2px 2px 0;background:linear-gradient(180deg,#fff4dc,#ffd9a0 60%,#d7a86a);opacity:.95;overflow:hidden}
#ss-porta .vao::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 22%,rgba(0,0,0,.12) 22% 23%),linear-gradient(transparent 55%,rgba(0,0,0,.25));}
#ss-porta .folha{position:absolute;inset:2px 2px 0;transform-origin:0 50%;background:linear-gradient(100deg,#123634,#0d2726 60%,#0b2121);border:1px solid rgba(111,227,212,.3);transition:transform 1s cubic-bezier(.5,0,.2,1);box-shadow:inset 0 0 30px rgba(0,0,0,.4)}
#ss-porta .folha::before{content:'';position:absolute;right:10%;top:52%;width:6px;height:28px;border-radius:3px;background:var(--ss-ciano);box-shadow:0 0 10px var(--ss-ciano)}
#ss-porta .folha::after{content:'';position:absolute;inset:12% 18%;border:1px solid rgba(111,227,212,.18);border-radius:2px}
#ss-porta:hover .folha,#ss-porta:focus-visible .folha{transform:rotateY(-18deg)}
#ss-porta .placa{position:absolute;left:50%;top:-34px;transform:translateX(-50%);white-space:nowrap;font:600 11px 'JetBrains Mono',monospace;letter-spacing:3px;color:var(--ss-ciano);text-shadow:0 0 12px rgba(111,227,212,.6)}
#ss-porta .chao{position:absolute;left:-30%;right:-30%;bottom:-10px;height:20px;background:radial-gradient(ellipse at 50% 0,rgba(255,220,160,.35),transparent 70%);opacity:.25;transition:opacity .6s}
#ss-porta:hover .chao{opacity:.7}
#ss-atalhos{position:absolute;right:5.5%;top:calc(30% + 46vh + 14px);width:max(12vw,110px);display:flex;flex-wrap:wrap;gap:5px;justify-content:center}
#ss-atalhos button{font:11px Inter,sans-serif;color:var(--ss-texto);background:rgba(10,32,32,.7);border:1px solid rgba(111,227,212,.25);border-radius:999px;padding:4px 9px;cursor:pointer}
#ss-atalhos button:hover{border-color:var(--ss-ciano)}
#sala-sam.abrindo #ss-porta .folha{transform:rotateY(-100deg)}
#sala-sam.abrindo #ss-porta .chao{opacity:1}
#sala-sam.atravessando{transition:transform 1.1s cubic-bezier(.6,0,.3,1),opacity .5s .7s;transform:scale(6);opacity:0}
/* barra de baixo */
#ss-form{position:absolute;left:50%;bottom:3.5%;transform:translateX(-50%);display:flex;gap:8px;align-items:center;width:min(640px,calc(100% - 24px));background:rgba(6,20,20,.72);border:1px solid rgba(111,227,212,.22);border-radius:16px;padding:8px;backdrop-filter:blur(8px)}
#ss-texto{flex:1;min-width:0;font:15px Inter,sans-serif;color:#effffc;background:transparent;border:0;outline:none;padding:8px 6px}
#ss-texto::placeholder{color:#7a9e99}
.ss-b{font:600 13px Inter,sans-serif;border:1px solid rgba(111,227,212,.3);background:rgba(111,227,212,.08);color:var(--ss-texto);border-radius:11px;padding:9px 12px;cursor:pointer;white-space:nowrap}
.ss-b.prim{background:var(--ss-ciano);color:#062221;border-color:transparent}
#ss-mic.on{background:rgba(111,227,212,.2);border-color:var(--ss-ciano);box-shadow:0 0 0 3px rgba(111,227,212,.15)}
#ss-mic.off{opacity:.7}
#ss-aviso{position:absolute;left:50%;bottom:calc(3.5% + 64px);transform:translateX(-50%);font-size:12.5px;color:#ffe08a;text-align:center;width:min(640px,92%);min-height:1em;pointer-events:none}
#ss-hist{position:absolute;left:50%;bottom:calc(3.5% + 64px);transform:translateX(-50%);width:min(640px,calc(100% - 24px));max-height:46vh;overflow:auto;background:rgba(5,18,18,.92);border:1px solid rgba(111,227,212,.25);border-radius:14px;padding:12px;font-size:13.5px}
#ss-hist[hidden]{display:none}
#ss-hist .m{margin:0 0 8px}#ss-hist .m small{display:block;color:var(--ss-mudo);font-size:11px}
#ss-hist .m.sam{color:#cffaf3}
/* botão para voltar à sala dentro do escritório */
#ss-voltar{position:fixed;left:14px;bottom:14px;z-index:9400;font:600 13px Inter,sans-serif;color:#062221;background:var(--ss-ciano);border:0;border-radius:999px;padding:10px 15px;box-shadow:0 6px 24px rgba(0,0,0,.35);cursor:pointer}
#ss-voltar[hidden]{display:none}
@media (max-width:760px){
  #ss-hud-e{left:16px;top:14px}#ss-hud-d{right:16px;top:14px}#ss-hud-e .mono,#ss-hud-d .mono{display:none}.ss-hud .traco{width:36vw}
  #ss-titulo{top:13%}#ss-nucleo{top:42%;width:min(62vw,40vh)}
  .ss-onda{top:42%;height:16vh;width:20vw}#ss-onda-e{left:3%}#ss-onda-d{right:3%;width:20vw}.ss-onda-rot{display:none}
  #ss-balao{left:16px;right:16px;top:auto;bottom:calc(3.5% + 132px);max-width:none;max-height:22vh}
  #ss-voce{left:16px;right:16px;bottom:calc(3.5% + 64px);max-width:none}#ss-voce small{display:none}
  #ss-porta{right:16px;top:auto;bottom:auto;top:20%;width:54px;min-width:0;height:84px}#ss-porta .placa{top:auto;bottom:-18px;font-size:9px;letter-spacing:1px}
  #ss-atalhos{display:none}#ss-linha{display:none}
  #ss-voz{display:none}#ss-form{gap:6px;padding:6px}#ss-form .ss-b{padding:9px 10px}#ss-texto{font-size:16px}
  #ss-aviso{bottom:calc(3.5% + 240px)}
}
#nl-badge-frame,iframe[id^="nl-badge"]{display:none!important;visibility:hidden!important}

/* ===== Fachada frontal 3D (fachada3d.js) ===== */
#fx-cena{position:absolute;inset:0;transform:none!important;filter:none!important;transition:none!important;overflow:hidden;background:#06080b}
#f3-palco{position:absolute;left:50%;top:50%;width:1600px;height:900px;margin:-450px 0 0 -800px;perspective:1000px;perspective-origin:50% 50%;transform:scale(var(--k,1));transform-origin:50% 50%;overflow:hidden;
  background:radial-gradient(ellipse 120% 70% at 50% 0,#1b2430 0,#0b0f15 55%,#06080b 100%)}
#f3-mundo{position:absolute;left:800px;top:450px;width:0;height:0;transform-style:preserve-3d;will-change:transform}
.f3{position:absolute;left:0;top:0;transform-origin:0 0;transform-style:preserve-3d;backface-visibility:visible}
.f3 img{display:block;width:100%;height:100%;object-fit:cover}
.f3-concreto{background:#3a3d42 url(img/concreto.jpg) center/320px;box-shadow:inset 0 0 120px rgba(0,0,0,.45)}
.f3-predio{background-color:#2d3036;filter:brightness(.62)}
.f3-pilar{filter:brightness(.8);box-shadow:inset -30px 0 60px rgba(0,0,0,.5)}
.f3-marquise{filter:brightness(.95);box-shadow:inset 0 -6px 0 rgba(255,255,255,.06),inset 0 -40px 50px rgba(0,0,0,.35)}
.f3-teto-rua{filter:brightness(.55)}
.f3-spot{position:absolute;top:120px;width:34px;height:34px;margin-left:-17px;border-radius:50%;background:radial-gradient(circle,#fff8e6 0,#ffe2a8 35%,rgba(255,210,140,.0) 70%);box-shadow:0 0 40px 18px rgba(255,214,150,.45);animation:fx-pisca 7s ease-in-out infinite}
.f3-janela{background:linear-gradient(180deg,#2b2f33,#1d2125);border:10px solid #23272c;box-shadow:inset 0 0 0 2px #3a3f46}
.f3-janela::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 49%,#23272c 49% 51%,transparent 51%),radial-gradient(ellipse at 40% 70%,rgba(255,206,140,.45),transparent 70%)}
.f3-janela2::after{background:linear-gradient(90deg,transparent 49%,#23272c 49% 51%,transparent 51%),radial-gradient(ellipse at 60% 60%,rgba(170,200,255,.18),transparent 70%)}
.f3-acm{overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.f3-acm img{filter:brightness(.92) contrast(1.04)}
.f3-acm-led{position:absolute;inset:0;background:radial-gradient(ellipse 30% 34% at 49% 30%,rgba(255,226,170,.5),transparent 70%),radial-gradient(ellipse 40% 9% at 49% 65%,rgba(255,226,170,.42),transparent 70%);mix-blend-mode:screen;animation:fx-led 5.5s ease-in-out infinite}
.f3-acm-brilho{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 48%,rgba(255,255,255,.02) 52%,transparent 60%);background-size:260% 100%;mix-blend-mode:screen;animation:fx-varre 9s linear infinite}
.f3-acm-luz{position:absolute;inset:0;background:radial-gradient(ellipse 22% 30% at 18% 0,rgba(255,226,170,.35),transparent 70%),radial-gradient(ellipse 22% 30% at 54% 0,rgba(255,226,170,.30),transparent 70%),radial-gradient(ellipse 22% 30% at 86% 0,rgba(255,226,170,.3),transparent 70%),linear-gradient(transparent 70%,rgba(0,0,0,.35));mix-blend-mode:screen}
.f3-aco{background:linear-gradient(90deg,#5a6068,#c9ced4 45%,#7b828a 60%,#4a4f56)}
.f3-vidro{background:linear-gradient(115deg,rgba(255,255,255,.13) 0,rgba(255,255,255,.03) 32%,rgba(255,255,255,.0) 45%,rgba(255,255,255,.08) 58%,rgba(255,255,255,.02) 75%),rgba(120,170,175,.10);border:1px solid rgba(210,235,235,.28);box-shadow:inset 0 0 40px rgba(180,230,230,.06)}
.f3-bandeira span{position:absolute;left:0;right:0;top:46%;text-align:center;font:600 34px 'Space Grotesk',sans-serif;letter-spacing:14px;color:rgba(255,255,255,.55);text-shadow:0 0 18px rgba(255,255,255,.25)}
.f3-folha{transition:transform 1.3s cubic-bezier(.5,0,.15,1)}
.f3-puxador{position:absolute;top:190px;width:14px;height:340px;border-radius:7px;background:linear-gradient(90deg,#8a9099,#f2f4f6 45%,#9aa1a9);box-shadow:0 0 12px rgba(255,255,255,.2),3px 0 6px rgba(0,0,0,.4);transform:translateZ(8px)}
.f3-folha-e .f3-puxador{right:22px}.f3-folha-d .f3-puxador{left:22px}
.f3-pivo{position:absolute;width:46px;height:20px;background:linear-gradient(#c9ced4,#7b828a)}
.f3-folha-e .f3-pivo{left:0}.f3-folha-d .f3-pivo{right:0}.f3-pivo-c{top:0}.f3-pivo-b{bottom:0}
.f3-adesivo{position:absolute;left:0;right:0;top:330px;height:46px;background:rgba(255,255,255,.18);backdrop-filter:none}
.f3-adesivo::after{content:'';position:absolute;left:12%;right:12%;top:20px;height:5px;background:linear-gradient(90deg,#00aeef 0 25%,#ec008c 25% 50%,#ffe600 50% 75%,#111 75%)}
.f3-pedra{background:repeating-linear-gradient(90deg,rgba(0,0,0,.4) 0 4px,transparent 4px 190px),repeating-linear-gradient(0deg,rgba(0,0,0,.4) 0 4px,transparent 4px 130px),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 95px,rgba(0,0,0,.05) 95px 190px),linear-gradient(#5d6063,#3e4144)}
.f3-poca{background:linear-gradient(rgba(255,214,150,.22),rgba(255,214,150,.06) 45%,transparent 80%);opacity:.9}
.f3-farol{background:linear-gradient(90deg,transparent 38%,rgba(255,244,215,.13) 50%,transparent 62%);opacity:0;animation:fx-carro 14s ease-in-out infinite}
/* recepção */
.f3-piso{background:linear-gradient(90deg,rgba(0,0,0,.16) 1px,transparent 1px) 0 0/165px 100%,linear-gradient(rgba(0,0,0,.16) 1px,transparent 1px) 0 0/100% 141px,linear-gradient(90deg,#cfc6b8,#e6dfd4 50%,#cfc6b8)}
.f3-forro{background:#efeae3}
.f3-forro i{position:absolute;left:47%;width:6%;top:0;bottom:0;background:#fff;box-shadow:0 0 30px 10px rgba(255,250,235,.9)}
.f3-parede{background:linear-gradient(180deg,#f1ebe2,#ddd3c5 70%,#c9bfb1)}
.f3-parede-e{box-shadow:inset 0 0 160px rgba(120,100,70,.18)}.f3-parede-d{box-shadow:inset 0 0 160px rgba(120,100,70,.22)}
.f3-fundo{background:radial-gradient(ellipse 60% 50% at 50% 38%,#3a424c,#20252b 70%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.f3-fundo img{position:absolute;left:50%;top:70px;width:420px;height:auto;margin-left:-210px;filter:drop-shadow(0 0 30px rgba(255,230,180,.35))}
.f3-fundo small{position:absolute;left:0;right:0;top:470px;text-align:center;font:600 22px 'Space Grotesk',sans-serif;letter-spacing:12px;color:#e9edf1;opacity:.8}
.f3-cmyk{position:absolute;display:flex;height:6px}.f3-cmyk i{flex:1}
.f3-cmyk i:nth-child(1){background:#00aeef}.f3-cmyk i:nth-child(2){background:#ec008c}.f3-cmyk i:nth-child(3){background:#ffe600}.f3-cmyk i:nth-child(4){background:#111}
.f3-fundo .f3-cmyk{left:20%;right:20%;top:450px}
.f3-tv{background:#05080c;border:8px solid #15181c;box-shadow:0 0 40px rgba(110,227,212,.25)}
.f3-tv div{position:absolute;inset:14px;display:flex;align-items:flex-end;gap:10px;padding-top:30px}
.f3-tv b{position:absolute;left:0;top:0;font:600 13px 'JetBrains Mono',monospace;letter-spacing:2px;color:#6fe3d4}
.f3-tv span{flex:1;background:linear-gradient(#6fe3d4,#1e6f66);animation:f3-barra 2.4s ease-in-out infinite;height:40%}
.f3-tv span:nth-child(3){animation-delay:-.6s}.f3-tv span:nth-child(4){animation-delay:-1.1s}.f3-tv span:nth-child(5){animation-delay:-1.7s}.f3-tv span:nth-child(6){animation-delay:-.3s}
@keyframes f3-barra{0%,100%{height:30%}50%{height:90%}}
.f3-quadro{border:10px solid #1d2024;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.f3-balcao{background:url(img/metal.jpg) center/300px;box-shadow:inset 0 -20px 40px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.15)}
.f3-balcao .f3-cmyk{left:0;right:0;top:34px;height:8px}
.f3-balcao small{position:absolute;left:0;right:0;top:110px;text-align:center;font:700 26px 'Space Grotesk',sans-serif;letter-spacing:8px;color:#2a2f35;text-shadow:0 1px 0 rgba(255,255,255,.4)}
.f3-balcao-topo{background:linear-gradient(#1e2227,#2c3238)}
.f3-balcao-lado{background:url(img/metal.jpg) center/300px;filter:brightness(.7)}
.f3-planta b{position:absolute;left:25px;right:25px;bottom:0;height:90px;background:linear-gradient(90deg,#4b5157,#aab0b6 45%,#5c6268);border-radius:4px 4px 10px 10px}
.f3-planta i{position:absolute;left:50%;bottom:80px;width:26px;height:150px;margin-left:-13px;border-radius:50% 50% 50% 50%/80% 80% 20% 20%;background:linear-gradient(#3f8a4c,#1f4d2a);transform-origin:50% 100%}
.f3-planta i:nth-child(1){transform:rotate(-38deg)}.f3-planta i:nth-child(2){transform:rotate(-16deg);height:170px}.f3-planta i:nth-child(3){transform:rotate(4deg);height:180px}.f3-planta i:nth-child(4){transform:rotate(22deg);height:160px}.f3-planta i:nth-child(5){transform:rotate(40deg);height:130px}
#login.entrando #fx-flash{transition-delay:2.3s}

#fx-vinheta{background:radial-gradient(ellipse 75% 70% at 50% 45%,transparent 60%,rgba(3,6,9,.4) 100%)}
.f3-balcao{overflow:visible}.f3-tampo{position:absolute;left:-8px;right:-8px;top:-14px;height:16px;background:linear-gradient(#3a4048,#14171b);border-radius:3px 3px 0 0;box-shadow:0 4px 8px rgba(0,0,0,.35)}

/* supervisores dos setores */
#ss-sups{position:absolute;left:7%;top:calc(5% + 158px);display:grid;grid-template-columns:repeat(3,auto);gap:5px;justify-content:start;z-index:3}
#ss-sups small{grid-column:1/-1;font:600 10px 'JetBrains Mono',monospace;letter-spacing:2.5px;color:var(--ss-mudo)}
#ss-sups button{font:600 11.5px Inter,sans-serif;color:var(--ss-texto);background:rgba(10,32,32,.72);border:1px solid color-mix(in srgb,var(--c) 35%,transparent);border-radius:10px;padding:4px 9px;cursor:pointer;text-align:left;line-height:1.15;white-space:nowrap}
#ss-sups button em{display:block;font:400 9.5px Inter,sans-serif;font-style:normal;color:var(--ss-mudo)}
#ss-sups button:hover{border-color:var(--c)}
#ss-sups button.ativo{border-color:var(--c);background:color-mix(in srgb,var(--c) 22%,rgba(10,32,32,.8));box-shadow:0 0 14px color-mix(in srgb,var(--c) 40%,transparent)}
#sala-sam[data-sup]:not([data-sup=""]) #ss-cerebro{filter:drop-shadow(0 0 18px var(--ss-ciano))}
@media (max-width:760px){
  #ss-sups{left:12px;right:12px;top:52px;display:flex;overflow-x:auto;gap:5px;padding-bottom:4px;scrollbar-width:none}
  #ss-sups::-webkit-scrollbar{display:none}#ss-sups small{display:none}
  #ss-sups button{flex:0 0 auto;padding:5px 9px}#ss-sups button em{display:none}
  #ss-titulo{top:calc(13% + 22px)}
}

#ss-calibrar{color:var(--ss-ciano);text-decoration:none;pointer-events:auto}#ss-calibrar:hover{text-decoration:underline}
#ss-hud-e{pointer-events:auto}
#ss-voce[data-espera="1"] small::after{content:' · PODE CONTINUAR…';color:var(--ss-ciano);animation:ssPisca 1.2s infinite}
@keyframes ssPisca{50%{opacity:.35}}