/* 🏛️ Showroom virtual (6/nov/2026) — preto, azul e branco. A cena é o <canvas>; tudo aqui é a camada de cima. */
:root{--ink:#05080d;--navy:#0a1a2c;--azul:#1279c0;--azul2:#4fb3ff;--br:#f4f8fc;--cz:#9fb0c3;--gl:rgba(10,20,34,.62);--bd:rgba(255,255,255,.14);color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;background:var(--ink);color:var(--br);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.sr{overscroll-behavior-y:none}
h1,h2,b,.sr-btn,.sr-nav a{font-family:Manrope,Inter,system-ui,sans-serif}
#sr-gl{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;display:block;z-index:0;touch-action:pan-y}
#sr-veil{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(0,0,0,.55) 100%)}
#sr-scroller{position:relative;z-index:0;pointer-events:none}

/* topo */
.sr-top{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;gap:18px;padding:14px max(16px,env(safe-area-inset-right)) 14px max(16px,env(safe-area-inset-left));background:linear-gradient(180deg,rgba(5,8,13,.85),rgba(5,8,13,0))}
.sr-logo img{height:40px;display:block;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5))}
.sr-nav{display:flex;gap:4px;margin-left:auto}
.sr-nav a{color:var(--br);text-decoration:none;font-weight:600;font-size:14px;padding:9px 12px;border-radius:10px;opacity:.86;transition:background .2s,opacity .2s}
.sr-nav a:hover{opacity:1;background:rgba(255,255,255,.08)}
.sr-cta{font:700 14px Manrope,sans-serif;color:#fff;background:var(--azul);border:0;border-radius:12px;padding:11px 16px;cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.15) inset,0 8px 30px rgba(18,121,192,.45)}
@media(max-width:860px){.sr-nav{position:fixed;left:0;right:0;bottom:0;margin:0;justify-content:space-around;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(5,8,13,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--bd)}
.sr-nav a{font-size:12px;padding:8px 6px;text-align:center}.sr-cta{margin-left:auto;padding:10px 13px;font-size:13px}.sr-logo img{height:32px}}

/* intro */
.sr-intro{position:fixed;z-index:5;left:0;right:0;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:14vh !important;text-align:center;pointer-events:none;padding:0 16px;transition:opacity .4s}
.sr-intro .sr-k{margin:0;text-transform:uppercase;letter-spacing:.32em;font-size:12px;color:var(--azul2);font-weight:700}
.sr-intro h1{margin:10px 0 0;font-size:clamp(34px,6vw,76px);font-weight:800;letter-spacing:-.035em;line-height:.95;text-shadow:0 10px 60px rgba(18,121,192,.55)}
.sr-scroll{margin-top:28px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--cz);display:flex;flex-direction:column;align-items:center;gap:12px}
.sr-scroll i{width:22px;height:36px;border:2px solid rgba(255,255,255,.55);border-radius:12px;position:relative}
.sr-scroll i::after{content:"";position:absolute;left:50%;top:7px;width:4px;height:7px;margin-left:-2px;border-radius:2px;background:#fff;animation:sr-wh 1.6s infinite}
@keyframes sr-wh{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(12px)}}

/* card do carro em foco */
.sr-card{position:fixed;z-index:10;left:max(24px,env(safe-area-inset-left));bottom:clamp(28px,7vh,72px);width:min(400px,calc(100vw - 32px));padding:20px 22px;border-radius:20px;background:var(--gl);border:1px solid var(--bd);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 30px 80px rgba(0,0,0,.45);transition:opacity .35s,transform .35s}
.sr-card.off{opacity:0;transform:translateY(14px);pointer-events:none}
.sr-card.dir{left:auto;right:max(24px,env(safe-area-inset-right));bottom:calc(clamp(28px,7vh,72px) + 74px)}
.sr-card-k{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--azul2);font-weight:700;min-height:14px}
.sr-card h2{margin:6px 0 2px;font-size:26px;letter-spacing:-.02em;line-height:1.1}
.sr-card p{margin:0;color:var(--cz);font-size:14px}
.sr-card-p{margin:14px 0 16px}.sr-card-p b{font-size:30px;letter-spacing:-.02em}.sr-card-p small{display:block;color:var(--cz);font-size:11px;margin-top:2px}
.sr-card-a{display:flex;gap:8px}
@media(max-width:860px){.sr-card,.sr-card.dir{left:16px;right:16px;width:auto;bottom:calc(76px + env(safe-area-inset-bottom));padding:16px 18px}.sr-card h2{font-size:21px}.sr-card-p{margin:8px 0 12px}.sr-card-p b{font-size:24px}}

