/* ══════════════════════════════════════════════════════════════
   LORDELO TRANSPORTE & TURISMO — folha única
   Estrutura herdada do Vip Select (hero com barra de reserva,
   catálogo com chips, frota, como funciona, depoimentos, destinos).
   Paleta "Grafite & dourado" escolhida no formulário: seções escuras
   alternando com creme, ouro só em detalhe e em botão.
   Escrito em px numa tela de 1440 (tablet 820, celular 390) e
   convertido para --u por px_para_u.py.
   ══════════════════════════════════════════════════════════════ */
:root{
  /* UNIDADE PROPORCIONAL — toda medida é N × --u */
  --u:calc(100vw / 1440);
 --preto:#0E0E10;
 --grafite:#1E1E22;
 --grafite-2:#3A3A40;
 --carvao:#151518;          /* cartões sobre o preto */
 --ouro:#B8955A;            /* traço, ícone, detalhe */
 --ouro-claro:#D9BF8C;      /* texto dourado sobre escuro */
 --ouro-esc:#8A6A35;        /* texto dourado sobre creme (contraste 4,6:1) */
 --creme:#F4EFE6;
 --creme-2:#EAE3D6;
 --tinta:#17161A;           /* títulos sobre creme */
 --corpo:#4E4A44;           /* texto corrido sobre creme */
 --claro:#B7B0A4;           /* texto corrido sobre escuro */
 --suave:#8C867C;
 --linha-e:rgba(217,191,140,.16);   /* fio dourado sobre escuro */
 --linha-c:#DDD3C2;                 /* fio sobre creme */
 --dourado:linear-gradient(135deg,#E9D3A0 0%,#C9A25E 48%,#A67F3F 100%);
 --sombra:0 2px calc(var(--u)*6) rgba(0,0,0,.05),0 calc(var(--u)*26) calc(var(--u)*52) calc(var(--u)*-26) rgba(30,22,10,.30);
 --mola:cubic-bezier(.16,1,.3,1);
 --r:calc(var(--u)*14); --r-g:calc(var(--u)*20);
 --topo:calc(var(--u)*92);
 --serif:'Cormorant Garamond',Georgia,serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--preto);color:var(--claro);
 font:400 calc(var(--u)*16)/1.65 'Manrope','Segoe UI',system-ui,sans-serif;
 -webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
svg{width:calc(var(--u)*18);height:calc(var(--u)*18);flex:none;fill:none;stroke:currentColor;stroke-width:1.6;
 stroke-linecap:round;stroke-linejoin:round}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3,h4{margin:0;font-family:var(--serif);font-weight:600;letter-spacing:-.01em;line-height:1.05;color:#fff}
h2 em,h1 em{font-style:italic;font-weight:500;color:var(--ouro-claro)}
p{margin:0}
.wrap{width:calc(100% - calc(var(--u)*140));max-width:calc(var(--u)*1340);margin-inline:auto}

/* claro = seção creme */
.claro{background:var(--creme);color:var(--corpo)}
.claro h2,.claro h3{color:var(--tinta)}
.claro h2 em{color:var(--ouro-esc)}

/* ── rótulo de seção ──────────────────────────────────────────── */
.kicker{display:inline-flex;align-items:center;gap:calc(var(--u)*12);font-size:calc(var(--u)*12);font-weight:600;
 letter-spacing:.3em;text-transform:uppercase;color:var(--ouro-claro);margin-bottom:calc(var(--u)*18)}
.kicker::before{content:'';width:calc(var(--u)*28);height:1px;background:var(--ouro)}
.claro .kicker{color:var(--ouro-esc)}
.sechd{text-align:center;max-width:calc(var(--u)*720);margin:0 auto calc(var(--u)*58)}
.sechd .kicker::after{content:'';width:calc(var(--u)*28);height:1px;background:var(--ouro)}
.sechd.esq .kicker::after{display:none}
.sechd h2{font-size:calc(var(--u)*54)}
/* fio com losango no meio — o "cheio de detalhes" do formulário */
.risco{position:relative;width:calc(var(--u)*150);height:1px;margin:calc(var(--u)*24) auto 0;
 background:linear-gradient(90deg,transparent,var(--ouro) 30%,var(--ouro) 70%,transparent)}
.risco i{position:absolute;left:50%;top:50%;width:calc(var(--u)*8);height:calc(var(--u)*8);background:var(--ouro);
 transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 0 calc(var(--u)*4) var(--preto)}
.claro .risco i{box-shadow:0 0 0 calc(var(--u)*4) var(--creme)}
.sechd p{margin-top:calc(var(--u)*22);font-size:calc(var(--u)*17)}
.sechd.esq{text-align:left;margin-inline:0}
.sechd.esq .risco{margin-inline:0;background:linear-gradient(90deg,var(--ouro) 70%,transparent)}
.sechd.esq .risco i{left:0;transform:translate(0,-50%) rotate(45deg)}

/* ══ BOTÕES ════════════════════════════════════════════════════ */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;
 gap:calc(var(--u)*10);padding:calc(var(--u)*16) calc(var(--u)*30);border-radius:calc(var(--u)*999);font-weight:700;font-size:calc(var(--u)*15);
 letter-spacing:.02em;overflow:hidden;white-space:nowrap;
 background:var(--dourado);color:#16120A;
 box-shadow:0 calc(var(--u)*14) calc(var(--u)*30) calc(var(--u)*-16) rgba(201,162,94,.9),inset 0 1px 0 rgba(255,255,255,.4);
 transition:transform .5s var(--mola),box-shadow .5s var(--mola),filter .3s ease}
.btn:hover{transform:translateY(-2px);filter:brightness(1.06);
 box-shadow:0 calc(var(--u)*22) calc(var(--u)*40) calc(var(--u)*-18) rgba(201,162,94,.95),inset 0 1px 0 rgba(255,255,255,.4)}
.btn svg{width:calc(var(--u)*18);height:calc(var(--u)*18)}
.btn svg:not(.seta){fill:currentColor;stroke:none}
.btn .seta{width:calc(var(--u)*17);height:calc(var(--u)*17);transition:transform .5s var(--mola)}
.btn:hover .seta{transform:translateX(calc(var(--u)*4))}
.btn-glow{position:absolute;inset:0;pointer-events:none;opacity:0;
 background:radial-gradient(calc(var(--u)*130) circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.55),transparent 62%);
 transition:opacity .35s ease}
.btn-glow.on{opacity:1}
.link-t{display:inline-flex;align-items:center;gap:calc(var(--u)*8);font-weight:600;color:var(--ouro-esc);
 font-size:calc(var(--u)*15);transition:gap .4s var(--mola);border-bottom:1px solid currentColor;padding-bottom:calc(var(--u)*3)}
.link-t svg{width:calc(var(--u)*15);height:calc(var(--u)*15)}
.link-t:hover{gap:calc(var(--u)*13)}

/* ══ NAV ═══════════════════════════════════════════════════════ */
.nav{position:fixed;inset:0 0 auto;z-index:900;border-bottom:1px solid transparent;
 transition:background .45s ease,border-color .45s ease,box-shadow .45s ease}
.nav.compact{background:rgba(14,14,16,.86);backdrop-filter:blur(calc(var(--u)*16));
 border-color:var(--linha-e);box-shadow:0 calc(var(--u)*18) calc(var(--u)*40) calc(var(--u)*-30) rgba(0,0,0,.9)}
