/* Fotografias em camadas, controles nativos e cenário com profundidade. */
.drive-experience{--scene-turn:0deg;--scene-x:0px;position:relative;width:100%;height:100svh;min-height:680px;background:#141514;isolation:isolate;overflow:hidden;overflow:clip;scroll-margin-top:0;color:#fff;font-family:var(--body)}
.drive-scene{position:absolute;inset:0;overflow:hidden;transform:scale(1.015);transition:transform 1.6s cubic-bezier(.2,.7,.2,1);will-change:transform;pointer-events:none}
.drive-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#060706dd,transparent 25%,transparent 72%,#090c0a75),linear-gradient(90deg,#03050460,transparent 27%,transparent 75%,#03050450);pointer-events:none;z-index:4}
.drive-outside{position:absolute;inset:0 0 34%;overflow:hidden;background:#b7b4a0}
.drive-outside video,.drive-road-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 52%;transform:scale(1.025)}
.drive-outside video{z-index:1}.drive-experience.has-environment .drive-road-fallback{visibility:hidden}
.drive-glass{position:absolute;inset:0 0 52%;z-index:2;opacity:.28;background:linear-gradient(116deg,transparent 30%,#ffdf9f22 31%,transparent 40%,#ffffff09 54%,transparent 55%);mix-blend-mode:screen;pointer-events:none}
.drive-interior{position:absolute;left:50%;top:0;width:max(100%,145svh);height:100%;transform:translateX(-50%);z-index:3;will-change:transform}
.drive-cabin-image{display:block;width:100%;height:100%;object-fit:fill}
.drive-cluster{position:absolute;left:50%;top:45.2%;transform:translateX(-50%);width:31%;height:16.2%;display:flex;justify-content:center;align-items:center;gap:4%;padding:0 2%;color:#e3eceb;filter:drop-shadow(0 0 3px #9ee9ed20);opacity:.5;transition:opacity 1s}
.drive-dial{--needle:-135deg;position:relative;width:39%;aspect-ratio:1;max-height:100%;flex-shrink:0}
.drive-dial svg{width:100%;height:100%;overflow:visible;display:block}.dial-track{fill:none;stroke:#a7b2b34a;stroke-width:1.5}.dial-active{fill:none;stroke:#e83042;stroke-width:2;stroke-dasharray:340;stroke-dashoffset:335;transition:stroke-dashoffset .15s}
.dial-ticks line{stroke:#e4efec80;stroke-width:1}.dial-ticks text{fill:#acb4b3;font:9px var(--body)}
.dial-pointer{transform-origin:90px 90px;transform:rotate(var(--needle));fill:#fa3848;filter:drop-shadow(0 0 2px #ff1025)}
.dial-value{position:absolute;inset:30% 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.dial-value b{font:400 clamp(18px,2.3vw,34px)/1 var(--body);font-variant-numeric:tabular-nums;letter-spacing:-.06em}.dial-value span{font-size:7px;letter-spacing:.08em;color:#a3aeaf}
.drive-trip{display:flex;flex-direction:column;align-items:center;gap:5px;width:26%;text-align:center}.drive-trip>span{font-size:7px;letter-spacing:.2em;color:#a6b8b7}.drive-trip b{font:400 26px var(--body);color:#e2ece9}.drive-trip small{font-size:5px;letter-spacing:.12em;color:#8b9896}.drive-trip-line{width:80%;height:1px;background:linear-gradient(90deg,transparent,#ed2a3e,transparent);margin-top:6px}
.drive-topbar{position:absolute;z-index:10;top:112px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;transition:top .5s}
.drive-topbar>.eyebrow{display:flex;gap:10px;align-items:center;font-size:10px;color:#fff;letter-spacing:.18em;margin:0;text-shadow:0 1px 9px #000}.drive-topbar>.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#ff1025;box-shadow:0 0 10px #ff1025}
.drive-topbar>div{display:flex;align-items:center;gap:24px}.drive-sound,.drive-leave{color:#fff;font:500 11px var(--body);text-shadow:0 1px 5px #000;cursor:pointer}.drive-sound{display:flex;align-items:center;gap:8px;padding:8px 0;background:none;border:0}.drive-sound svg{width:17px;height:17px}.drive-sound .sound-waves{opacity:.3}.drive-sound[aria-pressed=true] .sound-waves{opacity:1}.drive-leave{padding:12px 17px;background:#11191335;border:1px solid #ffffff60;backdrop-filter:blur(8px);text-decoration:none}
.drive-intro{position:absolute;z-index:6;left:6%;top:24%;transition:opacity .7s,transform 1s;max-width:440px;text-shadow:0 2px 25px #0008}.drive-intro-kicker{font:500 8px var(--body);letter-spacing:.22em;margin:0 0 18px}.drive-intro h2{font:500 clamp(40px,5.8vw,82px)/.98 var(--body);text-transform:none;letter-spacing:-.055em;margin:0}.drive-intro h2 em{font-style:normal;color:#f2eddf}.drive-intro>p:not(.drive-intro-kicker){font-size:13px;color:#f3efde;margin:18px 0 24px}.drive-enter{display:inline-flex;gap:20px;align-items:center;background:#ff1025;border:1px solid #ff1025;color:#fff;padding:15px 20px;font:600 12px var(--body);cursor:pointer;box-shadow:0 5px 30px #0003}.drive-enter-line{width:20px;height:1px;background:#fff}
.drive-wheel-mount{position:absolute;z-index:7;width:min(58vw,88svh);left:50%;top:53%;transform:translateX(-50%) scale(.98);transform-origin:50% 75%;transition:transform 1.6s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 18px 15px #0008)}
.drive-wheel-motion{will-change:transform}.drive-wheel-real{--steering:0deg;position:relative;transform:rotate(var(--steering));border-radius:50%;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline-offset:6px;will-change:transform}.drive-wheel-real>img{display:block;width:100%;height:auto;pointer-events:none;user-select:none}.drive-wheel-real.is-held{cursor:grabbing}.drive-wheel-real:focus-visible{outline:2px solid #ff3348}.drive-wheel-badge{position:absolute;left:45.7%;top:46.4%;width:9.5%;height:11%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;mix-blend-mode:screen}.drive-wheel-badge img{width:90%;height:90%;object-fit:contain;pointer-events:none}
.drive-touch-hint{position:absolute;left:50%;top:12%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;font-size:9px;white-space:nowrap;background:#0c0d0abb;border:1px solid #ffffff25;backdrop-filter:blur(8px);border-radius:30px;padding:9px 13px;transition:opacity .3s;pointer-events:none}.drive-touch-hint i{width:7px;height:7px;border:1px solid #fff;border-radius:50%}
.drive-footer{position:absolute;z-index:8;bottom:30px;left:4.5%;right:210px;display:flex;justify-content:space-between;align-items:end;gap:30px}.drive-caption{max-width:285px}.drive-caption p{font-size:12px;line-height:1.5;margin:0 0 7px;color:#eee}.drive-caption small{display:block;font-size:9px;line-height:1.6;color:#a3a9a5}.drive-contact{font:500 11px/1.4 var(--body);border-bottom:1px solid #fff8;padding:10px 0 8px;white-space:nowrap;transition:color .3s}.drive-contact:hover{color:#ff8291}

.drive-experience.is-engaged .drive-scene{transform:scale(1.055)}.drive-experience.is-engaged .drive-intro{opacity:0;transform:translateY(-12px);pointer-events:none;visibility:hidden;transition:opacity .5s,transform .8s,visibility 0s .6s}.drive-experience.is-engaged .drive-wheel-mount{transform:translateX(-50%) scale(1.025)}.drive-experience.is-engaged .drive-cluster{opacity:1}.drive-experience.has-steered .drive-touch-hint{opacity:0}.drive-noscript{position:absolute;bottom:12%;left:5%;right:5%;font-size:12px;z-index:12}
.drive-view .site-header{transform:translateY(-100%)}.drive-view .drive-topbar{top:30px}.drive-view .whatsapp-float{visibility:visible}
@media(min-width:1600px){.drive-intro{left:8%}.drive-cluster{top:45.5%}.drive-wheel-mount{width:min(58vw,90svh)}}
@media(max-width:900px){.drive-intro{left:5%;top:24%;max-width:320px}.drive-intro h2{font-size:52px}.drive-footer{right:100px}.drive-caption{max-width:220px}.drive-contact{white-space:normal;max-width:180px}.drive-wheel-mount{width:min(78vw,88svh)}}
@media(max-width:600px){.drive-experience{min-height:700px}.drive-topbar{left:20px;right:20px;top:95px}.drive-topbar>.eyebrow{font-size:7px;letter-spacing:.13em;gap:6px}.drive-topbar>div{gap:14px}.drive-sound span{display:none}.drive-sound svg{width:20px;height:20px}.drive-leave{font-size:9px;padding:9px 10px}.drive-intro{left:26px;top:22%;max-width:280px}.drive-intro-kicker{font-size:6px;letter-spacing:.16em;max-width:180px;line-height:1.8}.drive-intro h2{font-size:49px;line-height:1.02}.drive-intro>p:not(.drive-intro-kicker){font-size:12px;margin:15px 0 20px}.drive-enter{font-size:11px;padding:13px 17px}.drive-interior{width:136svh}.drive-cluster{width:31%;top:44%;height:14%;gap:3%;padding:0 2%}.dial-value b{font-size:23px}.dial-value span{font-size:5px}.drive-trip b{font-size:22px}.drive-trip>span{font-size:5px}.drive-trip small{font-size:4px}.drive-wheel-mount{width:min(112vw,60svh);top:53%;}.drive-wheel-badge{width:10%}.drive-touch-hint{font-size:8px;padding:7px 10px}.drive-footer{left:22px;right:90px;bottom:22px;display:block}.drive-caption{max-width:240px}.drive-caption p{font-size:10px}.drive-caption small{font-size:7px}.drive-contact{display:inline-block;font-size:10px;padding:6px 0;margin-top:3px;max-width:none}.drive-experience.is-engaged .drive-caption p{max-width:210px}.drive-view .drive-topbar{top:24px}.drive-outside{bottom:38%}}
@media(max-height:700px) and (min-width:901px){.drive-wheel-mount{top:48%;width:88svh}.drive-intro{top:22%}.drive-intro h2{font-size:56px}.drive-topbar{top:92px}.drive-cluster{top:44%}.drive-footer{bottom:22px}.drive-caption{max-width:240px}}
@media(prefers-reduced-motion:reduce){.drive-scene,.drive-wheel-mount,.drive-intro,.drive-cluster,.drive-wheel-motion{transform:none!important}.drive-experience.is-engaged .drive-scene{transform:none}}
.drive-experience{scroll-margin-top:-100px}.drive-intro{top:20%}@media(max-width:700px){.drive-experience{scroll-margin-top:-88px}.drive-intro{top:22%}}

@media(min-width:601px){.drive-interior{top:-4%}}

/* Deslocamento contínuo no para-brisa e controle explícito de pausa. */
.drive-outside{inset:0 0 auto;height:55%}.drive-outside video,.drive-road-fallback{object-position:50% 50%}.drive-outside video{transform:scale(1.10)}
.drive-road-fallback img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.drive-pause{display:inline-flex;align-items:center;gap:7px;padding:9px 0;border:0;background:none;color:#fff;font:500 11px var(--body);text-shadow:0 1px 5px #000;cursor:pointer}.drive-pause[hidden]{display:none}.drive-pause svg{width:16px;height:16px}.drive-pause .play-symbol{display:none}.is-paused .drive-pause .pause-symbol{display:none}.is-paused .drive-pause .play-symbol{display:block}.is-paused .drive-wheel-real{cursor:default}.is-paused .drive-touch-hint{opacity:0}.drive-topbar>div{gap:18px}.drive-experience.is-engaged .drive-topbar{background:linear-gradient(90deg,transparent,#080c0859);border-radius:4px}
@media(max-width:600px){.drive-topbar{align-items:flex-start;gap:8px}.drive-topbar>div{gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:225px}.drive-pause{font-size:9px;gap:5px;padding:8px 0}.drive-pause svg{width:13px;height:13px}.drive-leave{font-size:8px;padding:9px 7px}.drive-topbar>.eyebrow{max-width:100px;line-height:1.7}.drive-sound{padding:6px 0}.drive-outside{height:55%;bottom:auto}}
@media(max-width:600px){.drive-topbar>.eyebrow{max-width:80px;flex-shrink:0}.drive-topbar>div{max-width:252px;gap:8px}.drive-pause{min-height:44px;font-size:10px;padding:0 5px}.drive-sound{min-height:44px;min-width:32px;justify-content:center}.drive-leave{min-height:36px;display:flex;align-items:center}}

/* O cockpit também deve caber no celular deitado, sem perder os controles. */
@media(orientation:landscape) and (max-height:600px){
  .drive-experience{height:100svh;min-height:320px}
  .drive-topbar,.drive-view .drive-topbar{top:12px;left:22px;right:22px;gap:12px}
  .drive-topbar>.eyebrow{font-size:8px;max-width:none}
  .drive-topbar>div{gap:12px;max-width:none;flex-wrap:nowrap}
  .drive-pause,.drive-sound,.drive-leave{min-height:44px;font-size:10px;display:inline-flex;align-items:center}
  .drive-sound span{display:none}
  .drive-intro{top:24%;left:4%;max-width:235px}
  .drive-intro-kicker{font-size:6px;margin-bottom:10px}
  .drive-intro h2{font-size:36px}
  .drive-intro>p:not(.drive-intro-kicker){font-size:11px;margin:10px 0 12px}
  .drive-enter{min-height:44px;font-size:10px;padding:11px 14px}
  .drive-interior{width:max(100%,145svh);top:-4%}
  .drive-cluster{top:44%;height:16.2%}
  .drive-trip b{font-size:18px}
  .dial-value b{font-size:20px}
  .drive-wheel-mount{top:49%;width:min(58vw,95svh)}
  .drive-footer{left:22px;right:190px;bottom:12px;gap:16px}
  .drive-caption{max-width:205px}
  .drive-caption p{font-size:10px;margin-bottom:3px}
  .drive-caption small{font-size:8px}
  .drive-contact{font-size:10px;max-width:155px;white-space:normal}
}