/* Transportadora Evelyn · site v3 · sistema "Faixa de Rua"
   Be Seven Creative Studio · 2026
   Marca (cores aplicadas no manual e no logotipo): preto, grafite #373838, vermelho #A51111, branco.
   Swoosh em crescente grafite com borda vermelha, chevrons do símbolo, curvas de nível, emblema-fantasma. */

@font-face{font-family:"Montserrat";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/montserrat-latin-wght.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/montserrat-latin-ext-wght.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --preto:#0A0A0A;
  --asfalto:#111111;
  --grafite:#373838;
  --grafite-2:#1A1A1A;
  --vermelho:#A51111;
  --vermelho-2:#C01717;
  --vinho:#690B0B;
  --sinal:#E24A4A;         /* vermelho da marca clareado para texto sobre escuro (≥5:1) */
  --branco:#FFFFFF;
  --nevoa:#F4F4F4;
  --papel:#FFFFFF;
  --tinta:#141414;
  --tinta-2:#4A4846;       /* texto secundário no claro (8:1) */
  --cinza:#A7A5A2;         /* texto secundário no escuro (8:1) */
  --cinza-2:#7C7A77;
  --linha-e:rgba(255,255,255,.12);
  --linha-c:#DAD7D2;
  --sombra:0 24px 48px -24px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.12);
  --r:16px; --r-s:10px;
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
  --nav-h:76px;
  --s1:8px;--s2:16px;--s3:24px;--s4:40px;--s5:64px;--s6:96px;--s7:128px;
  --t-cap:13px; --t-p:17px; --t-lead:clamp(18px,1.5vw,21px);
  --t-h3:clamp(20px,1.7vw,24px); --t-h2:clamp(34px,4.4vw,60px); --t-h1:clamp(42px,6.2vw,88px);
  --gut:clamp(20px,4vw,56px);
  --sec:clamp(88px,10vw,148px);
}

*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px)}
body{margin:0;background:var(--preto);color:var(--branco);font:400 var(--t-p)/1.6 "Montserrat",system-ui,sans-serif;font-feature-settings:"lnum" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:clip}
body.travado{overflow:hidden}
img,svg,picture{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-weight:800;line-height:1.05;letter-spacing:-.025em;text-wrap:balance}
p{margin:0;text-wrap:pretty}
ul,ol{margin:0;padding:0;list-style:none}
figure,blockquote{margin:0}
[hidden]{display:none!important}
.num{font-variant-numeric:tabular-nums lining-nums}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

