/* Brasil Connect — estilo. Paleta "Verde natural" do formulário + amarelo de destaque (pediu "chamativo").
   Desenho em 1440, convertido para --u. Fontes multiplicadas por --fs (botão "Texto maior"). */
:root{
  /* UNIDADE PROPORCIONAL — toda medida é N × --u */
  --u:calc(100vw / 1720);
  --verde-0:#1F2B1E;
  --verde-1:#35503A;
  --verde-2:#6B8F5E;
  --verde-3:#A9C29A;
  --verde-4:#E3E8D5;
  --creme:#F7F5EE;
  --branco:#FFFFFF;
  --sol:#F4C24A;
  --sol-2:#FFD56B;
  --tinta:#1F2B1E;
  --tinta-2:#4E5E4A;
  --linha:#D9DFCB;
  --wa:#1FA855;
  --fs:1;
  --raio:calc(var(--u)*22);
  --sombra:0 calc(var(--u)*24) calc(var(--u)*50) calc(var(--u)*-30) rgba(31,43,30,.45);
  --ff-tit:"Bricolage Grotesque",system-ui,sans-serif;
  --ff:"Plus Jakarta Sans",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--ff);font-size:calc(var(--u)*17*var(--fs));line-height:1.6;color:var(--tinta);background:var(--creme);overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
svg{flex:none}
[hidden]{display:none!important}
h1,h2,h3{font-family:var(--ff-tit);font-weight:700;line-height:1.04;letter-spacing:-.02em;color:var(--verde-0)}
h2{font-size:calc(var(--u)*54*var(--fs))}
:focus-visible{outline:calc(var(--u)*3) solid var(--sol);outline-offset:calc(var(--u)*3);border-radius:calc(var(--u)*6)}
.pular{position:absolute;left:calc(var(--u)*16);top:calc(var(--u)*-100);z-index:200;background:var(--verde-0);color:#fff;padding:calc(var(--u)*12) calc(var(--u)*18);border-radius:calc(var(--u)*10)}
.pular:focus{top:calc(var(--u)*16)}
.rotulo{display:inline-flex;align-items:center;gap:calc(var(--u)*10);font-size:calc(var(--u)*13*var(--fs));font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--verde-2)}
.rotulo::before{content:"";width:calc(var(--u)*28);height:calc(var(--u)*3);border-radius:calc(var(--u)*3);background:var(--sol)}
.rotulo--claro{color:var(--verde-3)}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u)*10);height:calc(var(--u)*56);padding:0 calc(var(--u)*28);border-radius:calc(var(--u)*999);font-weight:700;font-size:calc(var(--u)*16*var(--fs));transition:transform .25s,background .25s,box-shadow .25s,color .25s;white-space:nowrap}
.btn svg{width:calc(var(--u)*20);height:calc(var(--u)*20);fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.btn:hover{transform:translateY(-2px)}
.btn--sol{background:var(--sol);color:var(--verde-0);box-shadow:0 calc(var(--u)*14) calc(var(--u)*28) calc(var(--u)*-14) rgba(244,194,74,.9)}
.btn--sol:hover{background:var(--sol-2)}
.btn--verde{background:var(--verde-0);color:var(--creme)}
.btn--verde:hover{background:var(--verde-1)}
.btn--linha{border:2px solid var(--verde-0);color:var(--verde-0)}
.btn--linha:hover{background:var(--verde-0);color:var(--creme)}
.btn--linha svg{fill:currentColor;stroke:none}

/* ---------- topo ---------- */
.topo{position:fixed;top:calc(var(--u)*14);left:calc(var(--u)*24);right:calc(var(--u)*24);z-index:60;display:flex;align-items:center;gap:calc(var(--u)*26);height:calc(var(--u)*76);padding:0 calc(var(--u)*14) 0 calc(var(--u)*20);border-radius:calc(var(--u)*20);background:rgba(247,245,238,.72);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(calc(var(--u)*14)) saturate(1.3);-webkit-backdrop-filter:blur(calc(var(--u)*14)) saturate(1.3);box-shadow:0 calc(var(--u)*18) calc(var(--u)*40) calc(var(--u)*-30) rgba(31,43,30,.6);transition:background .3s,height .3s}
.topo.rolou{background:rgba(247,245,238,.9);height:calc(var(--u)*68)}
.marca{display:flex;align-items:center;gap:calc(var(--u)*12)}
.marca img{width:calc(var(--u)*84);height:auto}
.marca b{display:block;font-family:var(--ff-tit);font-size:calc(var(--u)*22*var(--fs));font-weight:800;line-height:1;color:var(--verde-0);letter-spacing:-.02em}
.marca small{display:block;font-size:calc(var(--u)*11.5*var(--fs));font-weight:600;letter-spacing:.06em;color:var(--verde-2);margin-top:calc(var(--u)*3)}
.topo__nav{display:flex;gap:calc(var(--u)*26);margin:0 auto;font-weight:600;font-size:calc(var(--u)*15*var(--fs))}
.topo__nav a{position:relative;padding:calc(var(--u)*6) 0;color:var(--tinta-2);transition:color .2s}
.topo__nav a:hover{color:var(--verde-0)}
.topo__nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--u)*3);border-radius:calc(var(--u)*3);background:var(--sol);transform:scaleX(0);transition:transform .25s}
.topo__nav a:hover::after{transform:scaleX(1)}
.topo__acoes{display:flex;align-items:center;gap:calc(var(--u)*10);margin-left:auto}
.idiomas{display:flex;padding:calc(var(--u)*4);border-radius:calc(var(--u)*999);background:var(--verde-4)}
.idiomas button{height:calc(var(--u)*34);min-width:calc(var(--u)*38);padding:0 calc(var(--u)*8);border-radius:calc(var(--u)*999);font-size:calc(var(--u)*12.5*var(--fs));font-weight:700;color:var(--tinta-2);transition:background .2s,color .2s}
.idiomas button.ativo{background:var(--verde-0);color:var(--creme)}
.acess-btn{display:grid;place-items:center;width:calc(var(--u)*44);height:calc(var(--u)*44);border-radius:50%;background:var(--verde-1);color:#fff}
.acess-btn svg{width:calc(var(--u)*24);height:calc(var(--u)*24);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.acess-btn svg circle{fill:currentColor;stroke:none}
.topo__cta{height:calc(var(--u)*48);padding:0 calc(var(--u)*22);font-size:calc(var(--u)*15*var(--fs))}
.topo__menu{display:none;flex-direction:column;justify-content:center;gap:calc(var(--u)*5);width:calc(var(--u)*46);height:calc(var(--u)*46);padding:0 calc(var(--u)*12)}
.topo__menu span{height:2px;border-radius:2px;background:var(--verde-0);transition:transform .3s,opacity .3s}
.acess{position:absolute;right:calc(var(--u)*120);top:calc(100% + calc(var(--u)*10));display:flex;flex-direction:column;gap:calc(var(--u)*6);width:calc(var(--u)*260);padding:calc(var(--u)*14);border-radius:calc(var(--u)*18);background:var(--branco);box-shadow:var(--sombra);border:1px solid var(--linha)}
.acess p{font-size:calc(var(--u)*12.5*var(--fs));font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--verde-2);padding:0 calc(var(--u)*6) calc(var(--u)*4)}
.acess button{display:flex;align-items:center;gap:calc(var(--u)*12);height:calc(var(--u)*48);padding:0 calc(var(--u)*14);border-radius:calc(var(--u)*12);font-weight:600;font-size:calc(var(--u)*15*var(--fs));text-align:left;transition:background .2s}
.acess button:hover{background:var(--verde-4)}
.acess button.ativo{background:var(--verde-0);color:#fff}
.acess button b{width:calc(var(--u)*24);font-family:var(--ff-tit);font-size:calc(var(--u)*18*var(--fs))}
.acess button svg{width:calc(var(--u)*24);height:calc(var(--u)*24);fill:none;stroke:currentColor;stroke-width:2}

/* ---------- hero ---------- */
.hero{position:relative;padding:calc(var(--u)*14) calc(var(--u)*14) 0;min-height:calc(var(--u)*860)}
.hero__foto{position:absolute;inset:calc(var(--u)*14) calc(var(--u)*14) calc(var(--u)*120);border-radius:calc(var(--u)*34);overflow:hidden;background:var(--verde-4)}
.hero__foto img{width:100%;height:100%;object-fit:cover;object-position:70% 50%;animation:zoom 16s ease-out both}
@keyframes zoom{from{transform:scale(1.08)}}
.hero__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,245,238,.92) 0,rgba(247,245,238,.7) 30%,rgba(247,245,238,0) 58%)}
.hero__txt{position:relative;z-index:2;max-width:calc(var(--u)*640);padding:calc(var(--u)*180) 0 0 calc(var(--u)*96)}
.selo-topo{display:inline-flex;align-items:center;gap:calc(var(--u)*10);height:calc(var(--u)*40);padding:0 calc(var(--u)*18);border-radius:calc(var(--u)*999);background:rgba(255,255,255,.8);font-size:calc(var(--u)*13.5*var(--fs));font-weight:600;color:var(--verde-1)}
.ponto{width:calc(var(--u)*9);height:calc(var(--u)*9);border-radius:50%;background:var(--wa);box-shadow:0 0 0 calc(var(--u)*4) rgba(31,168,85,.18);animation:pulsa 2s infinite}
@keyframes pulsa{50%{box-shadow:0 0 0 calc(var(--u)*8) rgba(31,168,85,0)}}
.hero h1{font-size:calc(var(--u)*70*var(--fs));font-weight:800;margin:calc(var(--u)*24) 0 calc(var(--u)*22);line-height:1}
.hero h1 em{font-style:normal;color:var(--verde-1);background:linear-gradient(transparent 62%,rgba(244,194,74,.65) 62%)}
.hero__lead{font-size:calc(var(--u)*18.5*var(--fs));color:var(--tinta-2);max-width:calc(var(--u)*540)}
.hero__btns{display:flex;gap:calc(var(--u)*14);margin-top:calc(var(--u)*34)}