.navin{display:flex;align-items:center;gap:calc(var(--u)*40);height:var(--topo);transition:height .45s var(--mola)}
.nav.compact .navin{height:calc(var(--u)*74)}
.logo{display:flex;align-items:center;gap:calc(var(--u)*14)}
.logo .mk{width:calc(var(--u)*66);height:calc(var(--u)*27);transition:transform .55s var(--mola)}
.logo:hover .mk{transform:translateY(-2px)}
.logo b{display:block;font-family:'Cinzel',serif;font-size:calc(var(--u)*21);font-weight:600;color:#fff;
 letter-spacing:.16em;line-height:1;text-transform:uppercase}
.logo small{display:block;white-space:nowrap;font-size:calc(var(--u)*9.5);letter-spacing:.32em;text-transform:uppercase;
 color:var(--ouro-claro);font-weight:600;margin-top:calc(var(--u)*6)}
.navlinks{display:flex;gap:calc(var(--u)*34);margin-inline:auto;font-size:calc(var(--u)*14.5);font-weight:500}
.navlinks a{position:relative;padding:calc(var(--u)*7) 0;color:rgba(255,255,255,.72);transition:color .3s ease}
.navlinks a::after{content:'';position:absolute;left:50%;right:50%;bottom:0;height:1px;
 background:var(--ouro-claro);transition:left .45s var(--mola),right .45s var(--mola)}
.navlinks a:hover,.navlinks a.active{color:#fff}
.navlinks a:hover::after,.navlinks a.active::after{left:0;right:0}
.navright{display:flex;align-items:center;gap:calc(var(--u)*24)}
.navfone{display:inline-flex;align-items:center;gap:calc(var(--u)*9);font-weight:600;font-size:calc(var(--u)*14.5);color:#fff;
 transition:color .3s ease}
.navfone svg{width:calc(var(--u)*18);height:calc(var(--u)*18);fill:var(--ouro-claro);stroke:none}
.navfone:hover{color:var(--ouro-claro)}
.navright .btn{padding:calc(var(--u)*13) calc(var(--u)*24);font-size:calc(var(--u)*14)}
.burger{display:none;width:calc(var(--u)*44);height:calc(var(--u)*44);border-radius:50%;place-items:center;
 border:1px solid var(--linha-e)}
.burger span{display:block;width:calc(var(--u)*18);height:1.5px;background:#fff;border-radius:2px;
 transition:transform .45s var(--mola),opacity .3s ease}
.burger span+span{margin-top:calc(var(--u)*5)}
.nav.aberto .burger span:nth-child(1){transform:translateY(calc(var(--u)*6.5)) rotate(45deg)}
.nav.aberto .burger span:nth-child(2){opacity:0}
.nav.aberto .burger span:nth-child(3){transform:translateY(calc(var(--u)*-6.5)) rotate(-45deg)}

/* ══ 1 · HERO ══════════════════════════════════════════════════ */
.hero{position:relative;padding-top:var(--topo);overflow:hidden;background:var(--preto);
 min-height:100vh;min-height:100svh}
.hero-foto{position:absolute;inset:0}
.hero-foto img{width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.hero-foto::after{content:'';position:absolute;inset:0;
 background:
  linear-gradient(180deg,rgba(10,10,12,.70) 0%,rgba(10,10,12,0) 22%),
  linear-gradient(0deg,rgba(10,10,12,.92) 0%,rgba(10,10,12,.35) 30%,rgba(10,10,12,0) 50%),
  linear-gradient(95deg,rgba(10,10,12,.92) 0%,rgba(10,10,12,.78) 30%,rgba(10,10,12,.30) 52%,rgba(10,10,12,0) 70%)}
.heroin{position:relative;z-index:3;display:flex;flex-direction:column;
 min-height:calc(100vh - var(--topo));min-height:calc(100svh - var(--topo));padding:calc(var(--u)*40) 0 calc(var(--u)*48)}
.hcopy{margin-top:auto;max-width:calc(var(--u)*700)}
.hero .kicker{margin-bottom:calc(var(--u)*22)}
.hero .kicker::before{display:none}
.hero .kicker i{width:calc(var(--u)*7);height:calc(var(--u)*7);background:var(--ouro);transform:rotate(45deg);flex:none}
.hcopy h1{font-size:calc(var(--u)*88);line-height:.98;color:#fff;letter-spacing:-.015em}
.hcopy h1 .linha{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.hcopy h1 .linha > span{display:block}
.hcopy h1 .ouro{font-style:italic;font-weight:500;
 background:var(--dourado);-webkit-background-clip:text;background-clip:text;color:transparent}
.assina{margin-top:calc(var(--u)*14);font-family:'Pinyon Script',cursive;font-size:calc(var(--u)*34);line-height:1.2;color:var(--ouro-claro)}
.lead{margin-top:calc(var(--u)*18);font-size:calc(var(--u)*18);line-height:1.65;color:#CFC8BC;max-width:calc(var(--u)*560)}
.hselos{display:flex;margin-top:calc(var(--u)*34);flex-wrap:wrap;row-gap:calc(var(--u)*18)}
.hselo{display:flex;align-items:center;gap:calc(var(--u)*13);padding:2px calc(var(--u)*26);border-left:1px solid var(--linha-e)}
.hselo:first-child{padding-left:0;border-left:0}
.hselo > svg{width:calc(var(--u)*28);height:calc(var(--u)*28);stroke:var(--ouro-claro);stroke-width:1.4}
.hselo b{display:block;font-size:calc(var(--u)*15.5);font-weight:700;color:#fff;line-height:1.3}
.hselo > span > span{display:block;font-size:calc(var(--u)*13.5);color:#A79F92;margin-top:2px}

/* ── barra de reserva: vidro escuro com cantos dourados ───────── */
.cota{position:relative;z-index:4;margin-top:calc(var(--u)*44);border-radius:calc(var(--u)*18);
 background:rgba(16,16,19,.72);backdrop-filter:blur(calc(var(--u)*18));
 border:1px solid var(--linha-e);padding:calc(var(--u)*24) calc(var(--u)*30) calc(var(--u)*26);
 box-shadow:0 calc(var(--u)*40) calc(var(--u)*70) calc(var(--u)*-40) rgba(0,0,0,.95)}
.cota::before,.cota::after{content:'';position:absolute;width:calc(var(--u)*26);height:calc(var(--u)*26);pointer-events:none;
 border:1px solid var(--ouro)}
.cota::before{left:-1px;top:-1px;border-right:0;border-bottom:0;border-top-left-radius:calc(var(--u)*18)}
.cota::after{right:-1px;bottom:-1px;border-left:0;border-top:0;border-bottom-right-radius:calc(var(--u)*18)}
.cotahd{display:flex;align-items:baseline;gap:calc(var(--u)*16);margin-bottom:calc(var(--u)*20)}
.cotahd h3{font-size:calc(var(--u)*28);color:#fff}
.cotahd span{font-size:calc(var(--u)*14);color:#9A9387}
.cotaform{display:grid;grid-template-columns:1.5fr 1fr .8fr 1.3fr auto;align-items:end}
.campo{padding:0 calc(var(--u)*24);border-right:1px solid var(--linha-e);min-width:0}
.campo:first-child{padding-left:0}
.campo label{display:block;font-size:calc(var(--u)*11);font-weight:700;letter-spacing:.18em;
 text-transform:uppercase;color:var(--ouro);margin-bottom:calc(var(--u)*11)}
.campo .ctrl{display:flex;align-items:center;gap:calc(var(--u)*11)}
.campo .ctrl svg{width:calc(var(--u)*18);height:calc(var(--u)*18);stroke:var(--ouro-claro)}
.campo .ctrl .cv{width:calc(var(--u)*14);height:calc(var(--u)*14);stroke:#8C867C;margin-left:auto}
.campo input,.campo select{width:100%;border:0;outline:0;background:none;
 font:500 calc(var(--u)*15.5)/1.4 'Manrope',sans-serif;color:#fff;padding:calc(var(--u)*3) 0;min-width:0;
 appearance:none;-webkit-appearance:none;cursor:pointer;color-scheme:dark}
.campo input::placeholder{color:#7F786D}
.campo select option{color:var(--tinta);background:#fff}
.campo input:focus,.campo select:focus{color:var(--ouro-claro)}
.cotaform .btn{margin-left:calc(var(--u)*24)}

/* ── entrada do hero: keyframes no CSS, nada preso a classe de JS ── */
@keyframes sobe{from{opacity:0;transform:translate3d(0,calc(var(--u)*26),0)}to{opacity:1;transform:none}}
@keyframes desce{from{opacity:0;transform:translate3d(0,calc(var(--u)*-18),0)}to{opacity:1;transform:none}}
@keyframes revela-linha{from{transform:translate3d(0,112%,0)}to{transform:none}}
@keyframes aproxima{from{transform:scale(1.12)}to{transform:none}}
.nav{animation:desce .9s var(--mola) .05s both}
.hero-foto img{animation:aproxima 3s cubic-bezier(.22,1,.26,1) both}
.hero .kicker{animation:sobe .9s var(--mola) .2s both}
.hcopy h1 .linha > span{animation:revela-linha 1.2s cubic-bezier(.19,1,.22,1) both}
.hcopy h1 .linha:nth-child(1) > span{animation-delay:.3s}
.hcopy h1 .linha:nth-child(2) > span{animation-delay:.42s}
.assina{animation:sobe .95s var(--mola) .58s both}
.lead{animation:sobe .95s var(--mola) .66s both}
.hselo{animation:sobe .95s var(--mola) both}
.hselo:nth-child(1){animation-delay:.76s}
.hselo:nth-child(2){animation-delay:.84s}
.hselo:nth-child(3){animation-delay:.92s}
.cota{animation:sobe 1s var(--mola) 1s both}

/* ══ 2 · POR QUE (creme) ═══════════════════════════════════════ */
.por{padding:calc(var(--u)*130) 0 calc(var(--u)*120);background:var(--creme);color:var(--corpo)}
.por h2,.por h3{color:var(--tinta)}
.por h2 em{color:var(--ouro-esc)}
.por .kicker{color:var(--ouro-esc)}
.por .risco i{box-shadow:0 0 0 calc(var(--u)*4) var(--creme)}
.porgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u)*18)}
.porcard{position:relative;text-align:center;padding:calc(var(--u)*42) calc(var(--u)*28) calc(var(--u)*36);border-radius:var(--r-g);
 background:#FBF8F2;border:1px solid var(--linha-c);
 transition:transform .6s var(--mola),box-shadow .6s var(--mola),border-color .4s ease}
/* moldura interna fina — aparece no hover */
.porcard::after{content:'';position:absolute;inset:calc(var(--u)*8);border-radius:calc(var(--u)*14);border:1px solid transparent;
 transition:border-color .5s ease;pointer-events:none}
.porcard:hover{transform:translateY(calc(var(--u)*-8));box-shadow:var(--sombra);border-color:transparent}
.porcard:hover::after{border-color:rgba(184,149,90,.45)}
.porcard i{width:calc(var(--u)*72);height:calc(var(--u)*72);border-radius:50%;display:grid;place-items:center;margin:0 auto calc(var(--u)*24);
 background:var(--preto);border:1px solid var(--ouro);
 transition:transform .6s var(--mola)}
.porcard:hover i{transform:scale(1.06) rotate(-6deg)}
.porcard i svg{width:calc(var(--u)*28);height:calc(var(--u)*28);stroke:var(--ouro-claro);stroke-width:1.4}
.porcard h3{font-size:calc(var(--u)*26);margin-bottom:calc(var(--u)*10)}
.porcard p{font-size:calc(var(--u)*14.8);line-height:1.65}

.nums{margin-top:calc(var(--u)*72);display:grid;grid-template-columns:repeat(4,1fr);border-radius:var(--r-g);overflow:hidden;
 background:var(--preto);border:1px solid #2A2722;
 background-image:radial-gradient(calc(var(--u)*800) calc(var(--u)*260) at 10% -30%,rgba(201,162,94,.28),transparent 70%)}
.num{padding:calc(var(--u)*42) calc(var(--u)*24);text-align:center;border-right:1px solid var(--linha-e)}
.num:last-child{border-right:0}
.num b{display:block;font-family:var(--serif);font-size:calc(var(--u)*62);font-weight:600;line-height:1;
 background:var(--dourado);-webkit-background-clip:text;background-clip:text;color:transparent}
.num span{display:block;margin-top:calc(var(--u)*10);font-size:calc(var(--u)*13.5);color:#A79F92;letter-spacing:.02em}

/* ══ 3 · CATÁLOGO (escuro) ═════════════════════════════════════ */
.serv{padding:calc(var(--u)*120) 0 calc(var(--u)*120);background:var(--preto);
 background-image:radial-gradient(calc(var(--u)*1000) calc(var(--u)*500) at 50% -10%,rgba(201,162,94,.10),transparent 70%)}
.serv .sechd p{color:var(--claro)}
.filtros{display:flex;justify-content:center;flex-wrap:wrap;gap:calc(var(--u)*10);margin:calc(var(--u)*-18) 0 calc(var(--u)*46)}
.chip{padding:calc(var(--u)*11) calc(var(--u)*24);border-radius:calc(var(--u)*999);border:1px solid var(--linha-e);
 font-size:calc(var(--u)*14.5);font-weight:600;color:var(--claro);
 transition:background .35s ease,color .35s ease,border-color .35s ease,transform .5s var(--mola)}
.chip:hover{border-color:var(--ouro);color:#fff;transform:translateY(-2px)}
.chip.on{background:var(--dourado);border-color:transparent;color:#16120A;font-weight:700}
.servgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u)*22)}
.scard{display:flex;flex-direction:column;background:var(--carvao);border-radius:var(--r-g);
 overflow:hidden;border:1px solid rgba(255,255,255,.06);color:inherit;position:relative;
 transition:transform .6s var(--mola),box-shadow .6s var(--mola),border-color .4s ease}
.scard:hover{transform:translateY(calc(var(--u)*-9));border-color:rgba(201,162,94,.5);
 box-shadow:0 calc(var(--u)*34) calc(var(--u)*60) calc(var(--u)*-34) rgba(0,0,0,.9),0 0 0 1px rgba(201,162,94,.18)}
.scard[hidden]{display:none}
.sfoto{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;flex:none}
.sfoto::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(21,21,24,.85))}
.sfoto img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--mola)}
.scard:hover .sfoto img{transform:scale(1.07)}
.stag{position:absolute;z-index:2;left:calc(var(--u)*14);top:calc(var(--u)*14);display:inline-flex;align-items:center;gap:calc(var(--u)*6);
 padding:calc(var(--u)*6) calc(var(--u)*12);border-radius:calc(var(--u)*999);background:rgba(14,14,16,.72);backdrop-filter:blur(calc(var(--u)*8));
 border:1px solid var(--linha-e);font-size:calc(var(--u)*11);font-weight:700;letter-spacing:.08em;
 text-transform:uppercase;color:var(--ouro-claro)}
.stag svg{width:calc(var(--u)*13);height:calc(var(--u)*13)}
.sin{display:flex;flex-direction:column;flex:1;padding:calc(var(--u)*6) calc(var(--u)*22) calc(var(--u)*22)}
.stit{display:block;font-family:var(--serif);font-size:calc(var(--u)*25);font-weight:600;color:#fff;line-height:1.1}
.srota{display:flex;align-items:flex-start;gap:calc(var(--u)*7);margin-top:calc(var(--u)*10);font-size:calc(var(--u)*12.8);color:var(--suave);line-height:1.4}
.srota svg{width:calc(var(--u)*14);height:calc(var(--u)*14);stroke:var(--ouro);margin-top:1px}
.slist{list-style:none;margin:calc(var(--u)*16) 0 0;padding:0;display:grid;gap:calc(var(--u)*8);align-content:start;flex:1}
.slist li{display:flex;gap:calc(var(--u)*9);align-items:flex-start;font-size:calc(var(--u)*13.4);line-height:1.45;color:var(--claro)}
.slist svg{width:calc(var(--u)*14);height:calc(var(--u)*14);stroke:var(--ouro-claro);stroke-width:2;margin-top:calc(var(--u)*3)}
.spreco{display:flex;align-items:center;gap:calc(var(--u)*8);margin-top:calc(var(--u)*20);padding-top:calc(var(--u)*16);border-top:1px solid var(--linha-e)}
.spreco .val{display:flex;flex-direction:column;line-height:1.1}
.spreco .val small{font-size:calc(var(--u)*11);letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
.spreco .val b{font-family:var(--serif);font-size:calc(var(--u)*32);font-weight:600;line-height:1;margin-top:calc(var(--u)*4);
 background:var(--dourado);-webkit-background-clip:text;background-clip:text;color:transparent}
.spreco .val b.cons{font-size:calc(var(--u)*22);margin-top:calc(var(--u)*6)}
.spreco .res{margin-left:auto;font-size:calc(var(--u)*13);font-weight:700;color:var(--ouro-claro);letter-spacing:.08em;text-transform:uppercase}
.sseta{width:calc(var(--u)*34);height:calc(var(--u)*34);border-radius:50%;border:1px solid var(--ouro);display:grid;place-items:center;flex:none;
 transition:background .4s ease,transform .5s var(--mola)}
.sseta svg{width:calc(var(--u)*15);height:calc(var(--u)*15);stroke:var(--ouro-claro);stroke-width:1.8;transition:stroke .4s ease}
.scard:hover .sseta{background:var(--dourado);border-color:transparent;transform:translateX(calc(var(--u)*3))}
.scard:hover .sseta svg{stroke:#16120A}
.servnota{max-width:calc(var(--u)*660);margin:calc(var(--u)*40) auto 0;text-align:center;font-size:calc(var(--u)*14);line-height:1.6;color:var(--suave)}

/* ══ 4 · ROTEIRO 3 DIAS (creme) ════════════════════════════════ */
.roteiro{padding:calc(var(--u)*120) 0;background:var(--creme);color:var(--corpo)}
.roteiro h2,.roteiro h3{color:var(--tinta)}
.roteiro h2 em{color:var(--ouro-esc)}
.roteiro .kicker{color:var(--ouro-esc)}
.rotin{display:grid;grid-template-columns:.9fr 1.6fr;gap:calc(var(--u)*70);align-items:center}
.rotcopy h2{font-size:calc(var(--u)*54)}
.rotcopy p{margin:calc(var(--u)*24) 0 calc(var(--u)*34);font-size:calc(var(--u)*17);max-width:calc(var(--u)*420)}
.dias{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*18);counter-reset:d}
.dia{position:relative;padding:calc(var(--u)*34) calc(var(--u)*28) calc(var(--u)*30);border-radius:var(--r-g);background:var(--preto);color:var(--claro);
 overflow:hidden;transition:transform .6s var(--mola),box-shadow .6s var(--mola)}
.dia::before{content:'';position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(calc(var(--u)*260) calc(var(--u)*160) at 100% 0%,rgba(201,162,94,.25),transparent 70%)}
.dia:hover{transform:translateY(calc(var(--u)*-8));box-shadow:0 calc(var(--u)*30) calc(var(--u)*50) calc(var(--u)*-30) rgba(0,0,0,.6)}
.dnum{display:block;font-family:'Cinzel',serif;font-size:calc(var(--u)*13);letter-spacing:.24em;color:var(--ouro-claro);text-transform:uppercase}
.dia h3{color:#fff;font-size:calc(var(--u)*30);margin:calc(var(--u)*12) 0 calc(var(--u)*18);padding-bottom:calc(var(--u)*16);border-bottom:1px solid var(--linha-e)}
.dia ul{list-style:none;margin:0;padding:0;display:grid;gap:calc(var(--u)*11)}
.dia li{display:flex;gap:calc(var(--u)*10);align-items:baseline;font-size:calc(var(--u)*14.5);line-height:1.45}
.dia li::before{content:'';width:calc(var(--u)*6);height:calc(var(--u)*6);flex:none;background:var(--ouro);transform:rotate(45deg) translateY(-2px)}

/* ══ 5 · FROTA (escuro) ════════════════════════════════════════ */
.frota{padding:calc(var(--u)*120) 0;background:#121214}
.frotatop{display:flex;align-items:flex-end;justify-content:space-between;gap:calc(var(--u)*30);margin-bottom:calc(var(--u)*54)}
.frotatop .sechd{margin-bottom:0}
.frotanota{max-width:calc(var(--u)*340);text-align:right;font-size:calc(var(--u)*15);line-height:1.6;color:var(--suave)}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:calc(var(--u)*20)}
.fcard{position:relative;border-radius:var(--r-g);overflow:hidden;min-height:calc(var(--u)*440);display:flex;align-items:flex-end;
 border:1px solid rgba(255,255,255,.06);
 transition:transform .6s var(--mola),box-shadow .6s var(--mola),border-color .4s ease}
.fcard:hover{transform:translateY(calc(var(--u)*-8));border-color:rgba(201,162,94,.5);box-shadow:0 calc(var(--u)*34) calc(var(--u)*60) calc(var(--u)*-34) rgba(0,0,0,.9)}
.ffoto{position:absolute;inset:0}
.ffoto img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--mola)}
.fcard--g .ffoto img{object-position:50% 60%}
.fcard:hover .ffoto img{transform:scale(1.05)}
.ffoto::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,12,0) 35%,rgba(10,10,12,.92) 100%)}
.fin{position:relative;z-index:2;padding:calc(var(--u)*30) calc(var(--u)*30) calc(var(--u)*28);width:100%}
.ftag{display:inline-block;font-size:calc(var(--u)*11);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ouro-claro);margin-bottom:calc(var(--u)*10)}
.fcard h3{font-size:calc(var(--u)*34)}
.fcard p{margin-top:calc(var(--u)*8);font-size:calc(var(--u)*14.5);color:#CFC8BC}
.fcap{display:flex;gap:calc(var(--u)*22);margin-top:calc(var(--u)*16);padding-top:calc(var(--u)*16);border-top:1px solid var(--linha-e);flex-wrap:wrap}
.fcap span{display:inline-flex;align-items:center;gap:calc(var(--u)*8);font-size:calc(var(--u)*14);color:#E4DED3}
.fcap svg{width:calc(var(--u)*17);height:calc(var(--u)*17);stroke:var(--ouro-claro)}

/* ══ 6 · COMO FUNCIONA (creme) ═════════════════════════════════ */
.como{padding:calc(var(--u)*120) 0 calc(var(--u)*126);background:var(--creme);color:var(--corpo)}
.como h2,.como h3{color:var(--tinta)}
.como .kicker{color:var(--ouro-esc)}
.como .risco i{box-shadow:0 0 0 calc(var(--u)*4) var(--creme)}
.como .sechd h2{font-size:calc(var(--u)*48)}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.passo{text-align:center;padding:0 calc(var(--u)*22);position:relative}
.passo::after{content:'';position:absolute;top:calc(var(--u)*38);left:calc(50% + calc(var(--u)*54));right:calc(-50% + calc(var(--u)*54));height:1px;
 background-image:linear-gradient(90deg,var(--ouro) 50%,transparent 0);background-size:calc(var(--u)*8) 1px;opacity:.7}
.passo:last-child::after{display:none}
.passo i{width:calc(var(--u)*76);height:calc(var(--u)*76);border-radius:50%;display:grid;place-items:center;margin:0 auto calc(var(--u)*22);
 background:var(--preto);border:1px solid var(--ouro);position:relative;z-index:1;
 box-shadow:0 0 0 calc(var(--u)*6) var(--creme),0 0 0 calc(var(--u)*7) rgba(184,149,90,.35);
 transition:transform .6s var(--mola)}
.passo:hover i{transform:translateY(calc(var(--u)*-6))}
.passo i svg{width:calc(var(--u)*28);height:calc(var(--u)*28);stroke:var(--ouro-claro);stroke-width:1.4}
.passo .et{display:block;font-family:'Cinzel',serif;font-size:calc(var(--u)*14);letter-spacing:.2em;color:var(--ouro-esc);margin-bottom:calc(var(--u)*8)}
.passo h3{font-size:calc(var(--u)*26);margin-bottom:calc(var(--u)*10)}
.passo p{font-size:calc(var(--u)*14.6);line-height:1.65;max-width:calc(var(--u)*240);margin-inline:auto}

/* ══ 7 · DEPOIMENTOS (escuro) ══════════════════════════════════ */
.dep{padding:calc(var(--u)*120) 0;background:var(--preto);
 background-image:radial-gradient(calc(var(--u)*900) calc(var(--u)*400) at 85% 110%,rgba(201,162,94,.12),transparent 70%)}
.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*22)}
.dcard{position:relative;background:var(--carvao);border-radius:var(--r-g);border:1px solid rgba(255,255,255,.06);
 padding:calc(var(--u)*34) calc(var(--u)*32) calc(var(--u)*30);display:flex;flex-direction:column;
 transition:transform .6s var(--mola),border-color .4s ease}
.dcard:hover{transform:translateY(calc(var(--u)*-8));border-color:rgba(201,162,94,.45)}
.dcard .aspas{position:absolute;top:calc(var(--u)*10);right:calc(var(--u)*26);font-family:var(--serif);font-size:calc(var(--u)*96);line-height:1;color:rgba(201,162,94,.28)}
.estrelas{display:flex;gap:calc(var(--u)*3)}
.estrelas svg{width:calc(var(--u)*15);height:calc(var(--u)*15);fill:var(--ouro-claro);stroke:none}
.dcard p{margin-top:calc(var(--u)*18);font-family:var(--serif);font-size:calc(var(--u)*21);font-style:italic;line-height:1.5;color:#E7E1D6;flex:1}
.dtopo{display:flex;align-items:center;gap:calc(var(--u)*14);margin-top:calc(var(--u)*24);padding-top:calc(var(--u)*20);border-top:1px solid var(--linha-e)}
.ini{width:calc(var(--u)*46);height:calc(var(--u)*46);border-radius:50%;display:grid;place-items:center;flex:none;
 border:1px solid var(--ouro);font-family:'Cinzel',serif;font-size:calc(var(--u)*14);color:var(--ouro-claro)}
.dtopo b{display:block;font-size:calc(var(--u)*15);color:#fff;font-weight:700}
.dtopo b + span{display:block;font-size:calc(var(--u)*12.8);color:var(--suave);margin-top:2px}
.dots{display:flex;justify-content:center;gap:calc(var(--u)*8);margin-top:calc(var(--u)*34)}
.dots i{width:calc(var(--u)*7);height:calc(var(--u)*7);border-radius:50%;background:var(--grafite-2);transition:width .45s var(--mola),background .35s ease}
.dots i.on{width:calc(var(--u)*26);border-radius:calc(var(--u)*4);background:var(--ouro)}

/* ══ 8 · TRÊS PAÍSES (creme) ═══════════════════════════════════ */
.dest{padding:calc(var(--u)*120) 0;background:var(--creme);color:var(--corpo)}
.dest h2{color:var(--tinta)}
.dest h2 em{color:var(--ouro-esc)}
.dest .kicker{color:var(--ouro-esc)}
.dest .risco i{box-shadow:0 0 0 calc(var(--u)*4) var(--creme)}
.desttop{display:flex;align-items:flex-end;justify-content:space-between;gap:calc(var(--u)*30);margin-bottom:calc(var(--u)*54)}
.desttop .sechd{margin-bottom:0}
.egrid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*20)}
.ecard{position:relative;border-radius:var(--r-g);overflow:hidden;aspect-ratio:4/4.6;display:block;
 transition:transform .6s var(--mola),box-shadow .6s var(--mola)}
.ecard:hover{transform:translateY(calc(var(--u)*-8));box-shadow:var(--sombra)}
.ecard img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--mola)}
.ecard:hover img{transform:scale(1.07)}
.ecard::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,12,0) 40%,rgba(10,10,12,.9) 100%)}
.ecard::before{content:'';position:absolute;inset:calc(var(--u)*12);z-index:2;border-radius:calc(var(--u)*12);border:1px solid rgba(217,191,140,.0);
 transition:border-color .5s ease;pointer-events:none}
.ecard:hover::before{border-color:rgba(217,191,140,.55)}
.einfo{position:absolute;z-index:3;left:calc(var(--u)*30);right:calc(var(--u)*30);bottom:calc(var(--u)*28);color:#fff;display:block}
.einfo .ep{display:block;font-size:calc(var(--u)*11);font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--ouro-claro)}
.einfo b{display:block;font-family:var(--serif);font-size:calc(var(--u)*38);font-weight:600;line-height:1.05;margin-top:calc(var(--u)*8)}
.einfo b + span{display:block;font-size:calc(var(--u)*14);color:rgba(255,255,255,.75);margin-top:calc(var(--u)*8);max-width:calc(var(--u)*300)}
.einfo .sv{position:absolute;right:0;bottom:2px;width:calc(var(--u)*42);height:calc(var(--u)*42);border-radius:50%;
 border:1px solid var(--ouro-claro);display:grid;place-items:center;
 transition:background .4s ease,transform .5s var(--mola)}
.einfo .sv svg{width:calc(var(--u)*16);height:calc(var(--u)*16);stroke:#fff}
.ecard:hover .sv{background:var(--dourado);border-color:transparent;transform:translateX(calc(var(--u)*3))}
.ecard:hover .sv svg{stroke:#16120A}

/* ══ 9 · CHAMADA FINAL + CONTATO ═══════════════════════════════ */
.faixa{background:var(--preto);padding:calc(var(--u)*110) 0 0;text-align:center;
 background-image:radial-gradient(calc(var(--u)*700) calc(var(--u)*360) at 50% 0%,rgba(201,162,94,.20),transparent 70%)}
.fxmarca{width:calc(var(--u)*150);height:calc(var(--u)*60);margin:0 auto calc(var(--u)*26)}
.fxtopo h2{font-size:calc(var(--u)*58)}
.fxtopo .btn{margin-top:calc(var(--u)*38);padding:calc(var(--u)*18) calc(var(--u)*36);font-size:calc(var(--u)*16)}
.faixain{display:grid;grid-template-columns:repeat(3,1fr);margin-top:calc(var(--u)*80);border-top:1px solid var(--linha-e)}
.fx{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*16);padding:calc(var(--u)*34) calc(var(--u)*20);text-align:left;
 border-right:1px solid var(--linha-e)}
.fx:last-child{border-right:0}
.fx i{width:calc(var(--u)*50);height:calc(var(--u)*50);border-radius:50%;border:1px solid var(--ouro);display:grid;place-items:center;flex:none;
 transition:background .4s ease,transform .55s var(--mola)}
a.fx:hover i{background:var(--dourado);transform:translateY(calc(var(--u)*-3))}
a.fx:hover i svg{stroke:#16120A}
.fx i svg{width:calc(var(--u)*21);height:calc(var(--u)*21);stroke:var(--ouro-claro)}
.fx i svg use[href="#i-wa"]{}
.fx span{display:block;font-size:calc(var(--u)*12);letter-spacing:.14em;text-transform:uppercase;color:var(--suave)}
.fx b{display:block;font-size:calc(var(--u)*16.5);font-weight:600;color:#fff;margin-top:calc(var(--u)*3);letter-spacing:0;text-transform:none}

/* ══ 10 · RODAPÉ ═══════════════════════════════════════════════ */
.rod{background:#0A0A0B;color:#8C867C;padding:calc(var(--u)*76) 0 0;border-top:1px solid var(--linha-e)}
.rodgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:calc(var(--u)*44);padding-bottom:calc(var(--u)*58)}
.rodmarca p{margin-top:calc(var(--u)*22);font-size:calc(var(--u)*14.5);line-height:1.7;max-width:calc(var(--u)*320)}
.social{display:flex;gap:calc(var(--u)*10);margin-top:calc(var(--u)*24)}
.social a{width:calc(var(--u)*40);height:calc(var(--u)*40);border-radius:50%;border:1px solid var(--linha-e);display:grid;place-items:center;
 transition:background .35s ease,transform .5s var(--mola),border-color .35s ease}
.social a:hover{background:var(--dourado);border-color:transparent;transform:translateY(calc(var(--u)*-3))}
.social a:hover svg{stroke:#16120A}
.social svg{width:calc(var(--u)*17);height:calc(var(--u)*17);stroke:var(--ouro-claro)}
.rodcol h4{font-family:'Cinzel',serif;color:#fff;font-size:calc(var(--u)*14);font-weight:600;letter-spacing:.16em;
 text-transform:uppercase;margin-bottom:calc(var(--u)*22)}
.rodcol ul{list-style:none;margin:0;padding:0;display:grid;gap:calc(var(--u)*12)}
.rodcol a{font-size:calc(var(--u)*14.2);color:#8C867C;transition:color .3s ease,padding-left .4s var(--mola)}
.rodcol a:hover{color:var(--ouro-claro);padding-left:calc(var(--u)*5)}
.rodcol .linha-c{display:flex;gap:calc(var(--u)*11);font-size:calc(var(--u)*14.2);line-height:1.55}
.rodcol .linha-c svg{width:calc(var(--u)*16);height:calc(var(--u)*16);stroke:var(--ouro);margin-top:calc(var(--u)*3)}
.rodbase{border-top:1px solid rgba(255,255,255,.06);padding:calc(var(--u)*22) 0;text-align:center;font-size:calc(var(--u)*13);color:#5F5A52;letter-spacing:.04em}

/* ══ WHATSAPP FLUTUANTE ════════════════════════════════════════ */
.wa{position:fixed;right:calc(var(--u)*26);bottom:calc(var(--u)*26);z-index:950;width:calc(var(--u)*58);height:calc(var(--u)*58);border-radius:50%;
 background:#25D366;display:grid;place-items:center;box-shadow:0 calc(var(--u)*14) calc(var(--u)*30) calc(var(--u)*-10) rgba(37,211,102,.7);
 transition:transform .55s var(--mola)}
.wa:hover{transform:scale(1.08) translateY(-2px)}
.wa svg{width:calc(var(--u)*29);height:calc(var(--u)*29);fill:#fff;stroke:none}
.wa::before{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid rgba(37,211,102,.55);
 animation:pulso 2.6s ease-out infinite}
@keyframes pulso{0%{transform:scale(1);opacity:.8}70%{transform:scale(1.5);opacity:0}100%{opacity:0}}

/* ══ REVEAL ════════════════════════════════════════════════════ */
.anim [data-rv]{opacity:0;transform:translate3d(0,calc(var(--u)*26),0);
 transition:opacity .85s var(--mola) var(--d,0s),transform .95s var(--mola) var(--d,0s)}
.anim [data-rv="left"]{transform:translate3d(calc(var(--u)*-34),0,0)}
.anim [data-rv].in{opacity:1;transform:none}
.anim [data-wave]{opacity:0;transform:translate3d(0,calc(var(--u)*34),0) scale(.97);
 transition:opacity 1s var(--mola) var(--wd,0s),transform 1s var(--mola) var(--wd,0s)}
.anim [data-wave].wv-in{opacity:1;transform:none}
.cursor{display:inline-block;width:2px;height:.82em;background:currentColor;margin-left:calc(var(--u)*3);
 vertical-align:-1px;animation:pisca 1s steps(1) infinite}
@keyframes pisca{50%{opacity:0}}
.cursor.off{display:none}
@media (prefers-reduced-motion:reduce){
 *{animation:none!important;transition-duration:.01ms!important}
 html{scroll-behavior:auto}
}

/* ══════════════════════════════════════════════════════════════
   TABLET (820 de largura de projeto)
   ══════════════════════════════════════════════════════════════ */
@media (max-width:999px){
 :root{--topo:calc(var(--u)*80)}
 .wrap{width:calc(100% - calc(var(--u)*64))}
 .navlinks{display:none}
 .navfone{display:none}
 .burger{display:grid}
 .navright{margin-left:auto;gap:calc(var(--u)*14)}
 .nav.aberto{background:rgba(14,14,16,.97)}
 .nav.aberto .navlinks{display:flex;position:fixed;inset:var(--topo) 0 auto;flex-direction:column;gap:0;
  background:rgba(14,14,16,.97);border-bottom:1px solid var(--linha-e);padding:calc(var(--u)*6) calc(var(--u)*32) calc(var(--u)*22);margin:0}
 .navlinks a{padding:calc(var(--u)*16) 0;border-bottom:1px solid var(--linha-e);font-size:calc(var(--u)*17)}
 .navlinks a::after{display:none}

 .hero-foto img{object-position:68% 50%}
 .hero-foto::after{background:
  linear-gradient(180deg,rgba(10,10,12,.85) 0%,rgba(10,10,12,.62) 40%,rgba(10,10,12,.30) 62%,rgba(10,10,12,.92) 100%)}
 .heroin{padding:calc(var(--u)*50) 0 calc(var(--u)*40)}
 .hcopy{margin-top:0}
 .hcopy h1{font-size:calc(var(--u)*76)}
 .cota{margin-top:auto}
 .hselos{margin-top:calc(var(--u)*30)}
 .cotaform{grid-template-columns:1fr 1fr;gap:calc(var(--u)*22) 0}
 .campo{padding:0 calc(var(--u)*22) calc(var(--u)*14) 0;border-right:0;border-bottom:1px solid var(--linha-e)}
 .campo:nth-child(2n){padding-left:calc(var(--u)*22)}
 .cotaform .btn{grid-column:1/-1;margin:calc(var(--u)*8) 0 0}
 .cota{margin-top:calc(var(--u)*60)}

 .por,.serv,.roteiro,.frota,.como,.dep,.dest{padding:calc(var(--u)*96) 0}
 .sechd h2,.rotcopy h2{font-size:calc(var(--u)*46)}
 .porgrid{grid-template-columns:repeat(2,1fr)}
 .nums{grid-template-columns:repeat(2,1fr)}
 .num:nth-child(2){border-right:0}
 .num:nth-child(-n+2){border-bottom:1px solid var(--linha-e)}
 .servgrid{grid-template-columns:repeat(2,1fr);gap:calc(var(--u)*18)}
 .rotin{grid-template-columns:1fr;gap:calc(var(--u)*44)}
 .rotcopy p{max-width:none}
 .fgrid{grid-template-columns:1fr 1fr}
 .fcard--g{grid-column:1/-1}
 .fcard{min-height:calc(var(--u)*380)}
 .frotatop,.desttop{flex-direction:column;align-items:flex-start;gap:calc(var(--u)*20)}
 .frotanota{text-align:left;max-width:none}
 .pgrid{grid-template-columns:repeat(2,1fr);gap:calc(var(--u)*50) 0}
 .passo:nth-child(2)::after{display:none}
 .dgrid{grid-template-columns:1fr;max-width:calc(var(--u)*600);margin-inline:auto}
 .egrid{grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*14)}
 .ecard{aspect-ratio:3/4.4}
 .einfo{left:calc(var(--u)*18);right:calc(var(--u)*18);bottom:calc(var(--u)*20)}
 .einfo b{font-size:calc(var(--u)*28)}
 .einfo b + span{display:none}
 .einfo .sv{display:none}
 .fxtopo h2{font-size:calc(var(--u)*48)}
 .faixain{grid-template-columns:1fr;margin-top:calc(var(--u)*60)}
 .fx{border-right:0;border-bottom:1px solid var(--linha-e);justify-content:flex-start;padding:calc(var(--u)*24) calc(var(--u)*10)}
 .fx:last-child{border-bottom:0}
 .rodgrid{grid-template-columns:1fr 1fr;gap:calc(var(--u)*40)}
 .rodmarca{grid-column:1/-1}
}

/* ══════════════════════════════════════════════════════════════
   CELULAR (390 de largura de projeto)
   ══════════════════════════════════════════════════════════════ */
@media (max-width:639px){
 :root{--topo:calc(var(--u)*68)}
 .wrap{width:calc(100% - calc(var(--u)*36))}
 .logo{gap:calc(var(--u)*10)}
 .logo .mk{width:calc(var(--u)*50);height:calc(var(--u)*20)}
 .logo b{font-size:calc(var(--u)*17)}
 .logo small{font-size:calc(var(--u)*7.5);letter-spacing:.26em;margin-top:calc(var(--u)*5)}
 .navright .btn{padding:calc(var(--u)*10) calc(var(--u)*16);font-size:calc(var(--u)*13)}
 .navright .btn .seta{display:none}
 .burger{width:calc(var(--u)*40);height:calc(var(--u)*40)}
 .nav.aberto .navlinks{padding:calc(var(--u)*4) calc(var(--u)*18) calc(var(--u)*18)}

 .heroin{padding:calc(var(--u)*28) 0 calc(var(--u)*26)}
 .hero .kicker{font-size:calc(var(--u)*10);letter-spacing:.22em;margin-bottom:calc(var(--u)*16)}
 .hcopy h1{font-size:calc(var(--u)*50)}
 .assina{font-size:calc(var(--u)*26);margin-top:calc(var(--u)*10)}
 .lead{font-size:calc(var(--u)*15.5);margin-top:calc(var(--u)*12)}
 .hselos{display:grid;grid-template-columns:1fr 1fr 1fr;gap:calc(var(--u)*10);margin-top:calc(var(--u)*22)}
 .hselo{flex-direction:column;align-items:flex-start;gap:calc(var(--u)*8);padding:0 0 0 calc(var(--u)*10);border-left:1px solid var(--linha-e)}
 .hselo:first-child{padding-left:0;border-left:0}
 .hselo > svg{width:calc(var(--u)*22);height:calc(var(--u)*22)}
 .hselo b{font-size:calc(var(--u)*13)}
 .hselo > span > span{font-size:calc(var(--u)*11)}
 .cota{margin-top:calc(var(--u)*26);padding:calc(var(--u)*18) calc(var(--u)*18) calc(var(--u)*18);border-radius:calc(var(--u)*16)}
 .cotahd{flex-direction:column;gap:2px;margin-bottom:calc(var(--u)*14)}
 .cotahd h3{font-size:calc(var(--u)*23)}
 .cotahd span{font-size:calc(var(--u)*12.5)}
 .cotaform{grid-template-columns:1fr 1fr;gap:calc(var(--u)*14) 0}
 .campo{padding:0 calc(var(--u)*12) calc(var(--u)*10) 0}
 .campo:nth-child(2n){padding-left:calc(var(--u)*12)}
 .campo:first-child{grid-column:1/-1;padding-right:0}
 .campo:nth-child(4){grid-column:1/-1;padding-left:0}
 .campo:first-child + .campo{padding-left:0}
 .campo:nth-child(3){padding-left:calc(var(--u)*12)}
 .campo label{font-size:calc(var(--u)*9.5);margin-bottom:calc(var(--u)*8)}
 .campo input,.campo select{font-size:calc(var(--u)*14.5)}
 .cotaform .btn{padding:calc(var(--u)*14) calc(var(--u)*20);font-size:calc(var(--u)*14.5)}

 .por,.serv,.roteiro,.frota,.como,.dep,.dest{padding:calc(var(--u)*72) 0}
 .sechd{margin-bottom:calc(var(--u)*38)}
 .sechd h2,.rotcopy h2{font-size:calc(var(--u)*36)}
 .como .sechd h2{font-size:calc(var(--u)*32)}
 .kicker{font-size:calc(var(--u)*10);letter-spacing:.24em;gap:calc(var(--u)*8)}
 .kicker::before,.sechd .kicker::after{width:calc(var(--u)*18)}
 .sechd p{font-size:calc(var(--u)*15)}
 .porgrid{grid-template-columns:1fr 1fr;gap:calc(var(--u)*10)}
 .porcard{padding:calc(var(--u)*24) calc(var(--u)*14) calc(var(--u)*22)}
 .porcard i{width:calc(var(--u)*54);height:calc(var(--u)*54);margin-bottom:calc(var(--u)*14)}
 .porcard i svg{width:calc(var(--u)*22);height:calc(var(--u)*22)}
 .porcard h3{font-size:calc(var(--u)*20)}
 .porcard p{font-size:calc(var(--u)*12.8)}
 .nums{margin-top:calc(var(--u)*40)}
 .num{padding:calc(var(--u)*26) calc(var(--u)*12)}
 .num b{font-size:calc(var(--u)*46)}
 .num span{font-size:calc(var(--u)*12)}
 .filtros{gap:calc(var(--u)*8);margin:calc(var(--u)*-10) 0 calc(var(--u)*30)}
 .chip{padding:calc(var(--u)*9) calc(var(--u)*16);font-size:calc(var(--u)*13)}
 .servgrid{grid-template-columns:1fr;gap:calc(var(--u)*16)}
 .stit{font-size:calc(var(--u)*24)}
 .rotin{gap:calc(var(--u)*32)}
 .rotcopy p{font-size:calc(var(--u)*15);margin:calc(var(--u)*18) 0 calc(var(--u)*26)}
 .dias{grid-template-columns:1fr;gap:calc(var(--u)*12)}
 .dia{padding:calc(var(--u)*24) calc(var(--u)*22)}
 .dia h3{font-size:calc(var(--u)*26);margin:calc(var(--u)*8) 0 calc(var(--u)*14);padding-bottom:calc(var(--u)*12)}
 .fgrid{grid-template-columns:1fr;gap:calc(var(--u)*14)}
 .fcard{min-height:calc(var(--u)*300)}
 .fcard h3{font-size:calc(var(--u)*28)}
 .fin{padding:calc(var(--u)*22)}
 .frotanota{font-size:calc(var(--u)*14)}
 .pgrid{grid-template-columns:1fr 1fr;gap:calc(var(--u)*34) 0}
 .passo{padding:0 calc(var(--u)*8)}
 .passo::after{display:none}
 .passo i{width:calc(var(--u)*60);height:calc(var(--u)*60);margin-bottom:calc(var(--u)*16)}
 .passo i svg{width:calc(var(--u)*22);height:calc(var(--u)*22)}
 .passo h3{font-size:calc(var(--u)*21)}
 .passo p{font-size:calc(var(--u)*13)}
 .dcard{padding:calc(var(--u)*26) calc(var(--u)*22) calc(var(--u)*22)}
 .dcard p{font-size:calc(var(--u)*19)}
 .egrid{grid-template-columns:1fr;gap:calc(var(--u)*12)}
 .ecard{aspect-ratio:16/10}
 .einfo{left:calc(var(--u)*20);right:calc(var(--u)*20);bottom:calc(var(--u)*18)}
 .einfo b{font-size:calc(var(--u)*30)}
 .einfo b + span{display:block;font-size:calc(var(--u)*12.5)}
 .faixa{padding-top:calc(var(--u)*76)}
 .fxmarca{width:calc(var(--u)*110);height:calc(var(--u)*44)}
 .fxtopo h2{font-size:calc(var(--u)*34)}
 .fxtopo .btn{padding:calc(var(--u)*15) calc(var(--u)*24);font-size:calc(var(--u)*14.5)}
 .fx b{font-size:calc(var(--u)*15)}
 .rodgrid{grid-template-columns:1fr;gap:calc(var(--u)*32)}
 .wa{right:calc(var(--u)*16);bottom:calc(var(--u)*16);width:calc(var(--u)*52);height:calc(var(--u)*52)}
 .wa svg{width:calc(var(--u)*26);height:calc(var(--u)*26)}
 .wa{transition:transform .55s var(--mola),opacity .4s ease}
 .hero-na-tela .wa{opacity:0;pointer-events:none;transform:scale(.6)}
}

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

/* ── catálogo: serviços extras (cabeçalho do catálogo do WhatsApp) ── */
.extras{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:calc(var(--u)*10);margin-top:calc(var(--u)*44)}
.extras span{font-size:calc(var(--u)*12);font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--suave);margin-right:calc(var(--u)*6)}
.extras a{padding:calc(var(--u)*9) calc(var(--u)*18);border-radius:999px;border:1px solid var(--linha-e);font-size:calc(var(--u)*14);color:#E4DED3;
 transition:border-color .35s ease,color .35s ease,transform .5s var(--mola)}
.extras a:hover{border-color:var(--ouro);color:var(--ouro-claro);transform:translateY(-2px)}
.extras + .servnota{margin-top:calc(var(--u)*24)}
/* ── pacote: vantagens ── */
.vantagens{list-style:none;margin:0 0 calc(var(--u)*32);padding:0;display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*10) calc(var(--u)*18)}
.vantagens li{display:flex;gap:calc(var(--u)*10);align-items:baseline;font-size:calc(var(--u)*14.5);color:var(--tinta);font-weight:500}
.vantagens li::before{content:'';width:calc(var(--u)*6);height:calc(var(--u)*6);flex:none;background:var(--ouro);transform:rotate(45deg) translateY(-2px)}
.rotcopy p{margin-bottom:calc(var(--u)*22)}
@media (max-width:639px){
 .extras span{width:100%;text-align:center;margin:0 0 calc(var(--u)*4)}
 .extras a{font-size:calc(var(--u)*13);padding:calc(var(--u)*8) calc(var(--u)*14)}
 .vantagens{grid-template-columns:1fr}
 .spreco .val b{font-size:calc(var(--u)*30)}
}
.spreco .val b,.num b{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}

/* ── depoimentos reais: 3x2 no computador, carrossel no celular ── */
.dgrid{grid-template-columns:repeat(3,1fr)}
.dcard p{margin-top:calc(var(--u)*30)}
.dots{display:none}
.depig{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*9);width:max-content;margin:calc(var(--u)*38) auto 0;
 font-size:calc(var(--u)*14);color:var(--ouro-claro);border-bottom:1px solid rgba(217,191,140,.35);padding-bottom:calc(var(--u)*3)}
.depig svg{width:calc(var(--u)*16);height:calc(var(--u)*16)}
@media (max-width:999px){
 .dgrid{grid-template-columns:repeat(2,1fr);max-width:none}
}
@media (max-width:639px){
 .dgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:calc(var(--u)*12);
  margin:0 calc(var(--u)*-18);padding:0 calc(var(--u)*18) calc(var(--u)*6);scrollbar-width:none}
 .dgrid::-webkit-scrollbar{display:none}
 .dcard{flex:0 0 86%;scroll-snap-align:center}
 .dots{display:flex}
 .depig{font-size:calc(var(--u)*12.5)}
}