::selection{background:var(--vermelho);color:#fff}
:focus-visible{outline:2px solid var(--sinal);outline-offset:3px;border-radius:4px}
.tema-claro :focus-visible,.claro :focus-visible{outline-color:var(--vermelho)}
html{scrollbar-color:#3a3a3a var(--preto);scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--preto)}
::-webkit-scrollbar-thumb{background:#333;border-radius:10px;border:2px solid var(--preto)}
::-webkit-scrollbar-thumb:hover{background:var(--vermelho)}

.skip{position:fixed;left:16px;top:-80px;z-index:100;background:var(--vermelho);color:#fff;padding:12px 18px;border-radius:var(--r-s);font-weight:700;transition:top .2s}
.skip:focus{top:12px}

.wrap{width:100%;max-width:1320px;margin-inline:auto;padding-inline:var(--gut)}
.sec{position:relative;padding-block:var(--sec)}
.lead{font-size:var(--t-lead);line-height:1.55;color:var(--cinza)}
.tema-claro .lead{color:var(--tinta-2)}

/* dado pendente: amarelo de revisão, visível de propósito */
.dado{display:inline-block;background:#FFE45C;color:#1A1A1A;font-size:.82em;font-weight:600;line-height:1.35;padding:1px 8px;border-radius:5px;outline:1.5px dashed #8A6D00;outline-offset:-1.5px;letter-spacing:0;vertical-align:baseline}

/* ---------------- temas ---------------- */
.tema-claro{background:var(--nevoa);color:var(--tinta)}
.tema-fundo{background:var(--grafite-2)}
.tema-vermelho{background:linear-gradient(110deg,#050505 0%,#2A0505 30%,#690B0B 62%,#A51111 100%);color:#fff;overflow:hidden}
.tema-vermelho .lead,.tema-vermelho .sec-head p{color:rgba(255,255,255,.82)}

/* curvas de nível da marca */
.topo-bg{position:relative;isolation:isolate}
.topo-bg::before{content:"";position:absolute;inset:0;background:url("../img/topo.svg") center/cover no-repeat;opacity:.07;pointer-events:none;z-index:-1}

/* ---------------- tipografia de seção ---------------- */
.sec-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--s3) var(--s5);align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.sec-head h2{font-size:var(--t-h2)}
.sec-head p{font-size:var(--t-lead);color:var(--cinza);max-width:46ch;line-height:1.55}
.tema-claro .sec-head p{color:var(--tinta-2)}
.sec-head.solo{grid-template-columns:1fr}
@media (max-width:860px){.sec-head{grid-template-columns:1fr}}

/* ---------------- botões e links ---------------- */
.btn{--bg:var(--vermelho);--fg:#fff;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:var(--r-s);background:var(--bg);color:var(--fg);font-weight:700;font-size:16px;letter-spacing:.005em;border:0;cursor:pointer;white-space:nowrap;isolation:isolate;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background-color .2s}
.btn::before{content:"";position:absolute;inset:0;background:#000;opacity:0;z-index:-1;clip-path:polygon(0 0,0 0,-20% 100%,-20% 100%);transition:clip-path .55s var(--ease),opacity .2s}
.btn:hover::before{opacity:.22;clip-path:polygon(0 0,120% 0,100% 100%,-20% 100%)}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px -14px rgba(165,17,17,.7)}
.btn:active{transform:translateY(0)}
.seta{width:18px;height:18px;flex:none}
.btn .seta{width:18px;height:18px;transition:transform .35s var(--ease)}
.btn:hover .seta{transform:translateX(4px)}
.btn-linha{--bg:transparent;--fg:currentColor;box-shadow:inset 0 0 0 1.5px currentColor}
.btn-linha:hover{box-shadow:inset 0 0 0 1.5px currentColor,0 14px 28px -18px rgba(0,0,0,.4)}
.btn-linha::before{background:currentColor}
.btn-linha:hover::before{opacity:.08}
.btn-claro{--bg:#fff;--fg:var(--vermelho)}
.btn-claro:hover{box-shadow:0 14px 28px -14px rgba(0,0,0,.5)}
.btn-tinta{--bg:var(--tinta);--fg:#fff}
.btn-tinta:hover{box-shadow:0 14px 28px -14px rgba(0,0,0,.6)}
.btn.carregando{pointer-events:none}
.btn.carregando .seta{animation:gira .8s linear infinite;transform:none}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.45;pointer-events:none}
@keyframes gira{to{transform:rotate(360deg)}}

.link{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:inherit;text-decoration:underline;text-decoration-color:var(--vermelho);text-decoration-thickness:2px;text-underline-offset:6px;transition:text-underline-offset .3s var(--ease),color .2s}
.link:hover{text-underline-offset:9px;color:var(--sinal)}
.tema-claro .link:hover{color:var(--vermelho)}
.tema-vermelho .link{text-decoration-color:#fff}
.tema-vermelho .link:hover{color:#fff}
.acoes{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s4)}

/* ---------------- cabeçalho ---------------- */
.topo{position:fixed;inset:0 0 auto;z-index:50;height:var(--nav-h);color:#fff;transition:background-color .4s var(--ease),box-shadow .4s,transform .4s var(--ease)}
.topo::after{content:"";position:absolute;inset:0;background:linear-gradient(#000a,transparent);z-index:-1;opacity:1;transition:opacity .4s}
.topo.rolou,.topo.topo-solido{background:rgba(10,10,10,.86);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:0 1px 0 var(--linha-e)}
.topo.rolou::after,.topo.topo-solido::after{opacity:0}
.topo .wrap{height:100%;display:flex;align-items:center;gap:var(--s4)}
.marca img{width:156px;height:auto}
.topo nav{margin-left:auto}
.menu-desk{display:flex;align-items:center;gap:6px}
.menu-desk a{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;font-size:15px;font-weight:600;color:rgba(255,255,255,.86);border-radius:8px;transition:color .2s}
.menu-desk a::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;background:var(--vermelho);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.menu-desk a:hover,.menu-desk a[aria-current="page"]{color:#fff}
.menu-desk a:hover::after,.menu-desk a[aria-current="page"]::after{transform:scaleX(1)}
.menu-desk .zap svg{width:18px;height:18px;color:var(--sinal)}
.btn-topo{min-height:44px;padding:0 20px;font-size:15px}
.burger{display:none;width:46px;height:46px;border-radius:12px;border:1px solid var(--linha-e);background:rgba(255,255,255,.04);color:#fff;align-items:center;justify-content:center;cursor:pointer}
.burger svg{width:22px;height:22px}
@media (max-width:980px){
  .topo nav,.btn-topo{display:none}
  .burger{display:inline-flex;margin-left:auto}
  .marca img{width:138px}
}

/* menu do celular: abre em círculo a partir do botão */
.menu-cel{position:fixed;inset:0;z-index:60;background:var(--preto);color:#fff;display:flex;flex-direction:column;padding:16px var(--gut) 32px;clip-path:circle(0 at calc(100% - 44px) 38px);transition:clip-path .7s var(--ease-io);visibility:hidden}
.menu-cel.aberto{clip-path:circle(150% at calc(100% - 44px) 38px);visibility:visible}
.menu-cel::before{content:"";position:absolute;inset:0;background:url("../img/topo.svg") center/cover;opacity:.06;pointer-events:none}
.menu-cel .linha-topo{display:flex;align-items:center;justify-content:space-between;height:calc(var(--nav-h) - 16px)}
.menu-cel nav{margin-top:auto}
.menu-cel nav li{overflow:hidden;border-bottom:1px solid var(--linha-e)}
.menu-cel nav a{display:flex;align-items:center;justify-content:space-between;padding:18px 0;font-size:clamp(34px,10vw,52px);font-weight:800;letter-spacing:-.03em;transform:translateY(100%);transition:transform .6s var(--ease)}
.menu-cel.aberto nav a{transform:none}
.menu-cel.aberto nav li:nth-child(2) a{transition-delay:.05s}.menu-cel.aberto nav li:nth-child(3) a{transition-delay:.1s}.menu-cel.aberto nav li:nth-child(4) a{transition-delay:.15s}
.menu-cel nav a[aria-current="page"]{color:var(--sinal)}
.menu-cel .rodape-menu{display:grid;gap:8px;margin-top:var(--s4);color:var(--cinza);font-size:15px}
.menu-cel .rodape-menu a{color:#fff;font-weight:700}

/* ---------------- swoosh da marca ---------------- */
.swoosh{position:absolute;pointer-events:none;z-index:1}
.swoosh .faixa-m{stroke-dasharray:1;stroke-dashoffset:0}
@media (prefers-reduced-motion:no-preference){
  .swoosh .faixa-m{animation:traca 1.6s var(--ease) .15s both}
  .swoosh .fio{animation:fio 1.6s var(--ease) .45s both}
}
@keyframes traca{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes fio{from{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}

/* ---------------- hero da Início ---------------- */
.hero{position:relative;min-height:max(640px,100svh);display:flex;flex-direction:column;justify-content:flex-end;background:#000;overflow:hidden;isolation:isolate}
.hero-foto{position:absolute;inset:0;z-index:-2}
.hero-foto img,.hero-foto picture{width:100%;height:100%;object-fit:cover;object-position:72% 50%}
.hero-foto::after{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.78) 32%,rgba(0,0,0,.18) 62%,rgba(0,0,0,0) 80%),
  linear-gradient(0deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,0) 34%)}
@media (prefers-reduced-motion:no-preference){
  .hero-foto img{animation:revela 2.2s var(--ease) both}
  .hero-txt h1 .l{animation:sobe 1.1s var(--ease) both}
  .hero-txt h1 .l:nth-child(2){animation-delay:.08s}.hero-txt h1 .l:nth-child(3){animation-delay:.16s}.hero-txt h1 .l:nth-child(4){animation-delay:.24s}
  .hero-txt p,.hero-txt .acoes{animation:entra 1s var(--ease) .45s both}
  .fatos li{animation:entra .9s var(--ease) both}
  .fatos li:nth-child(1){animation-delay:.7s}.fatos li:nth-child(2){animation-delay:.78s}.fatos li:nth-child(3){animation-delay:.86s}
}
@keyframes revela{from{transform:scale(1.12);filter:brightness(.25) saturate(.6)}to{transform:none;filter:none}}
@keyframes sobe{from{transform:translateY(105%)}to{transform:none}}
@keyframes entra{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero .swoosh{right:-2vw;top:calc(var(--nav-h) - 10px);bottom:auto;width:min(50vw,760px);height:auto;aspect-ratio:1180/860;-webkit-mask:linear-gradient(200deg,#000 55%,transparent 92%);mask:linear-gradient(200deg,#000 55%,transparent 92%)}
.hero>.wrap{position:relative;z-index:2;padding-top:calc(var(--nav-h) + 48px);padding-bottom:clamp(40px,6vw,72px)}
.hero-txt{max-width:820px}
.hero-txt h1{font-size:var(--t-h1);line-height:.98;letter-spacing:-.035em}
.hero-txt h1 .l{display:block;overflow:hidden;padding-bottom:.06em}
.hero-txt h1 .l>span{display:block}
.hero-txt h1 em{font-style:normal;color:var(--sinal)}
.hero-txt p{margin-top:var(--s3);max-width:56ch;font-size:var(--t-lead);color:rgba(255,255,255,.84);line-height:1.55}
.hero-txt .acoes{margin-top:var(--s4)}
.fatos{position:relative;z-index:2;border-top:1px solid var(--linha-e);background:linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,0))}
.fatos ul{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s2) var(--s5);padding-block:22px;font-size:14px;font-weight:600;color:rgba(255,255,255,.82)}
.fatos li{display:block}
.fatos li svg{display:inline-block;width:22px;height:22px;margin-right:10px;vertical-align:-6px;color:var(--sinal)}
@media (max-width:860px){
  .hero{min-height:auto}
  .hero-foto{position:relative;inset:auto;height:min(72vw,460px)}
  .hero-foto img{object-position:78% 50%}
  .hero-foto::after{background:linear-gradient(0deg,#000 0%,rgba(0,0,0,0) 55%)}
  .hero>.wrap{padding-top:0;margin-top:-56px}
  .hero .swoosh{width:120vw;right:-30vw;bottom:auto;top:calc(min(72vw,460px) - 70vw)}
  .fatos ul{grid-template-columns:1fr;gap:12px}
}

/* ---------------- hero interno ---------------- */
.hero-int{position:relative;min-height:min(78svh,760px);display:flex;align-items:flex-end;background:#000;overflow:hidden;isolation:isolate;padding:calc(var(--nav-h) + 64px) 0 clamp(56px,7vw,96px)}
.hero-int .foto{position:absolute;top:0;right:0;bottom:0;width:62%;z-index:-2}
.hero-int .foto img{width:100%;height:100%;object-fit:cover}
.hero-int .foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.55) 30%,rgba(0,0,0,0) 70%),linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,0) 40%)}
@media (prefers-reduced-motion:no-preference){.hero-int .foto img{animation:revela 2s var(--ease) both}.hero-int h1,.hero-int>.wrap>p{animation:entra 1s var(--ease) .15s both}}
.hero-int .swoosh{left:14%;bottom:0;width:min(60vw,860px);aspect-ratio:1180/860}
.hero-int>.wrap{position:relative;z-index:2}
.hero-int h1{font-size:clamp(38px,5.4vw,76px);max-width:15ch;letter-spacing:-.035em;line-height:1}
.hero-int>.wrap>p{margin-top:var(--s3);max-width:52ch;font-size:var(--t-lead);color:rgba(255,255,255,.82)}
.hero-int.sem-foto{min-height:auto;padding-bottom:clamp(48px,6vw,80px)}
.hero-int.sem-foto .swoosh{left:auto;right:-6%;width:min(62vw,860px)}
.trilha{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:var(--s3);font-size:14px;font-weight:600;color:var(--cinza)}
.trilha li+li::before{content:"";display:inline-block;width:8px;height:10px;margin-right:10px;background:var(--vermelho);clip-path:polygon(0 0,45% 0,100% 50%,45% 100%,0 100%,55% 50%)}
.trilha a:hover{color:#fff}
.trilha [aria-current]{color:#fff}
.texto-legal .trilha,.tema-claro .trilha{color:var(--tinta-2)}
.texto-legal .trilha [aria-current]{color:var(--tinta)}
@media (max-width:860px){
  .hero-int{padding-top:calc(var(--nav-h) + 40px);min-height:auto}
  .hero-int{flex-direction:column;align-items:stretch}
  .hero-int .foto{position:absolute;inset:0;width:100%;height:100%}
  .hero-int .foto::after{background:linear-gradient(0deg,#000 10%,rgba(0,0,0,.55) 60%,rgba(0,0,0,.35))}
  .hero-int .swoosh{left:-10%;width:130vw}
}

/* ---------------- a rota ---------------- */
.rota{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.rota-mapa{position:sticky;top:calc(var(--nav-h) + 24px);border-radius:20px;background:radial-gradient(90% 80% at 70% 40%,#1d1d1d 0%,#0e0e0e 70%);border:1px solid var(--linha-e);overflow:hidden;isolation:isolate}
.rota-mapa::before{content:"";position:absolute;inset:0;background:url("../img/topo.svg") center/cover;opacity:.09;z-index:-1}
.rota-mapa svg{width:100%;height:auto}
.rota-mapa figcaption{position:absolute;left:20px;bottom:16px;font-size:12px;font-weight:600;color:var(--cinza-2)}
.rota-mapa .estrada{fill:none;stroke:#2B2B2B;stroke-width:26;stroke-linecap:round;stroke-linejoin:round}
.rota-mapa .acostamento{fill:none;stroke:#3a3a3a;stroke-width:30;stroke-linecap:round;opacity:.5}
.rota-mapa .faixa-central{fill:none;stroke:rgba(255,255,255,.55);stroke-width:2;stroke-dasharray:10 14;stroke-linecap:round}
#rota-linha{fill:none;stroke:var(--vermelho-2);stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 6px 10px rgba(165,17,17,.45))}
.rota-mapa .no{fill:#141414;stroke:#5a5a5a;stroke-width:3;transition:fill .4s,stroke .4s}
.rota-mapa .no.on{fill:var(--vermelho);stroke:#fff}
.rota-mapa .no-anel{fill:none;stroke:var(--vermelho);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
.rota-mapa .no-anel.on{opacity:.6}
@media (prefers-reduced-motion:no-preference){.rota-mapa .no-anel.on{animation:pulso 2.4s var(--ease) infinite}}
@keyframes pulso{0%{transform:scale(.6);opacity:.8}100%{transform:scale(1.6);opacity:0}}
.rota-mapa .rotulo{font:700 19px/1 "Montserrat",sans-serif;fill:#6a6866;letter-spacing:-.01em;transition:fill .4s}
.rota-mapa .rotulo.on{fill:#fff}
.rota-mapa .sub{font:600 12px/1 "Montserrat",sans-serif;fill:#6a6866;text-transform:uppercase;letter-spacing:.08em}
.rota-mapa .costa{fill:none;stroke:#4a4a4a;stroke-width:2;stroke-dasharray:2 8;stroke-linecap:round}
.rota-mapa .mar{font:600 13px "Montserrat",sans-serif;fill:#5f5d5b;letter-spacing:.06em;text-transform:uppercase}
#rota-carro{transition:opacity .3s}
#rota-carro .disco{fill:#fff}
.paradas{position:relative;margin-top:var(--s5);display:grid;gap:4px}
.paradas::before{content:"";position:absolute;left:11px;top:14px;bottom:14px;width:2px;background:var(--linha-e)}
.parada{position:relative;padding:20px 0 26px 52px;opacity:.45;transition:opacity .5s var(--ease)}
.parada::before{content:"";position:absolute;left:3px;top:24px;width:18px;height:18px;border-radius:50%;background:var(--preto);box-shadow:inset 0 0 0 2px #555;transition:background .4s,box-shadow .4s}
.parada.on{opacity:1}
.parada.on::before{background:var(--vermelho);box-shadow:inset 0 0 0 2px var(--vermelho),0 0 0 5px rgba(165,17,17,.22)}
.parada h3{font-size:var(--t-h3)}
.parada .tipo{display:block;margin-top:6px;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--sinal);text-transform:uppercase}
.parada p{margin-top:10px;color:var(--cinza);max-width:46ch}
.parada .link{margin-top:14px}
@media (max-width:900px){.rota{grid-template-columns:1fr}.rota-mapa{position:relative;top:0}}

/* ---------------- serviços (índice) ---------------- */
.servicos-lista{border-top:1px solid var(--linha-c)}
.svc{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:var(--s3) var(--s5);align-items:center;padding:clamp(28px,3.4vw,44px) clamp(8px,1.5vw,24px);border-bottom:1px solid var(--linha-c);isolation:isolate;transition:color .45s var(--ease)}
.svc::before{content:"";position:absolute;inset:0;background:var(--tinta);z-index:-1;clip-path:inset(0 100% 0 0);transition:clip-path .65s var(--ease)}
.svc h3{font-size:clamp(28px,3.6vw,52px);letter-spacing:-.035em}
.svc ul{display:flex;flex-wrap:wrap;gap:8px 18px;font-weight:600;color:var(--tinta-2);transition:color .45s}
.svc li{display:flex;align-items:center;gap:10px}
.svc li+li::before{content:"";width:7px;height:9px;background:var(--vermelho);clip-path:polygon(0 0,45% 0,100% 50%,45% 100%,0 100%,55% 50%)}
.svc .ir{position:relative;width:60px;height:60px;border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor;transition:background .45s,box-shadow .45s,transform .45s var(--ease)}
.svc .ir::before{content:"";position:absolute;inset:0;margin:auto;width:22px;height:22px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.svc .espiar{position:absolute;right:clamp(110px,12vw,170px);top:50%;width:clamp(150px,14vw,210px);aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#222;box-shadow:var(--sombra);transform:translateY(-50%) rotate(-5deg) scale(.85);opacity:0;clip-path:inset(100% 0 0 0 round 14px);transition:clip-path .6s var(--ease),opacity .3s,transform .6s var(--ease);pointer-events:none}
@media (hover:hover){
  .svc:hover{color:#fff}
  .svc:hover::before{clip-path:inset(0 0 0 0)}
  .svc:hover ul{color:var(--cinza)}
  .svc:hover .ir{background:var(--vermelho);box-shadow:inset 0 0 0 1.5px var(--vermelho);transform:rotate(-45deg)}
  .svc:hover .espiar{opacity:1;clip-path:inset(0 0 0 0 round 14px);transform:translateY(-50%) rotate(-5deg)}
}
.svc .espiar img{width:100%;height:100%;object-fit:cover}
.svc:focus-visible{outline-offset:-2px}
@media (max-width:860px){.svc{grid-template-columns:1fr auto}.svc ul{grid-column:1/-1;grid-row:2}.svc .ir{grid-row:1;grid-column:2;width:48px;height:48px}.svc .espiar{display:none}}

/* ---------------- licenças ---------------- */
.licencas{border-radius:20px;border:1px solid var(--linha-e);background:var(--asfalto);overflow:hidden}
.licencas table{width:100%;border-collapse:collapse}
.licencas thead th{text-align:left;padding:18px 24px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cinza-2);border-bottom:1px solid var(--linha-e)}
.licencas td{padding:22px 24px;border-bottom:1px solid var(--linha-e);vertical-align:middle;color:var(--cinza);line-height:1.5}
.licencas tr:last-child td{border-bottom:0}
.licencas tbody tr{transition:background .3s}
.licencas tbody tr:hover{background:rgba(255,255,255,.025)}
.licencas td:first-child{width:76px;padding-right:0}
.licencas td svg{width:46px;height:46px;padding:11px;border-radius:12px;background:rgba(165,17,17,.14);color:var(--sinal)}
.licencas td b{font-size:19px;font-weight:800;color:#fff;letter-spacing:-.01em;white-space:nowrap}
.status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:700}
.status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(165,17,17,.35);background:var(--sinal)}
.tema-claro .licencas{background:#fff;border-color:var(--linha-c)}
@media (max-width:760px){
  .licencas thead{display:none}
  .licencas tr{display:grid;grid-template-columns:62px 1fr;gap:4px 14px;padding:18px;border-bottom:1px solid var(--linha-e)}
  .licencas td{padding:0;border:0}
  .licencas td:first-child{grid-row:span 3;width:auto}
  .licencas tr:last-child{border-bottom:0}
}
.apoio{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:var(--s4);color:var(--cinza)}
.apoio b{color:#fff;margin-right:6px}
.apoio span{padding:8px 14px;border-radius:999px;border:1px solid var(--linha-e);font-size:14px;font-weight:600}

/* faixa de entidades: letreiro em movimento */
.faixa-ent{margin-top:var(--s5);overflow:hidden;border-block:1px solid var(--linha-e);padding-block:22px;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.trilho{display:flex;width:max-content;gap:56px;font-size:clamp(28px,3.4vw,46px);font-weight:800;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.2px rgba(255,255,255,.42)}
.trilho span{display:flex;align-items:center;gap:56px;white-space:nowrap}
.trilho span::after{content:"";width:26px;height:30px;background:var(--vermelho);clip-path:polygon(0 0,45% 0,100% 50%,45% 100%,0 100%,55% 50%)}
@media (prefers-reduced-motion:no-preference){.trilho{animation:corre 38s linear infinite}.faixa-ent:hover .trilho{animation-play-state:paused}}
@keyframes corre{to{transform:translateX(-50%)}}

/* ---------------- diretoria ---------------- */
.diretoria{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.pessoa{position:relative;border:1px solid var(--linha-e);display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;border-radius:20px;overflow:hidden;background:#000!important;color:#fff;isolation:isolate;align-items:start}
.pessoa figure{position:relative;overflow:hidden;background:#000;aspect-ratio:1/1}
.pessoa figure img{width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:transform 1.2s var(--ease)}
.pessoa:hover figure img{transform:scale(1.04)}
.pessoa figure::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-2px;height:24%;background:linear-gradient(100deg,var(--vinho),var(--vermelho));clip-path:polygon(0 70%,100% 0,100% 30%,0 100%);opacity:.95}
.pessoa .txt{position:relative;display:flex;flex-direction:column;padding:clamp(24px,3vw,40px);gap:10px}
.pessoa .txt::before{content:"";position:absolute;right:-40px;top:-40px;width:200px;height:200px;background:url("../logo/evelyn-emblema-branco.svg") center/contain no-repeat;opacity:.05}
.pessoa h3{font-size:clamp(26px,2.4vw,34px);letter-spacing:-.03em}
.pessoa .cargo{font-size:14px;font-weight:700;color:var(--sinal);line-height:1.45}
.pessoa blockquote{padding-top:var(--s3);font-size:16px;line-height:1.6;color:var(--cinza)}
@media (max-width:760px){.diretoria{grid-template-columns:1fr}}
@media (max-width:560px){.pessoa{grid-template-columns:1fr}}

/* ---------------- cotação em 3 passos ---------------- */
.tema-vermelho .marca-dagua{position:absolute;right:-6%;top:50%;width:min(56vw,760px);transform:translateY(-50%);opacity:.12;pointer-events:none;z-index:0;color:#000}
.tema-vermelho>.wrap{position:relative;z-index:1}
.passos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);counter-reset:p}
.passos li{position:relative;padding-top:var(--s3);border-top:1px solid rgba(255,255,255,.3)}
.passos .n{display:block;font-size:clamp(56px,6vw,88px);font-weight:900;line-height:1;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.75);margin-bottom:var(--s2)}
.passos h3{font-size:var(--t-h3)}
.passos p{margin-top:10px;color:rgba(255,255,255,.82)}
.rapida{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-top:var(--s5);padding:12px;border-radius:18px;background:rgba(0,0,0,.28);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16)}
.rapida label{display:block;font-size:13px;font-weight:700;margin:0 0 8px 4px;color:rgba(255,255,255,.88)}
.rapida input{width:100%;height:56px;padding:0 18px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;font-size:16px;transition:border-color .2s,background .2s}
.rapida input::placeholder{color:rgba(255,255,255,.62)}
.rapida input:focus{outline:none;border-color:#fff;background:rgba(255,255,255,.14)}
.rapida .btn{height:56px}
@media (max-width:860px){.passos{grid-template-columns:1fr}.rapida{grid-template-columns:1fr}}

/* ---------------- perguntas ---------------- */
.faq{border-top:1px solid var(--linha-c);max-width:980px}
.faq details{border-bottom:1px solid var(--linha-c)}
.faq summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:28px 0;font-size:clamp(19px,1.7vw,23px);font-weight:700;letter-spacing:-.015em;cursor:pointer;list-style:none;transition:color .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:44px;height:44px;border-radius:50%;background:
  linear-gradient(currentColor,currentColor) center/16px 2px no-repeat,
  linear-gradient(currentColor,currentColor) center/2px 16px no-repeat;box-shadow:inset 0 0 0 1.5px var(--linha-c);transition:transform .45s var(--ease),background-color .3s,color .3s}
.faq details[open] summary::after{transform:rotate(135deg);background-color:var(--vermelho);color:#fff;box-shadow:none}
.faq summary:hover{color:var(--vermelho)}
.faq .resp{padding:0 64px 30px 0;max-width:70ch;color:var(--tinta-2);font-size:17px}
@media (prefers-reduced-motion:no-preference){.faq details[open] .resp{animation:entra .5s var(--ease)}}

/* ---------------- serviços (página) ---------------- */
.abas{position:sticky;top:var(--nav-h);z-index:20;background:rgba(10,10,10,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--linha-e)}
.abas ul{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.abas ul::-webkit-scrollbar{display:none}
.abas a{position:relative;display:block;padding:18px 16px;font-size:15px;font-weight:600;color:var(--cinza);white-space:nowrap;transition:color .2s}
.abas a::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;background:var(--vermelho);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.abas a:hover,.abas a.ativo{color:#fff}
.abas a.ativo::after{transform:scaleX(1)}
.grupo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:clamp(32px,6vw,96px);align-items:start}
.grupo-intro{position:sticky;top:calc(var(--nav-h) + 90px)}
.grupo-intro h2{font-size:var(--t-h2)}
.grupo-intro p{margin-top:var(--s2);font-size:var(--t-lead);color:var(--cinza);max-width:40ch}
.tema-claro .grupo-intro p{color:var(--tinta-2)}
.grupo-intro figure{position:relative;margin-top:var(--s4);aspect-ratio:4/4.6;border-radius:20px;overflow:hidden}
.grupo-intro figure img{width:100%;height:100%;object-fit:cover}
.grupo-intro figure::after{content:"";position:absolute;right:-12%;bottom:-6%;width:70%;height:30%;background:linear-gradient(100deg,var(--vinho),var(--vermelho));clip-path:polygon(0 75%,100% 0,100% 28%,0 100%);opacity:.92}
.servico{padding:var(--s4) 0;border-top:1px solid var(--linha-e)}
.servico:first-child{border-top:0;padding-top:0}
.tema-claro .servico{border-color:var(--linha-c)}
.servico h3{font-size:clamp(26px,2.6vw,36px);letter-spacing:-.03em}
.servico>p{margin-top:12px;font-size:var(--t-lead);color:var(--cinza);max-width:52ch}
.tema-claro .servico>p{color:var(--tinta-2)}
.ficha{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);margin:var(--s3) 0}
.ficha>div{padding:20px 22px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--linha-e)}
.tema-claro .ficha>div{background:#fff;border-color:var(--linha-c)}
.ficha h4{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--sinal);margin-bottom:12px}
.tema-claro .ficha h4{color:var(--vermelho)}
.ficha li{position:relative;padding-left:20px;margin-top:8px;font-size:15px;line-height:1.5}
.ficha li::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:10px;background:var(--vermelho);clip-path:polygon(0 0,45% 0,100% 50%,45% 100%,0 100%,55% 50%)}
@media (max-width:900px){.grupo{grid-template-columns:1fr}.grupo-intro{position:relative;top:0}.grupo-intro figure{aspect-ratio:16/10}}
@media (max-width:620px){.ficha{grid-template-columns:1fr}}

.sob-medida{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
.sob-medida figure{position:relative;aspect-ratio:4/4.4;border-radius:20px;overflow:hidden}
.sob-medida figure img{width:100%;height:100%;object-fit:cover}
.sob-medida h2{font-size:var(--t-h2)}
.sob-medida .txt p{margin-top:var(--s3);font-size:var(--t-lead);color:var(--cinza);max-width:46ch}
@media (max-width:860px){.sob-medida{grid-template-columns:1fr}}

.etapas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3);counter-reset:e}
.etapas li{position:relative;padding-top:var(--s5);counter-increment:e}
.etapas li::before{content:"0" counter(e);position:absolute;top:0;left:0;font-size:14px;font-weight:800;color:var(--sinal);letter-spacing:.04em}
.etapas li::after{content:"";position:absolute;top:30px;left:0;right:-24px;height:12px;background:#383838;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='12'%3E%3Cpath d='M2 0h6l6 6-6 6H2l6-6z' fill='black'/%3E%3C/svg%3E") left/22px 12px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='12'%3E%3Cpath d='M2 0h6l6 6-6 6H2l6-6z' fill='black'/%3E%3C/svg%3E") left/22px 12px repeat-x;transition:background-color .6s var(--ease)}
.etapas li:last-child::after{right:30%}
.etapas li:hover::after{background:var(--vermelho)}
.etapas h3{font-size:var(--t-h3)}
.etapas p{margin-top:10px;color:var(--cinza);font-size:16px}
@media (max-width:860px){.etapas{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.etapas{grid-template-columns:1fr}}

/* CTA */
.cta>.wrap{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s4)}
.cta h2{font-size:var(--t-h2);max-width:16ch}
.cta p{margin-top:var(--s2);font-size:var(--t-lead);color:rgba(255,255,255,.84);max-width:46ch}
.cta .swoosh{right:-4%;top:0;width:min(70vw,980px);aspect-ratio:1180/860;opacity:.55;mix-blend-mode:multiply}

/* ---------------- A Evelyn ---------------- */
.historia{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:start}
.historia .txt{position:sticky;top:calc(var(--nav-h) + 40px)}
.historia .txt p{margin-top:var(--s2);font-size:var(--t-lead);color:var(--tinta-2);max-width:48ch}
.linha-tempo{position:relative;display:grid}
.linha-tempo::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;background:linear-gradient(var(--vermelho),var(--linha-c))}
.linha-tempo li{position:relative;display:grid;grid-template-columns:150px 1fr;gap:var(--s3);padding:0 0 var(--s5) 36px}
.linha-tempo li::before{content:"";position:absolute;left:-7px;top:10px;width:16px;height:16px;border-radius:50%;background:var(--nevoa);box-shadow:inset 0 0 0 3px var(--vermelho)}
.linha-tempo .ano{font-size:clamp(34px,3.4vw,48px);font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--vermelho)}
.linha-tempo h3{font-size:var(--t-h3)}
.linha-tempo p{margin-top:8px;color:var(--tinta-2)}
@media (max-width:900px){.historia{grid-template-columns:1fr}.historia .txt{position:relative;top:0}.linha-tempo li{grid-template-columns:1fr;gap:10px}}

.duas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.temas{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--s4)}
.temas li{padding:10px 16px;border-radius:999px;border:1px solid var(--linha-e);font-size:14px;font-weight:600;color:#fff;background:rgba(255,255,255,.03);transition:border-color .3s,background .3s}
.temas li:hover{border-color:var(--vermelho);background:rgba(165,17,17,.12)}
.entidades{display:grid;border-top:1px solid var(--linha-e)}
.entidades>div{display:grid;grid-template-columns:170px 1fr;gap:var(--s3);padding:24px 0;border-bottom:1px solid var(--linha-e)}
.entidades h3{font-size:20px}
.entidades p{color:var(--cinza);font-size:15px}
@media (max-width:900px){.duas{grid-template-columns:1fr}.entidades>div{grid-template-columns:1fr;gap:6px}}

.bases.uma .base{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border-radius:20px;overflow:hidden;background:#fff;box-shadow:var(--sombra)}
.base figure{min-height:340px}
.base figure img{width:100%;height:100%;object-fit:cover}
.base .txt{padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;justify-content:center;gap:var(--s2)}
.base h3{font-size:clamp(26px,2.6vw,36px)}
.base p{color:var(--tinta-2)}
@media (max-width:860px){.bases.uma .base{grid-template-columns:1fr}.base figure{min-height:0;aspect-ratio:16/10}}

/* ---------------- cotação (página) ---------------- */
.cotacao{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.form-card{background:#fff;color:var(--tinta);border-radius:22px;padding:clamp(24px,4vw,52px);box-shadow:var(--sombra)}
.progresso{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:var(--s4)}
.progresso span{height:6px;border-radius:6px;background:#E6E3DE;overflow:hidden;position:relative}
.progresso span::after{content:"";position:absolute;inset:0;background:var(--vermelho);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.progresso span.feito::after{transform:none}
.etapa,.sucesso{display:none}
.etapa.atual,.sucesso.atual{display:block}
@media (prefers-reduced-motion:no-preference){.etapa.atual,.sucesso.atual{animation:entra .55s var(--ease)}}
.etapa h2,.sucesso h2{font-size:clamp(26px,2.8vw,38px);letter-spacing:-.03em}
.dica{margin:8px 0 var(--s4);font-size:14px;font-weight:600;color:var(--tinta-2)}
.par{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}
.campo{display:block;margin:0 0 var(--s3);border:0;padding:0;min-width:0}
.campo label,.campo legend{display:block;margin-bottom:8px;font-size:14px;font-weight:700}
.opc{font-weight:500;color:var(--tinta-2)}
.campo input,.campo select,.campo textarea{width:100%;min-height:54px;padding:14px 16px;border-radius:12px;border:1.5px solid #D9D5CF;background:#FBFAF8;font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s}
.campo textarea{min-height:110px;resize:vertical}
.campo select{appearance:none;background:#FBFAF8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A51111' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 16px center/18px no-repeat;padding-right:44px}
.campo input::placeholder,.campo textarea::placeholder{color:#8A8682}
.campo input:hover,.campo select:hover,.campo textarea:hover{border-color:#B9B4AD}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--vermelho);background:#fff;box-shadow:0 0 0 4px rgba(165,17,17,.12)}
.campo.erro input,.campo.erro select,.campo.erro textarea{border-color:var(--vermelho);background:#FFF6F7}
.msg-erro{display:none;margin-top:8px;font-size:14px;font-weight:600;color:#A80015}
.campo.erro .msg-erro{display:flex;gap:8px;align-items:flex-start}
.campo.erro .msg-erro::before{content:"!";flex:none;width:18px;height:18px;border-radius:50%;background:var(--vermelho);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center;margin-top:1px}
.opcoes{display:flex;flex-wrap:wrap;gap:10px}
.opcoes label{position:relative;display:inline-flex;align-items:center;margin:0;padding:12px 18px;border-radius:999px;border:1.5px solid #D9D5CF;font-weight:600;font-size:15px;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.opcoes input{position:absolute;opacity:0;pointer-events:none}
.opcoes label:has(input:checked){background:var(--tinta);border-color:var(--tinta);color:#fff}
.opcoes label:has(input:focus-visible){outline:2px solid var(--vermelho);outline-offset:3px}
.aceite{display:flex!important;gap:12px;align-items:flex-start;font-weight:500!important;font-size:15px!important;line-height:1.5;margin-bottom:var(--s2);cursor:pointer}
.aceite input{flex:none;width:20px;height:20px;margin-top:2px;accent-color:var(--vermelho)}
.form-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid #ECE9E4}
.form-nav .btn{margin-left:auto}
.voltar{background:none;border:0;padding:12px 4px;font-weight:700;color:var(--tinta-2);cursor:pointer;text-decoration:underline;text-underline-offset:5px}
.voltar:hover{color:var(--vermelho)}
.sucesso{text-align:left}
.sucesso .selo{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:var(--vermelho);color:#fff;margin-bottom:var(--s3)}
.sucesso .selo svg{width:30px;height:30px}
.sucesso p{margin-top:12px;color:var(--tinta-2)}
.sucesso p .btn{margin-top:var(--s2)}
.falha{display:none;margin-top:var(--s2);padding:14px 16px;border-radius:12px;background:#FFF1F2;color:#7A0D0D;font-weight:600;font-size:15px}
.falha.vis{display:block}
.nota-form{margin-top:var(--s3);font-size:14px;color:var(--tinta-2)}
.canais{display:grid;gap:12px;position:sticky;top:calc(var(--nav-h) + 24px)}
.canal{padding:22px 24px;border-radius:16px;background:var(--asfalto);border:1px solid var(--linha-e);color:#fff}
.canal .rot{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sinal)}
.canal .val{display:block;margin-top:8px;font-size:22px;font-weight:800;letter-spacing:-.02em;word-break:break-word}
.canal .val a:hover{color:var(--sinal)}
.linha-acao{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin-top:14px;font-size:15px}
.copiar{background:none;border:1px solid var(--linha-e);border-radius:999px;padding:8px 14px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s}
.copiar:hover{border-color:#fff;background:rgba(255,255,255,.06)}
@media (max-width:960px){.cotacao{grid-template-columns:1fr}.canais{position:relative;top:0}}
@media (max-width:560px){.par{grid-template-columns:1fr;gap:0}}

/* ---------------- páginas simples ---------------- */
.simples{min-height:84svh;display:flex;align-items:center;padding-top:calc(var(--nav-h) + 64px);overflow:hidden}
.simples h1{font-size:clamp(38px,6vw,84px);max-width:14ch;letter-spacing:-.035em}
.simples p{margin-top:var(--s3);max-width:52ch;font-size:var(--t-lead);color:var(--cinza)}
.simples .acoes{margin-top:var(--s4)}
.simples .swoosh{right:-8%;bottom:0;width:min(72vw,1000px);aspect-ratio:1180/860}
.simples .wrap{position:relative;z-index:2}
.rota-perdida{width:min(560px,100%);margin-top:var(--s4)}
.rota-perdida path:first-child{stroke:var(--vermelho)}
.rota-perdida circle{fill:var(--vermelho)}
.rota-perdida .traco{stroke:#555;stroke-dasharray:4 10}
@media (prefers-reduced-motion:no-preference){.rota-perdida .traco{animation:tracejado 1.4s linear infinite}}
@keyframes tracejado{to{stroke-dashoffset:-56}}

.texto-legal{max-width:780px;padding-top:calc(var(--nav-h) + 56px)}
.texto-legal h1{font-size:clamp(36px,4.6vw,60px)}
.texto-legal h2{font-size:24px;margin:var(--s5) 0 var(--s2)}
.texto-legal p,.texto-legal li{color:var(--tinta-2);font-size:17px;line-height:1.7}
.texto-legal ul{display:grid;gap:8px;margin-top:8px}
.texto-legal li{position:relative;padding-left:22px}
.texto-legal li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:10px;background:var(--vermelho);clip-path:polygon(0 0,45% 0,100% 50%,45% 100%,0 100%,55% 50%)}
.texto-legal a{color:var(--vermelho);text-decoration:underline;text-underline-offset:4px}
.aviso{padding:16px 20px;border-radius:12px;background:#fff;border:1px solid var(--linha-c);font-weight:600;color:var(--tinta)!important}

/* ---------------- rodapé ---------------- */
.rodape{position:relative;background:#050505;color:#fff;padding:clamp(72px,9vw,120px) 0 28px;overflow:hidden;isolation:isolate}
.rodape::before{content:"";position:absolute;inset:0;background:url("../img/topo.svg") center/cover;opacity:.05;z-index:-1}
.rodape::after{content:"";position:absolute;right:-6%;bottom:-18%;width:min(48vw,620px);aspect-ratio:232/279;background:url("../logo/evelyn-emblema-branco.svg") center/contain no-repeat;opacity:.035;z-index:-1}
.rodape-grade{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:var(--s4)}
.rodape-marca img{width:190px}
.rodape-marca p{margin-top:var(--s3);font-size:20px;font-weight:700;letter-spacing:-.01em;max-width:18ch}
.rodape h2{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sinal);margin-bottom:var(--s2)}
.rodape li{margin-top:10px;color:var(--cinza);font-size:15px;line-height:1.55}
.rodape li a{color:#fff;transition:color .2s;word-break:break-word}
.rodape li a:hover{color:var(--sinal)}
.rodape-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s2);margin-top:var(--s6);padding-top:var(--s3);border-top:1px solid var(--linha-e);font-size:13px;color:var(--cinza-2)}
.rodape-base a{color:#fff;font-weight:700}
.rodape-base a:hover{color:var(--sinal)}
@media (max-width:900px){.rodape-grade{grid-template-columns:1fr 1fr}.rodape-marca{grid-column:1/-1}}
@media (max-width:520px){.rodape-grade{grid-template-columns:1fr}}

/* doca do celular */
.doca{display:none}
@media (max-width:760px){
  .doca{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:40;display:grid;grid-template-columns:1.3fr 1fr;gap:8px;padding:8px;border-radius:16px;background:rgba(10,10,10,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--linha-e);transition:transform .45s var(--ease),opacity .3s}
  .doca .btn{min-height:48px;font-size:15px}
  .doca .btn-linha{color:#fff}
  .doca.escondida{transform:translateY(140%);opacity:0}
  body{padding-bottom:84px}
}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ---------------- v3.1 · mais imagem ---------------- */
.parada-foto{margin:12px 0 4px;aspect-ratio:16/9;width:min(260px,100%);border-radius:12px;overflow:hidden;background:#151515}
.parada-foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),filter .6s}
.parada:not(.on) .parada-foto img{filter:grayscale(1) brightness(.7)}
.parada.on .parada-foto img{transform:scale(1.03)}
.faixa-foto{position:relative;height:clamp(380px,74vh,780px);overflow:hidden;background:#000;isolation:isolate}
.faixa-foto img{position:absolute;inset:-12% 0;width:100%;height:124%;object-fit:cover;object-position:50% 60%;transform:translate3d(0,var(--py,0px),0);will-change:transform;z-index:-2}
.faixa-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,0) 45%),linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,0) 55%);z-index:-1}
.faixa-foto .wrap{position:absolute;left:0;right:0;bottom:clamp(32px,5vw,64px)}
.faixa-foto p{max-width:18ch;font-size:clamp(30px,3.8vw,54px);font-weight:800;line-height:1.04;letter-spacing:-.03em;color:#fff}
.faixa-foto p em{font-style:normal;color:var(--sinal)}
.etapas figure{aspect-ratio:4/3;border-radius:14px;overflow:hidden;margin-bottom:var(--s3);background:#151515}
.etapas figure img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.etapas li:hover figure img{transform:scale(1.05)}
.historia .txt figure{margin-top:var(--s4);aspect-ratio:4/3;border-radius:20px;overflow:hidden}
.historia .txt figure img{width:100%;height:100%;object-fit:cover}
.historia .txt{position:relative;top:auto}
.detalhes{overflow:hidden;padding-block:var(--sec)}
.detalhes .sec-head{margin-bottom:var(--s5)}
.det-trilho{display:flex;width:max-content;gap:16px;padding-inline:var(--gut)}
.det-trilho figure{flex:none;height:clamp(260px,32vw,440px);border-radius:18px;overflow:hidden;background:#151515}
.det-trilho img{height:100%;width:auto;object-fit:cover}
@media (prefers-reduced-motion:no-preference){.det-trilho{animation:corre 70s linear infinite}.detalhes:hover .det-trilho{animation-play-state:paused}}
.canais figure{aspect-ratio:16/10;border-radius:16px;overflow:hidden}
.canais figure img{width:100%;height:100%;object-fit:cover}

/* ---------------- c2 · afinação com o manual (Behance) ---------------- */
/* títulos em caixa-alta, Montserrat bold, como nas pranchas */
h1,h2{text-transform:uppercase;font-weight:800;letter-spacing:-.015em}
.hero-txt h1{font-size:clamp(40px,5.4vw,80px);line-height:.98;letter-spacing:-.02em}
.hero-int h1{font-size:clamp(34px,4.6vw,66px);max-width:16ch;line-height:1}
.sec-head h2,.grupo-intro h2,.sob-medida h2,.cta h2,.historia h2,.duas h2{font-size:clamp(28px,3.5vw,50px);line-height:1.02}
.simples h1,.texto-legal h1{font-size:clamp(32px,4.6vw,64px)}
.etapa h2,.sucesso h2,.texto-legal h2{text-transform:none;letter-spacing:-.02em}
/* fundos escuros: degradê preto → grafite das pranchas */
body{background:#050505}
.sec:not(.tema-claro):not(.tema-vermelho):not(.tema-fundo){background:linear-gradient(105deg,#020202 0%,#0F0F0E 55%,#1B1B1A 100%)}
.tema-fundo{background:linear-gradient(105deg,#0B0B0B 0%,#171716 50%,#2B2B2A 100%)}
/* emblema-fantasma no canto, como em todas as pranchas */
#rota,#licencas,.frota-sec,#etapas,#representatividade,#comex,#sensivel{isolation:isolate}
#rota::after,#licencas::after,.frota-sec::after,#etapas::after,#representatividade::after,#comex::after,#sensivel::after{content:"";position:absolute;right:-4%;bottom:-8%;width:min(38vw,520px);aspect-ratio:232/279;background:url("../logo/evelyn-emblema-fantasma.svg") center/contain no-repeat;opacity:.9;pointer-events:none;z-index:-1}
/* vermelho de texto e detalhes */
.status::before{background:var(--sinal)}
.trilho{-webkit-text-stroke:1.2px rgba(255,255,255,.34)}
/* claro: neutro, sem o bege */
.tema-claro{background:#F4F4F4}
.linha-tempo li::before{background:#F4F4F4}
/* cartões no grafite da marca */
.ficha>div,.pilar,.canal,.licencas{background:rgba(55,56,56,.22)}
.pilar.software{background:linear-gradient(110deg,#1A0303,#690B0B 55%,#A51111)}
.btn:hover{box-shadow:0 14px 28px -14px rgba(165,17,17,.75)}
/* marca de canto (⌐) das pranchas nas fotos de grupo */
.grupo-intro figure::before{content:"";position:absolute;left:16px;top:16px;width:16px;height:16px;border-top:3px solid #fff;border-right:3px solid #fff;z-index:2}

/* c1 */
.pessoa .frase{padding-top:var(--s2);font-size:clamp(17px,1.4vw,19px);font-weight:600;line-height:1.5;color:#fff;letter-spacing:-.005em}
.pessoa .bio{margin-top:var(--s2);font-size:15px;line-height:1.6;color:var(--cinza)}
.frota-sec{overflow:hidden}
.frota-trilho{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.frota-faixa{display:flex;width:max-content;gap:20px;padding-inline:var(--gut)}
.veiculo{flex:none;width:clamp(260px,30vw,420px)}
.veiculo figure{aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:#151515}
.veiculo img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.veiculo:hover img{transform:scale(1.05)}
.veiculo h3{margin-top:14px;font-size:20px;display:flex;align-items:center;gap:10px}
.veiculo h3::before{content:"";width:8px;height:10px;background:var(--vermelho);clip-path:polygon(0 0,45% 0,100% 50%,45% 100%,0 100%,55% 50%)}
@media (prefers-reduced-motion:no-preference){.frota-faixa{animation:corre 60s linear infinite}.frota-trilho:hover .frota-faixa{animation-play-state:paused}}
.frota-cta{margin-top:var(--s5)}
.pilares{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2);margin-top:var(--s5)}
.pilar{padding:24px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid var(--linha-e)}
.pilar h3{font-size:20px}
.pilar p{margin-top:10px;color:var(--cinza);font-size:15px}
.pilar.software{background:linear-gradient(140deg,#2a0006,var(--vermelho));border-color:transparent}
.pilar.software p{color:rgba(255,255,255,.88)}
@media (max-width:960px){.pilares{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pilares{grid-template-columns:1fr}}

/* c3 frota */
/* comboio em loop (Início) */
.frota-loop-sec{overflow:hidden;padding-bottom:clamp(56px,6vw,96px);background:linear-gradient(180deg,#020202,#1B1B1A)}
.frota-loop-sec .sec-head p .link{display:inline-block;margin-top:12px}
.estrada-loop{position:relative;--esc-base:clamp(120px,15vw,200px);padding-top:8px}
.comboio-trilho{display:flex;width:max-content;position:relative;z-index:1}
.comboio{display:flex;align-items:flex-end;flex:none}
.comboio li{flex:none;padding-right:clamp(48px,7vw,120px)}
.carro{display:block;height:calc(var(--esc-base) * var(--esc));aspect-ratio:var(--ar)}
.carro img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 14px rgba(0,0,0,.55))}
.vei{position:relative;display:block;color:#fff}
.vei-nome{position:absolute;left:0;top:-6px;transform:translateY(-100%);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sinal);opacity:0;transition:opacity .3s,transform .3s var(--ease)}
.vei:hover .vei-nome,.vei:focus-visible .vei-nome{opacity:1;transform:translateY(-120%)}
.asfalto-linha{height:2px;margin-top:-6px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 38px,transparent 38px 76px);position:relative}
.asfalto-linha::before{content:"";position:absolute;inset:auto 0 -26px;height:26px;background:linear-gradient(180deg,rgba(165,17,17,.18),transparent)}
@media (prefers-reduced-motion:no-preference){
  .comboio-trilho{animation:corre 46s linear infinite}
  .estrada-loop:hover .comboio-trilho,.estrada-loop:focus-within .comboio-trilho{animation-play-state:paused}
  .comboio .carro{animation:balanca 1.6s ease-in-out infinite}
  .comboio li:nth-child(2n) .carro{animation-delay:-.7s}
  .comboio li:nth-child(3n) .carro{animation-delay:-1.1s}
  .asfalto-linha{animation:faixa 1.1s linear infinite}
}
@media (prefers-reduced-motion:reduce){.comboio-trilho{overflow-x:auto;width:auto}.comboio[aria-hidden]{display:none}}
@keyframes balanca{50%{transform:translateY(-1.5px)}}
@keyframes faixa{to{background-position:-76px 0}}

/* hero da frota */
.frota-hero{position:relative;overflow:hidden;padding-top:calc(var(--nav-h) + clamp(40px,6vw,88px));background:radial-gradient(120% 80% at 85% 10%,#3a0606 0,transparent 55%),linear-gradient(180deg,#020202,#1B1B1A);color:#fff}
.frota-hero::after{content:"";position:absolute;right:-6vw;top:8%;width:min(46vw,620px);aspect-ratio:1;background:url(../logo/evelyn-emblema-fantasma.svg) center/contain no-repeat;opacity:.9;pointer-events:none}
.frota-hero .wrap{position:relative;z-index:2}
.frota-hero .sobre{margin-top:var(--s4);font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sinal)}
.frota-hero h1{margin-top:12px;font-size:var(--t-h1);max-width:14ch}
.frota-hero .lead{margin-top:var(--s3);font-size:var(--t-lead);max-width:52ch;color:rgba(255,255,255,.8);line-height:1.55}
.frota-hero .acoes,.frota-cta-sec .acoes{margin-top:var(--s4);display:flex;flex-wrap:wrap;gap:12px}
.hero-pista{position:relative;z-index:1;margin-top:clamp(40px,6vw,80px);--esc-base:clamp(80px,10.5vw,170px)}
.comboio-hero{display:flex;align-items:flex-end;justify-content:flex-end;gap:clamp(18px,3.5vw,56px);padding-inline:var(--gut);min-width:max-content}
@media (max-width:860px){.hero-pista{overflow:hidden;--esc-base:calc((100vw - 2 * var(--gut) - 24px) / 4.45)}.comboio-hero{justify-content:flex-start;min-width:0}.comboio-hero li:nth-child(n+3){display:none}}
.comboio-hero li{flex:none}
@media (prefers-reduced-motion:no-preference){
  .hero-pista .comboio-hero li{transform:translateX(110vw);opacity:0}
  .hero-pista.chegou .comboio-hero li{transform:none;opacity:1;transition:transform 1.6s cubic-bezier(.16,.84,.24,1),opacity .6s}
  .hero-pista.chegou li:nth-child(2){transition-delay:.18s}
  .hero-pista.chegou li:nth-child(3){transition-delay:.36s}
  .hero-pista.chegou li:nth-child(4){transition-delay:.54s}
}
.frota-numeros{background:#1B1B1A;color:#fff;border-top:1px solid var(--linha-e)}
.frota-numeros ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.frota-numeros li{padding:clamp(24px,3vw,40px) 20px;border-left:1px solid var(--linha-e)}
.frota-numeros li:first-child{border-left:0;padding-left:0}
.frota-numeros b{display:block;font-size:clamp(34px,4vw,52px);font-weight:800;line-height:1;color:#fff}
.frota-numeros span{display:block;margin-top:10px;font-size:14px;color:var(--cinza);max-width:26ch}
@media (max-width:860px){.frota-numeros ul{grid-template-columns:1fr 1fr}.frota-numeros li:nth-child(3){border-left:0;padding-left:0}.frota-numeros li{border-top:1px solid var(--linha-e)}.frota-numeros li:nth-child(-n+2){border-top:0}}

/* seletor */
.frota-sel{background:linear-gradient(180deg,#1B1B1A,#020202);overflow:hidden}
.garagem{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.v-lista{display:flex;flex-direction:column;gap:6px;position:sticky;top:calc(var(--nav-h) + 24px)}
.v-lista [role=tab]{position:relative;display:flex;align-items:center;gap:16px;width:100%;padding:16px 18px;border-radius:14px;background:transparent;border:1px solid transparent;color:#fff;text-align:left;cursor:pointer;overflow:hidden;transition:background .3s,border-color .3s}
.v-lista [role=tab]:hover{background:rgba(255,255,255,.04)}
.v-lista [role=tab][aria-selected=true]{background:rgba(255,255,255,.06);border-color:var(--linha-e)}
.v-lista .n{font-size:13px;font-weight:700;color:var(--cinza);transition:color .3s}
.v-lista [aria-selected=true] .n{color:var(--sinal)}
.v-lista .t b{display:block;font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:.01em}
.v-lista .t small{display:block;margin-top:2px;font-size:13px;color:var(--cinza)}
.v-lista .barra{position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:2px;background:var(--vermelho);transform:scaleY(0);transition:transform .45s var(--ease)}
.v-lista [aria-selected=true] .barra{transform:none}
.v-palco{position:relative;min-width:0}
.v-painel+.v-painel{margin-top:var(--s6)}
.garagem.js .v-painel{margin:0}
.garagem.js .v-painel:not(.ativo):not(.saindo){display:none}
.garagem.js .v-painel.saindo{position:absolute;inset:0 0 auto;pointer-events:none}
.v-cena{position:relative;display:grid;place-items:end center;min-height:clamp(240px,30vw,400px);padding-bottom:28px}
.v-fundo{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font-size:clamp(64px,11vw,176px);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:1;white-space:nowrap;color:transparent;-webkit-text-stroke:1.2px rgba(255,255,255,.14)}
.v-carro{position:relative;z-index:2;width:calc(min(100%,760px) * (.42 + .58 * var(--esc)))}
.v-carro img{width:100%;height:auto;filter:drop-shadow(0 24px 18px rgba(0,0,0,.6))}
.v-chao{position:absolute;left:0;right:0;bottom:22px;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.3) 0 38px,transparent 38px 76px)}
.v-chao::after{content:"";position:absolute;left:12%;right:12%;top:-10px;height:22px;background:radial-gradient(closest-side,rgba(165,17,17,.45),transparent);filter:blur(6px)}
.v-rastro{position:absolute;inset:30% 0 30%;z-index:1;pointer-events:none}
.v-rastro i{position:absolute;right:0;height:2px;width:30%;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(226,74,74,.8));opacity:0}
.v-rastro i:nth-child(1){top:20%}.v-rastro i:nth-child(2){top:52%;width:22%}.v-rastro i:nth-child(3){top:80%;width:38%}
.v-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:12px var(--s5);margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--linha-e)}
.v-classe{grid-column:1/-1;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sinal)}
.v-info h3{font-size:clamp(28px,3vw,40px);text-transform:uppercase;line-height:1.05}
.v-info h3 span{display:block;margin-top:6px;font-size:16px;font-weight:600;text-transform:none;color:var(--cinza)}
.v-txt{color:rgba(255,255,255,.82);font-size:var(--t-p);line-height:1.6;grid-row:2/4;grid-column:2}
.v-specs{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:var(--s3);background:var(--linha-e);border:1px solid var(--linha-e);border-radius:14px;overflow:hidden}
.v-specs>div{padding:18px;background:#111}
.v-specs dt{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cinza)}
.v-specs dd{margin:8px 0 0;font-size:15px;font-weight:600}
.v-specs li{position:relative;padding-left:16px}
.v-specs li+li{margin-top:4px}
.v-specs li::before{content:"";position:absolute;left:0;top:.5em;width:7px;height:8px;background:var(--vermelho);clip-path:polygon(0 0,45% 0,100% 50%,45% 100%,0 100%,55% 50%)}
.v-info .btn{grid-column:1/-1;justify-self:start;margin-top:var(--s3)}
.v-ctrl{display:none}
.garagem.js .v-ctrl{display:flex;align-items:center;gap:16px;position:absolute;right:0;top:0;z-index:3}
.v-ctrl button{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--linha-e);background:rgba(255,255,255,.04);color:#fff;cursor:pointer;transition:background .25s,border-color .25s}
.v-ctrl button:hover{background:var(--vermelho);border-color:var(--vermelho)}
.v-ctrl svg{width:20px;height:20px}
.v-cont{font-size:14px;color:var(--cinza)}.v-cont b{color:#fff}
@media (prefers-reduced-motion:no-preference){
  .garagem.js .v-painel.ativo .v-carro{animation:chega 1s cubic-bezier(.16,.84,.24,1) both}
  .garagem.js .v-painel.ativo .v-fundo{animation:fundo 1.1s var(--ease) both}
  .garagem.js .v-painel.ativo .v-rastro i{animation:rastro .9s ease-out both}
  .garagem.js .v-painel.ativo .v-rastro i:nth-child(2){animation-delay:.08s}
  .garagem.js .v-painel.ativo .v-rastro i:nth-child(3){animation-delay:.16s}
  .garagem.js .v-painel.ativo .v-info>*{animation:sobe .7s var(--ease) both}
  .garagem.js .v-painel.ativo .v-info>:nth-child(2){animation-delay:.1s}
  .garagem.js .v-painel.ativo .v-info>:nth-child(3){animation-delay:.16s}
  .garagem.js .v-painel.ativo .v-info>:nth-child(4){animation-delay:.22s}
  .garagem.js .v-painel.ativo .v-info>:nth-child(5){animation-delay:.28s}
  .garagem.js .v-painel.saindo .v-carro{animation:sai .6s cubic-bezier(.5,0,.75,0) both}
  .garagem.js .v-painel.saindo .v-info,.garagem.js .v-painel.saindo .v-fundo{animation:some .3s both}
}
@keyframes chega{from{transform:translateX(calc(var(--dir,1) * 55%));opacity:0;filter:blur(10px)}60%{filter:blur(0)}to{transform:none;opacity:1}}
@keyframes sai{to{transform:translateX(calc(var(--dir,1) * -70%));opacity:0;filter:blur(8px)}}
@keyframes fundo{from{transform:translate(calc(-50% + var(--dir,1) * 12%),-50%);opacity:0}to{opacity:1}}
@keyframes rastro{0%{transform:translateX(30%);opacity:0}30%{opacity:1}100%{transform:translateX(-260%);opacity:0}}
@keyframes sobe{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
@keyframes some{to{opacity:0}}
@media (max-width:860px){
  .garagem{grid-template-columns:1fr}
  .v-lista{position:static;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);scrollbar-width:none}
  .v-lista::-webkit-scrollbar{display:none}
  .v-lista [role=tab]{flex:none;width:auto;scroll-snap-align:start;padding:12px 16px}
  .v-lista .t b{font-size:15px}.v-lista .t small{display:none}
  .v-lista .barra{left:14px;right:14px;top:auto;bottom:0;width:auto;height:3px;transform:scaleX(0)}
  .v-info{grid-template-columns:1fr}
  .v-txt{grid-row:auto;grid-column:auto}
  .v-specs{grid-template-columns:1fr 1fr}
  .garagem.js .v-ctrl{position:static;justify-content:center;margin-top:var(--s3)}
}
@media (max-width:480px){.v-specs{grid-template-columns:1fr}}

/* implementos */
.impl-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2)}
.impl{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.04),0 20px 40px -28px rgba(0,0,0,.35)}
.impl figure{position:relative;aspect-ratio:4/5;overflow:hidden}
.impl img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.impl:hover img{transform:scale(1.05)}
.impl>div{padding:20px 20px 24px}
.impl h3{font-size:19px;text-transform:uppercase}
.impl p{margin-top:8px;font-size:15px;color:var(--tinta-2);line-height:1.55}
@media (max-width:960px){.impl-grade{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.impl-grade{grid-template-columns:1fr}.impl figure{aspect-ratio:4/3}}
.frota-pil{background:linear-gradient(180deg,#020202,#1B1B1A)}
.frota-pil .pilar.software{background:linear-gradient(140deg,#2a0505,var(--vermelho))}
/* escolha */
.escolha{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);counter-reset:e}
.escolha li{position:relative;padding:28px 24px;border-radius:16px;background:#fff;border:1px solid var(--linha-c)}
.escolha .n{font-size:13px;font-weight:700;color:var(--vermelho);letter-spacing:.1em}
.escolha h3{margin-top:14px;font-size:21px;text-transform:uppercase}
.escolha p{margin-top:8px;color:var(--tinta-2);font-size:15px;line-height:1.55}
.escolha li:not(:last-child)::after{content:"";position:absolute;right:-14px;top:50%;width:10px;height:12px;background:var(--vermelho);clip-path:polygon(0 0,45% 0,100% 50%,45% 100%,0 100%,55% 50%);z-index:1}
@media (max-width:860px){.escolha{grid-template-columns:1fr}.escolha li::after{display:none}}
/* galeria */
.frota-gal{overflow:hidden;background:#1B1B1A}
.gal-trilho{display:flex;width:max-content}
.gal-faixa{display:flex;flex:none;gap:16px;padding-right:16px}
.gal-faixa figure{width:clamp(220px,26vw,360px);aspect-ratio:4/5;border-radius:16px;overflow:hidden}
.gal-faixa img{width:100%;height:100%;object-fit:cover}
@media (prefers-reduced-motion:no-preference){.gal-trilho{animation:corre 70s linear infinite}.gal-trilho:hover{animation-play-state:paused}}
@media (prefers-reduced-motion:reduce){.frota-gal .gal-trilho{width:auto;overflow-x:auto}.gal-faixa[aria-hidden]{display:none}}
/* cta */
.frota-cta-sec .fc{display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:var(--s4);align-items:end}
.frota-cta-sec h2{font-size:var(--t-h2)}
.frota-cta-sec p{margin-top:12px;font-size:var(--t-lead);color:rgba(255,255,255,.85);max-width:48ch}
.btn-branco{--bg:#fff;--fg:var(--vinho)}
@media (max-width:860px){.frota-cta-sec .fc{grid-template-columns:1fr}}

/* c4 */
.veiculo img[src*="impl-"]{object-position:50% 70%}