/* A dúvida do motorista, sem apresentar um diagnóstico pela simulação. */
.drive-story{position:absolute;z-index:9;left:63%;right:5%;top:22%;color:#fff;text-shadow:0 2px 12px #0008}
.drive-story[hidden],.drive-story [hidden]{display:none!important}
.drive-story h3{font:600 clamp(25px,2.7vw,42px)/1.1 var(--body);letter-spacing:-.04em;text-transform:none;margin:0 0 22px}
.drive-story-arrow{position:absolute;right:calc(100% + 14px);top:14px;width:clamp(120px,18vw,290px);height:220px;color:#ff3447;filter:drop-shadow(0 2px 3px #0008);pointer-events:none}
.drive-thoughts{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;margin:0;padding:0;min-height:112px;align-content:start}
.drive-thoughts li{padding:14px 12px;border:1px solid #ffffff65;border-radius:8px;background:#101313eb;font:500 clamp(13px,1.2vw,18px)/1.4 var(--body);text-shadow:none}
.drive-story-answer{margin-top:24px;padding-top:22px;border-top:1px solid #ffffff55}
.drive-story-answer p{font:500 clamp(28px,3.2vw,48px)/1.08 var(--body);letter-spacing:-.04em;margin:0 0 12px}
.drive-story-answer strong{font-weight:700;color:#fff}
.drive-story-answer>span{display:block;font:400 13px/1.5 var(--body);max-width:290px;color:#f1eeee}
.drive-story-cta{display:inline-flex;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;min-height:48px;padding:14px 18px;background:#ff1025;color:#fff;font:600 14px/1.3 var(--body);text-shadow:none}
.drive-story-cta:hover{background:#cf1025}
.drive-story-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}
.drive-story-restart{display:inline-flex;align-items:center;min-height:44px;margin:12px 0 0;padding:8px 0;background:transparent;border:0;border-bottom:1px solid #ffffff75;color:#fff;font:500 13px var(--body);text-shadow:0 1px 5px #000;cursor:pointer}
.drive-story-restart:focus-visible{outline:2px solid #fff;outline-offset:4px}
.drive-story li:not([hidden]),.drive-story-answer:not([hidden]){animation:drive-thought-in .45s ease-out both}
.drive-experience.is-paused .drive-story *{animation-play-state:paused}
@keyframes drive-thought-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:601px) and (max-width:900px){.drive-story{left:57%;right:4%;top:19%}.drive-thoughts{gap:7px}.drive-thoughts li{padding:10px 8px}.drive-story-arrow{width:85px}}
@media(max-width:600px){
  .drive-story{top:14%;left:22px;right:22px}
  .drive-story h3{font-size:24px;margin:0 0 14px;padding-left:30px}
  .drive-story-arrow{right:auto;left:-14px;top:8px;width:175px;height:280px;overflow:visible}
  .drive-story-arrow path{d:path("M25 10C0 40 0 75 0 100S25 155 150 155M150 155L133 142M150 155L130 162");stroke-width:2}
  .drive-thoughts{min-height:82px;gap:7px}
  .drive-thoughts li{padding:9px 10px;font-size:13px}
  .drive-story-answer{margin-top:12px;padding-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;align-items:center}
  .drive-story-answer p{font-size:24px;margin:0}
  .drive-story-answer>span{grid-column:1/-1;font-size:11px;grid-row:2;max-width:none}
  .drive-story-cta{margin:0;padding:10px;font-size:12px;gap:5px;min-height:48px}
  .drive-experience.is-engaged .drive-wheel-mount{top:44%}
}
@media(orientation:landscape) and (max-height:700px){
  .drive-story{top:20%;left:63%;right:4%}
  .drive-story h3{font-size:23px;margin:0 0 10px;padding:0}
  .drive-story-arrow{left:auto;right:calc(100% + 10px);width:80px;height:100px}
  .drive-story-arrow path{d:path("M155 12C70 12 90 100 12 145M12 145L17 118M12 145L40 143");stroke-width:3}
  .drive-thoughts{min-height:72px;gap:6px}
  .drive-thoughts li{padding:7px;font-size:11px}
  .drive-story-answer{display:block;margin-top:10px;padding-top:10px}
  .drive-story-answer p{font-size:26px;margin-bottom:6px}
  .drive-story-answer>span{font-size:10px}
  .drive-story-cta{font-size:11px;padding:10px;min-height:44px;margin-top:10px}
  .drive-experience.is-engaged .drive-wheel-mount{top:33%}
}
@media(prefers-reduced-motion:reduce){.drive-story li,.drive-story-answer{animation:none!important}}
/* Opções vazadas no celular preservam a visão da avenida. */
@media(max-width:600px),(orientation:landscape) and (max-height:600px){
  .drive-experience .drive-thoughts li{background:transparent;border-color:#ffffff85;color:#fff;text-shadow:0 1px 4px #000,0 0 12px #0009}
  .drive-experience .drive-story-cta{background:transparent;border:1px solid #ff5967;text-shadow:0 1px 4px #000,0 0 12px #0009}
  .drive-experience .drive-story-cta:hover{background:#ffffff0d}
  .drive-experience .drive-story-arrow{display:none}
  .drive-experience .drive-story{color:#fff}
  .drive-experience .drive-story:before{display:none}
  .drive-experience .drive-thoughts li:before,.drive-experience .drive-thoughts li:after{display:none}
  .drive-experience .drive-story h3{padding:0;font-size:24px;margin-bottom:12px}
  .drive-experience .drive-thoughts{display:block;min-height:40px}
  .drive-experience .drive-thoughts li:not([hidden]){display:none;border:0;padding:0;font-size:20px;line-height:1.35}
  .drive-experience .drive-thoughts li.is-current:not([hidden]){display:block}
  .drive-experience .drive-story.has-answer h3,.drive-experience .drive-story.has-answer .drive-thoughts{display:none}
  .drive-experience .drive-story-answer{display:block;border:0;padding:0;margin:0}
  .drive-experience .drive-story-answer p{font-size:28px;line-height:1.15;margin:0;max-width:280px}
  .drive-experience .drive-story-answer>span{display:none}
  .drive-experience .drive-story-cta{margin-top:16px;font-size:13px;min-height:44px;padding:11px 16px}
  .drive-experience .drive-story-cta>span{display:none}
}