.sr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 14px Manrope,sans-serif;color:#fff;background:var(--azul);border:0;border-radius:12px;padding:12px 16px;cursor:pointer;text-decoration:none;flex:1;transition:transform .15s,box-shadow .2s}
.sr-btn:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(18,121,192,.45)}
.sr-btn.w{background:#fff;color:var(--ink)}.sr-btn.g{background:rgba(255,255,255,.08);border:1px solid var(--bd)}.sr-btn.sm{padding:8px 12px;font-size:13px}

/* fim do corredor */
.sr-end{position:fixed;z-index:10;left:0;right:0;bottom:clamp(40px,12vh,120px);text-align:center;padding:0 16px;transition:opacity .4s}
.sr-end.off{opacity:0;pointer-events:none}
.sr-end h2{font-size:clamp(24px,3.4vw,42px);margin:0 0 18px;letter-spacing:-.02em;text-shadow:0 6px 40px rgba(0,0,0,.7)}
.sr-end-a{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;max-width:720px;margin:0 auto}.sr-end-a .sr-btn{flex:0 1 auto}
@media(max-width:860px){.sr-end{bottom:calc(84px + env(safe-area-inset-bottom))}}

#sr-progress{position:fixed;z-index:15;top:0;left:0;right:0;height:2px;background:rgba(255,255,255,.06)}#sr-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--azul),var(--azul2));box-shadow:0 0 12px var(--azul2)}

/* Mario */
.sr-mario{position:fixed;z-index:30;right:max(20px,env(safe-area-inset-right));bottom:clamp(24px,6vh,48px);display:flex;align-items:center;gap:10px;border:1px solid var(--bd);background:rgba(8,16,28,.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;border-radius:999px;padding:8px 16px 8px 8px;cursor:pointer;font:700 14px Manrope,sans-serif;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.sr-mario .orb,.mp-orb span{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,#9fd6ff 14%,#1279c0 46%,#06223d 80%);box-shadow:0 0 22px rgba(79,179,255,.75);animation:sr-orb 3.2s ease-in-out infinite}
@keyframes sr-orb{0%,100%{transform:scale(1);filter:hue-rotate(0)}50%{transform:scale(1.08);filter:hue-rotate(-12deg)}}
@media(max-width:860px){.sr-mario{bottom:calc(76px + env(safe-area-inset-bottom));padding:6px}.sr-mario .lbl{display:none}body.card-on .sr-mario{bottom:calc(250px + env(safe-area-inset-bottom))}}
.sr-mario-p{position:fixed;z-index:31;right:max(16px,env(safe-area-inset-right));bottom:clamp(16px,4vh,40px);width:min(380px,calc(100vw - 32px));max-height:min(620px,calc(100dvh - 100px));display:flex;flex-direction:column;border-radius:22px;background:rgba(6,12,22,.9);border:1px solid var(--bd);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 30px 90px rgba(0,0,0,.6);overflow:hidden}
.sr-mario-p[hidden]{display:none}
.mp-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--bd)}.mp-hd small{display:block;color:var(--cz);font-size:12px}
.mp-x,.sr-modal-x{background:none;border:0;color:#fff;font-size:26px;line-height:1;cursor:pointer;opacity:.7}
.mp-orb{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 0 8px}.mp-orb span{width:86px;height:86px;transition:transform .08s}.mp-orb em{font-style:normal;color:var(--cz);font-size:13px;min-height:16px}
.mp-log{flex:1;overflow:auto;padding:8px 16px;display:flex;flex-direction:column;gap:8px;min-height:80px}
.mp-log p{margin:0;padding:9px 12px;border-radius:14px;font-size:14px;line-height:1.4;max-width:88%}.mp-log .m{background:rgba(18,121,192,.18);border:1px solid rgba(79,179,255,.25);align-self:flex-start}.mp-log .u{background:rgba(255,255,255,.08);align-self:flex-end}
.mp-log a{color:var(--azul2)}
.mp-f{display:flex;gap:6px;padding:10px 12px;border-top:1px solid var(--bd)}.mp-f input{flex:1;background:rgba(255,255,255,.06);border:1px solid var(--bd);border-radius:12px;color:#fff;padding:10px 12px;font:15px Inter,sans-serif}.mp-f button{background:var(--azul);border:0;color:#fff;border-radius:12px;padding:0 14px;font:700 14px Manrope,sans-serif;cursor:pointer}
.mp-ctl{display:flex;gap:8px;padding:0 12px 12px}.mp-ctl[hidden]{display:none}

/* agendar */
.sr-modal{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(2,4,8,.66);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sr-modal[hidden]{display:none}
.sr-modal-b{position:relative;width:min(520px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:linear-gradient(180deg,#0c1a2b,#070d16);border:1px solid var(--bd);border-radius:22px;padding:24px;box-shadow:0 40px 120px rgba(0,0,0,.7)}
.sr-modal-x{position:absolute;right:14px;top:10px}
.sr-modal h2{margin:0 0 16px;font-size:26px;letter-spacing:-.02em}
#sr-vf label{display:block;font-size:12px;font-weight:600;color:var(--cz);margin-bottom:12px}
#sr-vf input:not([type=checkbox]),#sr-vf select{display:block;width:100%;margin-top:5px;background:rgba(255,255,255,.06);border:1px solid var(--bd);border-radius:12px;color:#fff;padding:11px 12px;font:15px Inter,sans-serif}
#sr-vf select option{background:#0c1a2b}
#sr-vf .g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:480px){#sr-vf .g2{grid-template-columns:1fr}}
#sr-vf .ck{display:flex;gap:10px;align-items:flex-start;font-weight:500;line-height:1.4}#sr-vf .ck input{margin-top:2px;accent-color:var(--azul)}
.sr-vmsg{margin:10px 0 0;font-size:13px;color:#ff8a8a;min-height:16px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* cena da chave */
.sr-keys{position:fixed;inset:0;z-index:50;background:#020407;overflow:hidden;display:flex;align-items:center;justify-content:center}
.sr-keys[hidden]{display:none}
.sr-keys video,.sr-keys .k-stage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.k-stage svg{position:absolute;inset:0;width:100%;height:100%}
.k-car{position:absolute;inset:0;background:center/cover no-repeat;opacity:0;transform:scale(1.05);filter:brightness(.25) saturate(.9);transition:opacity 1.2s,filter 1.4s,transform 2.6s cubic-bezier(.6,0,.2,1)}
.k-car.on{opacity:1;filter:brightness(1) saturate(1.05);transform:scale(1.12)}
.k-car.in{transform:scale(2.6) translate(-6%,-4%);filter:brightness(.15);opacity:0}
.k-txt{position:absolute;left:0;right:0;top:50%;margin-top:-120px;text-align:center;padding:0 16px;opacity:0;transform:translateY(12px);transition:opacity .8s,transform .8s}
.k-txt.on{opacity:1;transform:none}
.k-txt small{display:block;letter-spacing:.3em;text-transform:uppercase;font-size:12px;color:var(--azul2);font-weight:700}
.k-txt h2{font-size:clamp(34px,6vw,76px);margin:8px 0;letter-spacing:-.03em;font-weight:800;text-shadow:0 10px 60px rgba(18,121,192,.6)}
.k-txt p{color:var(--cz);margin:0 0 20px;font-size:16px}.k-txt .sr-btn{flex:0 0 auto}
.k-skip{position:absolute;top:18px;right:18px;z-index:3;background:rgba(255,255,255,.08);border:1px solid var(--bd);color:#fff;border-radius:999px;padding:8px 14px;font:600 13px Inter,sans-serif;cursor:pointer}

/* sem WebGL / movimento reduzido */
.sr-fallback{position:relative;z-index:4;padding:100px 16px 120px;max-width:1200px;margin:0 auto}
.sr-fallback[hidden]{display:none}
.fb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.fb-car{display:block;color:#fff;text-decoration:none;background:var(--navy);border-radius:16px;overflow:hidden;border:1px solid var(--bd)}.fb-car img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}.fb-car b,.fb-car span{display:block;padding:8px 12px 0}.fb-car span{padding-bottom:12px;color:var(--azul2);font-weight:700}

/* ===== 6/nov (2): botão "Enter" estilo Tesla na porta do carro, dica de giro, aviso de taxas ===== */
.sr-enter{position:fixed;z-index:12;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;text-decoration:none;opacity:0;pointer-events:none;transition:opacity .35s;will-change:transform}
.sr-enter.on{opacity:1;pointer-events:auto}
.sr-enter .ring{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 0 0 6px rgba(79,179,255,.12),0 0 30px rgba(79,179,255,.55);animation:sr-pulse 2.4s ease-in-out infinite}
.sr-enter:hover .ring{background:rgba(255,255,255,.24)}
.sr-enter b{font:700 14px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;background:rgba(5,10,18,.6);padding:4px 12px;border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sr-enter small{font:600 12px Inter,sans-serif;color:#cfe7ff;background:rgba(5,10,18,.55);padding:3px 9px;border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap}
@keyframes sr-pulse{0%,100%{box-shadow:0 0 0 6px rgba(79,179,255,.12),0 0 30px rgba(79,179,255,.5)}50%{box-shadow:0 0 0 12px rgba(79,179,255,.05),0 0 44px rgba(79,179,255,.75)}}
.sr-hint{position:fixed;z-index:11;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translateX(-50%);font:600 12px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9fd6ff;opacity:0;transition:opacity .4s;pointer-events:none;text-shadow:0 0 12px rgba(79,179,255,.8)}
.sr-hint.on{opacity:.9}
.sr-fees{position:fixed;z-index:11;left:0;right:0;bottom:calc(70px + env(safe-area-inset-bottom));margin:0;text-align:center;font:500 10.5px Inter,sans-serif;color:rgba(200,215,230,.55);opacity:0;transition:opacity .4s;pointer-events:none}
.sr-fees.on{opacity:1}
@media(min-width:861px){.sr-hint{bottom:56px}.sr-fees{bottom:30px}}

/* ===== 6/nov (3): filtro, transição pra ficha ===== */
.sr-fbt{display:flex;align-items:center;gap:6px;margin-left:8px;background:rgba(255,255,255,.08);border:1px solid var(--bd);color:#fff;border-radius:12px;padding:9px 13px;font:700 14px Manrope,sans-serif;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.sr-fbt i{font-style:normal;background:var(--azul);border-radius:999px;min-width:18px;height:18px;display:grid;place-items:center;font-size:11px}
@media(max-width:860px){.sr-fbt{margin-left:auto;padding:9px 10px}.sr-fbt span{display:none}.sr-cta{margin-left:6px}}
.sr-filtro{position:fixed;inset:0;z-index:45;background:rgba(2,4,8,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center}
.sr-filtro[hidden]{display:none}
.sf-b{width:min(560px,100%);max-height:82dvh;overflow:auto;background:linear-gradient(180deg,#0d1b2c,#070d16);border:1px solid var(--bd);border-radius:24px 24px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));animation:sf-sobe .35s cubic-bezier(.2,.9,.25,1)}
@media(min-width:861px){.sr-filtro{align-items:center}.sf-b{border-radius:24px}}
@keyframes sf-sobe{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.sf-hd{display:flex;justify-content:space-between;align-items:center}.sf-hd b{font-size:20px}.sf-x{background:none;border:0;color:#fff;font-size:28px;cursor:pointer;opacity:.7}
.sf-b h4{margin:16px 0 8px;font:700 11px Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--azul2)}
.sf-l{display:flex;flex-wrap:wrap;gap:8px}
.sf-c{background:rgba(255,255,255,.06);border:1px solid var(--bd);color:#fff;border-radius:999px;padding:8px 13px;font:600 14px Inter,sans-serif;cursor:pointer}
.sf-c small{opacity:.55;font-size:12px;margin-left:2px}.sf-c.on{background:var(--azul);border-color:var(--azul2);box-shadow:0 0 18px rgba(79,179,255,.45)}
.sf-pe{display:flex;gap:10px;margin-top:20px;position:sticky;bottom:0}.sf-pe .sr-btn[disabled]{opacity:.4}
.sr-trans{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:rgba(3,6,11,0);transition:background .55s;pointer-events:none}
.sr-trans img{max-width:min(92vw,1100px);max-height:70vh;transform:scale(.55);opacity:.0;transition:transform .6s cubic-bezier(.2,.9,.25,1),opacity .3s;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6))}
.sr-trans.on{background:rgba(3,6,11,1)}.sr-trans.on img{transform:scale(1);opacity:1}

/* ===== 6/nov (4): andar de verdade — rolagem virtual, Enter "Tesla" quase transparente, preço discreto ===== */
html:has(body.vs),body.vs{overflow:hidden;height:100%;overscroll-behavior:none}
body.vs #sr-gl{touch-action:none}
.sr-enter .ring{width:50px;height:50px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.28);box-shadow:none;animation:none;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.sr-enter:hover .ring{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.5)}
.sr-enter b{background:none;padding:0;font:600 11px Inter,sans-serif;letter-spacing:.22em;opacity:.7;backdrop-filter:none;-webkit-backdrop-filter:none;text-shadow:0 1px 6px rgba(0,0,0,.8)}
.sr-enter small{display:none}
.sr-info{position:fixed;z-index:11;left:0;top:0;font:500 12.5px Inter,sans-serif;letter-spacing:.06em;color:rgba(190,215,240,.62);white-space:nowrap;opacity:0;transition:opacity .4s;pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.9);will-change:transform}
.sr-info.on{opacity:1}

/* ===== 6/nov (5): Sofia, a anfitriã do showroom ===== */
.sr-mario.sofia{padding:6px 16px 6px 6px;gap:12px}
.sr-mario .rosto{position:relative;width:46px;height:46px;border-radius:50%;overflow:visible;flex:none}
.sr-mario .rosto img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid rgba(79,179,255,.7);box-shadow:0 0 18px rgba(79,179,255,.5);display:block}
.sr-mario .rosto .online{position:absolute;right:0;bottom:1px;width:11px;height:11px;border-radius:50%;background:#2ee59d;border:2px solid #07101b;box-shadow:0 0 8px #2ee59d}
.sr-mario .lbl{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.sr-mario .lbl b{font:700 14px Manrope,sans-serif}.sr-mario .lbl small{font:500 11.5px Inter,sans-serif;color:#9fd6ff}
@media(max-width:860px){.sr-mario.sofia{padding:5px}.sr-mario .lbl{display:none}}
.mp-orb.sofia{padding:14px 0 6px}
.mp-av{position:relative;width:168px;height:168px;border-radius:50%;overflow:hidden;border:2px solid rgba(79,179,255,.55);box-shadow:0 0 30px rgba(79,179,255,.35)}
.mp-av img,.mp-av video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s}
.mp-av video{opacity:0}.mp-av.com-video #mp-v-ouvindo{opacity:1}.mp-av.com-video.falando #mp-v-falando{opacity:1}.mp-av.com-video.falando #mp-v-ouvindo{opacity:0}
.mp-av .onda{position:absolute;inset:-2px;border-radius:50%;box-shadow:0 0 0 0 rgba(79,179,255,.6);pointer-events:none}
.mp-av.falando .onda{animation:sf-onda 1.1s ease-out infinite}
@keyframes sf-onda{0%{box-shadow:0 0 0 0 rgba(79,179,255,.55)}100%{box-shadow:0 0 0 18px rgba(79,179,255,0)}}

/* ===== 6/nov (6): caixinha de test drive (placa) + Sofia "ligação" ===== */
.sr-td{position:fixed;z-index:42;width:min(320px,calc(100vw - 24px));padding:16px 16px 14px;border-radius:18px;background:rgba(6,12,22,.72);border:1px solid rgba(79,179,255,.35);box-shadow:0 0 0 1px rgba(79,179,255,.08),0 20px 60px rgba(0,0,0,.6),0 0 30px rgba(31,143,255,.18);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);animation:sf-sobe .3s cubic-bezier(.2,.9,.25,1)}
.sr-td[hidden]{display:none}
.sr-td form{display:flex;flex-direction:column;gap:8px}
.td-x{position:absolute;right:10px;top:6px;background:none;border:0;color:#fff;opacity:.6;font-size:22px;cursor:pointer}
.td-t{font:800 15px Manrope,sans-serif;letter-spacing:.02em;color:#eaf6ff;padding-right:20px}.td-s{font:600 10.5px Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#6fc0ff;margin-top:-6px}
.sr-td input:not([type=checkbox]),.sr-td select{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#fff;padding:9px 11px;font:14px Inter,sans-serif;outline:none}
.sr-td input:focus,.sr-td select:focus{border-color:rgba(79,179,255,.7);box-shadow:0 0 0 3px rgba(79,179,255,.15)}
.sr-td select option{background:#0c1a2b}
.td-ds{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0}.td-ds::-webkit-scrollbar{display:none}
.td-d{flex:none;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:#cfe7ff;border-radius:999px;padding:7px 11px;font:600 12.5px Inter,sans-serif;cursor:pointer}
.td-d.on{background:rgba(18,121,192,.35);border-color:#4fb3ff;color:#fff;box-shadow:0 0 14px rgba(79,179,255,.4)}
.td-ck{display:flex;gap:7px;align-items:flex-start;font:500 10.5px/1.35 Inter,sans-serif;color:rgba(200,220,240,.6)}.td-ck input{width:13px;height:13px;margin:1px 0 0;accent-color:#1279c0;flex:none}
.td-go{margin-top:2px;background:linear-gradient(90deg,#1279c0,#2a9dff);border:0;color:#fff;border-radius:12px;padding:11px;font:700 14px Manrope,sans-serif;cursor:pointer;box-shadow:0 0 22px rgba(42,157,255,.45)}
.td-m{margin:0;font-size:12px;color:#ff9a9a;min-height:14px}
.sr-mario .rosto .tel{position:absolute;right:-3px;bottom:-2px;width:20px;height:20px;border-radius:50%;background:#1fbf75;color:#fff;display:grid;place-items:center;border:2px solid #07101b;animation:sf-toca 2.2s ease-in-out infinite}
@keyframes sf-toca{0%,70%,100%{transform:rotate(0)}75%{transform:rotate(-14deg)}80%{transform:rotate(14deg)}85%{transform:rotate(-10deg)}90%{transform:rotate(8deg)}}
.mp-call-w{display:flex;justify-content:center;padding:6px 0 10px}
.mp-call{width:64px;height:64px;border-radius:50%;border:0;background:#1fbf75;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 0 rgba(31,191,117,.55);animation:sf-chama 1.8s ease-out infinite}
@keyframes sf-chama{0%{box-shadow:0 0 0 0 rgba(31,191,117,.55)}100%{box-shadow:0 0 0 18px rgba(31,191,117,0)}}
.sr-mario-p.chamando .mp-call{opacity:.6;animation-duration:.9s}
.sr-mario-p.em-chamada .mp-call-w{display:none}
.mp-desliga{background:#e5484d}

/* 7/nov: tira a "bola" azul antiga de cima do rosto da Sofia (regra velha .mp-orb span pegava a onda) */
.mp-orb.sofia .mp-av .onda{width:auto;height:auto;background:none;box-shadow:none;animation:none;transform:none!important}
.mp-orb.sofia .mp-av.falando .onda{animation:sf-onda 1.1s ease-out infinite}

/* ===== 7/nov: botão da Sofia minimalista, transparente, chamando pra ligação ===== */
.sr-mario.sofia{background:rgba(8,16,28,.28);border:1px solid rgba(160,210,255,.28);box-shadow:0 0 0 1px rgba(79,179,255,.06),0 10px 40px rgba(0,0,0,.35);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);padding:5px 18px 5px 5px}
.sr-mario.sofia:hover{background:rgba(8,16,28,.45);border-color:rgba(160,210,255,.5)}
.sr-mario .rosto img{border:1.5px solid rgba(255,255,255,.55);box-shadow:none}
.sr-mario .rosto::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(120,200,255,.6);animation:sf-anel 2.4s ease-out infinite}
@keyframes sf-anel{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.45);opacity:0}}
.sr-mario .rosto .tel{background:rgba(31,191,117,.9);width:18px;height:18px}
.sr-mario .lbl b{font:600 13px Inter,sans-serif;letter-spacing:.02em;opacity:.95}
.sr-mario .lbl small{font:500 12px Inter,sans-serif;color:rgba(200,230,255,.85);transition:opacity .35s,transform .35s}
.sr-mario .lbl small.troca{opacity:0;transform:translateY(4px)}
.mp-call{background:rgba(31,191,117,.18);border:1.5px solid rgba(31,191,117,.85);color:#7dffbf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.mp-call:hover{background:rgba(31,191,117,.32)}

/* ===== 7/nov: CTA de test drive na placa + selo 360 ===== */
.sr-bk{position:fixed;z-index:12;left:0;top:0;display:flex;align-items:center;gap:6px;padding:7px 12px 7px 10px;border-radius:999px;background:rgba(6,12,22,.55);border:1px solid rgba(255,255,255,.35);color:#fff;font:600 12px Inter,sans-serif;letter-spacing:.04em;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .35s,background .2s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap;will-change:transform;box-shadow:0 6px 24px rgba(0,0,0,.4)}
.sr-bk.on{opacity:1;pointer-events:auto}.sr-bk:hover{background:rgba(18,121,192,.6);border-color:#7cc4ff}
.sr-bk svg{opacity:.9}
.sr-360{position:fixed;z-index:11;left:0;top:0;display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:rgba(6,12,22,.4);border:1px solid rgba(124,196,255,.45);color:#cfe7ff;font:700 12px Manrope,sans-serif;letter-spacing:.08em;opacity:0;transition:opacity .35s;pointer-events:none;will-change:transform}
.sr-360.on{opacity:1}.sr-360 svg{animation:sr-gira 2.6s ease-in-out infinite}
@keyframes sr-gira{0%,100%{transform:rotateY(0)}50%{transform:rotateY(180deg)}}

/* ===== 7/nov: Finance options embaixo do preço (na bolinha) ===== */
.sr-fin{position:fixed;z-index:12;left:0;top:0;display:flex;align-items:center;gap:6px;padding:7px 13px 7px 11px;border-radius:999px;background:rgba(18,121,192,.32);border:1px solid rgba(124,196,255,.7);color:#fff;font:600 12px Inter,sans-serif;letter-spacing:.04em;text-decoration:none;opacity:0;pointer-events:none;transition:opacity .35s,background .2s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap;will-change:transform;box-shadow:0 0 18px rgba(42,157,255,.35)}
.sr-fin.on{opacity:1;pointer-events:auto}.sr-fin:hover{background:rgba(18,121,192,.65);border-color:#bfe3ff}

/* ===== 7/nov: viva-voz da Sofia: só a bolinha durante a ligação ===== */
.sr-call{position:fixed;z-index:30;right:18px;bottom:calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column-reverse;align-items:center;gap:10px;--n:0}
.sr-call[hidden]{display:none}
.sc-av{position:relative;width:60px;height:60px;border-radius:50%;padding:0;border:1.5px solid rgba(255,255,255,.55);background:#05080d;cursor:pointer;box-shadow:0 0 0 calc(var(--n) * 14px) rgba(31,191,117,.22),0 10px 30px rgba(0,0,0,.5);transition:box-shadow .08s}
.sc-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.sc-av::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid rgba(31,191,117,.7);animation:sf-anel 2.2s ease-out infinite}
.sr-call.falando .sc-av{border-color:#7dffbf}
.sr-call.chamando .sc-av::after{border-color:rgba(124,196,255,.8);animation-duration:1s}
.sc-tel{position:absolute;right:-2px;bottom:-2px;width:20px;height:20px;border-radius:50%;background:#1fbf75;color:#fff;display:grid;place-items:center;border:2px solid #05080d}
.sc-ctl{display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(8px) scale(.9);pointer-events:none;transition:opacity .2s,transform .2s}
.sr-call.aberto .sc-ctl{opacity:1;transform:none;pointer-events:auto}
.sc-b{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(8,16,28,.55);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.sc-b.off{background:rgba(255,255,255,.85);color:#05080d}
.sc-end{background:rgba(229,57,53,.85);border-color:rgba(255,120,120,.8)}

/* ===== 7/nov: celular mais "flow": menos coisa na tela ===== */
@media(max-width:860px){
  .sr-nav{display:none}
  #sr-progress{display:none}
  .sr-hint{display:none}
  .sr-mario{bottom:calc(18px + env(safe-area-inset-bottom))}
  body.card-on .sr-mario{bottom:calc(18px + env(safe-area-inset-bottom))}
  .sr-end{bottom:calc(24px + env(safe-area-inset-bottom))}
  .sr-fees{bottom:calc(4px + env(safe-area-inset-bottom));font-size:10px;opacity:.55}
  .sr-cta{padding:8px 12px;font-size:12px}
  .sr-360{padding:4px 8px;font-size:11px}
}

/* ===== 7/nov (2): Sofia com menuzinho; Finance pequeno; celular sem Entrar ===== */
.sr-smenu{position:fixed;z-index:31;right:18px;bottom:calc(92px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}
.sr-smenu[hidden]{display:none}
.sr-smenu button{display:flex;align-items:center;gap:8px;padding:9px 16px 9px 12px;border-radius:999px;border:1px solid rgba(160,210,255,.35);background:rgba(8,16,28,.6);color:#fff;font:600 13px Inter,sans-serif;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(0,0,0,.4);cursor:pointer;animation:sm-in .18s ease-out}
.sr-smenu button[data-m="voz"]{border-color:rgba(31,191,117,.75);color:#7dffbf}
@keyframes sm-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.sr-fin .fc{display:none}
@media(max-width:860px){
  .sr-enter{display:none!important}
  .sr-fin{padding:4px 9px;gap:4px;font-size:10.5px;letter-spacing:.06em}
  .sr-fin svg{width:11px;height:11px}
  .sr-fin .fl{display:none}.sr-fin .fc{display:inline}
  /* chat compacto: uma faixa embaixo, o showroom continua navegável */
  .sr-mario-p.compacto{left:10px;right:10px;width:auto;bottom:calc(10px + env(safe-area-inset-bottom));max-height:36dvh;border-radius:18px;background:rgba(6,12,22,.82)}
  .sr-mario-p.compacto .mp-orb,.sr-mario-p.compacto .mp-call-w{display:none}
  .sr-mario-p.compacto .mp-hd{padding:8px 12px}
  .sr-mario-p.compacto .mp-hd small{display:none}
  .sr-mario-p.compacto .mp-log{font-size:13.5px;padding:6px 12px;min-height:0}
  .sr-mario-p.compacto .mp-f{padding:8px 10px}
}

/* ===== 7/nov (3): celular: 360 / Test drive / Financiar embaixo do nome ===== */
.sr-bk .fc{display:none}
.sr-acoes{position:fixed;left:0;top:0;z-index:12;display:flex;gap:6px;align-items:center;will-change:transform;pointer-events:none}
.sr-acoes>*{position:static!important;transform:none!important}
.sr-acoes>.on{pointer-events:auto}
@media(max-width:860px){
  .sr-acoes .sr-bk,.sr-acoes .sr-fin,.sr-acoes .sr-360{padding:5px 10px;font-size:11px;gap:5px;letter-spacing:.04em;box-shadow:none}
  .sr-acoes .sr-bk .fl{display:none}.sr-acoes .sr-bk .fc{display:inline}
  .sr-acoes svg{width:12px;height:12px}
}