/* orçamento rápido */
.cotacao{position:relative;z-index:3;display:grid;grid-template-columns:1.1fr 1.4fr 1.4fr .9fr .8fr auto;align-items:end;gap:calc(var(--u)*14);margin:calc(var(--u)*70) calc(var(--u)*82) 0;padding:calc(var(--u)*22) calc(var(--u)*24) calc(var(--u)*24);border-radius:calc(var(--u)*26);background:var(--branco);box-shadow:0 calc(var(--u)*30) calc(var(--u)*60) calc(var(--u)*-34) rgba(31,43,30,.55);border:1px solid var(--linha)}
.cotacao.pisca{animation:pisca 1.2s}
@keyframes pisca{30%{box-shadow:0 0 0 calc(var(--u)*6) rgba(244,194,74,.7),0 calc(var(--u)*30) calc(var(--u)*60) calc(var(--u)*-34) rgba(31,43,30,.55)}}
.cotacao__tit{grid-column:1/-1;display:flex;align-items:center;gap:calc(var(--u)*10);font-family:var(--ff-tit);font-size:calc(var(--u)*21*var(--fs));font-weight:700;color:var(--verde-0)}
.cotacao__tit svg{width:calc(var(--u)*24);height:calc(var(--u)*24);fill:none;stroke:var(--wa);stroke-width:2}
.campo{display:flex;flex-direction:column;gap:calc(var(--u)*6);min-width:0;font-size:calc(var(--u)*12.5*var(--fs));font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-2)}
.campo input,.campo select{width:100%;min-width:0;height:calc(var(--u)*52);padding:0 calc(var(--u)*14);border-radius:calc(var(--u)*14);border:1.5px solid var(--linha);background:var(--creme);font-size:calc(var(--u)*15.5*var(--fs));font-weight:500;letter-spacing:0;text-transform:none;color:var(--tinta);outline:none;transition:border-color .2s,background .2s}
.campo input:focus,.campo select:focus{border-color:var(--verde-1);background:#fff}
.cotacao__check{display:flex;align-items:center;gap:calc(var(--u)*10);font-size:calc(var(--u)*14.5*var(--fs));font-weight:600;color:var(--tinta-2);cursor:pointer}
.cotacao__check input{width:calc(var(--u)*20);height:calc(var(--u)*20);accent-color:var(--verde-1)}
.cotacao__enviar{grid-column:4/-1;height:calc(var(--u)*52)}
.cotacao .cotacao__check{grid-row:3}
.cotacao .cotacao__check + .cotacao__check{grid-column:3/4}

/* faixa */
.faixa{margin-top:calc(var(--u)*60);padding:calc(var(--u)*18) 0;background:var(--verde-0);overflow:hidden}
.faixa__trilho{display:flex;width:max-content;animation:desliza 46s linear infinite}
.faixa span{display:inline-flex;align-items:center;gap:calc(var(--u)*28);padding-right:calc(var(--u)*28);font-family:var(--ff-tit);font-size:calc(var(--u)*24*var(--fs));font-weight:600;color:var(--verde-4);white-space:nowrap}
.faixa span::after{content:"";width:calc(var(--u)*10);height:calc(var(--u)*10);border-radius:50%;background:var(--sol)}
@keyframes desliza{to{transform:translateX(-50%)}}

/* cabeçalhos */
.cabeca{max-width:calc(var(--u)*780);margin:0 auto calc(var(--u)*46);text-align:center}
.cabeca h2{margin:calc(var(--u)*14) 0 calc(var(--u)*14)}
.cabeca>p:last-child{font-size:calc(var(--u)*18*var(--fs));color:var(--tinta-2)}
.cabeca--esq{text-align:left;margin:0}

/* ---------- serviços (bento) ---------- */
.servicos{padding:calc(var(--u)*120) calc(var(--u)*96) calc(var(--u)*110)}
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:calc(var(--u)*250);gap:calc(var(--u)*20)}
.srv{position:relative;display:flex;border-radius:var(--raio);overflow:hidden;background:var(--branco);border:1px solid var(--linha);transition:transform .35s,box-shadow .35s}
.srv:hover{transform:translateY(calc(var(--u)*-5));box-shadow:var(--sombra)}
.srv>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}
.srv:hover>img{transform:scale(1.05)}
.srv--foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(31,43,30,0) 30%,rgba(31,43,30,.88));pointer-events:none}
.srv__corpo{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;width:100%;padding:calc(var(--u)*24) calc(var(--u)*26)}
.srv--foto .srv__corpo h3,.srv--foto .srv__corpo p{color:#fff}
.srv--foto .srv__corpo p{color:rgba(255,255,255,.86)}
.srv__ic{display:grid;place-items:center;width:calc(var(--u)*46);height:calc(var(--u)*46);border-radius:calc(var(--u)*14);background:var(--verde-4);color:var(--verde-1);margin-bottom:auto}
.srv--foto .srv__ic{background:rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(calc(var(--u)*6));-webkit-backdrop-filter:blur(calc(var(--u)*6))}
.srv__ic svg{width:calc(var(--u)*24);height:calc(var(--u)*24);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.srv h3{font-size:calc(var(--u)*24*var(--fs));margin-top:calc(var(--u)*16)}
.srv p{font-size:calc(var(--u)*14.5*var(--fs));color:var(--tinta-2);margin-top:calc(var(--u)*8);line-height:1.5}
.srv__cta{display:inline-flex;align-items:center;gap:calc(var(--u)*6);align-self:flex-start;margin-top:calc(var(--u)*14);font-size:calc(var(--u)*14*var(--fs));font-weight:700;color:var(--verde-1);border-bottom:2px solid var(--sol);padding-bottom:2px}
.srv__cta svg{width:calc(var(--u)*16);height:calc(var(--u)*16);fill:none;stroke:currentColor;stroke-width:2.2}
.srv--foto .srv__cta{color:var(--sol-2)}
/* posições do bento */
.srv--aeroporto{grid-column:span 2;grid-row:span 2}
.srv--especial{grid-column:span 2;grid-row:span 2}
.srv--destaque::before{content:"";position:absolute;inset:0;border:calc(var(--u)*3) solid var(--sol);border-radius:inherit;z-index:3;pointer-events:none}
.srv--cidades,.srv--passeios{grid-row:span 2}
.srv--aeroporto h3,.srv--especial h3{font-size:calc(var(--u)*34*var(--fs))}
.srv--particular{background:var(--sol)}
.srv--particular .srv__ic{background:rgba(31,43,30,.1);color:var(--verde-0)}
.srv--particular p{color:var(--verde-1)}
.srv--particular .srv__cta{color:var(--verde-0);border-color:var(--verde-0)}
.srv--app{background:var(--verde-0)}
.srv--app h3{color:#fff}
.srv--app p{color:var(--verde-3)}
.srv--app .srv__ic{background:rgba(255,255,255,.1);color:var(--sol)}
.srv--app .srv__cta{color:var(--sol)}

/* ---------- transporte especial ---------- */
.especial{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*70);align-items:center;margin:0 calc(var(--u)*14);padding:calc(var(--u)*100) calc(var(--u)*82);border-radius:calc(var(--u)*40);background:var(--verde-0);color:var(--verde-4)}
.especial__foto{position:relative}
.especial__foto img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:calc(var(--u)*30)}
.especial__selo{position:absolute;right:calc(var(--u)*-24);bottom:calc(var(--u)*34);display:flex;align-items:center;gap:calc(var(--u)*10);height:calc(var(--u)*56);padding:0 calc(var(--u)*22);border-radius:calc(var(--u)*999);background:var(--sol);color:var(--verde-0);font-weight:700;font-size:calc(var(--u)*15.5*var(--fs));box-shadow:0 calc(var(--u)*18) calc(var(--u)*30) calc(var(--u)*-16) rgba(0,0,0,.5)}
.especial__selo svg{width:calc(var(--u)*22);height:calc(var(--u)*22);fill:var(--verde-0)}
.especial h2{color:#fff;margin:calc(var(--u)*16) 0 calc(var(--u)*20);font-size:calc(var(--u)*50*var(--fs))}
.especial__txt>p{font-size:calc(var(--u)*17.5*var(--fs));color:var(--verde-3)}
.especial__lista{list-style:none;margin:calc(var(--u)*28) 0 calc(var(--u)*34);display:grid;gap:calc(var(--u)*14)}
.especial__lista li{display:flex;gap:calc(var(--u)*14);align-items:flex-start;font-size:calc(var(--u)*16.5*var(--fs));color:#fff}
.especial__lista svg{width:calc(var(--u)*26);height:calc(var(--u)*26);padding:calc(var(--u)*4);border-radius:50%;background:var(--verde-1);fill:none;stroke:var(--sol);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

/* ---------- destinos ---------- */
.destinos{padding:calc(var(--u)*120) calc(var(--u)*96)}
.destinos__grade{display:grid;grid-template-columns:1.3fr 1fr;gap:calc(var(--u)*28);align-items:stretch}
.mapa{position:relative;min-height:calc(var(--u)*520);border-radius:calc(var(--u)*30);background:radial-gradient(circle at 70% 20%,#EEF2E3,var(--verde-4));border:1px solid var(--linha);overflow:hidden}
.mapa__desenho{position:absolute;inset:0;width:100%;height:100%}
.mapa__mar{fill:#BFD6C6}
.mapa__estrada{fill:none;stroke:var(--verde-1);stroke-width:.5;stroke-dasharray:1.4 1.1;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-width:2.4}
.mapa__ilhas ellipse{fill:var(--verde-3)}
.ponto-mapa{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*6);z-index:2}
.ponto-mapa i{display:block;width:calc(var(--u)*22);height:calc(var(--u)*22);border-radius:50%;background:var(--branco);border:calc(var(--u)*5) solid var(--verde-1);box-shadow:0 calc(var(--u)*6) calc(var(--u)*14) calc(var(--u)*-4) rgba(31,43,30,.5);transition:transform .25s,background .25s,border-color .25s}
.ponto-mapa span{padding:calc(var(--u)*5) calc(var(--u)*12);border-radius:calc(var(--u)*999);background:var(--branco);font-size:calc(var(--u)*13.5*var(--fs));font-weight:700;color:var(--verde-0);box-shadow:0 calc(var(--u)*8) calc(var(--u)*18) calc(var(--u)*-10) rgba(31,43,30,.6);white-space:nowrap;transition:background .25s,color .25s}
.ponto-mapa:hover i{transform:scale(1.2)}
.ponto-mapa.ativo i{background:var(--sol);border-color:var(--verde-0);transform:scale(1.25)}
.ponto-mapa.ativo span{background:var(--verde-0);color:#fff}
.ponto-mapa--casa i{animation:pulsa-v 2.2s infinite}
@keyframes pulsa-v{50%{box-shadow:0 0 0 calc(var(--u)*12) rgba(53,80,58,0)}0%{box-shadow:0 0 0 0 rgba(53,80,58,.35)}}
.mapa__legenda{position:absolute;font-size:calc(var(--u)*12*var(--fs));font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--verde-1);opacity:.7}
.mapa__legenda--mar{left:44%;bottom:5%;color:#fff;opacity:.9}
.mapa__legenda--estrada{left:20%;top:30%;transform:rotate(-24deg)}
.destino{display:flex;flex-direction:column;border-radius:calc(var(--u)*30);background:var(--branco);border:1px solid var(--linha);overflow:hidden}
.destino__foto{aspect-ratio:16/10;overflow:hidden;background:var(--verde-4)}
.destino__foto img{width:100%;height:100%;object-fit:cover;transition:opacity .25s,transform .6s}
.destino__foto img.troca{opacity:0;transform:scale(1.04)}
.destino__corpo{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:calc(var(--u)*26) calc(var(--u)*30) calc(var(--u)*30)}
.destino__casa{font-size:calc(var(--u)*12*var(--fs));font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:calc(var(--u)*5) calc(var(--u)*12);border-radius:calc(var(--u)*999);background:var(--sol);color:var(--verde-0);margin-bottom:calc(var(--u)*12)}
.destino h3{font-size:calc(var(--u)*38*var(--fs))}
.destino p{font-size:calc(var(--u)*16.5*var(--fs));color:var(--tinta-2);margin:calc(var(--u)*10) 0 calc(var(--u)*24);flex:1}

/* ---------- como funciona ---------- */
.como{padding:calc(var(--u)*110) calc(var(--u)*96);background:var(--verde-4);border-radius:calc(var(--u)*40);margin:0 calc(var(--u)*14)}
.passos{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*24);counter-reset:p}
.passos li{position:relative;padding:calc(var(--u)*34) calc(var(--u)*32) calc(var(--u)*32);border-radius:calc(var(--u)*26);background:var(--branco)}
.passos__n{display:grid;place-items:center;width:calc(var(--u)*58);height:calc(var(--u)*58);border-radius:calc(var(--u)*18);background:var(--verde-0);color:var(--sol);font-family:var(--ff-tit);font-size:calc(var(--u)*28*var(--fs));font-weight:800;margin-bottom:calc(var(--u)*22)}
.passos li:not(:last-child)::after{content:"";position:absolute;top:calc(var(--u)*62);right:calc(var(--u)*-24);width:calc(var(--u)*24);height:calc(var(--u)*3);background:var(--verde-2)}
.passos h3{font-size:calc(var(--u)*26*var(--fs));margin-bottom:calc(var(--u)*8)}
.passos p{color:var(--tinta-2);font-size:calc(var(--u)*16*var(--fs))}
.valores{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u)*20);margin-top:calc(var(--u)*40)}
.valores li{display:grid;grid-template-columns:calc(var(--u)*44) 1fr;column-gap:calc(var(--u)*14);align-items:center}
.valores svg{grid-row:span 2;width:calc(var(--u)*44);height:calc(var(--u)*44);padding:calc(var(--u)*10);border-radius:calc(var(--u)*14);background:var(--verde-1);fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.valores b{font-family:var(--ff-tit);font-size:calc(var(--u)*19*var(--fs));color:var(--verde-0)}
.valores span{font-size:calc(var(--u)*14*var(--fs));color:var(--tinta-2)}

/* ---------- dúvidas ---------- */
.duvidas{display:grid;grid-template-columns:calc(var(--u)*420) 1fr;gap:calc(var(--u)*70);padding:calc(var(--u)*120) calc(var(--u)*96)}
.duvidas .cabeca h2{margin-bottom:calc(var(--u)*16)}
.duvidas .cabeca p{margin-bottom:calc(var(--u)*28);font-size:calc(var(--u)*17*var(--fs));color:var(--tinta-2)}
.faq{display:grid;gap:calc(var(--u)*12)}
.faq__item{border-radius:calc(var(--u)*20);background:var(--branco);border:1px solid var(--linha);transition:border-color .2s}
.faq__item[open]{border-color:var(--verde-2)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--u)*20);padding:calc(var(--u)*22) calc(var(--u)*26);font-family:var(--ff-tit);font-size:calc(var(--u)*21*var(--fs));font-weight:600;color:var(--verde-0);cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq__mais{position:relative;flex:none;width:calc(var(--u)*34);height:calc(var(--u)*34);border-radius:50%;background:var(--verde-4)}
.faq__mais::before,.faq__mais::after{content:"";position:absolute;left:50%;top:50%;width:calc(var(--u)*14);height:calc(var(--u)*2.5);border-radius:2px;background:var(--verde-1);transform:translate(-50%,-50%);transition:transform .25s}
.faq__mais::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq__item[open] .faq__mais{background:var(--sol)}
.faq__item[open] .faq__mais::after{transform:translate(-50%,-50%) rotate(0)}
.faq__item p{padding:0 calc(var(--u)*26) calc(var(--u)*24);font-size:calc(var(--u)*16.5*var(--fs));color:var(--tinta-2)}

/* ---------- contato ---------- */
.contato{position:relative;display:grid;grid-template-columns:1fr auto;gap:calc(var(--u)*40);align-items:center;margin:0 calc(var(--u)*14) calc(var(--u)*14);padding:calc(var(--u)*80) calc(var(--u)*82);border-radius:calc(var(--u)*40);background:var(--verde-1);overflow:hidden}
.contato__emblema{position:absolute;right:calc(var(--u)*-30);bottom:calc(var(--u)*-20);width:calc(var(--u)*520);opacity:.1;pointer-events:none}
.contato h2{color:#fff;font-size:calc(var(--u)*48*var(--fs));max-width:calc(var(--u)*640)}
.contato p{color:var(--verde-4);font-size:calc(var(--u)*18*var(--fs));margin-top:calc(var(--u)*14)}
.contato__links{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:calc(var(--u)*10)}
.contato__links .btn{height:calc(var(--u)*64);padding:0 calc(var(--u)*32);font-size:calc(var(--u)*19*var(--fs))}
.contato__mail{color:var(--verde-4);font-weight:600;font-size:calc(var(--u)*16*var(--fs))}
.contato__mail:hover{color:var(--sol)}

/* ---------- rodapé ---------- */
.rodape{padding:calc(var(--u)*46) calc(var(--u)*96) calc(var(--u)*40);text-align:center}
.rodape__marca{display:inline-flex;align-items:center;gap:calc(var(--u)*12);text-align:left}
.rodape__marca img{width:calc(var(--u)*90);height:auto}
.rodape__marca b{display:block;font-family:var(--ff-tit);font-size:calc(var(--u)*22*var(--fs));font-weight:800;color:var(--verde-0)}
.rodape__marca small{font-size:calc(var(--u)*12*var(--fs));color:var(--verde-2);font-weight:600}
.rodape p{color:var(--tinta-2);font-size:calc(var(--u)*15*var(--fs));margin-top:calc(var(--u)*16)}
.rodape__base{font-size:calc(var(--u)*13.5*var(--fs))!important;opacity:.8}

/* whatsapp e vídeo */
.wa-flutua{position:fixed;right:calc(var(--u)*26);bottom:calc(var(--u)*26);z-index:70;width:calc(var(--u)*64);height:calc(var(--u)*64);border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;box-shadow:0 calc(var(--u)*14) calc(var(--u)*30) calc(var(--u)*-10) rgba(31,168,85,.7);transition:transform .3s}
.wa-flutua svg{width:calc(var(--u)*34);height:calc(var(--u)*34)}
.wa-flutua::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--wa);animation:onda 2.4s infinite;z-index:-1}
.wa-flutua:hover{transform:scale(1.08)}
@keyframes onda{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.7);opacity:0}}
.video-modal{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:calc(var(--u)*30);background:rgba(15,22,14,.85)}
.video-modal__caixa{width:min(calc(var(--u)*1100),100%);aspect-ratio:16/9;border-radius:calc(var(--u)*20);overflow:hidden;background:#000}
.video-modal__caixa iframe,.video-modal__caixa video{width:100%;height:100%;border:0}
.video-modal__x{position:absolute;top:calc(var(--u)*20);right:calc(var(--u)*26);font-size:calc(var(--u)*40*var(--fs));color:#fff}

/* revelar */
.js [data-rv]{opacity:0;transform:translateY(calc(var(--u)*24));transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--rv,0ms)}
.js [data-rv].vis{opacity:1;transform:none}

/* ---------- acessibilidade ---------- */
.a-maior{--fs:1.18}
.a-parado *,.a-parado *::before,.a-parado *::after{animation:none!important;transition:none!important}
.a-parado [data-rv]{opacity:1!important;transform:none!important}
.a-contraste{--verde-0:#000;--verde-1:#0B3D14;--verde-2:#0B3D14;--verde-3:#FFFFFF;--verde-4:#FFFFFF;--creme:#FFFFFF;--tinta:#000;--tinta-2:#111;--linha:#000;--sol:#FFD000}
.a-contraste .hero__foto::after{background:linear-gradient(90deg,rgba(255,255,255,.97) 0,rgba(255,255,255,.9) 40%,rgba(255,255,255,0) 62%)}
.a-contraste .srv--foto::after{background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.95))}
.a-contraste .srv,.a-contraste .faq__item,.a-contraste .cotacao,.a-contraste .destino{border-width:2px}
.a-contraste .especial,.a-contraste .contato{background:#000}
.a-contraste .especial__txt>p,.a-contraste .contato p,.a-contraste .contato__mail{color:#fff}
.a-contraste .mapa__mar{fill:#7FB0D9}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.js [data-rv]{opacity:1;transform:none}}

/* =================== tablet =================== */
@media (max-width:999px){
  h2{font-size:calc(var(--u)*44*var(--fs))}
  .topo{left:calc(var(--u)*16);right:calc(var(--u)*16);gap:calc(var(--u)*12)}
  .topo__nav{display:none}
  .topo__menu{display:flex}
  .topo.aberto{border-radius:calc(var(--u)*20) calc(var(--u)*20) 0 0}
  .topo.aberto .topo__nav{display:flex;flex-direction:column;gap:0;position:absolute;left:-1px;right:-1px;top:100%;padding:calc(var(--u)*8) calc(var(--u)*24) calc(var(--u)*18);background:rgba(247,245,238,.98);border-radius:0 0 calc(var(--u)*20) calc(var(--u)*20);border:1px solid rgba(255,255,255,.7);border-top:1px solid var(--linha);font-size:calc(var(--u)*18*var(--fs))}
  .topo.aberto .topo__nav a{padding:calc(var(--u)*12) 0;border-bottom:1px solid var(--linha)}
  .topo.aberto .topo__menu span:nth-child(1){transform:translateY(calc(var(--u)*7)) rotate(45deg)}
  .topo.aberto .topo__menu span:nth-child(2){opacity:0}
  .topo.aberto .topo__menu span:nth-child(3){transform:translateY(calc(var(--u)*-7)) rotate(-45deg)}
  .topo__cta{display:none}
  .acess{right:calc(var(--u)*60)}
  .hero{min-height:0}
  .hero__foto{inset:calc(var(--u)*14) calc(var(--u)*14) auto;height:calc(var(--u)*620)}
  .hero__foto::after{background:linear-gradient(180deg,rgba(247,245,238,.92) 0,rgba(247,245,238,.75) 45%,rgba(247,245,238,.1) 80%)}
  .hero__txt{padding:calc(var(--u)*150) calc(var(--u)*40) 0;max-width:none}
  .hero h1{font-size:calc(var(--u)*62*var(--fs))}
  .cotacao{grid-template-columns:1fr 1fr;margin:calc(var(--u)*190) calc(var(--u)*26) 0}
  .cotacao .cotacao__check,.cotacao .cotacao__check + .cotacao__check{grid-row:auto;grid-column:auto}
  .cotacao__enviar{grid-column:1/-1}
  .servicos,.destinos,.duvidas{padding:calc(var(--u)*90) calc(var(--u)*30)}
  .bento{grid-template-columns:repeat(2,1fr)}
  .especial{grid-template-columns:1fr;padding:calc(var(--u)*70) calc(var(--u)*40);gap:calc(var(--u)*50)}
  .especial__selo{right:calc(var(--u)*20)}
  .destinos__grade{grid-template-columns:1fr}
  .como{padding:calc(var(--u)*90) calc(var(--u)*30)}
  .passos{grid-template-columns:1fr}
  .passos li::after{display:none}
  .valores{grid-template-columns:repeat(2,1fr)}
  .duvidas{grid-template-columns:1fr;gap:calc(var(--u)*40)}
  .contato{grid-template-columns:1fr;padding:calc(var(--u)*60) calc(var(--u)*40)}
  .contato__links{align-items:flex-start}
  .rodape{padding:calc(var(--u)*40) calc(var(--u)*30) calc(var(--u)*110)}
}

/* =================== celular (desenho em 390) =================== */
@media (max-width:639px){
  body{font-size:calc(var(--u)*15.5*var(--fs))}
  h2{font-size:calc(var(--u)*34*var(--fs))}
  .topo{top:calc(var(--u)*8);left:calc(var(--u)*8);right:calc(var(--u)*8);height:calc(var(--u)*62);padding:0 calc(var(--u)*6) 0 calc(var(--u)*10);border-radius:calc(var(--u)*16)}
  .topo.rolou{height:calc(var(--u)*58)}
  .marca{gap:calc(var(--u)*8)}
  .marca img{width:calc(var(--u)*52)}
  .marca b{font-size:calc(var(--u)*16*var(--fs))}
  .marca small{display:none}
  .topo__acoes{gap:calc(var(--u)*4)}
  .idiomas{padding:calc(var(--u)*3)}
  .idiomas button{height:calc(var(--u)*30);min-width:calc(var(--u)*28);padding:0 calc(var(--u)*4);font-size:calc(var(--u)*11*var(--fs))}
  .acess-btn{width:calc(var(--u)*36);height:calc(var(--u)*36)}
  .acess-btn svg{width:calc(var(--u)*20);height:calc(var(--u)*20)}
  .topo__menu{width:calc(var(--u)*38);height:calc(var(--u)*38);padding:0 calc(var(--u)*9)}
  .acess{right:0;width:calc(var(--u)*240)}
  .hero{padding:calc(var(--u)*8) calc(var(--u)*8) 0}
  .hero__foto{inset:calc(var(--u)*8) calc(var(--u)*8) auto;height:calc(var(--u)*560);border-radius:calc(var(--u)*24)}
  .hero__foto img{object-position:72% 50%}
  .hero__foto::after{background:linear-gradient(180deg,rgba(247,245,238,.95) 0,rgba(247,245,238,.85) 55%,rgba(247,245,238,.2) 85%)}
  .hero__txt{padding:calc(var(--u)*100) calc(var(--u)*14) 0}
  .selo-topo{height:auto;padding:calc(var(--u)*8) calc(var(--u)*14);font-size:calc(var(--u)*11.5*var(--fs));line-height:1.35}
  .hero h1{font-size:calc(var(--u)*40*var(--fs));margin:calc(var(--u)*18) 0 calc(var(--u)*14)}
  .hero__lead{font-size:calc(var(--u)*15.5*var(--fs))}
  .hero__btns{flex-direction:column;gap:calc(var(--u)*10);margin-top:calc(var(--u)*22)}
  .btn{height:calc(var(--u)*52);font-size:calc(var(--u)*15*var(--fs))}
  .cotacao{grid-template-columns:1fr 1fr;gap:calc(var(--u)*12);margin:calc(var(--u)*40) calc(var(--u)*10) 0;padding:calc(var(--u)*18) calc(var(--u)*16) calc(var(--u)*20);border-radius:calc(var(--u)*22)}
  .cotacao__tit{font-size:calc(var(--u)*17*var(--fs))}
  .cotacao .campo{grid-column:1/-1}
  .cotacao .cotacao__check{grid-column:1/-1}
  .campo input,.campo select{height:calc(var(--u)*50)}
  .faixa{margin-top:calc(var(--u)*44);padding:calc(var(--u)*14) 0}
  .faixa span{font-size:calc(var(--u)*18*var(--fs));gap:calc(var(--u)*18);padding-right:calc(var(--u)*18)}
  .servicos,.destinos,.duvidas{padding:calc(var(--u)*70) calc(var(--u)*14)}
  .cabeca{margin-bottom:calc(var(--u)*30)}
  .cabeca>p:last-child{font-size:calc(var(--u)*15.5*var(--fs))}
  .bento{grid-template-columns:1fr;grid-auto-rows:auto;gap:calc(var(--u)*14)}
  .srv,.srv--aeroporto,.srv--especial,.srv--cidades,.srv--passeios{grid-column:auto;grid-row:auto;min-height:calc(var(--u)*230)}
  .srv--foto{min-height:calc(var(--u)*300)}
  .srv--aeroporto,.srv--especial{min-height:calc(var(--u)*380)}
  .srv--aeroporto h3,.srv--especial h3{font-size:calc(var(--u)*28*var(--fs))}
  .srv h3{font-size:calc(var(--u)*22*var(--fs))}
  .srv__corpo{padding:calc(var(--u)*20)}
  .especial{margin:0 calc(var(--u)*8);padding:calc(var(--u)*50) calc(var(--u)*18);border-radius:calc(var(--u)*28);gap:calc(var(--u)*36)}
  .especial h2{font-size:calc(var(--u)*32*var(--fs))}
  .especial__selo{right:calc(var(--u)*12);bottom:calc(var(--u)*14);height:calc(var(--u)*46);font-size:calc(var(--u)*13.5*var(--fs))}
  .especial__lista li{font-size:calc(var(--u)*15*var(--fs))}
  .especial .btn{width:100%;white-space:normal;height:auto;min-height:calc(var(--u)*56);padding:calc(var(--u)*12) calc(var(--u)*20);text-align:center}
  .mapa{min-height:calc(var(--u)*360);border-radius:calc(var(--u)*22)}
  .ponto-mapa span{font-size:calc(var(--u)*11*var(--fs));padding:calc(var(--u)*4) calc(var(--u)*8)}
  .ponto-mapa i{width:calc(var(--u)*18);height:calc(var(--u)*18);border-width:calc(var(--u)*4)}
  .mapa__legenda{font-size:calc(var(--u)*9.5*var(--fs))}
  .destino{border-radius:calc(var(--u)*22)}
  .destino h3{font-size:calc(var(--u)*30*var(--fs))}
  .destino__corpo{padding:calc(var(--u)*20)}
  .como{margin:0 calc(var(--u)*8);padding:calc(var(--u)*60) calc(var(--u)*14);border-radius:calc(var(--u)*28)}
  .passos li{padding:calc(var(--u)*24) calc(var(--u)*22)}
  .valores{grid-template-columns:1fr}
  .faq summary{font-size:calc(var(--u)*17.5*var(--fs));padding:calc(var(--u)*18) calc(var(--u)*18)}
  .faq__item p{padding:0 calc(var(--u)*18) calc(var(--u)*20);font-size:calc(var(--u)*15*var(--fs))}
  .contato{margin:0 calc(var(--u)*8) calc(var(--u)*8);padding:calc(var(--u)*50) calc(var(--u)*20);border-radius:calc(var(--u)*28)}
  .contato h2{font-size:calc(var(--u)*32*var(--fs))}
  .contato__links .btn{height:calc(var(--u)*58);font-size:calc(var(--u)*17*var(--fs));width:100%}
  .rodape{padding:calc(var(--u)*36) calc(var(--u)*18) calc(var(--u)*110)}
  .wa-flutua{right:calc(var(--u)*14);bottom:calc(var(--u)*14);width:calc(var(--u)*56);height:calc(var(--u)*56)}
  .wa-flutua svg{width:calc(var(--u)*30);height:calc(var(--u)*30)}
}

@media (max-width:999px){:root{--u:calc(100vw / 820)}}
@media (max-width:639px){:root{--u:calc(100vw / 390)}}

/* ajustes pós-captura */
.hero__foto::after{background:linear-gradient(90deg,rgba(247,245,238,.95) 0,rgba(247,245,238,.82) 32%,rgba(247,245,238,0) 56%)}
.hero__lead{max-width:calc(var(--u)*480)}
.srv--executivo p,.srv--pet p,.srv--encomendas p{display:none}
.srv--executivo h3,.srv--pet h3,.srv--encomendas h3{font-size:calc(var(--u)*22*var(--fs))}
.srv--app{grid-column:1/-1;grid-row:auto}
.srv--app .srv__corpo{flex-direction:row;align-items:center;gap:calc(var(--u)*24)}
.srv--app .srv__ic{margin:0;width:calc(var(--u)*64);height:calc(var(--u)*64)}
.srv--app h3{margin:0;white-space:nowrap}
.srv--app p{margin:0;flex:1}
.srv--app .srv__cta{margin:0}
.mapa__legenda--estrada{left:58%;top:74%;transform:rotate(-10deg)}
.contato__emblema{z-index:0}
.contato__txt,.contato__links{position:relative;z-index:1}
@media (max-width:999px){.srv--app{grid-column:1/-1}}
@media (max-width:639px){
  .srv--executivo p,.srv--pet p,.srv--encomendas p{display:block}
  .srv--app .srv__corpo{flex-direction:column;align-items:flex-start;gap:calc(var(--u)*8)}
  .srv--app .srv__ic{width:calc(var(--u)*46);height:calc(var(--u)*46);margin-bottom:calc(var(--u)*10)}
  .mapa__legenda--estrada{left:52%;top:80%}
}
/* topo em celular/tablet: foto em cima, texto embaixo */
@media (max-width:999px){
  .hero__foto{position:relative;inset:auto;height:calc(var(--u)*470);margin-top:calc(var(--u)*100)}
  .hero__foto::after{background:linear-gradient(180deg,rgba(247,245,238,0) 60%,rgba(247,245,238,.35))}
  .hero__txt{padding:calc(var(--u)*40) calc(var(--u)*26) 0}
  .cotacao{margin-top:calc(var(--u)*50)}
}
@media (max-width:639px){
  .hero__foto{height:calc(var(--u)*270);margin-top:calc(var(--u)*72)}
  .hero__foto img{object-position:78% 50%}
  .hero__txt{padding:calc(var(--u)*26) calc(var(--u)*8) 0}
  .cotacao{margin-top:calc(var(--u)*34)}
  .ponto-mapa span{display:none}
  .ponto-mapa.ativo span{display:block}
}
@media (min-width:1000px){.bento{grid-template-rows:repeat(4,calc(var(--u)*250)) auto}}
.srv--app .srv__corpo{justify-content:flex-start;padding:calc(var(--u)*24) calc(var(--u)*30)}
.srv--app .srv__cta{margin-left:auto}
@media (max-width:999px){.bento{grid-auto-rows:calc(var(--u)*250)}.srv--app{grid-row:auto}}
@media (max-width:639px){.bento{grid-auto-rows:auto}.srv--app .srv__cta{margin-left:0}}
.srv--app .srv__cta{align-self:center}@media (max-width:639px){.srv--app .srv__cta{align-self:flex-start}}

/* =================== seções novas (inspiradas no Vip Select) — 06/10 =================== */
/* orçamento em 12 colunas: serviço·de·para·data·hora·pass / nome·origem·checks·enviar */
.cotacao{grid-template-columns:repeat(12,1fr)}
.cotacao .campo{grid-column:span 2}
.cotacao .campo--nome,.cotacao .campo--origem{grid-column:span 3}
.cotacao__checks{grid-column:span 3;display:flex;flex-direction:column;gap:calc(var(--u)*8);align-self:center}
.cotacao .cotacao__check,.cotacao .cotacao__check + .cotacao__check{grid-row:auto;grid-column:auto}
.cotacao__enviar{grid-column:span 3}

/* por que + carro */
.por{display:grid;grid-template-columns:calc(var(--u)*440) 1fr;gap:calc(var(--u)*60);align-items:center;padding:calc(var(--u)*110) calc(var(--u)*96) calc(var(--u)*20)}
.carro{position:relative;border-radius:calc(var(--u)*30);overflow:hidden;background:var(--verde-0);aspect-ratio:4/4.6}
.carro img{width:100%;height:100%;object-fit:cover}
.carro figcaption{position:absolute;left:calc(var(--u)*16);right:calc(var(--u)*16);bottom:calc(var(--u)*16);padding:calc(var(--u)*22) calc(var(--u)*24);border-radius:calc(var(--u)*22);background:rgba(31,43,30,.78);backdrop-filter:blur(calc(var(--u)*10));-webkit-backdrop-filter:blur(calc(var(--u)*10));color:#fff}
.carro b{display:block;font-family:var(--ff-tit);font-size:calc(var(--u)*28*var(--fs));font-weight:700;margin:calc(var(--u)*6) 0 calc(var(--u)*14)}
.carro ul{list-style:none;display:flex;flex-wrap:wrap;gap:calc(var(--u)*8) calc(var(--u)*18)}
.carro li{display:flex;align-items:center;gap:calc(var(--u)*8);font-size:calc(var(--u)*14.5*var(--fs));font-weight:600;color:var(--verde-4)}
.carro li svg{width:calc(var(--u)*20);height:calc(var(--u)*20);fill:none;stroke:var(--sol);stroke-width:1.8;stroke-linecap:round}
.por__txt h2{margin:calc(var(--u)*14) 0 calc(var(--u)*34);font-size:calc(var(--u)*48*var(--fs))}
.por__grade{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*18)}
.por__grade article{padding:calc(var(--u)*26) calc(var(--u)*26) calc(var(--u)*24);border-radius:calc(var(--u)*24);background:var(--branco);border:1px solid var(--linha)}
.por__ic{display:grid;place-items:center;width:calc(var(--u)*52);height:calc(var(--u)*52);border-radius:calc(var(--u)*16);background:var(--sol);color:var(--verde-0);margin-bottom:calc(var(--u)*16)}
.por__ic svg{width:calc(var(--u)*26);height:calc(var(--u)*26);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.por__grade h3{font-size:calc(var(--u)*22*var(--fs));margin-bottom:calc(var(--u)*8)}
.por__grade p{font-size:calc(var(--u)*15*var(--fs));color:var(--tinta-2);line-height:1.5}

/* trajetos */
.trajetos{padding:calc(var(--u)*30) calc(var(--u)*96) calc(var(--u)*110)}
.cabeca--linha{display:flex;justify-content:space-between;align-items:flex-end;gap:calc(var(--u)*30);max-width:none;text-align:left;margin-bottom:calc(var(--u)*34)}
.cabeca--linha h2{margin-bottom:0}
.chips{display:flex;flex-wrap:wrap;gap:calc(var(--u)*8)}
.chip{height:calc(var(--u)*46);padding:0 calc(var(--u)*20);border-radius:calc(var(--u)*999);border:1.5px solid var(--linha);background:var(--branco);font-weight:700;font-size:calc(var(--u)*14.5*var(--fs));color:var(--tinta-2);transition:all .2s}
.chip:hover{border-color:var(--verde-1);color:var(--verde-0)}
.chip.ativo{background:var(--verde-0);border-color:var(--verde-0);color:var(--sol)}
.trajetos__grade{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u)*18)}
.traj{display:flex;flex-direction:column;padding:calc(var(--u)*22) calc(var(--u)*22) calc(var(--u)*20);border-radius:calc(var(--u)*24);background:var(--branco);border:1px solid var(--linha);transition:transform .3s,box-shadow .3s,border-color .3s}
.traj:hover{transform:translateY(calc(var(--u)*-4));box-shadow:var(--sombra);border-color:var(--verde-3)}
.traj__tipo{display:inline-flex;align-items:center;gap:calc(var(--u)*7);align-self:flex-start;height:calc(var(--u)*32);padding:0 calc(var(--u)*12);border-radius:calc(var(--u)*999);background:var(--verde-4);font-size:calc(var(--u)*12.5*var(--fs));font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--verde-1)}
.traj__tipo svg{width:calc(var(--u)*16);height:calc(var(--u)*16);fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.traj--passeio .traj__tipo{background:#FCEBC0;color:#7A5A0C}
.traj h3{display:flex;flex-direction:column;gap:2px;margin:calc(var(--u)*16) 0 calc(var(--u)*12);font-size:calc(var(--u)*21*var(--fs));line-height:1.15}
.traj h3 i{font-style:normal;color:var(--sol);font-size:calc(var(--u)*18*var(--fs));line-height:1}
.traj__tempo{display:flex;align-items:center;gap:calc(var(--u)*8);font-size:calc(var(--u)*14*var(--fs));font-weight:700;color:var(--verde-1)}
.traj__tempo svg{width:calc(var(--u)*18);height:calc(var(--u)*18);fill:none;stroke:currentColor;stroke-width:2}
.traj ul{list-style:none;margin:calc(var(--u)*12) 0 calc(var(--u)*18);flex:1}
.traj li{position:relative;padding:calc(var(--u)*3) 0 calc(var(--u)*3) calc(var(--u)*22);font-size:calc(var(--u)*14*var(--fs));color:var(--tinta-2)}
.traj li::before{content:"";position:absolute;left:2px;top:calc(var(--u)*10);width:calc(var(--u)*10);height:calc(var(--u)*6);border-left:calc(var(--u)*2.5) solid var(--verde-2);border-bottom:calc(var(--u)*2.5) solid var(--verde-2);transform:rotate(-45deg)}
.traj__cta{display:flex;justify-content:space-between;align-items:center;height:calc(var(--u)*48);padding:0 calc(var(--u)*18);border-radius:calc(var(--u)*14);background:var(--verde-4);font-weight:700;font-size:calc(var(--u)*15*var(--fs));color:var(--verde-0);transition:background .2s,color .2s}
.traj__cta svg{width:calc(var(--u)*18);height:calc(var(--u)*18);fill:none;stroke:currentColor;stroke-width:2.2}
.traj__cta:hover{background:var(--sol)}
.trajetos__nota{margin-top:calc(var(--u)*22);font-size:calc(var(--u)*14*var(--fs));color:var(--tinta-2);text-align:center}

/* parceiros */
.parceiros{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*20) calc(var(--u)*70);align-items:center;margin:calc(var(--u)*110) calc(var(--u)*14) 0;padding:calc(var(--u)*80) calc(var(--u)*82);border-radius:calc(var(--u)*40);background:linear-gradient(135deg,#FFF6DA,var(--verde-4))}
.parceiros h2{font-size:calc(var(--u)*44*var(--fs));margin:calc(var(--u)*14) 0 calc(var(--u)*18)}
.parceiros__txt>p:last-child{font-size:calc(var(--u)*17*var(--fs));color:var(--tinta-2)}
.parceiros__lista{list-style:none;display:grid;gap:calc(var(--u)*14)}
.parceiros__lista li{padding:calc(var(--u)*20) calc(var(--u)*24);border-radius:calc(var(--u)*20);background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.9)}
.parceiros__lista b{display:block;font-family:var(--ff-tit);font-size:calc(var(--u)*20*var(--fs));color:var(--verde-0)}
.parceiros__lista span{font-size:calc(var(--u)*15*var(--fs));color:var(--tinta-2)}
.parceiros .btn{grid-column:1;justify-self:start}

/* tablet */
@media (max-width:999px){
  .cotacao{grid-template-columns:repeat(6,1fr)}
  .cotacao .campo{grid-column:span 3}
  .cotacao .campo--nome,.cotacao .campo--origem{grid-column:span 3}
  .cotacao__checks{grid-column:1/-1;flex-direction:row;gap:calc(var(--u)*24)}
  .cotacao__enviar{grid-column:1/-1}
  .por{grid-template-columns:1fr;padding:calc(var(--u)*90) calc(var(--u)*30) calc(var(--u)*10);gap:calc(var(--u)*40)}
  .carro{aspect-ratio:16/10}
  .trajetos{padding:calc(var(--u)*30) calc(var(--u)*30) calc(var(--u)*90)}
  .cabeca--linha{flex-direction:column;align-items:flex-start}
  .trajetos__grade{grid-template-columns:repeat(2,1fr)}
  .parceiros{grid-template-columns:1fr;padding:calc(var(--u)*60) calc(var(--u)*40);margin-top:calc(var(--u)*90)}
}
/* celular */
@media (max-width:639px){
  .cotacao{grid-template-columns:1fr 1fr}
  .cotacao .campo,.cotacao .campo--nome,.cotacao .campo--origem{grid-column:1/-1}
  .cotacao__checks{flex-direction:column;gap:calc(var(--u)*8)}
  .por{padding:calc(var(--u)*70) calc(var(--u)*14) 0;gap:calc(var(--u)*30)}
  .carro{aspect-ratio:4/4.4;border-radius:calc(var(--u)*22)}
  .carro figcaption{left:calc(var(--u)*10);right:calc(var(--u)*10);bottom:calc(var(--u)*10);padding:calc(var(--u)*16) calc(var(--u)*18)}
  .carro b{font-size:calc(var(--u)*22*var(--fs))}
  .por__txt h2{font-size:calc(var(--u)*32*var(--fs));margin-bottom:calc(var(--u)*24)}
  .por__grade{grid-template-columns:1fr;gap:calc(var(--u)*12)}
  .por__grade article{padding:calc(var(--u)*20)}
  .trajetos{padding:calc(var(--u)*20) calc(var(--u)*14) calc(var(--u)*70)}
  .chips{flex-wrap:nowrap;overflow-x:auto;width:calc(100% + calc(var(--u)*28));margin:0 calc(var(--u)*-14);padding:0 calc(var(--u)*14) calc(var(--u)*4);scrollbar-width:none}
  .chips::-webkit-scrollbar{display:none}
  .chip{flex:none;height:calc(var(--u)*42);font-size:calc(var(--u)*13.5*var(--fs))}
  .trajetos__grade{grid-template-columns:1fr;gap:calc(var(--u)*12)}
  .parceiros{margin:calc(var(--u)*70) calc(var(--u)*8) 0;padding:calc(var(--u)*46) calc(var(--u)*18);border-radius:calc(var(--u)*28)}
  .parceiros h2{font-size:calc(var(--u)*30*var(--fs))}
  .parceiros .btn{width:100%}
}
.topo__nav a{white-space:nowrap}.marca span{white-space:nowrap}

/* =================== campos do orçamento (campos.js) =================== */
.sel__nativo{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden}
.sel,.sug{position:relative;width:100%;min-width:0}
.sel__btn{display:flex;align-items:center;gap:calc(var(--u)*10);width:100%;height:calc(var(--u)*52);padding:0 calc(var(--u)*14) 0 calc(var(--u)*12);border-radius:calc(var(--u)*14);border:1.5px solid var(--linha);background:var(--creme);font-size:calc(var(--u)*15.5*var(--fs));font-weight:600;letter-spacing:0;text-transform:none;color:var(--tinta);text-align:left;transition:border-color .2s,background .2s,box-shadow .2s}
.sel__btn:hover{border-color:var(--verde-3);background:#fff}
.sel--aberto .sel__btn,.sel__btn:focus-visible{border-color:var(--verde-1);background:#fff;box-shadow:0 0 0 calc(var(--u)*4) rgba(107,143,94,.18);outline:none}
.sel__valor{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sel__valor--vazio{color:#8A9686;font-weight:500}
.sel__seta{width:calc(var(--u)*20);height:calc(var(--u)*20);flex:none;fill:none;stroke:var(--verde-1);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.sel--aberto .sel__seta{transform:rotate(180deg)}
.sel__ic{display:grid;place-items:center;flex:none;width:calc(var(--u)*30);height:calc(var(--u)*30);border-radius:calc(var(--u)*9);background:var(--verde-4);color:var(--verde-1)}
.sel__ic svg{width:calc(var(--u)*18);height:calc(var(--u)*18);fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round}
.sel__lista{position:absolute;z-index:40;left:0;top:calc(100% + calc(var(--u)*8));min-width:100%;width:max-content;max-width:calc(var(--u)*340);max-height:calc(var(--u)*330);overflow:auto;padding:calc(var(--u)*8);list-style:none;border-radius:calc(var(--u)*18);background:#fff;border:1px solid var(--linha);box-shadow:0 calc(var(--u)*26) calc(var(--u)*50) calc(var(--u)*-20) rgba(31,43,30,.45);outline:none;animation:selAbre .18s ease-out;scrollbar-width:thin;scrollbar-color:var(--verde-3) transparent}
.sel--cima .sel__lista{top:auto;bottom:calc(100% + calc(var(--u)*8));animation-name:selAbreCima}
@keyframes selAbre{from{opacity:0;transform:translateY(calc(var(--u)*-6)) scale(.98)}}
@keyframes selAbreCima{from{opacity:0;transform:translateY(calc(var(--u)*6)) scale(.98)}}
.sel__op{display:flex;align-items:center;gap:calc(var(--u)*12);min-height:calc(var(--u)*46);padding:calc(var(--u)*7) calc(var(--u)*12) calc(var(--u)*7) calc(var(--u)*8);border-radius:calc(var(--u)*12);font-size:calc(var(--u)*15*var(--fs));font-weight:600;letter-spacing:0;text-transform:none;color:var(--tinta);cursor:pointer;transition:background .12s}
.sel__op>span:not(.sel__ic){flex:1}
.sel__op b{color:var(--verde-1);background:rgba(244,194,74,.45);border-radius:calc(var(--u)*4);padding:0 1px}
.sel__op--ativo{background:var(--verde-4)}
.sel__op--on{color:var(--verde-0)}
.sel__op--on .sel__ic{background:var(--verde-0);color:var(--sol)}
.sel__check{width:calc(var(--u)*20);height:calc(var(--u)*20);flex:none;fill:none;stroke:var(--verde-1);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.sel__op--on .sel__check{opacity:1}
/* sugestões de lugar */
.sug input{padding-left:calc(var(--u)*46)!important}
.sug__ic{position:absolute;left:calc(var(--u)*14);top:50%;transform:translateY(-50%);display:grid;place-items:center;pointer-events:none;color:var(--verde-2)}
.sug__ic svg{width:calc(var(--u)*20);height:calc(var(--u)*20);fill:none;stroke:currentColor;stroke-width:1.9}
.sug__lista{width:100%;max-width:none;min-width:calc(var(--u)*280)}
/* contador de passageiros */
.contador{display:flex;align-items:center;justify-content:space-between;height:calc(var(--u)*52);padding:0 calc(var(--u)*5);border-radius:calc(var(--u)*14);border:1.5px solid var(--linha);background:var(--creme)}
.contador button{display:grid;place-items:center;width:calc(var(--u)*38);height:calc(var(--u)*38);border-radius:calc(var(--u)*10);background:#fff;color:var(--verde-1);box-shadow:0 2px calc(var(--u)*6) calc(var(--u)*-3) rgba(31,43,30,.35);transition:background .2s,color .2s}
.contador button:hover:not(:disabled){background:var(--verde-0);color:var(--sol)}
.contador button:disabled{opacity:.35;cursor:default;box-shadow:none}
.contador svg{width:calc(var(--u)*18);height:calc(var(--u)*18);fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}
.contador output{font-family:var(--ff-tit);font-size:calc(var(--u)*20*var(--fs));font-weight:700;color:var(--verde-0);letter-spacing:0;text-transform:none}
.contador output.pula{animation:pula .3s}
@keyframes pula{50%{transform:scale(1.25)}}
/* data, hora e caixas de seleção */
.campo input[type=date],.campo input[type=time]{font-weight:600;color:var(--tinta);color-scheme:light;accent-color:var(--verde-1)}
.campo input[type=date]::-webkit-calendar-picker-indicator,.campo input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;filter:invert(24%) sepia(18%) saturate(900%) hue-rotate(70deg)}
.campo input::placeholder{color:#8A9686;font-weight:500}
.cotacao__check input{appearance:none;-webkit-appearance:none;flex:none;display:grid;place-items:center;width:calc(var(--u)*24);height:calc(var(--u)*24);margin:0;border-radius:calc(var(--u)*8);border:2px solid var(--verde-3);background:#fff;cursor:pointer;transition:background .2s,border-color .2s}
.cotacao__check input::after{content:"";width:calc(var(--u)*6);height:calc(var(--u)*11);border-right:calc(var(--u)*2.6) solid var(--sol);border-bottom:calc(var(--u)*2.6) solid var(--sol);transform:rotate(45deg) translate(-1px,-1px) scale(0);transition:transform .2s}
.cotacao__check input:checked{background:var(--verde-0);border-color:var(--verde-0)}
.cotacao__check input:checked::after{transform:rotate(45deg) translate(-1px,-1px) scale(1)}
.cotacao__check:hover input{border-color:var(--verde-1)}
@media (max-width:639px){
  .sel__btn,.contador{height:calc(var(--u)*50)}
  .sel__lista{max-width:calc(100vw - calc(var(--u)*52))}
  .sug__lista{min-width:0}
}

/* grade do orçamento por classe (não depende de label/div) */
.cotacao{grid-template-columns:repeat(12,minmax(0,1fr))}
.cotacao .campo{grid-column:auto}
.cotacao .campo--servico{grid-column:span 3}
.cotacao .campo--de,.cotacao .campo--para{grid-column:span 3}
.cotacao .campo--data{grid-column:span 1}
.cotacao .campo--hora{grid-column:span 1}
.cotacao .campo--pass{grid-column:span 1}
.cotacao .campo--nome,.cotacao .campo--origem{grid-column:span 3}
.cotacao__checks{grid-column:span 3}
.cotacao__enviar{grid-column:span 3}
.cotacao .campo--data,.cotacao .campo--hora{min-width:0}
@media (min-width:1000px){
  .cotacao .campo--servico{grid-column:span 2}
  .cotacao .campo--data{grid-column:span 2}
}
@media (max-width:999px){
  .cotacao{grid-template-columns:repeat(6,minmax(0,1fr))}
  .cotacao .campo--servico{grid-column:1/-1}
  .cotacao .campo--de,.cotacao .campo--para,.cotacao .campo--nome,.cotacao .campo--origem{grid-column:span 3}
  .cotacao .campo--data,.cotacao .campo--hora,.cotacao .campo--pass{grid-column:span 2}
  .cotacao__checks,.cotacao__enviar{grid-column:1/-1}
}
@media (max-width:639px){
  .cotacao{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cotacao .campo--servico,.cotacao .campo--de,.cotacao .campo--para,.cotacao .campo--nome,.cotacao .campo--origem,.cotacao .campo--pass{grid-column:1/-1}
  .cotacao .campo--data,.cotacao .campo--hora{grid-column:span 1}
}
@media (min-width:1000px){
  .cotacao .campo--servico,.cotacao .campo--de,.cotacao .campo--para,.cotacao .campo--data{grid-column:span 3}
  .cotacao .campo--hora,.cotacao .campo--pass,.cotacao .campo--nome{grid-column:span 2}
  .cotacao .campo--origem,.cotacao__enviar{grid-column:span 3}
  .cotacao__checks{grid-column:1/-1;flex-direction:row;gap:calc(var(--u)*28);margin-top:calc(var(--u)*-2)}
}
@media (min-width:1000px){.cotacao__checks{order:1}}
@media (max-width:639px){.marca span{white-space:normal}}

/* =================== hero v2 — redesenho pelo método de design (06/10) =================== */
.hero{position:relative;min-height:0;padding:0;overflow:hidden;background:var(--verde-0)}
.hero__foto{position:absolute;inset:0;height:auto;margin:0;border-radius:0}
.hero__foto img{object-position:64% 50%}
.hero__foto::after{background:linear-gradient(90deg,rgba(247,245,238,.93) 0,rgba(247,245,238,.8) 28%,rgba(247,245,238,.25) 46%,rgba(247,245,238,0) 58%),linear-gradient(0deg,rgba(18,26,17,.88) 0,rgba(18,26,17,.45) calc(var(--u)*110),rgba(18,26,17,0) calc(var(--u)*230))}
.hero__conteudo{position:relative;z-index:2;width:calc(var(--u)*600);padding:calc(var(--u)*118) 0 calc(var(--u)*30) calc(var(--u)*60)}
.hero__txt{padding:0;max-width:none}
.hero .selo-topo{height:calc(var(--u)*36);font-size:calc(var(--u)*13.5*var(--fs))}
.hero h1{font-size:calc(var(--u)*66*var(--fs));font-weight:800;line-height:.98;letter-spacing:-.035em;margin:calc(var(--u)*18) 0 calc(var(--u)*12)}
.hero h1 span{display:block}
.hero__slogan{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--u)*8) calc(var(--u)*16);font-size:calc(var(--u)*20*var(--fs));font-weight:500;color:var(--verde-1)}
.hero__video{display:inline-flex;align-items:center;gap:calc(var(--u)*8);height:calc(var(--u)*38);padding:0 calc(var(--u)*16);border-radius:calc(var(--u)*999);background:var(--verde-0);color:#fff;font-size:calc(var(--u)*14*var(--fs));font-weight:700}
.hero__video svg{width:calc(var(--u)*14);height:calc(var(--u)*14);fill:var(--sol)}
/* card de orçamento */
.hero .cotacao{grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--u)*12);margin:calc(var(--u)*24) 0 0;padding:calc(var(--u)*22) calc(var(--u)*24) calc(var(--u)*24);border-radius:calc(var(--u)*24);background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.9);box-shadow:0 calc(var(--u)*30) calc(var(--u)*60) calc(var(--u)*-30) rgba(18,26,17,.55)}
.cotacao__cab{grid-column:1/-1;display:flex;gap:calc(var(--u)*14);align-items:flex-start;margin-bottom:2px}
.cotacao__ic{display:grid;place-items:center;flex:none;width:calc(var(--u)*48);height:calc(var(--u)*48);border-radius:50%;background:var(--verde-4);color:var(--verde-1)}
.cotacao__ic svg{width:calc(var(--u)*24);height:calc(var(--u)*24);fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round}
.hero .cotacao__tit{display:block;font-size:calc(var(--u)*23*var(--fs));font-weight:700;margin:0}
.cotacao__sub{font-size:calc(var(--u)*14*var(--fs));line-height:1.45;color:var(--tinta-2);margin-top:calc(var(--u)*4)}
.hero .cotacao .campo{font-size:calc(var(--u)*12*var(--fs))}
.hero .cotacao .campo input,.hero .sel__btn,.hero .contador{height:calc(var(--u)*48)}
.hero .cotacao .campo--servico{grid-column:span 2}
.hero .cotacao .campo--data,.hero .cotacao .campo--hora{grid-column:span 1}
.hero .cotacao .campo--de,.hero .cotacao .campo--para,.hero .cotacao .campo--nome,.hero .cotacao .campo--origem{grid-column:span 2}
.hero .cotacao .campo--pass{grid-column:span 1}
.hero .cotacao__checks{grid-column:span 3;order:0;flex-direction:row;align-items:flex-end;gap:calc(var(--u)*20);padding-bottom:calc(var(--u)*12);margin:0}
.hero .cotacao__enviar{grid-column:1/-1;height:calc(var(--u)*56);font-size:calc(var(--u)*17*var(--fs))}
.cotacao__wa{width:calc(var(--u)*22)!important;height:calc(var(--u)*22)!important}
/* faixa de confiança */
.confianca{position:relative;z-index:2;display:flex;list-style:none;padding:calc(var(--u)*8) calc(var(--u)*60) calc(var(--u)*34)}
.confianca li{display:flex;align-items:center;gap:calc(var(--u)*14);padding:0 calc(var(--u)*34);border-left:1px solid rgba(255,255,255,.22);color:#fff}
.confianca li:first-child{padding-left:0;border:0}
.confianca__ic{display:grid;place-items:center;flex:none;width:calc(var(--u)*52);height:calc(var(--u)*52);border-radius:50%;background:var(--verde-1);border:1.5px solid rgba(169,194,154,.55)}
.confianca__ic svg{width:calc(var(--u)*24);height:calc(var(--u)*24);fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.confianca b{display:block;font-family:var(--ff-tit);font-size:calc(var(--u)*18*var(--fs));font-weight:700}
.confianca span{font-size:calc(var(--u)*13.5*var(--fs));color:rgba(255,255,255,.78)}
/* o botão amarelo do topo só aparece depois de rolar: na primeira tela a ação é o formulário */


/* tablet: foto em cima, conteúdo embaixo */
@media (max-width:999px){
  .hero{background:var(--creme)}
  .hero__foto{position:relative;inset:auto;height:calc(var(--u)*470);margin:calc(var(--u)*96) calc(var(--u)*16) 0;border-radius:calc(var(--u)*26);overflow:hidden}
  .hero__foto::after{background:none}
  .hero__conteudo{width:auto;padding:calc(var(--u)*32) calc(var(--u)*30) 0}
  .confianca{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*12);padding:calc(var(--u)*30) calc(var(--u)*30) calc(var(--u)*46)}
  .confianca li,.confianca li:first-child{padding:calc(var(--u)*18);border:0;border-radius:calc(var(--u)*18);background:var(--verde-0)}
}
/* celular */
@media (max-width:639px){
  .hero__foto{height:calc(var(--u)*250);margin:calc(var(--u)*76) calc(var(--u)*8) 0;border-radius:calc(var(--u)*22)}
  .hero__conteudo{padding:calc(var(--u)*22) calc(var(--u)*14) 0}
  .hero .selo-topo{height:auto;padding:calc(var(--u)*7) calc(var(--u)*12);font-size:calc(var(--u)*11.5*var(--fs))}
  .hero h1{font-size:calc(var(--u)*40*var(--fs));margin:calc(var(--u)*14) 0 calc(var(--u)*8)}
  .hero__slogan{font-size:calc(var(--u)*16*var(--fs))}
  .hero .cotacao{grid-template-columns:repeat(2,minmax(0,1fr));padding:calc(var(--u)*18) calc(var(--u)*16) calc(var(--u)*20);border-radius:calc(var(--u)*22);margin-top:calc(var(--u)*20)}
  .cotacao__cab{gap:calc(var(--u)*12)}
  .cotacao__ic{width:calc(var(--u)*40);height:calc(var(--u)*40)}
  .hero .cotacao__tit{font-size:calc(var(--u)*19*var(--fs))}
  .cotacao__sub{font-size:calc(var(--u)*13*var(--fs))}
  .hero .cotacao .campo--servico,.hero .cotacao .campo--de,.hero .cotacao .campo--para,.hero .cotacao .campo--nome,.hero .cotacao .campo--origem,.hero .cotacao .campo--pass,.hero .cotacao__checks{grid-column:1/-1}
  .hero .cotacao__checks{flex-direction:column;align-items:flex-start;gap:calc(var(--u)*8);padding:0}
  .hero .cotacao__enviar{font-size:calc(var(--u)*15*var(--fs))}
  .confianca{grid-template-columns:1fr 1fr;gap:calc(var(--u)*10);padding:calc(var(--u)*24) calc(var(--u)*14) calc(var(--u)*36)}
  .confianca li,.confianca li:first-child{flex-direction:column;align-items:flex-start;gap:calc(var(--u)*10);padding:calc(var(--u)*14)}
  .confianca__ic{width:calc(var(--u)*40);height:calc(var(--u)*40)}
  .confianca__ic svg{width:calc(var(--u)*20);height:calc(var(--u)*20)}
  .confianca b{font-size:calc(var(--u)*15.5*var(--fs))}
  .confianca span{font-size:calc(var(--u)*12*var(--fs))}
}

/* hero v2 — card em 6 colunas, ordem explícita */
@media (min-width:640px){
  .hero .cotacao{grid-template-columns:repeat(6,minmax(0,1fr));gap:calc(var(--u)*10);padding:calc(var(--u)*20) calc(var(--u)*24) calc(var(--u)*22)}
  .hero .cotacao .campo--servico{grid-column:1/-1;order:1}
  .hero .cotacao .campo--de{grid-column:span 3;order:2}
  .hero .cotacao .campo--para{grid-column:span 3;order:3}
  .hero .cotacao .campo--data{grid-column:span 2;order:4}
  .hero .cotacao .campo--hora{grid-column:span 2;order:5}
  .hero .cotacao .campo--pass{grid-column:span 2;order:6}
  .hero .cotacao .campo--nome{grid-column:span 3;order:7}
  .hero .cotacao .campo--origem{grid-column:span 3;order:8}
  .hero .cotacao__checks{grid-column:1/-1;order:9;flex-direction:row;align-items:center;gap:calc(var(--u)*26);padding:calc(var(--u)*2) 0}
  .hero .cotacao__enviar{order:10}
  .hero .cotacao .campo input,.hero .sel__btn,.hero .contador{height:calc(var(--u)*46)}
  .hero .cotacao__check span{white-space:nowrap}
}
@media (min-width:1000px){
  .hero__conteudo{padding-top:calc(var(--u)*108)}
  .hero h1{font-size:calc(var(--u)*64*var(--fs))}
}
@media (max-width:639px){
  .hero .cotacao .campo--data,.hero .cotacao .campo--hora{grid-column:span 1}
}
/* faixa de confiança com fundo próprio (contraste em toda a largura) */
@media (min-width:1000px){
  .confianca{margin-top:calc(var(--u)*30);padding:calc(var(--u)*22) calc(var(--u)*60);background:rgba(18,26,17,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.12)}
  .hero__conteudo{padding-bottom:0}
  .faixa{margin-top:0}
}

/* =================== celular v2 — redesenho pelo método de design (06/10) =================== */
.idiomas__atual,.cotacao__selos,.cotacao__mais{display:none}
@media (max-width:639px){
  /* idioma compacto */
  .idiomas{position:relative;padding:0;background:none}
  .idiomas__atual{display:flex;align-items:center;gap:calc(var(--u)*5);height:calc(var(--u)*38);padding:0 calc(var(--u)*10);border-radius:calc(var(--u)*999);background:var(--verde-4);font-size:calc(var(--u)*13*var(--fs));font-weight:700;color:var(--verde-0)}
  .idiomas__atual svg{width:calc(var(--u)*17);height:calc(var(--u)*17);fill:none;stroke:currentColor;stroke-width:1.8}
  .idiomas__atual .idiomas__seta{width:calc(var(--u)*13);height:calc(var(--u)*13);stroke-width:2.4;transition:transform .2s}
  .idiomas--aberto .idiomas__seta{transform:rotate(180deg)}
  .idiomas button[data-lang]{display:none}
  .idiomas--aberto{z-index:5}
  .idiomas--aberto::before{content:"";position:absolute;top:calc(var(--u)*44);left:calc(var(--u)*-6);width:calc(var(--u)*70);height:calc(var(--u)*178);border-radius:calc(var(--u)*16);background:#fff;box-shadow:0 calc(var(--u)*20) calc(var(--u)*40) calc(var(--u)*-16) rgba(31,43,30,.45);border:1px solid var(--linha)}
  .idiomas--aberto button[data-lang]{display:block;position:absolute;left:0;width:calc(var(--u)*58);height:calc(var(--u)*36);border-radius:calc(var(--u)*10);font-size:calc(var(--u)*13.5*var(--fs));z-index:1}
  .idiomas--aberto button[data-lang="pt"]{top:calc(var(--u)*50)}
  .idiomas--aberto button[data-lang="en"]{top:calc(var(--u)*90)}
  .idiomas--aberto button[data-lang="es"]{top:calc(var(--u)*130)}
  .idiomas--aberto button[data-lang="fr"]{top:calc(var(--u)*170)}
  .acess-btn{width:calc(var(--u)*38);height:calc(var(--u)*38)}
  .topo__acoes{gap:calc(var(--u)*6)}
  .marca b{font-size:calc(var(--u)*17*var(--fs))}
  /* foto + cidades sobre a foto */
  .hero__foto{height:calc(var(--u)*226)}
  .hero .selo-topo{position:absolute;z-index:3;top:calc(var(--u)*252);left:calc(var(--u)*20);right:calc(var(--u)*20);justify-content:center;background:rgba(255,255,255,.92);box-shadow:0 calc(var(--u)*10) calc(var(--u)*24) calc(var(--u)*-14) rgba(0,0,0,.5)}
  .hero__conteudo{padding-top:calc(var(--u)*20)}
  .hero h1{font-size:calc(var(--u)*39*var(--fs));margin-top:0}
  .hero__slogan{font-size:calc(var(--u)*15.5*var(--fs));line-height:1.4}
  /* card curto: só origem, destino e botão; o resto abre no primeiro toque */
  .hero .cotacao{margin-top:calc(var(--u)*18);padding:calc(var(--u)*16) calc(var(--u)*16) calc(var(--u)*14);gap:calc(var(--u)*10)}
  .cotacao__cab{gap:calc(var(--u)*12)}
  .cotacao__sub{font-size:calc(var(--u)*12.5*var(--fs))}
  .hero .cotacao .campo--de{order:1}
  .hero .cotacao .campo--para{order:2}
  .hero .cotacao .campo--servico{order:4}
  .hero .cotacao .campo--data{order:5}
  .hero .cotacao .campo--hora{order:6}
  .hero .cotacao .campo--pass{order:7}
  .hero .cotacao .campo--nome{order:8}
  .hero .cotacao .campo--origem{order:9}
  .hero .cotacao__checks{order:10}
  .hero .cotacao__enviar{order:11;height:calc(var(--u)*52)}
  .hero .cotacao__selos{order:12}
  .cotacao__mais{order:3;grid-column:1/-1;margin:calc(var(--u)*6) 0 -2px;padding-top:calc(var(--u)*12);border-top:1px dashed var(--linha);font-size:calc(var(--u)*13*var(--fs));font-weight:700;color:var(--verde-1)}
  .cotacao:not(.cotacao--curta) .cotacao__mais{display:block}
  .cotacao--curta .campo--servico,.cotacao--curta .campo--data,.cotacao--curta .campo--hora,.cotacao--curta .campo--pass,.cotacao--curta .campo--nome,.cotacao--curta .campo--origem,.cotacao--curta .cotacao__checks{display:none}
  .hero .cotacao .campo input,.hero .sel__btn,.hero .contador{height:calc(var(--u)*48)}
  .cotacao__selos{display:grid;grid-column:1/-1;grid-template-columns:repeat(4,1fr);list-style:none;margin-top:calc(var(--u)*4);padding-top:calc(var(--u)*12);border-top:1px solid var(--linha)}
  .cotacao__selos li{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*5);padding:0 calc(var(--u)*4);text-align:center;font-size:calc(var(--u)*10.5*var(--fs));font-weight:600;line-height:1.2;color:var(--tinta-2);border-left:1px solid var(--linha)}
  .cotacao__selos li:first-child{border:0}
  .cotacao__selos svg{width:calc(var(--u)*30);height:calc(var(--u)*30);padding:calc(var(--u)*6);border-radius:50%;background:var(--verde-4);fill:none;stroke:var(--verde-1);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  /* as caixas grandes de confiança viraram os selos do card */
  .confianca{display:none}
  .hero{padding-bottom:calc(var(--u)*30)}
  /* WhatsApp flutuante menor e escondido enquanto o formulário do topo está na tela */
  .wa-flutua{width:calc(var(--u)*50);height:calc(var(--u)*50);transition:transform .3s,opacity .3s}
  .wa-flutua svg{width:calc(var(--u)*27);height:calc(var(--u)*27)}
  body.hero-na-tela .wa-flutua{opacity:0;transform:scale(.6);pointer-events:none}
}
@media (max-width:639px){
  .hero .selo-topo{top:calc(var(--u)*-54)}
  .hero__conteudo{padding-top:calc(var(--u)*16)}
  .hero h1{font-size:calc(var(--u)*37*var(--fs))}
  .hero__slogan{font-size:calc(var(--u)*15*var(--fs))}
  .hero .cotacao{margin-top:calc(var(--u)*14)}
}

/* =================== v3 — formulário progressivo + hero escuro (mock do Wil, 06/10) =================== */
/* etapas: o que ainda não é hora fica escondido; ao aparecer, entra deslizando */
.cotacao[data-etapa="1"] .e2,.cotacao[data-etapa="1"] .e3,.cotacao[data-etapa="2"] .e3{display:none!important}
.surge{animation:surge .45s cubic-bezier(.2,.8,.2,1) backwards}
/* campo com lista aberta fica na frente dos vizinhos (a animação .surge cria camada própria enquanto roda) */
.campo:has(.sel--aberto){position:relative;z-index:45}
@keyframes surge{from{opacity:0;transform:translateY(calc(var(--u)*-8))}}
.campo.falta .sel__btn,.campo.falta input,.campo.falta .sug input{border-color:#D9822B!important;box-shadow:0 0 0 calc(var(--u)*4) rgba(217,130,43,.18)}
.campo.falta{animation:treme .35s}
@keyframes treme{25%{transform:translateX(calc(var(--u)*-5))}75%{transform:translateX(calc(var(--u)*5))}}
.hero .cotacao .cotacao__mais{display:block;grid-column:1/-1;order:7;margin:calc(var(--u)*4) 0 -2px;padding-top:calc(var(--u)*12);border-top:1px dashed var(--linha);font-size:calc(var(--u)*13.5*var(--fs));font-weight:700;color:var(--verde-1)}
/* ordem igual em todas as telas */
.hero .cotacao .campo--servico{order:1}
.hero .cotacao .campo--de{order:2}
.hero .cotacao .campo--para{order:3}
.hero .cotacao .campo--data{order:4}
.hero .cotacao .campo--hora{order:5}
.hero .cotacao .campo--pass{order:6}
.hero .cotacao .campo--nome{order:8}
.hero .cotacao .campo--origem{order:9}
.hero .cotacao .cotacao__checks{order:10}
.hero .cotacao .cotacao__enviar{order:11}
.hero .cotacao .cotacao__selos{order:12}
/* selos no pé do card em todas as telas */
.hero .cotacao__selos{display:grid;grid-column:1/-1;grid-template-columns:repeat(3,1fr);list-style:none;margin-top:calc(var(--u)*4);padding-top:calc(var(--u)*14);border-top:1px solid var(--linha)}
.hero .cotacao__selos li{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*10);padding:0 calc(var(--u)*8);font-size:calc(var(--u)*13.5*var(--fs));font-weight:600;line-height:1.25;color:var(--tinta-2);border-left:1px solid var(--linha)}
.hero .cotacao__selos li:first-child{border:0}
.hero .cotacao__selos li:nth-child(3){display:none}
.hero .cotacao__selos svg{flex:none;width:calc(var(--u)*34);height:calc(var(--u)*34);padding:calc(var(--u)*7);border-radius:50%;background:var(--verde-4);fill:none;stroke:var(--verde-1);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.topo__cta svg{width:calc(var(--u)*20);height:calc(var(--u)*20)}
.hero__destaques{display:none}

/* computador: foto escura, título branco, destaques sob o slogan */
@media (min-width:1000px){
  .topo:not(.rolou) .topo__cta{display:inline-flex}
  .hero__foto::after{background:linear-gradient(90deg,rgba(13,20,12,.82) 0,rgba(13,20,12,.62) 30%,rgba(13,20,12,.2) 50%,rgba(13,20,12,0) 62%),linear-gradient(180deg,rgba(13,20,12,.35) 0,rgba(13,20,12,0) 22%,rgba(13,20,12,0) 75%,rgba(13,20,12,.45) 100%)}
  .hero__foto img{filter:saturate(1.1) contrast(1.04)}
  .hero .selo-topo{display:none}
  .hero__conteudo{width:calc(var(--u)*640);padding:calc(var(--u)*124) 0 calc(var(--u)*56) calc(var(--u)*64)}
  .hero h1{color:#fff;font-size:calc(var(--u)*72*var(--fs));margin:0 0 calc(var(--u)*14);text-shadow:0 2px calc(var(--u)*24) rgba(0,0,0,.25)}
  .hero h1 em{font-style:normal;color:var(--sol)}
  .hero__slogan{color:rgba(255,255,255,.92);font-size:calc(var(--u)*22*var(--fs))}
  .hero__destaques{display:flex;list-style:none;margin-top:calc(var(--u)*24)}
  .hero__destaques li{display:flex;align-items:center;gap:calc(var(--u)*12);padding:0 calc(var(--u)*22);border-left:1px solid rgba(255,255,255,.28)}
  .hero__destaques li:first-child{padding-left:0;border:0}
  .hero__destaques span{display:grid;place-items:center;flex:none;width:calc(var(--u)*48);height:calc(var(--u)*48);border-radius:50%;background:rgba(31,43,30,.55);border:2px solid var(--verde-2)}
  .hero__destaques svg{width:calc(var(--u)*24);height:calc(var(--u)*24);fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .hero__destaques b{max-width:calc(var(--u)*160);font-size:calc(var(--u)*15*var(--fs));font-weight:600;line-height:1.3;color:#fff}
  .hero .cotacao{margin-top:calc(var(--u)*26);background:#fff;box-shadow:0 calc(var(--u)*34) calc(var(--u)*70) calc(var(--u)*-30) rgba(0,0,0,.6)}
  .confianca{display:none}
}
/* celular: os 4 selos (inclui PcD, que no computador fica sob o slogan) */
@media (max-width:639px){
  .hero .cotacao__selos{grid-template-columns:repeat(4,1fr)}
  .hero .cotacao__selos li{flex-direction:column;gap:calc(var(--u)*5);padding:0 calc(var(--u)*3);text-align:center;font-size:calc(var(--u)*10.5*var(--fs))}
  .hero .cotacao__selos li:nth-child(3){display:flex}
  .hero .cotacao__selos svg{width:calc(var(--u)*30);height:calc(var(--u)*30);padding:calc(var(--u)*6)}
  .hero .cotacao .cotacao__mais{font-size:calc(var(--u)*13*var(--fs))}
}
.hero h1 span span{display:inline}
.hero h1 em{background:none;padding:0}
@media (min-width:1000px){
  .hero__conteudo{width:calc(var(--u)*720)}
  .hero .cotacao{max-width:calc(var(--u)*600)}
  .hero__destaques li{flex:none;padding:0 calc(var(--u)*20)}
  .hero__destaques b{width:calc(var(--u)*150);max-width:none}
}
@media (max-width:999px){.hero h1 em{color:var(--verde-1)}}
@media (max-width:639px){
  .cotacao[data-etapa="1"] .campo--servico{display:none!important}
  .hero .cotacao .campo--de{order:1}
  .hero .cotacao .campo--para{order:2}
  .hero .cotacao .campo--servico{order:3}
}