/* PRÉVIA 27/10/2026: paleta neutra */
/* Barra de menu do site (igual à da página inicial), usada nas páginas "Monte sua viagem".
   Mesmas cores e medidas do css/style.css; tudo limitado a .site-header e .mobile-menu para não misturar com css/planner.css */
.site-header{position:absolute;top:0;left:0;right:0;z-index:500;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;font-family:'Jost',sans-serif;line-height:normal}
.site-header .brand{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:normal}
.site-header .brand img{width:42px;height:42px;border-radius:50%;max-width:none}
.site-header .brand-name{font-family:'Cormorant Garamond',serif;font-size:var(--t-sub,20px);font-weight:600;letter-spacing:normal;color:#fff;line-height:1.1}
.site-header .brand-name span{display:block;font-family:'Jost',sans-serif;font-size:var(--t-pq,14px);letter-spacing:normal;font-weight:400;text-transform:none;color:#DCD3C4;font-style:normal}
.site-header nav{display:block}
.site-header .nav-links{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0}
.site-header .nav-links a{font-size:var(--t-pq,14px);letter-spacing:normal;text-transform:none;text-decoration:none;color:rgba(255,255,255,.88);position:relative;padding-bottom:4px;transition:color .3s ease;display:inline}
.site-header .nav-links a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:#006E83;transition:width .3s ease}
.site-header .nav-links a:hover::after{width:100%}
.site-header .nav-links a:hover{color:#DCD3C4}
.site-header .nav-cta{display:flex;align-items:center;gap:18px}
.site-header .btn,.mobile-menu .btn{display:inline-block;font-family:'Jost',sans-serif;font-size:var(--t-pq,14px);letter-spacing:normal;text-transform:none;font-weight:600;text-decoration:none;padding:15px 30px;border-radius:10px;min-height:0;line-height:normal;cursor:pointer;border:none;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,color .3s ease;filter:none}
.site-header .btn-gold,.mobile-menu .btn-gold{background:linear-gradient(135deg,#006E83,#DCD3C4);color:#1A1A1A}
.site-header .btn-gold:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,110,131,.4)}
.site-header .btn-outline{border:1px solid rgba(255,255,255,.6);color:#fff;background:transparent}
.site-header .btn-outline:hover{background:rgba(255,255,255,.12);transform:translateY(-3px)}
.site-header .hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer;background:none;border:none;padding:8px}
.site-header .hamburger span{width:22px;height:2px;background:#fff;display:block}
@media (max-width:1099px){
  .site-header .nav-links{display:none}
  .site-header .nav-cta .btn-outline,.site-header .nav-cta .btn-gold{display:none}
  .site-header .hamburger{display:flex}
  .site-header{padding:18px 22px}
}
@media (max-width:480px){
  .site-header .brand-name{font-size:var(--t-txt,17px)}
  .site-header .brand-name span{font-size:var(--t-pq,14px);letter-spacing:normal}
  .site-header .brand img{width:36px;height:36px}
}
/* ---------- MENU LATERAL (hambúrguer) ---------- */
.mobile-menu {
  position: fixed; top: 0; right: 0; bottom: 0; width: min(320px, 84vw);
  background: linear-gradient(165deg, #006E83 0%, #004E5D 100%);
  z-index: 600; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start;
  gap: 0; padding: 26px 28px 30px; overflow-y: auto;
  border-radius: 22px 0 0 22px; box-shadow: -24px 0 60px rgba(8,30,36,.35);
  transform: translateX(105%); visibility: hidden;
  transition: transform .5s cubic-bezier(.22,.61,.36,1), visibility 0s linear .5s;
}
.mobile-menu.open { transform: none; visibility: visible; transition: transform .5s cubic-bezier(.22,.61,.36,1), visibility 0s; }
.mobile-menu a {
  font-family: 'Cormorant Garamond', serif; font-size: var(--t-sub,20px); color: #fff; text-decoration: none;
  padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.1);
  opacity: 0; transform: translateX(22px);
  transition: opacity .4s ease, transform .5s cubic-bezier(.22,.61,.36,1), color .25s ease;
}
.mobile-menu.open a { opacity: 1; transform: none; transition-delay: calc(.14s + var(--i, 0) * .045s), calc(.14s + var(--i, 0) * .045s), 0s; }
.mobile-menu a:hover { color: #DCD3C4; }
.mobile-menu a.drawer-brand {
  display: flex; align-items: center; gap: 12px; padding: 0 56px 22px 0; margin-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,.14); font-family: 'Jost', sans-serif;
}
.mobile-menu a.drawer-brand img { width: 40px; height: 40px; border-radius: 50%; flex: none; }
.mobile-menu .drawer-brand-name { font-family: 'Cormorant Garamond', serif; font-size: var(--t-sub,20px); font-weight: 600; letter-spacing: normal; color: #fff; line-height: 1.1; }
.mobile-menu .drawer-brand-name span { display: block; font-family: 'Jost', sans-serif; font-size: var(--t-pq,14px); letter-spacing: normal; font-weight: 400; text-transform: none; color: #DCD3C4; margin-top: 2px; }

.mobile-menu a[style*="c9a96e"] { font-family: 'Jost', sans-serif; font-size: var(--t-pq,14px); letter-spacing: normal; border-bottom: 0; margin-top: 6px; }
.mobile-menu a.btn, .mobile-menu a.menu-cta {
  font-family: 'Jost', sans-serif; font-size: var(--t-pq,14px); letter-spacing: normal; text-transform: none; font-weight: 600;
  color: #1A1A1A; text-align: center; padding: 15px 20px; border: 0; border-radius: 2px; margin-top: 22px;
}
.mobile-menu .close-btn {
  position: absolute; top: 24px; right: 22px; width: 38px; height: 38px; border-radius: 50%;
  background: rgba(255,255,255,.1); border: 0; color: #fff; font-size: var(--t-sub,20px); line-height: 1; cursor: pointer;
  transition: background .25s ease, transform .35s ease;
}
.mobile-menu .close-btn:hover { background: rgba(255,255,255,.2); transform: rotate(90deg); }
.menu-overlay {
  position: fixed; inset: 0; z-index: 550; background: rgba(8,28,34,.5);
  -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
  opacity: 0; pointer-events: none; transition: opacity .4s ease;
}
.menu-overlay.show { opacity: 1; pointer-events: auto; }
body.menu-open { overflow: hidden; }
@media (prefers-reduced-motion: reduce) { .mobile-menu, .mobile-menu a, .menu-overlay { transition: none !important; } }

/* a faixa azul começa abaixo da barra */
.hero{padding-top:84px}
@media (max-width:1099px){.hero{padding-top:80px}}

/* ===== Visual do site atual aplicado à página do gerador (mesmos títulos, botões, faixa do topo e rodapé) ===== */
body{background:#F8F6F2}
#pg2 .hero.page-hero-site{background:linear-gradient(160deg,rgba(16,60,70,.62) 0%,rgba(0,110,131,.50) 45%,rgba(42,143,160,.36) 100%),url('../assets/img/estacoes/courchevel.jpg') center/cover no-repeat!important;text-align:center}
#pg2 .page-hero-site .hero-inner{justify-items:center;padding-block:26px 40px!important;gap:10px}
#pg2 .page-hero-site .hero-inner > *{max-width:640px}
#pg2 .breadcrumb{display:flex;gap:8px;align-items:center;justify-content:center;font-size:var(--t-pq,14px);letter-spacing:normal;text-transform:none;color:rgba(255,255,255,.55);margin-bottom:6px}
#pg2 .breadcrumb a{color:rgba(255,255,255,.75);text-decoration:none}
#pg2 .breadcrumb a:hover{color:#DCD3C4}
#pg2 .hero h1{font-family:'Cormorant Garamond',serif;font-weight:400!important;font-size:var(--t-capa,48px)!important;line-height:1.15;color:#fff;font-style:normal}
#pg2 .hero h1 em{font-style:normal;color:#DCD3C4}
#pg2 .hero .lead{font-size:var(--t-txt,17px);color:rgba(255,255,255,.8);line-height:1.8;font-weight:400;max-width:560px}
#pg2 .hero-back{color:#DCD3C4;justify-self:center}
@media (max-width:900px){#pg2 .page-hero-site .hero-inner{padding-block:14px 28px!important}#pg2 .hero h1{font-size:var(--t-sec,30px)!important}}

/* títulos e rótulos como no resto do site */
#pg2 .panel h2,#pg2 h3.sec{font-family:'Cormorant Garamond',serif;font-style:normal;font-weight:400;color:#1A1A1A}
#pg2 .kicker{font-size:var(--t-pq,14px);letter-spacing:normal;color:#006E83;font-weight:600}
#pg2 .label{color:#006E83;font-weight:600}
#pg2 .pmeta span{font-style:normal;font-weight:600;color:#1A1A1A}
#pg2 .cm h4{font-style:normal;font-weight:600;color:#1A1A1A}
#pg2 .tb-val{font-style:normal}

/* botões retos, dourados, em maiúsculas (igual ao site) */
#pg2 .btn,#pg2 .pnav .btn,#pg2 .pnav .btn.back{border-radius:10px;background:linear-gradient(135deg,#006E83,#DCD3C4);color:#1A1A1A;font-weight:600;font-size:var(--t-pq,14px);letter-spacing:normal;text-transform:none}
#pg2 .pnav .btn .nx b{font-size:var(--t-pq,14px);letter-spacing:normal;font-weight:600}
#pg2 .btn:hover:not(:disabled){filter:none;transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,110,131,.4)}
#pg2 .btn.ghost{background:transparent;color:#006E83;border:1px solid #006E83}
#pg2 .btn.ghost:hover:not(:disabled){box-shadow:none;background:rgba(0,110,131,.06)}

/* rodapé do site */
.site-footer{background:#1A1A1A;color:rgba(255,255,255,.65);padding:70px 0 30px;font-family:'Jost',sans-serif;font-weight:400;line-height:1.6}
.site-footer .container{max-width:1140px;margin:0 auto;padding:0 32px}
@media (max-width:760px){.site-footer .container{padding:0 22px}}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer .footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.1)}
@media (max-width:760px){.site-footer .footer-top{grid-template-columns:1fr;gap:36px}}
.site-footer .footer-logo{width:190px;max-width:100%;margin-bottom:18px;display:block}
.site-footer .footer-top p{font-size:var(--t-pq,14px);line-height:1.8;color:rgba(255,255,255,.5);max-width:320px;margin:0}
.site-footer .footer-col h5{font-size:var(--t-pq,14px);letter-spacing:normal;text-transform:none;color:#DCD3C4;margin:0 0 20px;font-weight:600}
.site-footer .footer-col ul{display:grid;gap:12px}
.site-footer .footer-col a{text-decoration:none;font-size:var(--t-pq,14px);color:rgba(255,255,255,.65);transition:color .25s ease}
.site-footer .footer-col a:hover{color:#DCD3C4}
.site-footer .footer-bottom{padding-top:26px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:var(--t-pq,14px);letter-spacing:normal;color:rgba(255,255,255,.35)}
.site-footer .footer-social{display:flex;gap:16px}
.site-footer .footer-social a{color:rgba(255,255,255,.5)}
.site-footer .footer-social a:hover{color:#DCD3C4}

/* computador: o menu abre como uma janelinha logo abaixo do botão (no alto, à direita), não na altura toda da tela */
@media (min-width: 761px) {
  .mobile-menu { top: 74px; right: 24px; bottom: auto; width: 300px; max-height: calc(100vh - 96px); padding: 20px 24px 22px;
    border-radius: 16px; box-shadow: 0 24px 60px rgba(8,30,36,.35); transform-origin: top right;
    transform: translateY(-12px) scale(.97); opacity: 0;
    transition: opacity .25s ease, transform .3s cubic-bezier(.22,.61,.36,1), visibility 0s linear .3s; }
  .mobile-menu.open { transform: none; opacity: 1; transition: opacity .25s ease, transform .3s cubic-bezier(.22,.61,.36,1), visibility 0s; }
  .mobile-menu a { font-size: var(--t-sub,20px); padding: 9px 0; }
  .mobile-menu a.drawer-brand { padding-bottom: 16px; }
  .mobile-menu .close-btn { top: 18px; right: 18px; }
  .mobile-menu a.btn, .mobile-menu a.menu-cta { margin-top: 16px; border-radius: 10px; }
  .menu-overlay { background: rgba(8,28,34,.18); -webkit-backdrop-filter: none; backdrop-filter: none; }
}

/* menu: "Monte sua viagem" (dourado) e, logo abaixo, "Falar no WhatsApp" (verde), os dois com cantos arredondados */
.mobile-menu a.btn, .mobile-menu a.menu-cta { border-radius: 10px; }
.mobile-menu a.menu-whats { background: #25D366; color: #fff; margin-top: 10px; }
.mobile-menu a.menu-whats:hover { background: #1ebe5b; color: #fff; }

/* efeito ao passar o mouse ou tocar: o dourado escurece um pouco, como o verde do WhatsApp */
.mobile-menu a.menu-cta { transition: filter .2s ease, opacity .4s ease, transform .5s cubic-bezier(.22,.61,.36,1); }
.mobile-menu a.menu-cta:hover, .mobile-menu a.menu-cta:active { filter: brightness(.9); color: #1A1A1A; }
.mobile-menu a.menu-whats:active { background: #1ebe5b; }

/* barra do topo responsiva: a partir de 1024px (tablet deitado e computador) os links aparecem e o menu hambúrguer some;
   1280px: entra também o botão "Monte sua viagem"; 1440px: tudo, com o botão WhatsApp. Abaixo de 1024px: hambúrguer. */
@media (min-width: 1024px) {
  .site-header .nav-links { display: flex; gap: 18px; margin: 0; padding: 0; }
  .site-header .nav-links a { font-size: var(--t-pq,14px); letter-spacing: normal; white-space: nowrap; }
  .site-header .hamburger { display: none; }
  .site-header .nav-cta .btn-outline, .site-header .nav-cta .btn-gold { display: none; }
  .site-header { padding-left: 28px; padding-right: 28px; }
}
@media (min-width: 1280px) {
  .site-header .nav-links { gap: 22px; }
  .site-header .nav-cta .btn-gold { display: inline-block; padding: 12px 20px; font-size: var(--t-pq,14px); white-space: nowrap; }
}
@media (min-width: 1440px) {
  .site-header .nav-links { gap: 30px; }
  .site-header .nav-links a { font-size: var(--t-pq,14px); letter-spacing: normal; }
  .site-header .nav-cta .btn-outline { display: inline-block; padding: 12px 20px; font-size: var(--t-pq,14px); white-space: nowrap; }
  .site-header { padding-left: 40px; padding-right: 40px; }
}

/* capas com mais foto aparecendo: um leve sombreado no texto mantém a leitura */
.page-hero h1, .page-hero p.lead, .page-hero .breadcrumb, .hero h1, .hero p.lead { text-shadow: 0 2px 14px rgba(8,30,36,.45); }
@media (max-width:760px){.site-footer .footer-top{grid-template-columns:1fr 1fr;gap:34px 18px;align-items:start}.site-footer .footer-top > div:first-child{grid-column:1 / -1}.site-footer .footer-col li,.site-footer .footer-col a{font-size:var(--t-pq,14px);overflow-wrap:break-word}}
.site-footer .footer-top p{color:rgba(255,255,255,.78)}.site-footer .footer-col a{color:rgba(255,255,255,.85)}
.site-footer .footer-legal{display:flex;flex-direction:column;gap:4px;line-height:1.5}.site-footer .footer-legal .footer-empresa{white-space:nowrap}
.site-footer .footer-bottom{font-size:var(--t-pq,14px);color:rgba(255,255,255,.75)}.site-footer .footer-col h5{font-size:var(--t-pq,14px)}

/* logo e nome da barra do topo um pouco maiores */
.site-header .brand img { width: 52px; height: 52px; }
.site-header .brand-name { font-size: var(--t-sec,30px); }
.site-header .brand-name span { font-size: var(--t-pq,14px); }
@media (max-width: 480px) {
  .site-header .brand img { width: 44px; height: 44px; }
  .site-header .brand-name { font-size: var(--t-sub,20px); }
  .site-header .brand-name span { font-size: var(--t-pq,14px); letter-spacing: normal; }
}

/* menu (três tracinhos): mesmo efeito de vidro fosco da barra do topo — azul translúcido, com a página desfocada por trás */
.mobile-menu {
  background: linear-gradient(165deg, rgba(0,110,131, 0.74) 0%, rgba(13, 61, 71, 0.84) 100%);
  -webkit-backdrop-filter: saturate(170%) blur(14px);
  backdrop-filter: saturate(170%) blur(14px);
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .mobile-menu { background: linear-gradient(165deg, #006E83 0%, #004E5D 100%); }
}

/* celular: o menu desce só até um pouco abaixo de "Falar no WhatsApp" (não ocupa a tela inteira) */
@media (max-width: 760px) {
  .mobile-menu { bottom: auto; height: auto; max-height: calc(100dvh - 16px); padding-bottom: 24px; border-radius: 0 0 0 22px; }
}

/* com o menu aberto, o resto da página NÃO fica embaçado: só o fundo do próprio menu tem o vidro fosco */
.menu-overlay { background: rgba(8, 28, 34, 0.12); -webkit-backdrop-filter: none; backdrop-filter: none; }

/* computador: sem o botão "Monte sua viagem" no topo (fica só a barra flutuante); os links vão para a direita, no lugar dele */
@media (min-width: 1024px) {
  .site-header .nav-cta .btn-gold { display: none !important; }
  .site-header nav { margin-left: auto; }
}
@media (min-width: 1280px) { .site-header .nav-links { gap: 28px; } .site-header .nav-links a { font-size: var(--t-pq,14px); letter-spacing: normal; } }
@media (min-width: 1440px) { .site-header .nav-links { gap: 32px; } .site-header .nav-cta { margin-left: 28px; } }

/* links do topo terminam exatamente acima do botão "Montar minha viagem" da barra flutuante (mesma largura útil: 1260px com 24px de margem) */
@media (min-width: 1024px) {
  .site-header { padding-right: max(24px, calc((100% - 1260px) / 2 + 24px)) !important; }
  .site-header .nav-cta .btn-outline { display: none !important; }
  .site-header .nav-cta { margin-left: 0 !important; }
}

/* 8 links no menu do topo: entre 1024 e 1279 px, um pouco mais juntos para caber com folga */
@media (min-width: 1024px) and (max-width: 1279px) { .site-header .nav-links { gap: 14px !important; } .site-header .nav-links a { font-size: var(--t-pq,14px) !important; letter-spacing: normal !important; } }

/* barra do topo e barras flutuantes ao descer: quase na cor normal, só um pouquinho transparentes */
.site-header.scrolled { background: rgba(248, 246, 242, 0.90) !important; }
.mini-planner { background: rgba(255, 255, 255, 0.90) !important; }
.barra-topo { background: rgba(255, 255, 255, 0.88) !important; }

/* ainda menos transparente: só um leve efeito */
.site-header.scrolled { background: rgba(248, 246, 242, 0.97) !important; -webkit-backdrop-filter: blur(6px) !important; backdrop-filter: blur(6px) !important; }
.mini-planner { background: rgba(255, 255, 255, 0.97) !important; }
.barra-topo { background: rgba(255, 255, 255, 0.96) !important; }

/* barras sem transparência (cor sólida) */
.site-header.scrolled { background: rgb(248, 246, 242) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.mini-planner { background: #fff !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.barra-topo { background: #fff !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }

/* legibilidade: legenda "Alpes Franceses" do menu ☰ e da capa da Roupa de esqui um pouco maiores */
.mobile-menu .drawer-brand-name span { font-size: var(--t-pq,14px) !important; letter-spacing: normal !important; }
@media (max-width: 560px) { .vit-marca-nome small { font-size: var(--t-pq,14px) !important; } }

/* botão de idioma: bandeira + sigla + setinha, com lista */
.troca-idioma { position: relative; margin-right: 6px; font-family: "Jost", sans-serif; }
.troca-idioma .idioma-atual { display: inline-flex; align-items: center; gap: 8px; background: none; border: 0; padding: 6px 4px; color: #fff; font: inherit; font-size: var(--t-pq,14px); letter-spacing: normal; cursor: pointer; }
.troca-idioma .idioma-atual b { font-weight: 600; }
.troca-idioma .bandeira { width: 18px; height: 18px; border-radius: 50%; flex: 0 0 auto; box-shadow: 0 0 0 1.5px rgba(255,255,255,.9), 0 1px 4px rgba(0,0,0,.18); display: block; }
.troca-idioma .seta { width: 11px; height: 8px; opacity: .75; transition: transform .2s ease; }
.troca-idioma.aberto .seta { transform: rotate(180deg); }
.site-header.scrolled .troca-idioma .idioma-atual, .site-header.solid .troca-idioma .idioma-atual { color: var(--charcoal, #1A1A1A); }
.troca-idioma .idioma-atual:hover b, .troca-idioma .idioma-atual:focus-visible b { color: var(--gold, #006E83); }
.troca-idioma .idioma-lista { position: absolute; top: calc(100% + 8px); right: 0; min-width: 170px; background: #fff; border-radius: 16px; box-shadow: 0 26px 60px rgba(16,60,70,.20); padding: 6px; display: none; z-index: 1200; }
.troca-idioma.aberto .idioma-lista { display: block; animation: idiomaAbre .18s ease; }
@keyframes idiomaAbre { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.troca-idioma .idioma-lista a { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; color: var(--charcoal, #1A1A1A); text-decoration: none; font-size: var(--t-pq,14px); }
.troca-idioma .idioma-lista a:hover { background: rgba(0,110,131,.08); }
.troca-idioma .idioma-lista a[aria-current] { font-weight: 600; }
.troca-idioma .idioma-lista a[aria-current]::after { content: "✓"; margin-left: auto; color: var(--gold, #006E83); }
.mobile-menu .troca-idioma.no-menu { margin: 18px auto 0; align-self: center; }
.mobile-menu .troca-idioma.no-menu .idioma-atual { font-size: var(--t-txt,17px); }
.mobile-menu .troca-idioma.no-menu .idioma-lista { right: 50%; transform: translateX(50%); top: auto; bottom: calc(100% + 8px); }
.mobile-menu .troca-idioma .idioma-lista a { font-family: "Jost", sans-serif; font-size: var(--t-pq,14px); letter-spacing: normal; border: 0; padding: 10px 12px; color: var(--charcoal, #1A1A1A); }
.mobile-menu .troca-idioma.no-menu.aberto .idioma-lista { animation: none; }
@media (max-width: 1023px) { .site-header .troca-idioma.no-topo .idioma-atual { font-size: var(--t-pq,14px); gap: 6px; } }
@media (max-width: 480px) { .site-header .troca-idioma.no-topo { margin-right: 2px; } .site-header .troca-idioma.no-topo .idioma-atual { padding: 6px 2px; gap: 5px; font-size: var(--t-pq,14px); } }
@media (max-width: 359px) { .site-header .troca-idioma.no-topo { display: none; } }

/* marca na versão em inglês: "Alpine Concierge · French Alps" e o significado do nome no rodapé */
.brand-name .marca-extra { font-style: normal; }
@media (max-width: 1279px) { .brand-name .marca-extra { display: none; } }
.footer-marca { display: block; width: 230px; max-width: 100%; margin-bottom: 18px; }
.footer-marca .footer-logo, .site-footer .footer-marca .footer-logo { width: 100%; margin: 0 0 9px; display: block; }
.footer-marca-sub { display: flex; align-items: center; gap: 9px; font-family: "Jost", sans-serif; font-size: var(--t-pq,14px); letter-spacing: normal; text-transform: none; color: rgba(255,255,255,.9); white-space: nowrap; }
.footer-marca-sub::before, .footer-marca-sub::after { content: ""; flex: 1; height: 1px; background: rgba(255,255,255,.55); }
.footer-nome { margin-top: 10px !important; font-size: var(--t-pq,14px); opacity: .78; }
.footer-nome em { font-family: "Cormorant Garamond", serif; font-size: var(--t-pq,14px); }
.nome-marca em { font-family: "Cormorant Garamond", serif; font-size: 1.12em; color: var(--teal-deep, #006E83); }

/* computador: links das páginas centralizados na barra do menu, entre o logo e o botão de idioma (pedido de 14/10/2026) */
@media (min-width: 1024px) {
  .site-header nav { flex: 1 1 auto; margin: 0 20px !important; display: flex; justify-content: center; }
  .site-header .nav-links { justify-content: center; }
}

/* computador: os links do menu ficam sempre no tamanho normal; quando não cabem na barra, o js/main.js põe .menu-compacto e entra o menu hambúrguer (pedido de 14/10/2026) */
@media (min-width: 1024px) {
  .site-header .nav-links { gap: 28px !important; }
  .site-header .nav-links a { font-size: var(--t-pq,14px) !important; letter-spacing: normal !important; white-space: nowrap; }
  .site-header.menu-compacto nav { display: none !important; }
  .site-header.menu-compacto .hamburger { display: flex !important; }
  .site-header.menu-compacto .nav-cta { margin-left: auto !important; }
}
/* 26/10/2026: rodapé do gerador igual ao das outras páginas (compacto, Navegação em 2 colunas, links legais) */
.site-footer{padding:48px 0 22px}
.site-footer .footer-top{grid-template-columns:1.15fr 1.35fr 1fr;gap:40px;padding-bottom:30px;align-items:start}
.site-footer .footer-logo{width:170px;margin-bottom:14px}
.site-footer .footer-top p{font-size:15px;line-height:1.6;max-width:330px}
.site-footer .footer-col h5{margin-bottom:14px}
.site-footer .footer-col ul{gap:9px}
.site-footer .footer-col li,.site-footer .footer-col a{font-size:15px;line-height:1.4}
.site-footer .footer-top .footer-col:nth-child(2) ul{grid-template-columns:repeat(2,max-content);column-gap:36px}
.site-footer .footer-bottom{padding-top:18px}
.site-footer .footer-legal{flex-direction:row;flex-wrap:wrap;column-gap:0;row-gap:2px}
.site-footer .footer-legal > span:not(:last-child)::after{content:"·";margin:0 10px;opacity:.6}
.site-footer .footer-legal > span:nth-last-child(2)::after{content:none}
.site-footer .footer-legal > .footer-endereco{flex-basis:100%}
.site-footer .footer-legal .footer-links-legais a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){.site-footer{padding:40px 0 22px}.site-footer .footer-top{grid-template-columns:1fr;gap:26px}.site-footer .footer-col li,.site-footer .footer-col a{font-size:16px}.site-footer .footer-top .footer-col:nth-child(2) ul{column-gap:28px}.site-footer .footer-legal{flex-direction:column}.site-footer .footer-legal > span::after{content:none!important}}
@media (max-width:760px){.site-footer .footer-top > div:first-child{display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;align-items:center}.site-footer .footer-top > div:first-child .footer-logo{width:128px;margin:0}.site-footer .footer-top > div:first-child p{margin:0;max-width:none;font-size:15px;line-height:1.45}.site-footer .footer-top .footer-col:nth-child(2) ul{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:16px!important}.site-footer{padding-bottom:96px!important}}
.site-footer .footer-col li{color:rgba(255,255,255,.85)}
@media (max-width:760px){.site-footer .footer-top > div:first-child{display:block}.site-footer .footer-top > div:first-child .footer-logo{width:170px;margin:0 0 12px}.site-footer .footer-top > div:first-child p{white-space:nowrap;font-size:min(15px,3.75vw)}}

.btn-gold{background:#006E83!important;color:#fff!important}
/* 27/10/2026: barra do menu sem nenhuma transparência, em todas as páginas */
html body .site-header.solid:not(.x):not(.y),html body .site-header.scrolled:not(.x):not(.y){background:rgba(248,246,242,.85)!important;-webkit-backdrop-filter:blur(12px) saturate(1.2)!important;backdrop-filter:blur(12px) saturate(1.2)!important;opacity:1!important}   /* 27/10/2026: 15% de transparência, com desfoque */
/* 27/10/2026: menu lateral do celular mais estreito e, com ele aberto, o resto do site fica escurecido e fosco atrás */
@media (max-width:760px){
  html body .mobile-menu{box-sizing:border-box;width:min(270px,72vw)!important;padding-left:22px;padding-right:22px}
  html body .mobile-menu a:not(.btn):not(.drawer-brand){font-size:24px}
  html body .mobile-menu .drawer-brand-name{white-space:nowrap}
}
html body .menu-overlay{background:rgba(8,28,34,.38)!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}
html body .mobile-menu a.menu-insta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;background:#fff!important;color:#006E83!important;border:1.5px solid #006E83!important}
html body .mobile-menu a.menu-insta .ig-logo{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
@media (max-width:760px){html body .mobile-menu .drawer-brand-name{font-size:18px!important}html body .mobile-menu .drawer-brand img{width:38px;height:38px}}
/* 27/10/2026: no menu, WhatsApp · Instagram · idioma numa linha só, só os ícones */
html body .mobile-menu .menu-icones{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}
html body .mobile-menu .menu-icones a.btn{flex:none;width:50px!important;height:50px!important;min-height:0!important;padding:0!important;margin:0!important;border-radius:50%!important;display:grid!important;place-items:center;font-size:0!important;gap:0!important;box-shadow:0 4px 12px rgba(0,0,0,.18)}
html body .mobile-menu .menu-icones a.menu-whats{background:#25d366!important;border:0!important}
html body .mobile-menu .menu-icones a.menu-insta{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)!important;border:0!important}
html body .mobile-menu .menu-icones .wa-logo,html body .mobile-menu .menu-icones .ig-logo{width:auto!important;height:auto!important;background:none!important;display:grid;place-items:center}
html body .mobile-menu .menu-icones svg{width:24px;height:24px}
html body .mobile-menu .menu-icones .troca-idioma.no-menu{margin:0!important;align-self:center}
html body .mobile-menu .menu-icones .troca-idioma.no-menu .idioma-atual{height:50px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.35);color:#fff}
html body .mobile-menu .menu-icones{gap:10px}
html body .mobile-menu .menu-icones a.btn{width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:0!important;transform:none}
html body .mobile-menu .menu-icones a.btn i{display:flex!important;align-items:center;justify-content:center;margin:0!important;line-height:0}
html body .mobile-menu .menu-icones svg{width:22px;height:22px;display:block}
html body .mobile-menu .menu-icones .troca-idioma.no-menu .idioma-atual{height:44px;padding:0 12px;font-size:16px!important}
html body .mobile-menu .menu-icones .troca-idioma.no-menu .idioma-lista{right:0!important;left:auto!important;transform:none!important}
/* 27/10/2026: "Monte sua viagem" do menu com o texto bem no meio do botão */
html body .mobile-menu a.menu-cta{display:flex!important;align-items:center!important;justify-content:center!important;height:50px!important;min-height:0!important;padding:0 16px!important;line-height:1.2!important}
/* 27/10/2026: celular: logo e menu mais perto das bordas (mais respiro no meio), como a Performance */
@media (max-width:760px){html body .site-header{padding-left:14px!important;padding-right:12px!important}}
html{background:#f8f6f2}
/* 27/10/2026: no iPhone, a barra do menu continua por trás da hora e da bateria, com a mesma cor e a mesma transparência (como a Performance) */
html body { padding-top: env(safe-area-inset-top, 0px); }
html body .site-header { top: env(safe-area-inset-top, 0px) !important; }
html body .site-header::before { content: ''; position: absolute; left: 0; right: 0; bottom: 100%; height: env(safe-area-inset-top, 0px); background: inherit; -webkit-backdrop-filter: inherit; backdrop-filter: inherit; pointer-events: none; }
@media (max-width:760px){ html body .mobile-menu { padding-top: calc(26px + env(safe-area-inset-top, 0px)) !important; } }
/* 27/10/2026: no celular a barra fica sólida: o iPhone pinta a área da hora com uma cor sólida, e com transparência ficavam dois tons */
@media (max-width:760px){html body .site-header.solid:not(.x):not(.y):not(.z),html body .site-header.scrolled:not(.x):not(.y):not(.z){background:#f8f6f2!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}

/* 29/10/2026: cabeçalho com a cor cheia também no computador (a foto da capa aparecia de leve através dele e formava uma faixa de outra cor) */
html body .site-header:not(.x):not(.y):not(.z), html body .site-header.solid:not(.x):not(.y):not(.z), html body .site-header.scrolled:not(.x):not(.y):not(.z) { background: #f8f6f2 !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }