/* =====================================================================
   SITE BC TRIPS · mesma identidade visual do portal
   Azul-marinho com vidro líquido, fundo vivo, Montserrat, dourado só nos detalhes.
   Medidas na sequência Fibonacci (3·5·8·13·21·34·55·89·144) e divisões na proporção áurea (1 : 1,618)
   ===================================================================== */
:root{
  --navy:#121b2e; --base:#0b1a33; --fg:#e5e6e3; --branco:#fff; --muted:#9aa3b5; --gold:#e7a95b;
  --vidro:rgba(255,255,255,.08); --vidro-2:rgba(255,255,255,.13); --borda:rgba(255,255,255,.2); --luz:rgba(255,255,255,.38);
  --line:rgba(255,255,255,.14); --blur:blur(22px) saturate(175%); --sombra:0 10px 40px rgba(0,8,24,.38);
  --f1:3px; --f2:5px; --f3:8px; --f4:13px; --f5:21px; --f6:34px; --f7:55px; --f8:89px; --f9:144px;
  --sans:"Montserrat","Segoe UI",system-ui,-apple-system,sans-serif;
  --larg:1220px; --raio:21px;
}
*{box-sizing:border-box}
[hidden]{display:none !important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;color-scheme:dark}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none !important;transition:none !important}}
body{margin:0;background:var(--base);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.618;overflow-x:hidden}
/* Fundo vivo do portal: manchas de luz que se movem devagar */
body::before{content:"";position:fixed;inset:-20vmax;z-index:-1;pointer-events:none;will-change:transform;
  background:radial-gradient(38vmax 34vmax at 18% 22%,#0b4f6c 0%,transparent 62%),radial-gradient(34vmax 30vmax at 82% 18%,#2b5597 0%,transparent 60%),radial-gradient(40vmax 36vmax at 70% 78%,#1b7f8e 0%,transparent 62%),radial-gradient(22vmax 18vmax at 26% 88%,rgba(231,169,91,.55) 0%,transparent 60%);
  filter:blur(28px) saturate(130%);opacity:.85;animation:ondas 26s ease-in-out infinite alternate}
@keyframes ondas{0%{transform:translate3d(0,0,0) scale(1) rotate(0)}50%{transform:translate3d(-4vmax,3vmax,0) scale(1.08) rotate(6deg)}100%{transform:translate3d(3vmax,-3vmax,0) scale(1.04) rotate(-5deg)}}
img{max-width:100%;display:block}
section[id],[id="salas"]{scroll-margin-top:68px}
a{color:inherit}
h1,h2,h3{font-family:var(--sans);font-weight:800;line-height:1.12;margin:0;letter-spacing:-.02em;color:var(--branco)}
h2{font-size:clamp(30px,4.4vw,48px)}
h1 em,h2 em{font-style:normal;font-weight:300;color:var(--branco);opacity:.86}
p{margin:0}
.wrap{width:min(var(--larg),100% - 32px);margin-inline:auto}
.olho{display:inline-flex;align-items:center;gap:var(--f3);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.olho::before{content:"";width:21px;height:2px;border-radius:2px;background:var(--gold)}
.sec{padding:var(--f8) 0}
.sec-topo{display:grid;grid-template-columns:1.618fr 1fr;gap:var(--f6);align-items:end;margin-bottom:var(--f6)}
.sec-topo p{color:var(--muted);font-size:16.5px}
.sec-topo h2{margin-top:var(--f4)}
@media (max-width:860px){.sec{padding:var(--f7) 0}.sec-topo{grid-template-columns:1fr;gap:var(--f4);margin-bottom:var(--f5)}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Vidro (o mesmo do portal) ---------- */
.vidro,.manifesto-txt,.pq,.promo-vazio,.sala,.form,.insta,.recurso,.viajante-caixa,.pessoa,.conta-card,.passos li{
  background:linear-gradient(180deg,var(--vidro-2),var(--vidro) 42%,var(--vidro));-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  border:1px solid var(--borda);box-shadow:inset 0 1px 0 var(--luz),var(--sombra);border-radius:var(--raio)}

/* ---------- Botões: pílulas e redondos, como no portal ---------- */
.bt{display:inline-flex;align-items:center;justify-content:center;gap:var(--f3);min-height:55px;padding:0 var(--f6);border-radius:999px;border:1px solid transparent;font:700 15px var(--sans);text-decoration:none;cursor:pointer;transition:transform .2s,background .2s,color .2s,border-color .2s;white-space:nowrap}
.bt:hover{transform:translateY(-2px)}
.bt:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #9ec2ff;outline-offset:3px}
.bt-ouro,.bt-azul{background:#f4f5f8;color:var(--navy);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 6px 18px rgba(0,0,0,.2)}
.bt-ouro:hover,.bt-azul:hover{background:#fff}
.bt-vidro,.bt-linha{background:var(--vidro-2);color:var(--branco);border-color:var(--borda);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:inset 0 1px 0 var(--luz)}
.bt-vidro:hover,.bt-linha:hover{background:rgba(255,255,255,.2)}
.bt svg{width:18px;height:18px;flex:none}
.bts{display:flex;flex-wrap:wrap;gap:var(--f4)}
@media (max-width:560px){.bts .bt{flex:1 1 100%}}

/* ---------- Topo (igual à barra do portal) ---------- */
.topo{position:fixed;inset:0 0 auto;z-index:50}
.topo::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .3s;background:rgba(18,27,46,.55);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-bottom:1px solid var(--borda)}
.topo.cheio::before{opacity:1}
.topo .wrap{display:flex;align-items:center;gap:var(--f5);height:76px}
.marca img{height:44px;width:auto}
.menu{display:flex;align-items:center;gap:30px;margin-left:auto;list-style:none;padding:0;margin-block:0}
.menu a{color:var(--fg);text-decoration:none;font-size:13.5px;font-weight:500;letter-spacing:.02em;white-space:nowrap;padding:6px 0;border-bottom:1px solid transparent;opacity:.88;transition:opacity .2s,border-color .2s}
.menu a:hover,.menu a[aria-current="page"]{color:#fff;opacity:1;border-color:var(--gold)}
.topo .bt{min-height:44px;padding:0 var(--f5);font-size:14px}
.menu-bt{display:none;margin-left:auto;width:44px;height:44px;border-radius:50%;border:1px solid var(--borda);background:var(--vidro-2);color:#fff;cursor:pointer;place-items:center;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}
.menu-bt svg{width:21px;height:21px}
@media (max-width:1180px){
  .menu-bt{display:grid}
  .topo .bt-topo{display:none}
  .menu{position:fixed;inset:0;flex-direction:column;justify-content:center;align-items:center;gap:var(--f5);background:rgba(11,26,51,.97);transform:translateY(-100%);visibility:hidden;transition:transform .35s,visibility 0s .35s;margin:0;z-index:-1}
  .menu a{font-size:24px;font-weight:700}
  .topo.aberto .menu{transform:none;visibility:visible;transition:transform .35s}
}

/* ---------- Capa ---------- */
.capa{position:relative;min-height:100svh;display:grid;align-items:end;color:#fff;background:var(--navy) var(--foto-capa) center 35%/cover no-repeat;isolation:isolate}
.capa::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,26,51,.6) 0%,rgba(11,26,51,.1) 34%,rgba(11,26,51,.35) 58%,rgba(11,26,51,1) 100%)}
.capa .wrap{display:grid;grid-template-columns:1.618fr 1fr;gap:var(--f6);align-items:end;padding:var(--f9) 0 var(--f7)}
.capa h1{font-size:clamp(40px,6.6vw,76px)}
.capa h1 em{opacity:.92}
.capa-txt{display:grid;gap:var(--f5)}
.capa .olho{color:#fff}
.capa-lado{display:grid;gap:var(--f5);padding:var(--f5);border-radius:var(--raio);background:linear-gradient(180deg,var(--vidro-2),var(--vidro));-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--borda);box-shadow:inset 0 1px 0 var(--luz),var(--sombra)}
.capa-lado p{font-size:16px;color:#fff}
.capa-lado .bts .bt{flex:1 1 0;padding:0 var(--f5)}
.capa-sinais{display:flex;flex-wrap:wrap;gap:var(--f3) var(--f5);padding-top:var(--f4);border-top:1px solid var(--line);font-size:13px;font-weight:600;color:var(--fg)}
.capa-sinais span{display:inline-flex;align-items:center;gap:var(--f3)}
.capa-sinais svg{width:16px;height:16px;color:#fff;opacity:.8}
.capa h1,.capa .olho{text-shadow:0 1px 13px rgba(11,26,51,.55)}
@media (max-width:860px){.capa .wrap{grid-template-columns:1fr;padding:var(--f9) 0 var(--f6)}}

/* ---------- Quem somos (foto 1 : texto 1,618) ---------- */
.manifesto .wrap{display:grid;grid-template-columns:1fr 1.618fr;gap:var(--f5);align-items:stretch}
.manifesto-foto{min-height:377px;border-radius:var(--raio);background:var(--navy) var(--foto-manifesto) center/cover;border:1px solid var(--borda);box-shadow:var(--sombra)}
.manifesto-txt{display:grid;gap:var(--f5);padding:var(--f6)}
.manifesto-txt p{font-size:16.5px;color:var(--fg)}
.manifesto-txt p strong{color:#fff;font-weight:700}
.assinatura{font-weight:300;font-size:21px;color:#fff}
.lista-faz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--f4) var(--f5);list-style:none;padding:0;margin:0}
.lista-faz li{display:flex;gap:var(--f3);align-items:flex-start;font-size:14.5px;font-weight:600;color:#fff}
.lista-faz svg{width:18px;height:18px;color:#74c9a0;flex:none;margin-top:3px}
@media (max-width:860px){.manifesto .wrap{grid-template-columns:1fr}.manifesto-foto{min-height:233px}.manifesto-txt{padding:var(--f5)}.lista-faz{grid-template-columns:1fr}}

/* ---------- Experiências (grade áurea) ---------- */
.exp-grade{display:grid;grid-template-columns:1.618fr 1fr 1fr;grid-template-rows:233px 233px 233px;gap:var(--f4)}
.exp{position:relative;border-radius:var(--raio);overflow:hidden;color:#fff;text-decoration:none;display:flex;align-items:flex-end;padding:var(--f5);isolation:isolate;border:1px solid var(--borda);cursor:pointer;text-align:left;font:inherit;box-shadow:var(--sombra)}
.exp::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--navy) var(--f) center/cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.exp::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 35%,rgba(11,26,51,.9))}
.exp:hover::before{transform:scale(1.06)}
.exp-1{grid-row:span 2}.exp-4,.exp-6{grid-column:span 2}
.exp div{display:grid;gap:var(--f2)}
.exp b{font-weight:800;font-size:21px;line-height:1.2}
.exp small{font-size:13.5px;color:var(--fg);max-width:34ch}
.exp i{position:absolute;top:var(--f4);right:var(--f4);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--vidro-2);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--borda);transition:background .2s,color .2s}
.exp:hover i{background:#f4f5f8;color:var(--navy)}
.exp i svg{width:18px;height:18px}
@media (max-width:860px){.exp-grade{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:200px}.exp-1{grid-column:span 2;grid-row:auto}.exp-4{grid-column:span 2}.exp-6{grid-column:auto}}
@media (max-width:520px){.exp-grade{grid-template-columns:1fr;grid-auto-rows:200px}.exp-1,.exp-4,.exp-6{grid-column:auto}}

/* ---------- Destinos (rolagem horizontal) ---------- */
.dest-trilho{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(233px,1fr);gap:var(--f4);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 max(16px,(100vw - var(--larg))/2) var(--f5);scroll-padding-inline:max(16px,(100vw - var(--larg))/2);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}
.dest{scroll-snap-align:start;position:relative;aspect-ratio:1/1.618;border-radius:var(--raio);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--f5);color:#fff;text-decoration:none;isolation:isolate;border:1px solid var(--borda)}
.dest::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--navy) var(--f) center/cover;transition:transform .8s}
.dest::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 45%,rgba(11,26,51,.92))}
.dest:hover::before{transform:scale(1.06)}
.dest small{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg);font-weight:700}
.dest b{font-weight:800;font-size:22px}
.dest span{font-size:13px;color:var(--fg);margin-top:var(--f2)}
.trilho-bts{display:flex;gap:var(--f3)}
.redondo{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--borda);background:var(--vidro-2);color:#fff;cursor:pointer;transition:background .2s;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:inset 0 1px 0 var(--luz)}
.redondo:hover{background:#f4f5f8;color:var(--navy)}
.redondo svg{width:21px;height:21px}

/* ---------- Promoções (vêm do portal) ---------- */
.promo-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,233px),1fr));gap:var(--f5)}
.promo{display:grid;gap:var(--f3);text-decoration:none;color:inherit}
.promo img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--f4);box-shadow:var(--sombra);background:var(--navy);border:1px solid var(--borda);transition:transform .3s}
.promo:hover img{transform:translateY(-5px)}
.promo b{font-weight:700;font-size:15px;color:#fff}
.promo span{font-size:13px;color:var(--muted);font-weight:600}
.promo-vazio{display:grid;grid-template-columns:1.618fr 1fr;gap:var(--f5);align-items:center;padding:var(--f6)}
.promo-vazio h3{font-size:22px}
.promo-vazio p{color:var(--muted)}
@media (max-width:860px){.promo-vazio{grid-template-columns:1fr;padding:var(--f5)}}
.salas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--f4);margin-top:var(--f5)}
.sala{display:flex;align-items:center;gap:var(--f4);padding:var(--f5);text-decoration:none;transition:transform .2s,border-color .2s}
.sala:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.4)}
.sala i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;flex:none}
.sala i svg{width:21px;height:21px}
.sala b{display:block;font-size:14.5px;color:#fff}.sala small{display:block;font-size:12.5px;color:var(--muted)}
@media (max-width:860px){.salas{grid-template-columns:1fr}}

/* ---------- Como funciona (linha de conexão) ---------- */
.passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--f4);counter-reset:p}
.passos li{position:relative;display:grid;gap:var(--f3);align-content:start;counter-increment:p;padding:var(--f5)}
.passos li::before{content:counter(p);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#f4f5f8;color:var(--navy);font-weight:800;font-size:17px;margin-bottom:var(--f2)}
.passos b{font-size:16px;font-weight:700;line-height:1.3;color:#fff}
.passos p{font-size:14px;color:var(--muted)}
@media (max-width:960px){.passos{grid-template-columns:1fr}.passos li{grid-template-columns:44px 1fr;column-gap:var(--f4)}.passos li::before{grid-row:span 2;margin:0}}

/* ---------- Para quem ---------- */
.paraquem{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--f4)}
.pq{padding:var(--f5);display:grid;gap:var(--f3);align-content:start}
.pq i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--vidro-2);border:1px solid var(--borda);color:#fff;margin-bottom:var(--f2)}
.pq i svg{width:21px;height:21px}
.pq b{font-weight:700;font-size:17px;color:#fff}
.pq p{font-size:14px;color:var(--muted)}
@media (max-width:960px){.paraquem{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.paraquem{grid-template-columns:1fr}}

/* ---------- Equipe (vem do portal) ---------- */
.equipe-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:var(--f4)}
.pessoa{display:grid;gap:var(--f4);justify-items:center;text-align:center;padding:var(--f5)}
.pessoa .ft{width:89px;height:89px;border-radius:50%;object-fit:cover;background:var(--vidro-2);display:grid;place-items:center;font-weight:800;font-size:28px;color:#fff;border:2px solid var(--borda)}
.pessoa b{font-weight:700;font-size:16px;color:#fff;display:block}
.pessoa small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:var(--f1)}
.pessoa p{font-size:13.5px;color:var(--muted);max-width:34ch}
.pessoa button{min-height:44px;padding:0 var(--f5);border-radius:999px;border:1px solid var(--borda);background:var(--vidro-2);color:#fff;font:700 13px var(--sans);cursor:pointer;margin-top:auto}
.pessoa button:hover{background:#f4f5f8;color:var(--navy)}

/* ---------- Formulário "Planejar minha viagem" ---------- */
.planejar .wrap{display:grid;grid-template-columns:1fr 1.618fr;gap:var(--f6);align-items:start}
.planejar-txt{display:grid;gap:var(--f5);position:sticky;top:110px}
.planejar-txt p{color:var(--muted);font-size:16.5px}
.contatos{display:grid;gap:var(--f4);margin-top:var(--f3)}
.contatos a{display:flex;align-items:center;gap:var(--f4);text-decoration:none;font-weight:600;color:#fff}
.contatos i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--borda);background:var(--vidro-2);flex:none}
.contatos svg{width:18px;height:18px}
.form{padding:var(--f6);display:grid;gap:var(--f5)}
.campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--f4) var(--f5)}
.campo{display:grid;gap:var(--f2)}
.campo.inteiro{grid-column:1 / -1}
.campo label,.campo legend{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0}
.campo input,.campo select,.campo textarea{width:100%;min-height:55px;border-radius:var(--f4);border:1px solid var(--borda);background:rgba(255,255,255,.07);padding:0 var(--f4);font:16px var(--sans);color:#fff}
.campo input::placeholder,.campo textarea::placeholder{color:rgba(229,230,227,.45)}
.campo select option{background:var(--navy);color:#fff}
.campo textarea{min-height:89px;padding:var(--f4);resize:vertical}
.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:rgba(255,255,255,.55);outline:none;box-shadow:0 0 0 3px rgba(158,194,255,.2)}
fieldset.campo{border:0;margin:0;padding:0;min-width:0}
.chips{display:flex;flex-wrap:wrap;gap:var(--f3)}
.chips label{text-transform:none;letter-spacing:0;font-size:14px;font-weight:600;color:#fff}
.chips input{position:absolute;opacity:0;pointer-events:none}
.chips span{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--f5);border-radius:999px;border:1px solid var(--borda);background:rgba(255,255,255,.06);cursor:pointer;transition:all .2s}
.chips input:checked+span{background:#f4f5f8;color:var(--navy);border-color:#f4f5f8}
.chips input:focus-visible+span{outline:2px solid #9ec2ff;outline-offset:2px}
.form .bt{width:100%}
.form-nota{font-size:12.5px;color:var(--muted);text-align:center}
.form-erro{color:#ee918a;font-size:14px;font-weight:600;min-height:1em}
.form-erro a{color:#fff}
.form-ok{display:grid;gap:var(--f5);justify-items:center;text-align:center;padding:var(--f6) var(--f4)}
.form-ok .selo{width:89px;height:89px;border-radius:50%;display:grid;place-items:center;background:rgba(116,201,160,.18);color:#74c9a0}
.form-ok .selo svg{width:34px;height:34px}
.form-ok h3{font-size:28px}
.form-ok p{color:var(--muted)}
.agente-tag{display:flex;align-items:center;gap:var(--f3);padding:var(--f3) var(--f4);border-radius:var(--f4);background:rgba(255,255,255,.07);border:1px solid var(--line);font-size:14px}
.agente-tag button{margin-left:auto;background:none;border:0;color:var(--muted);cursor:pointer;font:600 13px var(--sans);text-decoration:underline}
@media (max-width:960px){.planejar .wrap{grid-template-columns:1fr;gap:var(--f5)}.planejar-txt{position:static}}
@media (max-width:560px){.campos{grid-template-columns:1fr}.form{padding:var(--f5) var(--f4)}}

/* ---------- Faixa do Espaço do Viajante ---------- */
.faixa-viajante{position:relative;border-radius:var(--raio);overflow:hidden;color:#fff;display:grid;grid-template-columns:1.618fr 1fr;gap:var(--f6);align-items:center;padding:var(--f7);background:var(--navy) var(--foto-viajante) center/cover;isolation:isolate;border:1px solid var(--borda);box-shadow:var(--sombra)}
.faixa-viajante::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,26,51,.94),rgba(11,26,51,.5))}
.faixa-viajante p{color:var(--fg);margin-top:var(--f4);font-size:16.5px}
.faixa-viajante ul{list-style:none;padding:var(--f5);margin:0;display:grid;gap:var(--f3);font-weight:600;font-size:14.5px;border-radius:var(--raio);background:rgba(255,255,255,.08);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--borda)}
.faixa-viajante li{display:flex;gap:var(--f3);align-items:center}
.faixa-viajante li svg{width:18px;height:18px;color:#74c9a0}
@media (max-width:860px){.faixa-viajante{grid-template-columns:1fr;padding:var(--f6) var(--f5)}}

/* ---------- Instagram ---------- */
.insta{display:grid;grid-template-columns:1fr 1.618fr;gap:var(--f5);align-items:center;padding:var(--f6)}
.insta p{color:var(--muted);margin-top:var(--f4)}
@media (max-width:860px){.insta{grid-template-columns:1fr;padding:var(--f5)}.insta .bts{justify-content:flex-start !important}}

/* ---------- Rodapé ---------- */
.rodape{background:rgba(11,20,38,.7);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-top:1px solid var(--line);color:var(--muted);padding:var(--f7) 0 var(--f6);font-size:14.5px}
.rodape .wrap{display:grid;grid-template-columns:1.618fr 1fr 1fr 1fr;gap:var(--f6)}
.rodape img{height:55px;width:auto;margin-bottom:var(--f4)}
.rodape h3{font:700 12px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#fff;margin-bottom:var(--f4)}
.rodape ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--f3)}
.rodape a{text-decoration:none}.rodape a:hover{color:#fff;text-decoration:underline}
.rodape-base{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--f4);padding-top:var(--f5);border-top:1px solid var(--line);font-size:12.5px}
.redes{display:flex;gap:var(--f3);margin-top:var(--f5)}
.redes a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--borda);background:var(--vidro-2);color:#fff}
.redes a:hover{background:#f4f5f8;color:var(--navy)}
.redes svg{width:18px;height:18px}
@media (max-width:860px){.rodape .wrap{grid-template-columns:1fr 1fr}.rodape .wrap>div:first-child{grid-column:1 / -1}}
@media (max-width:480px){.rodape .wrap{grid-template-columns:1fr}}

/* ---------- WhatsApp flutuante e topo ---------- */
.flutua{position:fixed;right:16px;bottom:16px;z-index:40;display:grid;gap:var(--f4);justify-items:center}
.flutua a,.flutua button{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer;box-shadow:0 8px 21px rgba(0,0,0,.3)}
.flutua .wa{background:#25d366;color:#fff}
.flutua .wa svg{width:28px;height:28px}
.flutua .sobe{width:44px;height:44px;background:var(--vidro-2);color:#fff;border:1px solid var(--borda);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);opacity:0;pointer-events:none;transition:opacity .3s}
.flutua .sobe.ver{opacity:1;pointer-events:auto}
.flutua .sobe svg{width:18px;height:18px}

/* ---------- Aparecer ao rolar ---------- */
.surge{opacity:0;transform:translateY(21px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}
.surge.ok{opacity:1;transform:none}
.sem-js .surge{opacity:1;transform:none}

/* ---------- Espaço do Viajante: login, cadastro e minhas viagens ---------- */
.capa-curta{min-height:55svh}
.viajante-caixa{margin-top:calc(var(--f8) * -1);position:relative;z-index:2;padding:var(--f6);display:grid;gap:var(--f5)}
.abas{display:flex;gap:var(--f1);padding:var(--f2);border-radius:999px;background:rgba(255,255,255,.07);border:1px solid var(--line);width:max-content;max-width:100%}
.abas button{min-height:44px;padding:0 var(--f5);border-radius:999px;border:0;background:transparent;color:var(--fg);font:700 14px var(--sans);cursor:pointer}
.abas button[aria-selected="true"]{background:#f4f5f8;color:var(--navy)}
.conta-grade{display:grid;grid-template-columns:1.618fr 1fr;gap:var(--f6);align-items:start}
.conta-form{display:grid;gap:var(--f4)}
.conta-lado{display:grid;gap:var(--f4);align-content:start;padding:var(--f5);border-radius:var(--raio);background:rgba(255,255,255,.05);border:1px solid var(--line)}
.conta-lado p{color:var(--muted);font-size:14.5px}
.conta-lado b{color:#fff}
.link-sutil{background:none;border:0;padding:0;color:var(--fg);font:600 13.5px var(--sans);text-decoration:underline;cursor:pointer;justify-self:start}
.viagens{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--f4)}
.viagem{display:grid;gap:var(--f2);padding:var(--f5);border-radius:var(--raio);background:rgba(255,255,255,.07);border:1px solid var(--borda);text-decoration:none;color:#fff;transition:transform .2s,border-color .2s}
.viagem:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.45)}
.viagem small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}
.viagem b{font-size:18px;font-weight:800}
.viagem span{font-size:13.5px;color:var(--fg)}
.viagem .ir{margin-top:var(--f3);font-weight:700;font-size:13.5px;display:flex;align-items:center;gap:var(--f2)}
.viagem .ir svg{width:16px;height:16px}
.viagem.passada{opacity:.7}
.conta-topo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--f4)}
.conta-topo h2{font-size:clamp(24px,3.4vw,34px)}
.linha-form{display:flex;gap:var(--f3)}
.linha-form input{flex:1;min-width:0;min-height:55px;border-radius:999px;border:1px solid var(--borda);background:rgba(255,255,255,.07);color:#fff;padding:0 var(--f5);font:16px var(--sans)}
.linha-form input::placeholder{color:rgba(229,230,227,.45)}
.recursos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--f4)}
.recurso{padding:var(--f5);display:grid;gap:var(--f3);align-content:start}
.recurso i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--vidro-2);border:1px solid var(--borda);color:#fff}
.recurso i svg{width:21px;height:21px}
.recurso b{font-weight:700;font-size:17px;color:#fff}
.recurso p{font-size:14px;color:var(--muted)}
.vazio{padding:var(--f5);border-radius:var(--raio);border:1px dashed var(--borda);color:var(--muted);text-align:center}
@media (max-width:860px){.viajante-caixa{padding:var(--f5) var(--f4)}.conta-grade{grid-template-columns:1fr;gap:var(--f5)}.recursos{grid-template-columns:1fr}.linha-form{flex-direction:column}}

/* Celular: o conteúdo da caixa nunca passa da largura da tela */
.viajante-caixa,.conta-grade,.campos,.planejar .wrap,.capa .wrap,.manifesto .wrap,.sec-topo,.insta,.promo-vazio,.faixa-viajante{grid-template-columns:minmax(0,1fr)}
@media (min-width:861px){.conta-grade{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr)}.sec-topo{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr)}.capa .wrap{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr)}.manifesto .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.618fr)}.insta,.planejar .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.618fr)}.promo-vazio,.faixa-viajante{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr)}}
@media (min-width:561px){.campos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.abas{width:auto;max-width:100%;overflow-x:auto;scrollbar-width:none}.abas::-webkit-scrollbar{display:none}.abas button{flex:none}
.campo,.conta-form,.conta-lado,.viagem{min-width:0}

/* ---------- Globo de viagens ---------- */
.globo-site{display:grid;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:21px;align-items:center}
.globo-tela{position:relative;aspect-ratio:1/1;max-height:610px;width:100%;border-radius:var(--raio);overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(43,85,151,.35),transparent 70%);border:1px solid var(--line);cursor:grab}
.globo-tela:active{cursor:grabbing}
.globo-tela canvas{display:block}
.globo-info{display:grid;gap:13px;padding:21px;border-radius:var(--raio);background:linear-gradient(180deg,var(--vidro-2),var(--vidro));-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--borda);box-shadow:inset 0 1px 0 var(--luz),var(--sombra)}
.globo-num{display:flex;align-items:baseline;gap:8px}
.globo-num b{font-size:clamp(34px,5vw,55px);font-weight:800;color:#fff;line-height:1}
.globo-num span{color:var(--muted);font-weight:600}
.globo-sel{color:var(--fg);min-height:3.2em;padding:13px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid var(--line)}
.globo-sel b{color:#fff}
.gs-rot{font:700 12px var(--sans);color:#fff;background:rgba(11,26,51,.8);padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.3);white-space:nowrap;pointer-events:none;transform:translate(-50%,-140%)}
@media (max-width:860px){.globo-site{grid-template-columns:minmax(0,1fr)}.globo-tela{aspect-ratio:1/1.05}}
.globo-leg{display:grid;gap:8px;font-size:14px;font-weight:600;color:var(--fg)}
.globo-leg span{display:flex;align-items:center;gap:10px}
.globo-leg i{flex:none;width:28px;height:0;border-top:2px solid}
.globo-leg .lg-rota{border-color:rgba(158,194,255,.85);border-top-style:dashed}.globo-leg .lg-voo{border-color:#40e0ff}.globo-leg .lg-mar{border-color:#40ffd6;border-top-style:dotted;border-top-width:3px}
.globo-leg .lg-pin,.globo-leg .lg-aero{width:12px;height:12px;border:0;border-radius:50%;margin:0 8px}.globo-leg .lg-pin{background:#fff}.globo-leg .lg-aero{background:#9ec2ff;width:8px;height:8px;margin:0 10px}

/* =====================================================================
   TEMA CLARO (escolhido pela administração no modo edição, vale para todos)
   ===================================================================== */
:root[data-tema="claro"]{color-scheme:light;
  --base:#eef2f8; --fg:#2b3445; --branco:#121b2e; --muted:#5d6577;
  --vidro:rgba(255,255,255,.62); --vidro-2:rgba(255,255,255,.82); --borda:rgba(18,27,46,.12); --luz:rgba(255,255,255,.95); --line:rgba(18,27,46,.1);
  --sombra:0 10px 34px rgba(18,27,46,.12)}
:root[data-tema="claro"] body::before{background:radial-gradient(38vmax 34vmax at 18% 22%,#bfe3f5 0%,transparent 62%),radial-gradient(34vmax 30vmax at 82% 18%,#c9d8f7 0%,transparent 60%),radial-gradient(40vmax 36vmax at 70% 78%,#c2ece6 0%,transparent 62%),radial-gradient(22vmax 18vmax at 26% 88%,rgba(246,210,155,.7) 0%,transparent 60%);opacity:1}
:root[data-tema="claro"] .lista-faz li,:root[data-tema="claro"] .manifesto-txt p strong,:root[data-tema="claro"] .assinatura,:root[data-tema="claro"] .promo b,:root[data-tema="claro"] .sala b,
:root[data-tema="claro"] .passos b,:root[data-tema="claro"] .pq b,:root[data-tema="claro"] .pq i,:root[data-tema="claro"] .pessoa b,:root[data-tema="claro"] .pessoa .ft,:root[data-tema="claro"] .contatos a,
:root[data-tema="claro"] .chips label,:root[data-tema="claro"] .campo input,:root[data-tema="claro"] .campo select,:root[data-tema="claro"] .campo textarea,:root[data-tema="claro"] .linha-form input,
:root[data-tema="claro"] .globo-num b,:root[data-tema="claro"] .globo-sel b,:root[data-tema="claro"] .recurso b,:root[data-tema="claro"] .recurso i,:root[data-tema="claro"] .viagem,:root[data-tema="claro"] .rodape h3,
:root[data-tema="claro"] .conta-lado b,:root[data-tema="claro"] details summary{color:var(--branco) !important}
:root[data-tema="claro"] .campo input,:root[data-tema="claro"] .campo select,:root[data-tema="claro"] .campo textarea,:root[data-tema="claro"] .linha-form input,:root[data-tema="claro"] .chips span{background:rgba(255,255,255,.75)}
:root[data-tema="claro"] .campo input::placeholder,:root[data-tema="claro"] .campo textarea::placeholder,:root[data-tema="claro"] .linha-form input::placeholder{color:rgba(43,52,69,.45)}
:root[data-tema="claro"] .campo select option{background:#fff;color:#121b2e}
:root[data-tema="claro"] main .bt-vidro,:root[data-tema="claro"] main .bt-linha,:root[data-tema="claro"] .rodape .bt-vidro,:root[data-tema="claro"] .redondo,:root[data-tema="claro"] .pessoa button,:root[data-tema="claro"] .redes a,:root[data-tema="claro"] .contatos i,:root[data-tema="claro"] .flutua .sobe{color:#121b2e}
:root[data-tema="claro"] .capa .bt-vidro,:root[data-tema="claro"] .faixa-viajante .bt-vidro{color:#fff}
:root[data-tema="claro"] .bt-ouro,:root[data-tema="claro"] .bt-azul,:root[data-tema="claro"] .chips input:checked+span,:root[data-tema="claro"] .abas button[aria-selected="true"],:root[data-tema="claro"] .passos li::before{background:#121b2e;color:#fff;border-color:#121b2e}
:root[data-tema="claro"] .bt-ouro:hover,:root[data-tema="claro"] .bt-azul:hover{background:#1c2a47}
:root[data-tema="claro"] .topo.cheio::before{background:rgba(255,255,255,.82)}
:root[data-tema="claro"] .topo.cheio .menu a,:root[data-tema="claro"] .topo.cheio .menu-bt{color:#121b2e}
:root[data-tema="claro"] .topo.cheio .menu-bt{border-color:rgba(18,27,46,.2)}
:root[data-tema="claro"] .topo.cheio .marca img{filter:brightness(0) saturate(100%) invert(9%) sepia(20%) saturate(2000%) hue-rotate(195deg)}
:root[data-tema="claro"] .rodape{background:rgba(255,255,255,.7);color:var(--muted)}
:root[data-tema="claro"] .rodape img{filter:brightness(0) saturate(100%) invert(9%) sepia(20%) saturate(2000%) hue-rotate(195deg)}
:root[data-tema="claro"] .rodape a:hover{color:#121b2e}
:root[data-tema="claro"] .form-erro{color:#b03f37}
:root[data-tema="claro"] .globo-tela{background:radial-gradient(circle at 50% 50%,rgba(43,85,151,.18),transparent 70%)}
:root[data-tema="claro"] .menu{background:rgba(238,242,248,.98)}
:root[data-tema="claro"] .topo.aberto .menu a{color:#121b2e}

/* ---------- Blocos criados no editor ---------- */
.bloco-txt{display:grid;gap:13px;max-width:780px}
.bloco-txt.bloco-só{margin-inline:auto;text-align:center;justify-items:center}
.bloco-txt p,.bloco-cham p{color:var(--fg);font-size:16.5px}
.bloco-it{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);gap:34px;align-items:center}
.bloco-it.dir .bloco-img{order:2}
.bloco-img{min-height:340px;border-radius:var(--raio);background:var(--navy) center/cover;border:1px solid var(--borda);box-shadow:var(--sombra)}
.bloco-cham{display:grid;gap:13px;justify-items:center;text-align:center;padding:55px 34px;border-radius:var(--raio);background:linear-gradient(180deg,var(--vidro-2),var(--vidro));-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--borda);box-shadow:inset 0 1px 0 var(--luz),var(--sombra)}
.bloco-cham p{max-width:62ch}
.bloco-gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.bloco-gal div{aspect-ratio:1/1;border-radius:var(--f4);background:var(--navy) center/cover;border:1px solid var(--borda)}
.bloco-video{position:relative;aspect-ratio:16/9;border-radius:var(--raio);overflow:hidden;border:1px solid var(--borda);box-shadow:var(--sombra)}
.bloco-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:860px){.bloco-it{grid-template-columns:minmax(0,1fr)}.bloco-it.dir .bloco-img{order:0}.bloco-img{min-height:233px}.bloco-gal{grid-template-columns:repeat(2,minmax(0,1fr))}.bloco-cham{padding:34px 21px}}
.ed-oculta{display:none !important}

/* ---------- Editor (só aparece para administradores) ---------- */
.ed-on .ed-oculta{display:block !important;opacity:.45;outline:2px dashed rgba(238,145,138,.7);outline-offset:-2px}
.ed-on [contenteditable="true"]{outline:1px dashed rgba(158,194,255,.55);outline-offset:3px;border-radius:4px;cursor:text;min-width:1em}
.ed-on [contenteditable="true"]:hover{outline-color:#9ec2ff}
.ed-on [contenteditable="true"]:focus{outline:2px solid #9ec2ff;background:rgba(158,194,255,.08)}
.ed-on a[data-edl]{outline:1px dashed rgba(64,255,214,.6);outline-offset:3px;cursor:pointer}
.ed-on main > section,.ed-on footer{position:relative}
.ed-on main > section{padding-top:55px}
.ed-on .capa{padding-top:0}
.ed-sec{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:rgba(11,26,51,.92);border:1px solid rgba(255,255,255,.25);color:#fff;font:600 12px var(--sans);box-shadow:0 6px 20px rgba(0,0,0,.35);white-space:nowrap;max-width:calc(100% - 16px);overflow-x:auto}
.ed-on .capa .ed-sec{top:96px}
.ed-sec b{padding:0 6px;font-weight:700}
.ed-sec button,.ed-alca{min-width:34px;height:30px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font:600 12px var(--sans);cursor:pointer;padding:0 8px;display:inline-grid;place-items:center}
.ed-alca{cursor:grab;font-size:16px}
.ed-sec button:hover{background:#fff;color:#121b2e}
.ed-arrastando{opacity:.4}
.ed-foto-bt{position:absolute;right:13px;bottom:13px;z-index:25;min-height:34px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.5);background:rgba(11,26,51,.85);color:#fff;font:700 12px var(--sans);cursor:pointer}
.ed-on .manifesto-foto,.ed-on .faixa-viajante,.ed-on .exp,.ed-on .dest{position:relative}
.ed-on .capa .ed-foto-bt{bottom:auto;top:140px}
.ed-barra{position:fixed;left:50%;bottom:13px;transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;max-width:calc(100% - 26px);padding:8px;border-radius:21px;background:rgba(11,26,51,.95);border:1px solid rgba(255,255,255,.25);box-shadow:0 13px 40px rgba(0,0,0,.45);color:#fff;font:600 13px var(--sans)}
.ed-barra .ed-tit{padding:0 8px;color:#9ec2ff}
.ed-barra button,.ed-barra select{min-height:38px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font:600 13px var(--sans);cursor:pointer}
.ed-barra select option{color:#121b2e}
.ed-barra .ed-tema{display:flex;align-items:center;gap:6px}
.ed-barra .ed-pub{background:#f4f5f8;color:#121b2e;font-weight:800}
.ed-barra .ed-pub.pendente{box-shadow:0 0 0 3px rgba(158,194,255,.6)}
.ed-on .flutua{bottom:96px}
.ed-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;background:rgba(4,10,24,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ed-caixa{width:min(560px,100%);max-height:calc(100svh - 32px);overflow:auto;border-radius:21px;background:#13213b;color:#e5e6e3;border:1px solid rgba(255,255,255,.2);box-shadow:0 21px 55px rgba(0,0,0,.5);font-family:var(--sans)}
.ed-caixa header{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:16px 21px;border-bottom:1px solid rgba(255,255,255,.12);position:sticky;top:0;background:#13213b;z-index:1}
.ed-caixa h3{font-size:17px;color:#fff;margin:0}
.ed-x{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-size:22px;cursor:pointer;line-height:1}
.ed-corpo{padding:16px 21px 21px;display:grid;gap:13px}
.ed-form{display:grid;gap:13px}
.ed-form label{display:grid;gap:5px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9aa3b5}
.ed-form input,.ed-form select,.ed-form textarea{width:100%;min-height:46px;border-radius:13px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#fff;padding:0 13px;font:15px var(--sans);text-transform:none;letter-spacing:0}
.ed-form textarea{padding:13px;min-height:120px;resize:vertical}
.ed-form select option{color:#121b2e}
.ed-fs{border:1px solid rgba(255,255,255,.15);border-radius:13px;padding:13px;display:grid;gap:13px;margin:0}
.ed-fs legend{padding:0 6px;font-size:12px;font-weight:700;color:#9aa3b5;text-transform:uppercase}
.ed-foto{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.ed-up{min-height:46px;font-size:13px;cursor:pointer;color:#fff !important;text-transform:none !important;letter-spacing:0 !important}
.ed-acoes{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.ed-acoes .bt{min-height:46px;padding:0 21px}
.ed-caixa .bt-ouro{background:#f4f5f8;color:#121b2e}
.ed-caixa .bt-vidro{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25)}
.ed-nota{font-size:13.5px;color:#9aa3b5;margin:0}
.ed-nota a{color:#9ec2ff}
.ed-erro{color:#ee918a;font-size:13.5px;font-weight:600;min-height:1em;margin:0}
.ed-lista{display:grid;gap:8px}
.ed-lista > div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 13px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.ed-lista b{color:#fff;flex:1 1 160px}.ed-lista small{color:#9aa3b5;flex:1 1 100%}
.ed-lista .bt{min-height:38px;padding:0 13px;font-size:13px}
.ed-aviso{position:fixed;left:50%;bottom:96px;transform:translate(-50%,13px);z-index:210;max-width:calc(100% - 32px);padding:13px 21px;border-radius:13px;background:#f4f5f8;color:#121b2e;font:600 14px var(--sans);box-shadow:0 13px 34px rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
.ed-aviso.ver{opacity:1;transform:translate(-50%,0)}
.ed-flutua{position:fixed;left:16px;bottom:16px;z-index:90;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(11,26,51,.92);color:#fff;font:700 13px var(--sans);cursor:pointer;box-shadow:0 8px 21px rgba(0,0,0,.3)}
.rodape .ed-link{opacity:.6;font-size:12px}
.pg-capa{padding:144px 0 21px}.pg-capa h1{font-size:clamp(34px,5vw,55px);margin-top:13px}.pg-main{min-height:61.8svh}

/* Espaço do Viajante: criar roteiro do zero */
.criar-rt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--f4);margin:var(--f5) 0;padding:var(--f5);border-radius:var(--raio);background:var(--vidro);border:1px solid var(--borda)}
.criar-rt>div{flex:1 1 280px;display:grid;gap:4px}.criar-rt b{color:var(--branco);font-size:18px}.criar-rt p{color:var(--muted);font-size:14.5px}
.linha-datas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--f4)}
#criarF{margin-bottom:var(--f5)}

/* ---------- Celular: nada passa da largura da tela; botões no formato do portal (retângulo com cantos arredondados) ---------- */
html{overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
img,video,iframe,svg{max-width:100%}
.chips label{position:relative}
.chips input{width:1px;height:1px;min-height:0;margin:0;padding:0;border:0;inset:0;clip-path:inset(50%)}
.bt{border-radius:12px}
.abas{border-radius:14px}
.abas button,.pessoa button,.chips span{border-radius:10px}
.linha-form input{border-radius:12px}
.ed-sec{border-radius:12px}
.ed-sec button,.ed-alca,.ed-foto-bt,.ed-barra button,.ed-barra select,.ed-flutua{border-radius:10px}
/* Botão de ir ao topo/fim: a seta aponta para baixo na primeira metade da página e para cima na segunda */
.flutua .sobe svg{transition:transform .3s}
.flutua .sobe.baixo svg{transform:rotate(180deg)}
/* Vídeo no lugar da foto (cartões de destino em formato story) */
.com-video{position:relative;isolation:isolate}
.fundo-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}
.dest.com-video::before{background:var(--navy)}
.dest.com-video::before{opacity:0}

/* Quem viajou recomenda: avaliações do Google e prints do Instagram */
.av-resumo{display:flex;align-items:center;gap:var(--f3);flex-wrap:wrap;font-size:14px;color:var(--fg)}
.av-resumo b{font-size:34px;font-weight:800;color:var(--branco);line-height:1}
.av-est{color:var(--gold);letter-spacing:2px;font-size:15px}
.av-est i{font-style:normal;opacity:.25}
.av-nav{display:flex;gap:var(--f3);justify-content:flex-end;margin-bottom:var(--f4)}
.av-trilho{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(288px,377px);gap:var(--f4);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 max(16px,(100vw - var(--larg))/2) var(--f5);scroll-padding-inline:max(16px,(100vw - var(--larg))/2);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}
.av-card{scroll-snap-align:start;display:flex;flex-direction:column;gap:var(--f3);padding:var(--f5);border-radius:var(--raio);background:var(--vidro);border:1px solid var(--borda);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}
.av-card header{display:flex;align-items:center;gap:var(--f3)}
.av-card header div{flex:1;min-width:0;display:grid}
.av-card header b{color:var(--branco);font-size:15px}
.av-card header small{color:var(--muted);font-size:12px}
.av-ini{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--navy);font-weight:800;flex:0 0 auto}
.av-txt{margin:0;color:var(--fg);font-size:14.5px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.av-txt.aberto{-webkit-line-clamp:unset;display:block}
.av-mais{align-self:flex-start;background:none;border:0;padding:0;color:var(--gold);font-weight:700;font-size:13px;cursor:pointer}
.av-fotos{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--f2);margin-top:auto}
.av-fotos button{position:relative;padding:0;border:0;border-radius:10px;overflow:hidden;aspect-ratio:1;cursor:zoom-in;background:var(--navy)}
.av-fotos img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.av-fotos button:hover img{transform:scale(1.08)}
.av-fotos span{position:absolute;inset:0;display:grid;place-items:center;background:rgba(11,26,51,.6);color:#fff;font-weight:800}
.av-ig-topo{display:flex;justify-content:space-between;align-items:center;gap:var(--f4);margin-top:var(--f6)}
.av-ig-topo h3{margin:0;font-size:21px;color:var(--branco)}
.av-ig-topo .av-nav{margin:0}
.av-ig-trilho{grid-auto-columns:minmax(178px,216px)}
.av-ig{scroll-snap-align:start;position:relative;padding:0;border:1px solid var(--borda);border-radius:var(--raio);overflow:hidden;aspect-ratio:9/16;cursor:zoom-in;background:var(--navy)}
.av-ig img{width:100%;height:100%;object-fit:cover;display:block}
.av-ig span{position:absolute;left:0;right:0;bottom:0;padding:34px 13px 13px;background:linear-gradient(180deg,transparent,rgba(11,26,51,.9));color:#fff;font-size:13px;font-weight:700;text-align:left}
.av-lux{position:fixed;inset:0;z-index:9999;background:rgba(5,9,18,.94);display:grid;place-items:center}
.av-lux img{max-width:96vw;max-height:88vh;object-fit:contain;border-radius:8px}
.av-lux button{position:absolute;border:0;background:rgba(255,255,255,.14);color:#fff;border-radius:50%;width:46px;height:46px;font-size:24px;cursor:pointer;display:grid;place-items:center}
.av-lux .av-x{top:16px;right:16px;font-size:20px}
.av-lux .av-ant{left:12px;top:50%;transform:translateY(-50%)}
.av-lux .av-prox{right:12px;top:50%;transform:translateY(-50%)}
.av-lux .av-n{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:#fff;font-size:13px;opacity:.8}
/* Questionário do destino (uma pergunta por tela) */
.qz{position:fixed;inset:0;z-index:9000;background:rgba(5,9,18,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px}
.qz-caixa{position:relative;width:min(560px,100%);max-height:calc(100dvh - 32px);overflow:auto;border-radius:var(--raio);background:var(--navy);border:1px solid var(--borda);box-shadow:var(--sombra)}
.qz-x{position:absolute;top:12px;right:12px;z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:rgba(0,0,0,.45);color:#fff;font-size:17px;cursor:pointer}
.qz-capa{height:144px;background:var(--navy) center/cover;display:flex;align-items:flex-end;padding:var(--f4) var(--f5);position:relative}
.qz-capa::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(11,26,51,.92))}
.qz-capa.sem{height:89px;background:linear-gradient(135deg,#1f4e9a,var(--navy))}
.qz-capa span{position:relative;color:#fff;font-weight:800;font-size:22px}
.qz-barra{height:4px;background:var(--vidro)}
.qz-barra i{display:block;height:100%;background:var(--gold);transition:width .3s}
.qz-corpo{padding:var(--f5);display:grid;gap:var(--f4)}
.qz-corpo h3{margin:0;font-size:22px;color:var(--branco);line-height:1.25}
.qz-corpo p{margin:0;color:var(--fg)}
.qz-ops{display:grid;grid-template-columns:repeat(auto-fill,minmax(144px,1fr));gap:var(--f3)}
.qz-op{padding:13px;border-radius:12px;border:1px solid var(--borda);background:var(--vidro);color:var(--branco);font:600 14px var(--sans);cursor:pointer;text-align:center;transition:border-color .2s,background .2s}
.qz-op:hover,.qz-op:focus-visible{border-color:var(--gold)}
.qz-op.on{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.qz-ag{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:var(--f3)}
.qz-pessoa{display:grid;justify-items:center;gap:4px;padding:13px 8px;border-radius:13px;border:1px solid var(--borda);background:var(--vidro);color:var(--branco);cursor:pointer;font-family:var(--sans)}
.qz-pessoa img,.qz-pessoa span{width:55px;height:55px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--gold);color:var(--navy);font-weight:800}
.qz-pessoa small{color:var(--muted);font-size:11.5px}
.qz-pessoa.on{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold) inset}
.qz-form{display:grid;gap:var(--f3)}
.qz-volta{justify-self:start;background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;font:500 13px var(--sans);padding:0}
.dest-lam{background:var(--navy)}
.dest-lam img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.dest-lam::before{display:none}
/* Editor: banco de imagens do Drive */
.ed-banco{position:fixed;inset:0;z-index:10001;background:rgba(5,9,18,.7);display:grid;place-items:center;padding:16px}
.ed-banco .ed-caixa{width:min(880px,100%);max-height:calc(100dvh - 32px);overflow:auto}
.ed-banco input[type=search]{width:100%}
.ed-banco-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(144px,1fr));gap:8px;margin-top:8px}
.ed-banco-g button{position:relative;padding:0;border:0;border-radius:10px;overflow:hidden;aspect-ratio:4/3;cursor:pointer;background:#0b1a33}
.ed-banco-g img{width:100%;height:100%;object-fit:cover;display:block}
.ed-banco-g span{position:absolute;left:0;right:0;bottom:0;padding:13px 8px 6px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));color:#fff;font-size:12px;text-align:left}

/* Cartões do portal no carrossel de Destinos */
.dest-midia{background:var(--navy)}
.dest-midia::before{display:none}
.dest-midia img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}

/* Celular: fotos com a mesma proporção do computador e cabeçalho sólido ao rolar */
@media (max-width:860px){
  .manifesto-foto{min-height:0;aspect-ratio:4/5;background-position:center 30%}
  .topo.cheio::before{background:rgba(18,27,46,.92)}
  .exp-grade{grid-template-rows:none;grid-auto-rows:auto}
  .exp{aspect-ratio:1.618/1;min-height:0}
  .faixa-viajante{background-position:center 30%}
}
/* Equipe em ciclo contínuo: cartões iguais, cópias apenas visuais fora da navegação assistiva. */
.equipe-grade{display:flex;gap:20px;overflow-x:auto;scroll-behavior:auto;scrollbar-width:none;overscroll-behavior-x:contain;direction:ltr;padding:3px 0 12px}
.equipe-grade::-webkit-scrollbar{display:none}
.equipe-grade .pessoa{flex:0 0 260px;box-sizing:border-box;align-content:start;grid-template-rows:89px minmax(64px,auto) minmax(64px,auto) auto}
.equipe-grade .pessoa button{align-self:end}
.equipe-controles{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px}
@media(max-width:480px){.equipe-grade .pessoa{flex-basis:240px}}

/* Depoimentos em loop e ampliação para leitura de prints. */
.av-continuo{scroll-snap-type:none;scroll-behavior:auto}
.av-lux img{cursor:zoom-in}
.av-lux .av-zoom{top:16px;right:74px}
.av-lux.ampliada{display:block;overflow:auto;padding:80px 60px;box-sizing:border-box}
.av-lux.ampliada img{max-width:none;max-height:none;width:auto;height:auto;min-width:min(600px,100%);margin:auto;cursor:zoom-out}
.av-lux.ampliada button,.av-lux.ampliada .av-n{position:fixed}
.equipe-controles[hidden]{display:none}

/* Perfil público do especialista antes de escolher ou iniciar contato. */
.equipe-grade .pessoa{cursor:pointer}
.ag-perfil{width:min(560px,calc(100% - 28px));max-height:90dvh;padding:0;border:1px solid var(--borda);border-radius:24px;background:var(--navy);color:#fff;overflow:auto;box-sizing:border-box}
.ag-perfil::backdrop{background:rgba(5,9,18,.8);backdrop-filter:blur(5px)}
.ag-perfil-caixa{position:relative;padding:36px 26px;display:grid;gap:16px;justify-items:center;text-align:center}
.ag-perfil-fechar{position:absolute;right:12px;top:12px;border:0;border-radius:50%;width:42px;height:42px;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}
.ag-perfil-foto{width:144px;height:144px;object-fit:cover;border-radius:50%;border:2px solid var(--gold)}
.ag-perfil-iniciais{display:grid;place-items:center;background:var(--gold);color:var(--navy);font-size:36px;font-weight:800}
.ag-perfil h2,.ag-perfil p{margin:0}.ag-perfil-cargo{font-size:13px;color:var(--gold)}
.ag-perfil-bio{white-space:pre-line;text-align:left;line-height:1.7;width:100%;overflow-wrap:anywhere}
.ag-perfil-acoes{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:12px}
body:has(.ag-perfil[open]){overflow:hidden}