/* A Casa da Empilhadeira — prévia 2027 · Elemento Digital */
p,li,dd,small,figcaption,.lead{text-wrap:pretty}
h1,h2,h3,h4,blockquote p{text-wrap:balance}

:root{
  --noite:#0a1433;--noite2:#0f1c47;--noite3:#17275e;
  --azul:#1b2fd6;--azul-h:#2c41ee;
  --amarelo:#fbd90c;--amarelo-h:#ffe443;
  --concreto:#ebe9e3;--papel:#f6f5f1;
  --tinta:#141827;--cinza:#4f5568;--linha:rgba(10,20,51,.14);
  --wa:#25d366;--wa-h:#41e07c;--wa-t:#03210d;
  --verm:#d8433b;
  --rail:300px;--wrap:1240px;--ab-h:clamp(680px,100svh,960px);
  --tit:'Zalando Sans Expanded',system-ui,sans-serif;--txt:'Zalando Sans',system-ui,sans-serif;
  --grao:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .04 0 0 0 0 .08 0 0 0 0 .2 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --ease:cubic-bezier(.22,.8,.24,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font:400 17px/1.62 var(--txt);color:var(--tinta);background:var(--papel);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
ul{list-style:none;padding:0}
address{font-style:normal}
.sr{position:absolute;left:-9999px;top:8px;z-index:99;background:var(--amarelo);color:var(--noite);padding:10px 16px;border-radius:8px;font-weight:600}
.sr:focus{left:8px}
.wrap{width:min(var(--wrap),100% - 48px);margin-inline:auto}
:focus-visible{outline:3px solid var(--amarelo);outline-offset:3px}

/* ---------- títulos */
.tit{font:400 clamp(30px,3.3vw,50px)/1.12 var(--tit);letter-spacing:-.012em;color:var(--noite)}
.tit--claro{color:#fff}
.nw{white-space:nowrap}

/* ---------- botões (cor sólida, raio 8px, sem degradê) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:8px;border:1.5px solid transparent;
  font:600 15.5px/1.1 var(--txt);letter-spacing:.005em;text-decoration:none;cursor:pointer;white-space:nowrap;
  transition:background-color .2s,border-color .2s,color .2s,box-shadow .3s,transform .3s var(--ease)}
.btn svg{width:20px;height:20px;flex:none}
.btn .arr{transition:transform .3s var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn:hover .arr{transform:translateX(4px)}
.btn:active{transform:translateY(0);transition-duration:.08s}
.btn--amarelo{background:var(--amarelo);color:var(--noite)}
.btn--amarelo:hover{background:var(--amarelo-h);box-shadow:0 0 0 4px rgba(251,217,12,.22),0 12px 24px -12px rgba(0,0,0,.55)}
.btn--wa{background:var(--wa);color:var(--wa-t)}
.btn--wa:hover{background:var(--wa-h);box-shadow:0 0 0 4px rgba(37,211,102,.22),0 12px 24px -12px rgba(0,0,0,.45)}
.btn--linha{background:transparent;color:var(--noite);border-color:rgba(10,20,51,.35)}
.btn--linha:hover{background:var(--noite);border-color:var(--noite);color:#fff}
.btn--bloco{width:100%}
.btn--g{min-height:62px;padding:0 32px;font-size:17px}
.btn--g svg{width:24px;height:24px}

/* ---------- cabeçalho: coluna-mastro (desktop) */
.mastro{position:absolute;left:0;top:0;z-index:30;width:var(--rail);height:var(--ab-h);display:flex;flex-direction:column;
  background:var(--noite);color:#fff;padding:30px 30px 30px 30px}
.mastro::after{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--amarelo);transform-origin:50% 100%}
.mastro__logo{display:block;width:204px;transition:transform .35s var(--ease)}
.mastro__logo:hover{transform:translateY(-2px)}
.mastro__nav{margin-top:clamp(28px,5vh,52px)}
.mastro__trilho{display:none}
.mastro__lista li{position:relative}
.mastro__a{display:flex;align-items:center;gap:8px;padding:9px 0;font:400 15.5px/1.25 var(--tit);letter-spacing:.005em;color:rgba(255,255,255,.72);
  text-decoration:none;transition:color .25s,transform .35s var(--ease)}
.mastro__a:hover,.mastro__a:focus-visible,.mastro__a[aria-current="page"],.tem-mg.is-on .mastro__a{color:#fff}
.mastro__a:hover,.tem-mg.is-on .mastro__a{transform:translateX(6px)}
.mastro__chev{width:12px;height:12px;opacity:.6;transition:transform .3s var(--ease),opacity .3s}
.tem-mg.is-on .mastro__chev{transform:translateX(3px);opacity:1;color:var(--amarelo)}
/* o garfo: placa no mastro + lança que aponta o item */
.garfo{position:absolute;right:0;top:0;width:70px;height:4px;pointer-events:none;transform:translateY(var(--gy,0px))}
.mastro.pronto .garfo{transition:transform .5s cubic-bezier(.3,1.3,.45,1)}
.garfo::before{content:"";position:absolute;right:0;top:-18px;width:10px;height:26px;background:var(--amarelo)}
.garfo i{position:absolute;right:10px;top:4px;width:52px;height:4px;background:var(--amarelo);clip-path:polygon(0 35%,100% 0,100% 100%,0 100%)}
.mastro__contato{margin-top:auto;display:grid;gap:12px}
.mastro__tel{display:inline-flex;align-items:center;gap:10px;font:500 15px var(--txt);color:#fff;text-decoration:none;transition:color .2s}
.mastro__tel svg{width:18px;height:18px;color:var(--amarelo)}
.mastro__tel:hover{color:var(--amarelo)}
.mastro__hora{font-size:13.5px;color:rgba(255,255,255,.55);margin-top:-6px}

/* mega menu de serviços: abre sobre a foto, largura toda */
.mg{position:absolute;left:var(--rail);top:0;width:calc(100vw - var(--rail) - var(--sbw,0px));height:100%;display:grid;
  grid-template-columns:minmax(0,.62fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr auto;background:var(--noite2);color:#fff;
  visibility:hidden;clip-path:inset(0 100% 0 0);transition:clip-path .38s cubic-bezier(.7,0,.2,1),visibility 0s .38s}
.mastro.mg-on .mg{visibility:visible;clip-path:inset(0);transition:clip-path .38s cubic-bezier(.7,0,.2,1)}
.mg__foto{grid-row:1/3;position:relative;overflow:hidden;background:var(--noite3)}
.mg__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:28% 50%;opacity:0;transform:scale(1.06);transition:opacity .45s,transform 1.2s var(--ease)}
.mg__foto img.is-on{opacity:1;transform:none}
.mg__col{display:flex;flex-direction:column;justify-content:flex-start;padding:clamp(48px,17vh,170px) clamp(26px,3vw,52px) 40px;border-left:1px solid rgba(255,255,255,.08)}
.mg__grupo{font:500 13px var(--txt);letter-spacing:.06em;text-transform:uppercase;color:var(--amarelo);padding-bottom:16px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.14)}
.mg__col a{position:relative;display:block;padding:13px 0;font:500 clamp(14.5px,1.1vw,17.5px)/1.3 var(--txt);color:rgba(255,255,255,.82);text-decoration:none;white-space:nowrap;
  transition:color .2s,transform .3s var(--ease)}
.mg__col a::before{content:"";position:absolute;left:-26px;top:50%;width:16px;height:3px;background:var(--amarelo);transform:scaleX(0);transform-origin:0 50%;transition:transform .3s var(--ease)}
.mg__col a:hover,.mg__col a:focus-visible{color:#fff;transform:translateX(12px)}
.mg__col a:hover::before,.mg__col a:focus-visible::before{transform:scaleX(1)}
.mg__pe{grid-column:2/4;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 104px 22px clamp(26px,3vw,52px);border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.08);font-size:14px;color:rgba(255,255,255,.6)}
.mg__ver{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--amarelo);text-decoration:none;white-space:nowrap}
.mg__ver svg{width:18px;height:18px;transition:transform .3s var(--ease)}
.mg__ver:hover svg{transform:translateX(4px)}

@media (max-width:1299px){.mg{grid-template-columns:0 minmax(0,1fr) minmax(0,1fr)}.mg__foto{visibility:hidden}}
/* barra do celular e tablet */
.barra{display:none}
.gaveta{position:fixed;inset:0;z-index:60;background:var(--noite);color:#fff;display:flex;flex-direction:column;padding:18px 24px 28px;overflow-y:auto;
  transform:translateX(-100%);transition:transform .38s var(--ease)}
.gaveta.is-on{transform:none}
.gaveta[hidden]{display:none}
.gaveta__topo{display:flex;align-items:center;justify-content:space-between}
.gaveta__topo img{width:150px}
.gaveta__fechar{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;border:1.5px solid rgba(255,255,255,.25);background:transparent;cursor:pointer}
.gaveta__fechar svg{width:20px;height:20px}
.gaveta__lista{margin:34px 0 28px;border-left:4px solid var(--amarelo)}
.gaveta__lista a{display:block;padding:13px 0 13px 22px;font:400 20px/1.2 var(--tit);color:rgba(255,255,255,.82);text-decoration:none;position:relative}
.gaveta__lista a[aria-current="page"]{color:#fff}
.gaveta__lista a[aria-current="page"]::before{content:"";position:absolute;left:-4px;top:50%;width:14px;height:4px;background:var(--amarelo);transform:translateY(-50%)}
.gaveta__pe{margin-top:auto;display:grid;gap:14px;justify-items:center}
.gaveta__pe .btn{width:100%}
.gaveta__tel{display:inline-flex;gap:10px;align-items:center;color:#fff;text-decoration:none;font-weight:500}
.gaveta__tel svg{width:18px;height:18px;color:var(--amarelo)}

/* ---------- abertura: a foto é a carga sobre o garfo */
.ab{position:relative;margin-left:var(--rail);height:var(--ab-h);display:grid;grid-template-rows:minmax(0,1fr) auto;background:var(--noite);color:#fff}
.ab__foto{position:relative;overflow:hidden;background:var(--noite3)}
.ab__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 58%}
.ab__titulo{position:absolute;z-index:2;top:clamp(44px,7.5vh,84px);left:clamp(34px,4vw,64px);max-width:min(640px,54%);text-shadow:0 1px 18px rgba(4,10,30,.45)}
.ab__desde{font:500 14.5px var(--txt);letter-spacing:.02em;color:var(--amarelo);margin-bottom:16px}
.ab__titulo h1{font:300 clamp(36px,3.7vw,62px)/1.07 var(--tit);letter-spacing:-.015em}
.ab__garfo{position:relative;display:flex;align-items:center;justify-content:space-between;gap:clamp(24px,4vw,56px);padding:24px 112px 26px clamp(34px,4vw,64px);background:var(--noite)}
.ab__garfo::before{content:"";position:absolute;left:0;right:0;top:-4px;height:4px;background:var(--amarelo);transform-origin:0 50%}
.ab__lead{max-width:78ch;font-size:16.5px;color:rgba(255,255,255,.84);text-align:justify;hyphens:auto}
.ab__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(22px,3.4vh,34px)}
.ab__selo{display:flex;align-items:center;gap:12px;flex:none;max-width:250px;font-size:14px;line-height:1.4;color:rgba(255,255,255,.75)}
.ab__selo svg{width:34px;height:34px;flex:none;color:var(--amarelo)}
.ab__selo b{color:#fff;font-weight:600}

/* abertura animada (só desktop/tablet, uma vez, no carregamento) */
@media (min-width:761px){
  .fx .ab__foto img{animation:carga 1.25s cubic-bezier(.2,.75,.25,1) .1s both}
  .fx .mastro::after{animation:mastro 0.8s var(--ease) both}
  .fx .ab__garfo::before{animation:lanca .75s var(--ease) .35s both}
  .fx .ab__titulo>*{animation:sobe .9s var(--ease) both}
  .fx .ab__titulo h1{animation-delay:.75s}
  .fx .ab__desde{animation-delay:.62s}
  .fx .ab__garfo>*{animation:sobe .8s var(--ease) .95s both}
  .fx .mastro.pronto .garfo{transition-duration:.9s}
}
@keyframes carga{from{clip-path:inset(100% 0 0 0);transform:translateY(54px)}to{clip-path:inset(0);transform:none}}
@keyframes mastro{from{transform:scaleY(0)}}
@keyframes lanca{from{transform:scaleX(0)}}
@keyframes sobe{from{opacity:0;transform:translateY(18px)}}

/* ---------- pré-vistoria */
.pv{padding:clamp(76px,9vw,128px) 0;background:var(--grao),var(--papel)}
.pv__cab{max-width:860px;margin:0 auto 48px;text-align:center}
.pv__selo{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:8px;border:1.5px solid rgba(27,47,214,.28);font:600 14px var(--txt);color:var(--azul);background:#fff}
.pv__selo svg{width:19px;height:19px}
.pv__cab .tit{margin:18px 0 18px}
.pv__lead{color:var(--cinza);max-width:72ch;margin:0 auto;text-align:justify;text-align-last:center;hyphens:auto}
.pv__painel{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);grid-template-areas:"quadro form" "trena form" "ficha ficha";gap:24px;align-items:start}
.pv__quadro{grid-area:quadro;align-self:stretch;display:flex;flex-direction:column;background:var(--noite);border-radius:12px;padding:20px;color:#fff}
.pv__abas{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.pv__aba{display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 14px;border-radius:8px;border:1.5px solid rgba(255,255,255,.18);background:transparent;cursor:pointer;
  font:500 14px var(--txt);color:rgba(255,255,255,.8);transition:background-color .2s,border-color .2s,color .2s}
.pv__aba:hover{border-color:rgba(255,255,255,.45);color:#fff}
.pv__aba[aria-selected="true"]{background:#fff;border-color:#fff;color:var(--noite)}
.pv__aba i{width:9px;height:9px;border-radius:2px;background:#6b7390}
.pv__aba[data-st="ok"] i{background:#3ddc84}
.pv__aba[data-st="justo"] i{background:var(--amarelo)}
.pv__aba[data-st="nao"] i{background:var(--verm)}
.pv__desenho{flex:1;display:grid;place-items:center;min-height:300px;border-radius:8px;overflow:hidden;background:var(--noite2)}
.pv__desenho svg{width:100%;height:auto;max-height:520px}
.pv__veredito{margin-top:16px;padding:14px 16px;border-radius:8px;background:rgba(255,255,255,.06);border-left:4px solid #6b7390;font:500 16px/1.45 var(--txt)}
.pv__veredito b{font-family:var(--tit);font-weight:500}
.pv__veredito[data-st="ok"]{border-left-color:#3ddc84}
.pv__veredito[data-st="justo"]{border-left-color:var(--amarelo)}
.pv__veredito[data-st="nao"]{border-left-color:var(--verm)}
.pv__trena{grid-area:trena;margin:0;border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--linha);display:grid;grid-template-columns:34% 1fr;align-items:center}
.pv__trena img{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover;object-position:60% 50%}
.pv__trena figcaption{padding:16px 18px;font-size:14.5px;line-height:1.5;color:var(--cinza)}
.pv__form{grid-area:form;align-self:stretch;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:24px 24px 8px}
.pv__grupo{border:0;padding:0;margin:0 0 22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pv__grupo legend{display:flex;align-items:center;gap:12px;margin-bottom:14px;font:500 17px var(--tit);color:var(--noite)}
.pv__grupo legend::before{content:"";width:20px;height:4px;background:var(--amarelo);clip-path:polygon(0 35%,100% 0,100% 100%,0 100%)}
.campo{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0}
.campo--full{grid-column:1/-1}
.campo--meia{grid-column:span 2}
.campo>span{font:600 12.5px/1.2 var(--txt);color:var(--cinza);white-space:nowrap}
.campo input,.campo select,.pv__pas input,.pv__pas select{width:100%;height:46px;border:1.5px solid #d5d3cb;border-radius:8px;background:#fbfaf7;padding:0 12px;font:500 16px var(--txt);color:var(--tinta);
  transition:border-color .2s,box-shadow .2s,background-color .2s;-webkit-appearance:none;appearance:none}
.campo select,.pv__pas select{padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%230a1433' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;text-overflow:ellipsis}
.campo input:focus,.campo select:focus,.pv__pas input:focus,.pv__pas select:focus{outline:none;border-color:var(--azul);background-color:#fff;box-shadow:0 0 0 4px rgba(27,47,214,.12)}
.campo i{position:absolute;right:12px;bottom:14px;font:500 13px var(--txt);font-style:normal;color:var(--cinza);pointer-events:none}
.campo input[name="c"],.campo input[name="l"],.campo input[name="a"],.campo input[name="p"]{padding-right:34px}
.campo input[name="v"]{padding-right:40px}
.pv__nota{grid-column:1/-1;font-size:13.5px;line-height:1.45;color:var(--cinza)}
.pv__passagens{grid-column:1/-1;display:grid;gap:8px}
.pv__pas-cab,.pv__pas{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr) 40px;gap:8px;align-items:center}
.pv__pas-cab span{font:600 12.5px var(--txt);color:var(--cinza)}
.pv__pas.is-ativa input,.pv__pas.is-ativa select{border-color:rgba(27,47,214,.55)}
.pv__tirar{width:40px;height:46px;display:grid;place-items:center;border-radius:8px;border:1.5px solid #e2e0d8;background:#fff;cursor:pointer;color:var(--cinza);transition:color .2s,border-color .2s,background-color .2s}
.pv__tirar:hover{color:var(--verm);border-color:var(--verm)}
.pv__tirar svg{width:16px;height:16px}
.pv__tirar[disabled]{opacity:.35;cursor:default;pointer-events:none}
.pv__mais{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:8px;border:1.5px solid rgba(27,47,214,.3);background:#fff;
  font:600 14.5px var(--txt);color:var(--azul);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.pv__mais:hover{background:var(--azul);border-color:var(--azul);color:#fff}
.pv__mais svg{width:16px;height:16px}
.pv__ficha{grid-area:ficha;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,.9fr);gap:20px 34px;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:28px}
.pv__ficha h3{font:500 16.5px/1.3 var(--tit);color:var(--noite);margin-bottom:12px}
.pv__lista{display:grid;gap:9px}
.pv__lista li{position:relative;padding-left:24px;font-size:15px;line-height:1.45;color:var(--tinta)}
.pv__lista li::before{content:"";position:absolute;left:0;top:.62em;width:14px;height:4px;background:var(--amarelo);clip-path:polygon(0 35%,100% 0,100% 100%,0 100%)}
.pv__lista--at li::before{width:9px;height:9px;top:.45em;border-radius:2px;background:transparent;border:2px solid var(--azul);clip-path:none}
.pv__lista--at li.is-nao::before{border-color:var(--verm);background:var(--verm)}
.pv__lista--at li.is-justo::before{border-color:#c9a800;background:var(--amarelo)}
.pv__acoes{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding-left:30px;border-left:1px solid var(--linha)}
.pv__acoes .btn{white-space:normal;text-align:center;line-height:1.25;padding:12px 18px}
.pv__aviso{font-size:13.5px;line-height:1.5;color:var(--cinza)}

/* desenho do gabarito */
.gb-parede{fill:#d8d5cd}
.gb-junta{stroke:rgba(10,20,51,.08)}
.gb-piso{fill:#b8b4aa}
.gb-vao{fill:#0d1638}
.gb-batente{fill:none;stroke:#7d8291}
.gb-corpo{fill:#f4f4f1;stroke:#1b2030}
.gb-base{fill:#2a2f3b}
.gb-vidro{fill:#5f7fae;fill-opacity:.55;stroke:#1b2030}
.gb-painel{fill:#2a2f3b}
.gb-choque{fill:var(--verm);fill-opacity:.6}
.gb-trena{fill:var(--amarelo)}
.gb-tique{stroke:#1b1b1b}
.gb-cota{stroke:var(--amarelo);fill:none}
.gb-txt{font-family:var(--txt);font-weight:600;fill:var(--noite)}
.gb-txt--claro{fill:#fff}
.gb-pessoa{fill:var(--noite3)}

/* ---------- operação completa: painéis que se abrem */
.op{padding:clamp(76px,9vw,124px) 0;background:var(--noite);color:#fff}
.op__lead{max-width:68ch;margin-top:18px;color:rgba(255,255,255,.74);text-align:justify;hyphens:auto}
.op__trilho{display:flex;gap:10px;height:clamp(460px,44vw,580px);margin-top:46px}
.op__p{position:relative;flex:1 1 0;min-width:0;border-radius:12px;overflow:hidden;cursor:pointer;background:var(--noite3);transition:flex-grow .7s cubic-bezier(.6,0,.2,1)}
.op__p.is-aberto{flex-grow:5.2;cursor:default}
.op__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.5) saturate(.55);transform:scale(1.05);transition:filter .6s,transform 1.4s var(--ease)}
.op__p.is-aberto .op__img{filter:none;transform:none}
.op__p:not(.is-aberto):hover .op__img{filter:brightness(.68) saturate(.7)}
.op__txt{position:absolute;left:0;right:0;bottom:0;padding:22px 24px 24px}
.op__p.is-aberto .op__txt{background:rgba(8,16,42,.86);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-top:4px solid var(--amarelo);animation:sobe .55s var(--ease) .2s both}
.op__txt h3{font:500 clamp(18px,1.6vw,22px)/1.25 var(--tit);color:#fff}
.op__txt p{margin-top:8px;font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.82);max-width:56ch}
.op__p:not(.is-aberto) .op__txt{top:0;display:flex;align-items:flex-end;justify-content:center;padding:22px 0}
.op__p:not(.is-aberto) .op__txt h3{writing-mode:vertical-rl;transform:rotate(180deg);font-size:16px;white-space:nowrap}
.op__p:not(.is-aberto) .op__txt p{display:none}
.op__p:focus-visible{outline:3px solid var(--amarelo);outline-offset:3px}

/* ---------- frota */
.fr{padding:clamp(76px,9vw,124px) 0;background:var(--grao),var(--concreto)}
.fr .tit{text-align:center}
.fr__veiculos{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:46px}
.fr__v{background:#fff;border:1px solid var(--linha);border-radius:12px;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s}
.fr__v:hover{transform:translateY(-4px);box-shadow:0 26px 48px -30px rgba(10,20,51,.45)}
.fr__foto{aspect-ratio:16/9;overflow:hidden}
.fr__foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.fr__v:hover .fr__foto img{transform:scale(1.045)}
.fr__cap{display:flex;align-items:baseline;gap:12px;padding:24px 28px 0;color:var(--noite)}
.fr__n{font:300 clamp(46px,5vw,74px)/1 var(--tit);letter-spacing:-.025em}
.fr__u{font:600 15px var(--txt);color:var(--azul)}
.fr__v h3{padding:12px 28px 0;font:500 20px/1.3 var(--tit);color:var(--noite)}
.fr__v p{padding:8px 28px 28px;color:var(--cinza)}
.fr__inv{margin-top:26px;background:var(--noite);color:#fff;border-radius:12px;padding:clamp(24px,3vw,38px)}
.fr__inv-t{font:500 20px var(--tit);margin-bottom:22px}
.fr__lista{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.12)}
.fr__lista li{display:flex;flex-direction:column;gap:14px;padding:22px 18px;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);
  font:500 14.5px/1.35 var(--txt);color:rgba(255,255,255,.86);transition:background-color .3s,color .3s}
.fr__lista svg{width:40px;height:40px;fill:none;stroke:var(--amarelo);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s var(--ease)}
.fr__lista li:hover{background:rgba(255,255,255,.05);color:#fff}
.fr__lista li:hover svg{transform:translateY(-4px)}
.fr__oficina{margin-top:22px;color:rgba(255,255,255,.74);max-width:92ch;text-align:justify;hyphens:auto}

/* ---------- operações pelo Brasil */
.br{padding:clamp(76px,9vw,124px) 0;background:var(--noite2);color:#fff;overflow:hidden}
.br__grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,72px);align-items:center}
.br__mapa{position:relative}
.mapa__svg{width:100%;height:auto}
.ufs path{fill:#15245a;stroke:rgba(255,255,255,.2);stroke-width:.9;vector-effect:non-scaling-stroke;transition:fill .3s}
.ufs path.sp{fill:#203482}
.rota{fill:none;stroke:var(--amarelo);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:7 7;vector-effect:non-scaling-stroke;animation:fluxo 1.4s linear infinite;transition:opacity .3s,stroke-width .3s}
@keyframes fluxo{to{stroke-dashoffset:-28}}
.br.tem-ativo .rota{opacity:.16}
.br.tem-ativo .rota.is-on{opacity:1;stroke-width:3.4}
.pt{fill:#fff;transition:r .3s,fill .3s}
.br.tem-ativo .pt{opacity:.35}
.br.tem-ativo .pt.is-on{opacity:1;fill:var(--amarelo)}
.base__pt{fill:var(--amarelo)}
.base__pulso{fill:var(--amarelo);opacity:.4;transform-box:fill-box;transform-origin:center;animation:pulso 2.4s ease-out infinite}
@keyframes pulso{from{transform:scale(.6);opacity:.55}to{transform:scale(2.6);opacity:0}}
.mapa__rot{font:600 6.4px var(--txt);fill:rgba(255,255,255,.82);paint-order:stroke;stroke:var(--noite2);stroke-width:2px}
.br__base{display:flex;align-items:center;gap:12px;margin-top:14px;font-size:14px;color:rgba(255,255,255,.7)}
.br__pino{position:relative;width:12px;height:12px;flex:none;border-radius:50%;background:var(--amarelo)}
.br__pino::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--amarelo);animation:pulso 2.4s ease-out infinite}
.br__casos{margin-top:30px;border-top:1px solid rgba(255,255,255,.14)}
.br__casos button{position:relative;display:grid;gap:6px;width:100%;padding:18px 0 18px 0;border:0;border-bottom:1px solid rgba(255,255,255,.14);background:transparent;text-align:left;cursor:pointer;color:#fff;
  transition:padding .35s var(--ease)}
.br__casos button::before{content:"";position:absolute;left:0;top:29px;width:18px;height:4px;background:var(--amarelo);clip-path:polygon(0 35%,100% 0,100% 100%,0 100%);transform:scaleX(0);transform-origin:0 50%;transition:transform .35s var(--ease)}
.br__casos button:hover,.br__casos button.is-on{padding-left:32px}
.br__casos button:hover::before,.br__casos button.is-on::before{transform:scaleX(1)}
.br__rota{font:500 17px/1.3 var(--tit);transition:color .25s}
.br__rota b{color:var(--amarelo);font-weight:400}
.br__casos button:hover .br__rota,.br__casos button.is-on .br__rota{color:var(--amarelo)}
.br__casos button.is-on .br__rota b{color:#fff}
.br__d{font-size:15px;line-height:1.5;color:rgba(255,255,255,.72)}
.br__mais{margin-top:22px;font-size:15px;line-height:1.55;color:rgba(255,255,255,.72);text-align:justify;hyphens:auto}
.br__mais b{color:#fff;font-weight:600}

/* ---------- equipe e clientes */
.eq{padding:clamp(76px,9vw,124px) 0 0;background:var(--grao),var(--papel)}
.eq__grade{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,5vw,72px);align-items:center}
.eq__foto{margin:0;border-radius:12px;overflow:hidden}
.eq__foto img{width:100%;aspect-ratio:16/10.5;object-fit:cover;object-position:50% 88%;transition:transform 1.4s var(--ease)}
.eq__foto:hover img{transform:scale(1.04)}
.eq__txt>p{margin-top:20px;color:var(--cinza);text-align:justify;hyphens:auto}
.eq__fatos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px;border-top:1px solid var(--linha)}
.eq__fatos div{padding:20px 18px 0 0}
.eq__fatos div+div{padding-left:18px;border-left:1px solid var(--linha)}
.eq__fatos dt{font:400 21px/1.2 var(--tit);color:var(--noite)}
.eq__fatos dd{margin-top:6px;font-size:14.5px;line-height:1.45;color:var(--cinza)}
.cl{margin-top:clamp(64px,8vw,104px);padding-bottom:clamp(64px,8vw,100px)}
.cl__t{text-align:center;font:400 clamp(21px,2vw,28px)/1.25 var(--tit);color:var(--noite);padding:0 24px}
.cl__cinta{position:relative;margin-top:30px;background:#fff;border-block:4px solid var(--amarelo);overflow:hidden}
.cl__cinta::before,.cl__cinta::after{content:"";position:absolute;left:0;right:0;height:1px;border-top:1.5px dashed rgba(10,20,51,.18);pointer-events:none}
.cl__cinta::before{top:7px}
.cl__cinta::after{bottom:7px}
.cl__fila{display:flex;align-items:center;gap:clamp(48px,6vw,88px);width:max-content;padding:30px 0;animation:corre 46s linear infinite}
.cl__cinta:hover .cl__fila{animation-play-state:paused}
.cl__fila li{flex:none}
.cl__fila img{height:48px;width:auto;transition:transform .35s var(--ease)}
.cl__fila li:hover img{transform:scale(1.07)}
@keyframes corre{to{transform:translateX(-50%)}}
.cl__fab-t{margin-top:28px;font-size:15px;color:var(--cinza);text-align:center;padding:0 24px}
.cl__fab{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:1180px;margin:14px auto 0;padding:0 24px}
.cl__fab li{padding:6px 12px;border-radius:8px;border:1px solid var(--linha);background:#fff;font:500 14px var(--tit);color:var(--noite);white-space:nowrap}

/* ---------- seguro e perguntas */
.sg{padding:clamp(76px,9vw,124px) 0;background:var(--grao),var(--concreto)}
.sg__grade{display:grid;gap:clamp(56px,7vw,96px)}
.sg__apolice{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,2fr);gap:20px clamp(28px,4vw,56px);align-items:center;background:var(--noite);color:#fff;border-radius:12px;padding:clamp(28px,3.4vw,48px);overflow:hidden}
.sg__apolice::after{content:"";position:absolute;right:0;top:0;width:4px;height:100%;background:var(--amarelo)}
.sg__escudo{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:10px;background:rgba(251,217,12,.12);color:var(--amarelo);margin-bottom:22px}
.sg__escudo svg{width:32px;height:32px}
.sg__apolice .tit{font-size:clamp(26px,2.6vw,38px)}
.sg__cab{grid-row:1}
.sg__itens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.sg__itens li{padding:6px 24px 6px 24px;border-left:1px solid rgba(255,255,255,.14)}
.sg__itens h3{font:500 17px/1.3 var(--tit);color:var(--amarelo)}
.sg__itens p{margin-top:6px;font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.8)}
.sg__faq{width:min(920px,100%);margin:0 auto}
.sg__faq .tit{font-size:clamp(26px,2.6vw,38px);margin-bottom:22px;text-align:center}
.faq details{border-bottom:1px solid var(--linha)}
.faq details:first-child{border-top:1px solid var(--linha)}
.faq summary{position:relative;display:block;list-style:none;cursor:pointer;padding:22px 56px 22px 0}
.faq summary::-webkit-details-marker{display:none}
.faq summary h3{font:500 18px/1.35 var(--tit);color:var(--noite);transition:color .2s}
.faq summary:hover h3{color:var(--azul)}
.faq summary::after{content:"";position:absolute;right:0;top:50%;width:36px;height:36px;margin-top:-18px;border-radius:8px;background:#fff;border:1.5px solid var(--linha);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10h12' stroke='%230a1433' stroke-width='1.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px;
  transition:background-color .35s ease,border-color .35s ease}
.faq summary::before{content:"";position:absolute;z-index:1;right:17px;top:50%;width:1.8px;height:13px;margin-top:-6.5px;background:var(--noite);transition:transform .4s var(--ease)}
.faq details.is-aberto summary::after{background-color:var(--amarelo);border-color:var(--amarelo)}
.faq details.is-aberto summary::before{transform:rotate(90deg) scaleY(0)}
.faq details p{padding:0 56px 24px 0;color:var(--cinza);text-align:justify;hyphens:auto}
.faq__corpo{overflow:hidden}

/* ---------- contato (amarelo da marca) */
.ct{position:relative;padding:clamp(76px,8vw,112px) 0 clamp(110px,10vw,150px);background:var(--amarelo);color:var(--noite)}
.ct__grade{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.ct__t{font:400 clamp(30px,3.3vw,48px)/1.12 var(--tit);letter-spacing:-.012em}
.ct__chamada p{margin:18px 0 30px;max-width:54ch;text-align:justify;hyphens:auto}
.ct .btn--wa{box-shadow:0 0 0 2px var(--noite)}
.ct .btn--wa:hover{box-shadow:0 0 0 2px var(--noite),0 16px 28px -14px rgba(10,20,51,.55)}
.ct__canais li{border-bottom:1.5px solid rgba(10,20,51,.2)}
.ct__canais li:first-child{border-top:1.5px solid rgba(10,20,51,.2)}
.ct__canais a,.ct__h{display:flex;align-items:center;gap:18px;padding:18px 0;color:var(--noite);text-decoration:none;font:600 17px/1.35 var(--txt);transition:padding .35s var(--ease)}
.ct__canais a:hover{padding-left:12px}
.ct__canais svg{width:26px;height:26px;flex:none}
.ct__canais small{display:block;font:600 12.5px var(--txt);letter-spacing:.02em;opacity:.65;margin-bottom:2px}
.ct__canais span{min-width:0;overflow-wrap:anywhere}

/* ---------- rodapé: as faixas inclinadas da logo */
.rp{position:relative;margin-top:-56px;padding-top:56px;background:var(--noite);color:rgba(255,255,255,.72);clip-path:polygon(0 56px,100% 0,100% 100%,0 100%)}
.rp__faixas i{position:absolute;left:0;right:0;top:0;height:72px;background:var(--azul);clip-path:polygon(0 56px,100% 0,100% 16px,0 72px)}
.rp__faixas i+i{display:none}
.rp__in{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"marca lado" "nav nav" "dados dados";gap:30px 40px;align-items:center;padding:56px 0 34px;border-bottom:1px solid rgba(255,255,255,.12)}
.rp__marca{grid-area:marca;display:flex;align-items:center;gap:24px}
.rp__marca img{width:190px}
.rp__marca p{max-width:32ch;font-size:14.5px;line-height:1.5}
.rp__nav{grid-area:nav;display:flex;flex-wrap:wrap;gap:8px 34px;padding:22px 0;border-block:1px solid rgba(255,255,255,.12)}
.rp__nav a{position:relative;font:400 15px var(--tit);color:#fff;text-decoration:none;padding:4px 0;white-space:nowrap;transition:color .2s}
.rp__nav a::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:var(--amarelo);transform:scaleX(0);transform-origin:100% 50%;transition:transform .35s var(--ease)}
.rp__nav a:hover{color:var(--amarelo)}
.rp__nav a:hover::after{transform:scaleX(1);transform-origin:0 50%}
.rp__dados{grid-area:dados;display:flex;flex-wrap:wrap;gap:6px 28px;font-size:14.5px;line-height:1.6}
.rp__dados a{text-decoration:none;transition:color .2s}
.rp__dados a:hover{color:var(--amarelo)}
.rp__lado{grid-area:lado;display:flex;align-items:center;justify-content:flex-end;gap:14px}
.rp__insta{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 18px;border-radius:8px;border:1.5px solid rgba(255,255,255,.25);color:#fff;text-decoration:none;font:600 14.5px var(--txt);
  transition:background-color .25s,color .25s,border-color .25s}
.rp__insta svg{width:20px;height:20px}
.rp__insta:hover{background:#fff;border-color:#fff;color:var(--noite)}
.rp__topo{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:var(--amarelo);color:var(--noite);text-decoration:none;transition:transform .45s cubic-bezier(.3,1.3,.45,1),background-color .2s}
.rp__topo svg{width:20px;height:20px}
.rp__topo-m{position:absolute;left:50%;bottom:100%;width:4px;height:20px;margin-left:-2px;background:var(--amarelo);transform-origin:50% 100%;transform:scaleY(.4);transition:transform .45s var(--ease)}
.rp__topo b{position:absolute;left:50%;top:calc(100% + 10px);transform:translate(-50%,-6px);opacity:0;font:600 13px var(--txt);letter-spacing:.02em;color:#fff;white-space:nowrap;pointer-events:none;transition:opacity .25s,transform .35s var(--ease)}
.rp__topo:hover{transform:translateY(-8px);background:var(--amarelo-h)}
.rp__topo:hover .rp__topo-m{transform:scaleY(1)}
.rp__topo:hover b,.rp__topo:focus-visible b{opacity:1;transform:translate(-50%,0)}
.rp__base{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding:20px 0 28px;font-size:13.5px;color:rgba(255,255,255,.58)}
.credito a{color:inherit;font-weight:inherit;text-decoration:none;transition:color .2s}
.credito a:hover{color:var(--amarelo)}

/* WhatsApp flutuante */
.wa-flut{position:fixed;right:20px;bottom:20px;z-index:40;display:grid;place-items:center;width:60px;height:60px;border-radius:11px;background:var(--wa);color:#fff;
  box-shadow:0 14px 30px -12px rgba(3,33,13,.6);transition:transform .35s var(--ease),background-color .2s}
.wa-flut svg{width:32px;height:32px}
.wa-flut::after{content:"";position:absolute;inset:0;border-radius:11px;border:2px solid var(--wa);animation:aro 2.6s ease-out infinite}
.wa-flut:hover{transform:translateY(-3px);background:var(--wa-h)}
@keyframes aro{from{transform:scale(1);opacity:.7}to{transform:scale(1.45);opacity:0}}

/* página em construção / 404 */
.ec{margin-left:var(--rail);min-height:var(--ab-h);display:grid;place-items:center;background:var(--grao),var(--concreto)}
.ec__in{max-width:640px;padding:96px 24px;text-align:center}
.ec h1{font:300 clamp(30px,3.4vw,48px)/1.15 var(--tit);color:var(--noite)}
.ec p{margin:16px auto 30px;max-width:44ch;color:var(--cinza)}

/* ficha para PDF (montada pelo script) */
.ficha-print{display:none}

/* ---------- tablet e celular: barra no topo, sem coluna-mastro */
@media (max-width:1099px){
  :root{--rail:0px}
  .mastro{display:none}
  .barra{position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;gap:10px;height:78px;padding:0 20px;background:var(--noite);border-bottom:4px solid var(--amarelo)}
  .barra__logo{margin-right:auto}
  .barra__logo img{width:146px}
  .barra__wa{display:grid;place-items:center;width:46px;height:46px;border-radius:8px;background:var(--wa);color:var(--wa-t)}
  .barra__wa svg{width:24px;height:24px}
  .barra__menu{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 16px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:transparent;color:#fff;font:600 15px var(--txt);cursor:pointer}
  .barra__ico{position:relative;width:18px;height:14px}
  .barra__ico i{position:absolute;left:0;width:18px;height:2px;background:var(--amarelo)}
  .barra__ico i:first-child{top:2px}
  .barra__ico i:last-child{bottom:2px;width:12px}
  .ab{height:auto;padding-top:78px;grid-template-rows:auto auto auto}
  .ab__foto{aspect-ratio:16/9}
  .ab__titulo{position:static;max-width:none;padding:34px 40px 6px;background:var(--noite);text-shadow:none}
  .ab__garfo{flex-direction:column;align-items:flex-start;padding:20px 40px 30px}
  .ab__titulo{padding-bottom:10px}
  .ab__garfo::before{display:none}
  .ab__foto{border-bottom:4px solid var(--amarelo)}
  .ec{padding-top:78px}
  .pv__painel{grid-template-columns:1fr;grid-template-areas:"quadro" "trena" "form" "ficha"}
  .pv__trena{grid-template-columns:38% 1fr}
  .op__trilho{height:440px;gap:6px}
  .fr__lista li{padding:18px 12px}
  .rp__nav{gap:8px 24px}
  .br__grade,.eq__grade,.sg__grade,.ct__grade{grid-template-columns:minmax(0,1fr)}
  .br__mapa{max-width:560px;margin:0 auto}
  .rp__in{grid-template-columns:1fr;grid-template-areas:"marca" "lado" "nav" "dados"}
  .rp__lado{justify-content:flex-start}
  .pv__ficha{grid-template-columns:1fr 1fr}
  .pv__acoes{grid-column:1/-1;padding:18px 0 0;border-left:0;border-top:1px solid var(--linha);flex-direction:row;flex-wrap:wrap;align-items:center}
  .pv__aviso{flex:1 1 100%}
  .sg__apolice{grid-template-columns:1fr}
}

@media (max-width:760px){
  body{font-size:16.5px}
  .wrap{width:min(var(--wrap),100% - 36px)}
  main h1,main h2,main h3,.ct__t,.cl__t{text-align:center}
  .tit{font-size:clamp(27px,7.4vw,34px)}
  .ab__titulo{padding:28px 18px 4px;text-align:center}
  .ab__titulo h1{font-size:min(30px,7.9vw)}
  .ab__garfo{align-items:center;padding:22px 18px 34px}
  .ab__lead{text-align:center;font-size:16px}
  .ab__selo{max-width:none;justify-content:center;text-align:left}
  .ab__cta{flex-direction:column;width:100%}
  .ab__cta .btn{width:100%}
  .ab__foto{aspect-ratio:4/3}
  .ab__foto img{object-position:70% 60%}
  .pv__lead,.op__lead{text-align:center;text-align-last:auto}
  .pv__cab{margin-bottom:34px}
  .pv__quadro{padding:14px}
  .pv__desenho{min-height:220px}
  .pv__trena{grid-template-columns:1fr}
  .pv__trena img{aspect-ratio:16/9}
  .pv__trena figcaption{text-align:center}
  .pv__form{padding:20px 16px 4px}
  .pv__grupo{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pv__grupo legend{justify-content:center;width:100%}
  .campo--meia{grid-column:1/-1}
  .pv__pas-cab,.pv__pas{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) 38px;gap:6px}
  .pv__pas input,.pv__pas select{padding:0 9px;font-size:15px}
  .pv__pas select{padding-right:26px;background-position:right 8px center}
  .pv__mais{justify-self:center}
  .pv__ficha{grid-template-columns:1fr;padding:20px 18px}
  .pv__acoes{justify-content:center}
  .pv__acoes .btn{width:100%;white-space:normal;text-align:center}
  .pv__aviso{text-align:center}
  .op__trilho{flex-direction:column;height:auto;gap:14px}
  .op__p,.op__p.is-aberto{flex:none;cursor:default;display:flex;flex-direction:column;background:var(--noite3)}
  .op__img{position:static;aspect-ratio:16/10;height:auto;filter:none;transform:none}
  .op__p .op__txt,.op__p:not(.is-aberto) .op__txt,.op__p.is-aberto .op__txt{position:static;display:block;padding:18px 18px 22px;background:var(--noite3);backdrop-filter:none;border-top:4px solid var(--amarelo);animation:none}
  .op__p:not(.is-aberto) .op__txt h3{writing-mode:horizontal-tb;transform:none;white-space:normal;font-size:19px}
  .op__p:not(.is-aberto) .op__txt p{display:block}
  .op__txt p{text-align:left}
  .fr__veiculos{grid-template-columns:1fr;margin-top:34px}
  .fr__cap{justify-content:center;padding:20px 18px 0;white-space:nowrap}
  .fr__n{font-size:min(46px,11vw)}
  .fr__v h3{padding:10px 18px 0}
  .fr__v p{padding:8px 18px 22px;text-align:left}
  .fr__inv-t{text-align:center}
  .fr__lista{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fr__lista li{align-items:center;text-align:center;padding:18px 10px}
  .fr__oficina{text-align:left}
  .br__casos button{text-align:center;justify-items:center}
  .br__casos button:hover,.br__casos button.is-on{padding-left:0}
  .br__casos button::before{display:none}
  .br__base{justify-content:center;text-align:center}
  .br__mais{text-align:left}
  .eq__txt>p{text-align:left}
  .eq__fatos{grid-template-columns:1fr;text-align:center}
  .eq__fatos div,.eq__fatos div+div{padding:16px 0;border-left:0;border-bottom:1px solid var(--linha)}
  .cl__fila img{height:40px}
  .sg__apolice{text-align:center}
  .sg__apolice::after{display:none}
  .sg__itens{grid-template-columns:1fr}
  .sg__itens li{padding:16px 0;border-left:0;border-top:1px solid rgba(255,255,255,.14)}
  .sg__itens p,.faq details p{text-align:left}
  .faq summary{padding:20px 48px 20px 0}
  .faq details p{padding-right:0}
  .ct__chamada{text-align:center}
  .ct__t{font-size:clamp(26px,7.2vw,34px)}
  .ct__chamada p{text-align:center;margin-inline:auto}
  .ct .btn--g{width:100%;font-size:16px;padding:0 18px}
  .ct__canais a,.ct__h{font-size:16px}
  .rp__in{justify-items:center;text-align:center}
  .rp__marca{flex-direction:column;gap:14px}
  .rp__nav{justify-content:center;gap:6px 20px}
  .rp__dados{flex-direction:column;align-items:center;gap:4px}
  .rp__lado{justify-content:center}
  .rp__base{flex-direction:column;align-items:center;text-align:center;padding-bottom:96px}
  .wa-flut{width:56px;height:56px;right:16px;bottom:16px}
}

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

@media print{
  body>*:not(.ficha-print){display:none!important}
  .ficha-print{display:block;font:12pt/1.45 var(--txt);color:#000}
  .ficha-print img.fp-logo{width:180px;margin-bottom:12px}
  .ficha-print h1{font:500 18pt var(--tit);margin:6px 0 12px}
  .ficha-print table{width:100%;border-collapse:collapse;margin:10px 0}
  .ficha-print td{border-bottom:1px solid #ccc;padding:6px 4px;vertical-align:top}
  .ficha-print td:first-child{width:32%;font-weight:600}
  .ficha-print svg{max-width:100%;height:auto;max-height:90mm;margin:10px 0}
  .ficha-print ul{padding-left:18px;list-style:disc}
  .ficha-print .fp-pe{margin-top:14px;font-size:10pt;color:#444}
}

/* bloqueio de seleção (campos continuam selecionáveis) */
body{-webkit-user-select:none;user-select:none}
input,textarea,select{-webkit-user-select:text;user-select:text}

/* ================= páginas internas ================= */
.pg-int{--ab-h:clamp(680px,80svh,760px)}
.ph{position:relative;margin-left:var(--rail);height:var(--ab-h);display:grid;grid-template-rows:minmax(0,1fr) auto;background:var(--noite);color:#fff}
.ph__foto{position:relative;overflow:hidden;background:var(--noite3)}
.ph__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.ph__garfo{position:relative;padding:28px clamp(34px,4vw,64px) 34px;background:var(--noite)}
.ph__garfo::before{content:"";position:absolute;left:0;right:0;top:-4px;height:4px;background:var(--amarelo);transform-origin:0 50%}
.trilha{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;color:rgba(255,255,255,.6);margin-bottom:12px}
.trilha a{color:var(--amarelo);text-decoration:none}
.trilha a:hover{text-decoration:underline;text-underline-offset:3px}
.ph h1{font:300 clamp(30px,3vw,48px)/1.1 var(--tit);letter-spacing:-.012em;max-width:26ch}
.ph__lead{margin-top:14px;max-width:96ch;font-size:16px;line-height:1.6;color:rgba(255,255,255,.8);text-align:justify;hyphens:auto}
@media (min-width:761px){
  .fx .ph__foto img{animation:carga 1.2s cubic-bezier(.2,.75,.25,1) .1s both}
  .fx .ph__garfo::before{animation:lanca .75s var(--ease) .3s both}
  .fx .ph__garfo>*{animation:sobe .8s var(--ease) both}
  .fx .ph h1{animation-delay:.55s}
  .fx .ph__lead{animation-delay:.7s}
}

/* história */
.hs{padding:clamp(76px,9vw,120px) 0;background:var(--grao),var(--papel)}
.hs__grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:28px clamp(32px,5vw,72px);align-items:start}
.hs__txt{max-width:74ch}
.hs__txt p{color:var(--cinza);text-align:justify;hyphens:auto;margin-bottom:18px;break-inside:avoid-column}
.hs__frase{grid-column:1/-1;margin:16px 0 0;padding:30px 0 0 clamp(0px,8vw,120px);border-top:1px solid var(--linha);position:relative}
.hs__frase::before{content:"";position:absolute;left:0;top:44px;width:clamp(0px,6vw,90px);height:4px;background:var(--amarelo);clip-path:polygon(0 35%,100% 0,100% 100%,0 100%)}
.hs__frase p{font:300 clamp(22px,2.3vw,34px)/1.3 var(--tit);color:var(--noite);letter-spacing:-.01em}

/* equipe na página e faixa de clientes sozinha */
.eq--pg{padding-bottom:clamp(76px,9vw,120px);background:var(--grao),var(--concreto)}
.eq--pg .eq__txt>p+p{margin-top:14px}
.eq--cl{padding-top:0;background:var(--grao),var(--papel)}
.eq--cl .cl{margin-top:0;padding-top:clamp(64px,8vw,100px)}

/* missão e visão */
.mv{padding:clamp(76px,9vw,120px) 0;background:var(--noite);color:#fff}
.mv .tit{text-align:center}
.mv__grade{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:42px}
.mv__b{position:relative;padding:clamp(26px,3.2vw,44px);border-radius:12px;background:var(--noite2);border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:transform .4s var(--ease),border-color .3s}
.mv__b::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--amarelo);transform:scaleY(.25);transform-origin:50% 0;transition:transform .5s var(--ease)}
.mv__b:hover{transform:translateY(-4px);border-color:rgba(251,217,12,.35)}
.mv__b:hover::before{transform:scaleY(1)}
.mv__b h3{font:600 13.5px var(--txt);letter-spacing:.06em;text-transform:uppercase;color:var(--amarelo)}
.mv__frase{margin:14px 0 14px;font:300 clamp(22px,2.2vw,32px)/1.25 var(--tit);color:#fff}
.mv__b p:last-child{color:rgba(255,255,255,.76)}

/* serviços */
.sv{padding:clamp(76px,9vw,120px) 0;background:var(--grao),var(--papel)}
.sv .tit{text-align:center}
.sv__lead{max-width:76ch;margin:18px auto 0;color:var(--cinza);text-align:justify;text-align-last:center;hyphens:auto}
.sv__cartoes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:44px}
.sv__c{background:#fff;border:1px solid var(--linha);border-radius:12px;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s}
.sv__c:hover{transform:translateY(-4px);box-shadow:0 24px 44px -30px rgba(10,20,51,.45)}
.sv__foto{aspect-ratio:4/3;overflow:hidden;border-bottom:4px solid var(--amarelo)}
.sv__foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.sv__c:hover .sv__foto img{transform:scale(1.05)}
.sv__c h3{padding:18px 20px 22px;font:500 16.5px/1.35 var(--tit);color:var(--noite)}
.cp{padding:clamp(76px,9vw,120px) 0;background:var(--grao),var(--concreto)}
.cp__grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,72px);align-items:center}
.cp__foto{margin:0;border-radius:12px;overflow:hidden}
.cp__foto img{width:100%;aspect-ratio:4/3.4;object-fit:cover}
.cp .tit{font-size:clamp(28px,2.5vw,40px)}
.cp__txt>p{margin-top:16px;color:var(--cinza);text-align:justify;hyphens:auto}
.pg-int .fr__inv-t{display:none}
.cp__lista{margin-top:24px;border-top:1px solid var(--linha)}
.cp__lista li{position:relative;padding:15px 0 15px 34px;border-bottom:1px solid var(--linha);font:500 17px/1.35 var(--tit);color:var(--noite);transition:padding .35s var(--ease),color .25s}
.cp__lista li::before{content:"";position:absolute;left:0;top:50%;width:20px;height:4px;margin-top:-2px;background:var(--amarelo);clip-path:polygon(0 35%,100% 0,100% 100%,0 100%)}
.cp__lista li:hover{padding-left:44px;color:var(--azul)}
.fr__lead{max-width:72ch;margin:16px auto 0;color:var(--cinza);text-align:center}
.fr__eng{max-width:80ch;margin:26px auto 0;color:var(--cinza);text-align:center}
.fr .fr__inv{margin-top:36px}
.fr--pg .fr__veiculos{margin-top:36px}

/* frota em operação e galeria */
.fo{padding:clamp(76px,9vw,120px) 0;background:var(--noite2)}
.fo .tit{text-align:center;margin-bottom:36px}
.gv{padding:clamp(56px,7vw,96px) 0;background:var(--grao),var(--papel)}
.gl__filtros{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px}
.gl__filtros button{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 16px;border-radius:8px;border:1.5px solid var(--linha);background:#fff;cursor:pointer;font:600 14.5px var(--txt);color:var(--noite);transition:background-color .2s,border-color .2s,color .2s}
.gl__filtros button span{font-weight:500;color:var(--cinza);transition:color .2s}
.gl__filtros button:hover{border-color:var(--noite)}
.gl__filtros button[aria-pressed="true"]{background:var(--noite);border-color:var(--noite);color:#fff}
.gl__filtros button[aria-pressed="true"] span{color:var(--amarelo)}
.gl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;grid-auto-flow:dense;gap:12px}
.gl--curta{grid-auto-rows:200px}
.gl__item{position:relative;display:block;overflow:hidden;border-radius:10px;background:var(--noite3)}
.gl__item--g{grid-column:span 2;grid-row:span 2}
.gl__item--alto{grid-row:span 2}
.gl--filtrada{display:flex;flex-wrap:wrap;justify-content:center}
.gl--filtrada .gl__item{flex:0 0 calc((100% - 36px) / 4);height:220px}
.gl--curta .gl__item--alto{grid-row:auto}
.gl:not(.gl--curta):not(.gl--filtrada) .gl__item:last-child{grid-column:span 2}  /* fecha a última linha sem vão */
.gl__item[hidden]{display:none}
.gl__item img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease),filter .4s}
.gl__leg{position:absolute;left:0;right:0;bottom:0;padding:12px 14px;background:rgba(8,16,42,.86);border-top:3px solid var(--amarelo);color:#fff;font-size:13.5px;line-height:1.35;
  transform:translateY(101%);transition:transform .4s var(--ease)}
.gl__item:hover img,.gl__item:focus-visible img{transform:scale(1.06)}
.gl__item:hover .gl__leg,.gl__item:focus-visible .gl__leg{transform:none}
.lb{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 92px 28px;
  background:rgba(5,10,28,.95);opacity:0;transition:opacity .3s ease}
.lb.is-on{opacity:1}
.lb[hidden]{display:none}
.lb__palco{position:relative;width:min(1400px,100%);height:calc(100svh - 150px);opacity:0;transform:translateY(34px);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.75,.25,1)}
.lb.is-on .lb__palco{opacity:1;transform:none}
.lb__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateX(var(--de,0px));
  transition:opacity .42s ease,transform .55s cubic-bezier(.22,.8,.24,1);will-change:opacity,transform;pointer-events:none}
.lb__img.is-on{z-index:2;opacity:1;transform:none}
.lb__img.is-saindo{z-index:1;opacity:0;transform:translateX(var(--para,0px));transition:opacity .38s ease .14s,transform .55s cubic-bezier(.22,.8,.24,1)}
.lb__carga{position:absolute;left:50%;top:50%;width:44px;height:4px;margin:-2px 0 0 -22px;border-radius:2px;background:rgba(255,255,255,.15);overflow:hidden;opacity:0;transition:opacity .2s}
.lb__carga::after{content:"";position:absolute;inset:0;width:40%;background:var(--amarelo);animation:corre-carga 1s ease-in-out infinite}
.lb__palco.is-carregando .lb__carga{opacity:1}
@keyframes corre-carga{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
.lb__rodape{display:flex;gap:18px;justify-content:center;align-items:baseline;width:min(1400px,100%);font-size:14.5px;color:rgba(255,255,255,.82)}
.lb__n{color:var(--amarelo);white-space:nowrap;font-variant-numeric:tabular-nums}
.lb button{position:absolute;display:grid;place-items:center;width:52px;height:52px;border-radius:10px;border:1.5px solid rgba(255,255,255,.22);background:var(--noite2);color:#fff;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,transform .25s var(--ease)}
.lb button svg{width:22px;height:22px}
.lb button:hover{background:var(--amarelo);border-color:var(--amarelo);color:var(--noite)}
.lb__ant:hover{transform:translateX(-3px)}
.lb__prox:hover{transform:translateX(3px)}
.lb__x{top:20px;right:20px}
.lb__ant{left:20px;top:50%;margin-top:-26px}
.lb__prox{right:20px;top:50%;margin-top:-26px}

/* chamada para a pré-vistoria */
.cv{padding:clamp(64px,8vw,104px) 0;background:var(--noite);color:#fff}
.cv__in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,64px);align-items:center}
.cv__foto{border-radius:12px;overflow:hidden;border-bottom:4px solid var(--amarelo)}
.cv__foto img{width:100%;aspect-ratio:16/10;object-fit:cover}
.cv__txt p{margin:16px 0 26px;max-width:58ch;color:rgba(255,255,255,.8);text-align:justify;hyphens:auto}

/* apólice */
.ap{padding:clamp(76px,9vw,120px) 0;background:var(--grao),var(--papel)}
.ap .tit{text-align:center}
.ap__passos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:44px;padding:0;list-style:none}
.ap__passos li{position:relative;padding:34px 30px 30px;background:#fff;border:1px solid var(--linha);border-radius:12px;transition:transform .4s var(--ease),box-shadow .4s}
.ap__passos li:hover{transform:translateY(-4px);box-shadow:0 24px 44px -30px rgba(10,20,51,.45)}
.ap__ico{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:10px;background:var(--noite);color:var(--amarelo);margin-bottom:20px}
.ap__ico svg{width:28px;height:28px}
.ap__passos h3{font:500 19px/1.3 var(--tit);color:var(--noite)}
.ap__passos p{margin-top:10px;color:var(--cinza)}
.av{padding:clamp(56px,7vw,88px) 0;background:var(--noite);color:#fff}
.av__in{display:flex;align-items:center;justify-content:space-between;gap:28px 56px}
.av__in p{margin-top:12px;max-width:62ch;color:rgba(255,255,255,.8);text-align:justify;hyphens:auto}

/* fale conosco */
.fc{padding:clamp(76px,9vw,120px) 0;background:var(--grao),var(--papel)}
.fc__grade{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}
.fc__form{background:#fff;border:1px solid var(--linha);border-radius:12px;padding:clamp(24px,3vw,40px)}
.fc__form .tit{font-size:clamp(26px,2.6vw,36px);margin-bottom:24px}
.fc__campos{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.campo textarea{width:100%;border:1.5px solid #d5d3cb;border-radius:8px;background:#fbfaf7;padding:12px;font:500 16px/1.5 var(--txt);color:var(--tinta);resize:vertical;transition:border-color .2s,box-shadow .2s}
.campo textarea:focus{outline:none;border-color:var(--azul);background:#fff;box-shadow:0 0 0 4px rgba(27,47,214,.12)}
.campo [aria-invalid]{border-color:var(--verm)}
.fc__erro{margin-bottom:14px;font-size:14.5px;font-weight:600;color:var(--verm)}
.fc__nota{margin-top:14px;font-size:13.5px;color:var(--cinza)}
.fc__canais .ct__canais li{border-bottom-color:var(--linha)}
.fc__canais .ct__canais li:first-child{border-top-color:var(--linha)}
.fc__canais .ct__canais a,.fc__canais .ct__h{color:var(--noite)}
.fc__canais{align-self:stretch;display:flex;flex-direction:column;gap:28px}
.fc__canais .ct__canais svg{color:var(--azul)}
.fc__pv{margin-top:auto;padding:28px;border-radius:12px;background:var(--noite);color:#fff;border-bottom:4px solid var(--amarelo)}
.fc__pv p{font:400 21px/1.3 var(--tit);margin-bottom:8px}
.fc__pv small{display:block;margin-bottom:20px;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.75)}
.mp{position:relative;background:var(--noite)}
.mp__mapa{position:relative;display:block;height:clamp(360px,44vw,520px);overflow:hidden;background:var(--noite2)}
.mp__mapa iframe{position:absolute;left:0;top:-140px;width:100%;height:calc(100% + 280px);border:0;pointer-events:none;filter:grayscale(1) invert(.92) contrast(1.05)}
.mp__mapa::before{content:"";position:absolute;inset:0;z-index:1;background:var(--noite);mix-blend-mode:color;pointer-events:none}
.mp__pino{position:absolute;left:50%;top:50%;z-index:2;width:26px;height:26px;margin:-33px 0 0 -13px;border-radius:50%;background:var(--amarelo);box-shadow:0 0 0 5px rgba(10,20,51,.85)}
.mp__pino i{position:absolute;inset:0;border-radius:50%;background:var(--amarelo);animation:pulso 2.4s ease-out infinite}
.mp__ficha{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:3;pointer-events:none}
.mp__cartao{pointer-events:auto;width:min(380px,100%);padding:30px;border-radius:12px;background:var(--noite);color:#fff;border-left:4px solid var(--amarelo);box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.mp__cartao h2{font:400 26px/1.2 var(--tit);margin-bottom:12px}
.mp__cartao p{color:rgba(255,255,255,.82)}
.mp__cartao .mp__nota{margin:12px 0 22px;font-size:14px;color:rgba(255,255,255,.65)}

@media (max-width:1099px){
  .ph{height:auto;padding-top:78px}
  .ph__foto{aspect-ratio:16/8;border-bottom:4px solid var(--amarelo)}
  .ph__garfo::before{display:none}
  .hs__grade{grid-template-columns:minmax(0,1fr)}
  .sv__cartoes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cp__grade,.cv__in,.fc__grade{grid-template-columns:minmax(0,1fr)}
  .gl{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:200px}
  .gl--filtrada .gl__item{flex-basis:calc((100% - 24px) / 3);height:200px}
  .gl:not(.gl--curta):not(.gl--filtrada) .gl__item:last-child{grid-column:span 3}
  .ap__passos{grid-template-columns:minmax(0,1fr)}
  .av__in{flex-direction:column;align-items:flex-start}
}
@media (max-width:760px){
  .ph__foto{aspect-ratio:4/3}
  .ph__garfo{padding:24px 18px 30px;text-align:center}
  .trilha{justify-content:center}
  .ph h1{font-size:min(30px,7.9vw);margin-inline:auto}
  .ph__lead{text-align:center}
  .hs__txt{columns:1}
  .hs__txt p{text-align:left}
  .hs__frase{padding-left:0;text-align:center}
  .hs__frase::before{display:none}
  .hs__frase p{font-size:21px}
  .mv__grade{grid-template-columns:minmax(0,1fr)}
  .mv__b{text-align:center}
  .mv__b p:last-child{text-align:left}
  .sv__lead{text-align:left;text-align-last:auto}
  .sv__cartoes{grid-template-columns:minmax(0,1fr)}
  .cp__txt>p,.cv__txt p,.av__in p{text-align:left}
  .cp__lista li{font-size:16px}
  .cv__txt{text-align:center}
  .cv__txt .btn{width:100%}
  .gl,.gl--curta{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px;gap:8px}
  .gl--filtrada .gl__item{flex-basis:calc((100% - 8px) / 2);height:150px}
  .gl:not(.gl--curta):not(.gl--filtrada) .gl__item:last-child{grid-column:span 2}
  .gl__leg{display:none}
  .gl__filtros{gap:8px}
  .gl__filtros button{height:40px;padding:0 12px;font-size:13.5px}
  .lb{padding:76px 12px 92px;gap:12px}
  .lb__palco{height:calc(100svh - 230px)}
  .lb__rodape{flex-direction:column;align-items:center;gap:4px;text-align:center}
  .lb__ant,.lb__prox{top:auto;bottom:20px;margin-top:0}
  .lb__ant{left:calc(50% - 64px)}
  .lb__prox{right:calc(50% - 64px)}
  .ap__passos li{text-align:center}
  .av__in{align-items:center;text-align:center}
  .av__in .btn{width:100%}
  .fc__campos{grid-template-columns:minmax(0,1fr)}
  .fc__form .btn{width:100%}
  .fc__nota,.fc__erro{text-align:center}
  .mp__mapa{height:320px}
  .mp__ficha{position:static;transform:none;padding:0 0 40px}
  .mp__cartao{width:100%;margin-top:-40px;position:relative;text-align:center;border-left:0;border-top:4px solid var(--amarelo)}
  .mp__cartao .btn{width:100%}
  .fc__pv{text-align:center}
  .fc__pv .btn{width:100%}
}