/* ============================================================================
   brand.css — Redesign editorial MINIMALISTA da marca Unique (preto premium).
   Regras: NÃO altera redação, ordem, imagens nem vídeos. Só layout/cor/tipografia.
   Tipografia: Montserrat é o padrão legível; Playfair Display itálico SÓ em título
   estratégico (headline do hero + título principal de cada seção). Sem excesso de traços.
   ============================================================================ */

:root {
  --brand:        #C5A572;
  --brand-alt:    #B8935A;
  --brand-darker: #8B7047;
  --brand-light:  #D4B987;
  --brand-black:  #0A0A0A;
  --line:         rgba(255,255,255,0.10);
}

/* ─── Base ─── */
html, body, #root { background-color: var(--brand-black) !important; }
::selection { background: var(--brand); color: var(--brand-black); }

/* Playfair itálico SÓ nos títulos estratégicos: headline do hero + H2 de seção */
.uv-hero__title, #uv-hero ~ section h2 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  letter-spacing: -0.015em;
}

/* ═══ Cookie banner + modal (vidro-preto, LGPD variante escura) ═══ */
.uv-cookie { background: rgba(10,10,10,0.9) !important; -webkit-backdrop-filter: blur(16px) saturate(1.4); backdrop-filter: blur(16px) saturate(1.4); border: 1px solid var(--line) !important; box-shadow: 0 12px 44px rgba(0,0,0,0.6) !important; }
.uv-cookie > div:first-child { color: rgba(255,255,255,0.82) !important; }
.uv-cookie a { color: var(--brand) !important; }
.uv-cookie [data-ck="accept"] { background: var(--brand) !important; color: var(--brand-black) !important; }
.uv-cookie [data-ck="accept"]:hover { background: var(--brand-light) !important; }
.uv-cookie [data-ck="reject"] { background: rgba(255,255,255,0.06) !important; color: rgba(255,255,255,0.72) !important; border: 1px solid rgba(255,255,255,0.16) !important; }
.uv-cookie [data-ck="manage"] { background: transparent !important; color: rgba(255,255,255,0.55) !important; border: 1px solid rgba(255,255,255,0.12) !important; }
.uv-cookie-modal > div { background: rgba(15,15,15,0.98) !important; border: 1px solid var(--line); }
.uv-cookie-modal h3, .uv-cookie-modal span { color: #fff !important; }
.uv-cookie-modal p { color: rgba(255,255,255,0.6) !important; }
.uv-cookie-modal [data-ck="x"] { color: rgba(255,255,255,0.5) !important; }
.uv-cookie-modal [data-ck="x"]:hover { color: #fff !important; }
.uv-cookie-modal .border-b, .uv-cookie-modal .border-t { border-color: var(--line) !important; }
.uv-cookie-modal [data-ck="save"] { color: #fff !important; }

/* ═══ Header fixo ═══ */
.uv-nav { position:fixed; top:0; left:0; right:0; z-index:60; padding:clamp(16px,2vw,24px) 0; background:transparent; border-bottom:1px solid transparent; transition:background .35s ease, padding .35s, border-color .35s; }
.uv-nav.is-scrolled { background:rgba(10,10,10,0.72); -webkit-backdrop-filter:blur(14px) saturate(160%); backdrop-filter:blur(14px) saturate(160%); border-bottom-color:var(--line); padding:11px 0; }
.uv-nav__in { width:90%; max-width:1000px; margin:0 auto; padding:0; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.uv-nav__logo { height:clamp(30px,3.5vw,42px); width:auto; }
@media (max-width:640px){ .uv-nav__cta{ display:none; } }

/* ═══ CTA pill (dourado, uppercase) ═══ */
.uv-pill { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:clamp(.8rem,1.5vw,1rem) clamp(1.8rem,3.6vw,2.6rem); border-radius:9999px; border:none; cursor:pointer; font-family:'Montserrat',sans-serif; font-weight:600; font-size:clamp(.76rem,1.1vw,.88rem); letter-spacing:.09em; text-transform:uppercase; color:#0a0a0a !important; background:linear-gradient(135deg,#8B7047 0%,#C5A572 55%,#D4B987 100%); box-shadow:0 12px 34px -16px rgba(144,110,43,.45), inset 0 1px 0 rgba(255,255,255,.12); transition:transform .35s ease, box-shadow .35s ease; }
.uv-pill:hover { box-shadow:0 22px 50px -18px rgba(165,133,70,.6), inset 0 1px 0 rgba(255,255,255,.2); filter:brightness(1.06); }
.uv-pill--lg { padding:clamp(1rem,2vw,1.35rem) clamp(2.4rem,4.5vw,3.4rem); font-size:clamp(.85rem,1.4vw,1rem); }

/* ═══ Hero (editorial — 2 colunas + profundidade 3D) ═══ */
.uv-hero { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; padding:clamp(130px,15vh,180px) clamp(1.5rem,5vw,3.5rem) clamp(64px,9vh,104px); background:#0A0A0A; perspective:1100px; }
.uv-hero__glow { position:absolute; inset:0; z-index:0; pointer-events:none; background: radial-gradient(ellipse 80% 55% at 28% 26%, rgba(150,108,28,.18) 0%, transparent 60%), radial-gradient(ellipse 55% 50% at 86% 62%, rgba(197,165,114,.10) 0%, transparent 60%); }
.uv-hero__depth { position:absolute; inset:0; z-index:0; pointer-events:none; }
.uv-constellation { position:absolute; inset:0; width:100%; height:100%; display:block; }

.uv-hero__grid { position:relative; z-index:2; max-width:1000px; width:100%; display:grid; grid-template-columns:1.22fr .78fr; gap:clamp(2rem,5vw,4.5rem); align-items:center; }
.uv-hero__text { text-align:left; display:flex; flex-direction:column; align-items:flex-start; gap:clamp(1rem,2vw,1.5rem); }
.uv-hero__title { font-size:clamp(2.1rem,4.4vw,3.9rem); line-height:1.1; letter-spacing:-.02em; color:#fff; max-width:none; margin:0; }
.uv-hero__title em { color:var(--brand-light); font-style:italic; }
.uv-eyebrow { font-family:'Montserrat',sans-serif; font-weight:600; font-size:clamp(11px,1vw,12px); letter-spacing:.26em; text-transform:uppercase; color:var(--brand); margin:0; }
.uv-hero__svc { list-style:none; display:flex; flex-direction:column; align-items:flex-start; gap:.7rem; padding:0; margin:.2rem 0 0; }
.uv-hero__svc li { display:flex; align-items:center; gap:11px; font-size:clamp(.85rem,1.1vw,.98rem); color:rgba(255,255,255,.86); font-weight:400; }
.uv-hero__svc li::before { content:""; width:7px; height:7px; flex-shrink:0; border-radius:50%; background:var(--brand); box-shadow:0 0 0 3px rgba(197,165,114,.14); }
.uv-hero__lead { font-size:clamp(.98rem,1.4vw,1.18rem); font-weight:300; line-height:1.7; color:rgba(255,255,255,.8); margin:0; }
.uv-hero__closer { font-family:'Montserrat',sans-serif; font-weight:500; font-size:clamp(1.02rem,1.6vw,1.3rem); line-height:1.5; color:#fff; margin:0; }
.uv-hero__closer em { color:var(--brand-light); font-style:normal; font-weight:600; }
.uv-hero__media { position:relative; z-index:2; display:flex; justify-content:center; }
.uv-vframe { position:relative; width:100%; max-width:clamp(255px,25.5vw,347px); border:1px solid rgba(197,165,114,.4); border-radius:16px; overflow:hidden; background:#000; box-shadow:0 30px 70px rgba(0,0,0,.5); }
.uv-vframe--9x16 { aspect-ratio:9/16; }
.uv-vframe video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.uv-corner { display:none; }
/* ═══ Pilares — seção própria em blocos (movida de dentro do hero a pedido do cliente) ═══ */
.uv-pillars { background:#0A0A0A; padding:clamp(2.4rem,5vh,4rem) clamp(1.5rem,5vw,3.5rem); border-top:1px solid var(--line); }
.uv-hero__pillars { position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(1rem,2.2vw,2rem); width:100%; max-width:1000px; margin:0 auto; }
.uv-hero__pillars > div { display:flex; flex-direction:column; gap:6px; border:1px solid rgba(197,165,114,.25); border-radius:14px; padding:clamp(1.1rem,2.2vw,1.7rem) clamp(1rem,2vw,1.6rem); background:rgba(255,255,255,.02); transition:border-color .3s ease, transform .3s ease; }
.uv-hero__pillars div:hover { border-color:rgba(197,165,114,.55); transform:translateY(-3px); }
.uv-hero__pillars b { font-family:'Montserrat',sans-serif; font-weight:600; font-size:clamp(.9rem,1.3vw,1.05rem); color:var(--brand); letter-spacing:.01em; }
.uv-hero__pillars span { font-size:clamp(.72rem,.95vw,.83rem); color:rgba(255,255,255,.6); }
@media (max-width:900px){ .uv-hero__grid{ grid-template-columns:1fr; gap:2.4rem; } .uv-hero__text{ align-items:center; text-align:center; } .uv-hero__svc{ align-items:center; } }
@media (max-width:640px){ .uv-hero__pillars{ grid-template-columns:repeat(2,1fr); gap:1.6rem; } }

/* ═══ Seções de conteúdo — respiro, títulos, des-encaixotar ═══ */
.fixed.top-3.right-3 { top: clamp(80px,10vh,104px) !important; }

/* Respiro editorial + margem segura */
#uv-hero ~ section { padding-top: clamp(4rem,8vw,6.5rem); padding-bottom: clamp(4rem,8vw,6.5rem); }
#uv-hero ~ section > div { padding-left: clamp(1.5rem,5vw,3rem); padding-right: clamp(1.5rem,5vw,3rem); }

/* Título principal da seção (estratégico, Playfair) */
#uv-hero ~ section h2 { font-size: clamp(1.9rem,4.2vw,3.2rem); line-height: 1.14; margin-bottom: clamp(1rem,2.5vw,1.5rem); }
/* Subtítulos/cards → Montserrat legível */
#uv-hero ~ section h3, #uv-hero ~ section h4 { font-family:'Montserrat',sans-serif !important; font-style:normal !important; letter-spacing:-.005em; }

/* Parágrafos editoriais mais arejados */
#uv-hero ~ section p.text-lg, #uv-hero ~ section p.text-xl, #uv-hero ~ section p.text-2xl { font-weight: 300; line-height: 1.75; }

/* Des-encaixotar: cards minimalistas (borda fina, sem fundo/sombra pesados) */
.premium-card, #uv-hero ~ section [class*="border-gold"], #uv-hero ~ section [class*="border-primary"] { background: transparent !important; border-color: var(--line) !important; box-shadow: none !important; backdrop-filter: none !important; }

/* Botões dourados → pill uppercase */
#uv-hero ~ section button.rounded-full, #uv-hero ~ section a.rounded-full[class*="from-"] { text-transform: uppercase; letter-spacing: .08em; font-weight: 600; }

/* Divisores finos */
#uv-hero ~ section [class*="via-gold"], #uv-hero ~ section .bg-gold\/30 { background: linear-gradient(90deg, transparent, rgba(197,165,114,.4), transparent) !important; }

/* ═══ Formulário — PADRONIZADO no estilo das outras LPs (Mommy/VSL): inputs em CAIXA
   (borda 1.5px + cantos arredondados 12px + fundo preenchido), adaptado à paleta
   dark preto+ouro da Unique Travel. Label Montserrat legível (não uppercase). ═══ */
#contact-form label { font-family:'Montserrat',sans-serif !important; font-style:normal !important; font-weight:600 !important; text-transform:none !important; letter-spacing:normal !important; color:rgba(255,255,255,0.82) !important; font-size:.88rem !important; }
/* inputs de texto/email/telefone = caixa (igual .quiz__field input das outras LPs) */
#contact-form input[type="text"], #contact-form input[type="email"], #contact-form input[type="tel"] {
  background:rgba(255,255,255,0.035) !important;
  border:1.5px solid rgba(197,165,114,0.28) !important;
  border-radius:12px !important;
  padding:.9rem 1.1rem !important;
  height:auto !important;
  color:#fff !important;
  transition:border-color .25s ease !important;
}
#contact-form input[type="text"]:focus, #contact-form input[type="email"]:focus, #contact-form input[type="tel"]:focus { border-color:var(--brand) !important; outline:none !important; box-shadow:none !important; }
#contact-form input::placeholder { color:rgba(255,255,255,0.38) !important; }
/* seletores de DDI (+55) e País = mesma caixa dos inputs */
#contact-form button[type="button"] {
  background:rgba(255,255,255,0.035) !important;
  border:1.5px solid rgba(197,165,114,0.28) !important;
  border-radius:12px !important;
  transition:border-color .25s ease !important;
}
#contact-form button[type="button"]:hover { border-color:rgba(197,165,114,0.5) !important; }
/* card do form: cantos arredondados combinando com os inputs (não mais quadrado) */
#contact-form .rounded-3xl { border-radius:20px !important; }

/* ── Pop-up de prova social: canto inferior DIREITO, acima do botão do WhatsApp ──
   (ajuste do REDESIGN-UNIQUE-TRAVEL.md §5.2 — no lado esquerdo colidia com headline/CTA do hero.
    Só posição/animação; rotação/copy intactas.) */
.uv-social-pop { left: auto !important; right: 1rem !important; bottom: 6.5rem !important; }
@media (min-width: 640px) { .uv-social-pop { right: 1.25rem !important; bottom: 6.75rem !important; } }
/* sai deslizando pra DIREITA (a classe original desliza pra esquerda) */
.uv-social-pop.-translate-x-full { transform: translateX(130%) !important; }

/* ═══ Botão voltar ao topo (liquid glass, canto inferior esquerdo; aparece após a 2ª seção) ═══ */
.uv-top { position:fixed; left:1rem; bottom:1rem; z-index:50; width:48px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:9999px; border:1px solid rgba(197,165,114,.35); background:rgba(255,255,255,.07); -webkit-backdrop-filter:blur(16px) saturate(160%); backdrop-filter:blur(16px) saturate(160%); box-shadow:0 8px 28px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.12); color:#D4B987; cursor:pointer; opacity:0; visibility:hidden; transform:translateY(14px); transition:opacity .4s ease, transform .4s ease, visibility .4s, background .3s ease, border-color .3s ease; }
.uv-top.is-visible { opacity:1; visibility:visible; transform:translateY(0); }
.uv-top:hover { background:rgba(197,165,114,.16); border-color:rgba(197,165,114,.6); transform:translateY(-2px); }
.uv-top svg { width:20px; height:20px; display:block; }
@media (min-width:768px){ .uv-top { left:1.5rem; bottom:1.5rem; } }

/* ═══ Controles de vídeo estilo VSL (barra de progresso dourada + som + pausa — portados da LP VSL) ═══ */
.uvv-host { position:relative; }
.uvv-box { position:relative; display:inline-block; max-width:100%; line-height:0; border-radius:.75rem; overflow:hidden; }
.uvv-prog { position:absolute; left:0; right:0; bottom:0; z-index:6; height:7px; background:rgba(255,255,255,.18); cursor:pointer; touch-action:none; transition:height .15s ease; }
.uvv-prog:hover { height:11px; }
.uvv-prog__bar { display:block; height:100%; width:0; background:linear-gradient(90deg,#8B7047,#C5A572,#D4B987); box-shadow:0 0 10px rgba(212,185,135,.5); pointer-events:none; }
.uvv-prog__knob { position:absolute; top:50%; left:0; width:15px; height:15px; border-radius:50%; background:#D4B987; box-shadow:0 2px 8px rgba(0,0,0,.55); transform:translate(-50%,-50%); pointer-events:none; opacity:0; transition:opacity .15s ease; }
.uvv-prog:hover .uvv-prog__knob { opacity:1; }
.uvv-mute { position:absolute; right:10px; bottom:16px; z-index:6; width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:50%; border:1px solid rgba(197,165,114,.4); background:rgba(10,10,10,.55); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); cursor:pointer; transition:background .25s ease; }
.uvv-mute:hover { background:rgba(197,165,114,.25); }
.uvv-hit { position:absolute; inset:0 0 7px 0; z-index:4; cursor:pointer; }
.uvv-pp { position:absolute; inset:0 0 7px 0; z-index:5; display:none; align-items:center; justify-content:center; pointer-events:none; background:rgba(10,10,10,.32); }
.uvv-paused .uvv-pp { display:flex; }
.uvv-pp__ic { width:64px; height:64px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#8B7047,#C5A572,#D4B987); box-shadow:0 10px 34px rgba(0,0,0,.45); color:#0a0a0a; }

/* ═══ Ícones dos pilares (Lucide, dourado) ═══ */
.uv-pillar-ic { width:22px; height:22px; color:var(--brand); margin-bottom:6px; flex-shrink:0; }

/* ═══ Mobile — nav só logo centralizado, vídeo mais largo, mais respiro, pilares maiores ═══ */
@media (max-width:900px){
  .uv-nav__cta { display:none; }
  .uv-nav__in { justify-content:center; }
  .uv-vframe { max-width:min(85vw,420px); }
  .uv-hero__grid { gap:3rem; }
  .uv-hero__text { gap:1.4rem; }
}
@media (max-width:640px){
  .uv-pillars { padding-top:2.6rem; padding-bottom:2.6rem; }
  .uv-hero__pillars { gap:1rem; }
  .uv-hero__pillars b { font-size:1.05rem; }
  .uv-hero__pillars span { font-size:.86rem; }
  .uv-pillar-ic { width:26px; height:26px; }
}

/* ═══ Mobile v2 (ajustes do Higor 03/07): logo +15%, pilares em grade de 4 (empilhados) ═══ */
@media (max-width:900px){
  .uv-nav__logo { height:35px; }
}
@media (max-width:640px){
  .uv-hero__pillars { grid-template-columns:repeat(2,1fr); }
}

/* ═══ Seção 3 — "Por Que Criamos" (refeita: editorial problema | solução) ═══ */
.uv-why { background:#0A0A0A; padding:clamp(3.6rem,8vh,6rem) clamp(1.5rem,5vw,3.5rem); }
.uv-why__in { max-width:1000px; margin:0 auto; }
.uv-why__head { text-align:center; margin-bottom:clamp(2.4rem,5vh,3.6rem); }
.uv-why__head h2 { font-size:clamp(1.9rem,3.6vw,3rem); line-height:1.18; color:#fff; margin:0 0 .9rem; }
.uv-why__lead { font-size:clamp(1rem,1.4vw,1.15rem); color:rgba(255,255,255,.72); font-weight:300; margin:0; }
.uv-why__lead em, .uv-why__closer em, .uv-why__feat em, .uv-gold { color:var(--brand-light); font-style:normal; font-weight:600; }
.uv-why__cols { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); border-radius:14px; overflow:hidden; }
.uv-why__col { padding:clamp(1.8rem,3.5vw,3rem) clamp(1.4rem,3vw,2.6rem); display:flex; flex-direction:column; align-items:flex-start; gap:.95rem; }
.uv-why__col--problem { border-right:1px solid var(--line); }
.uv-why__col--solution { background:radial-gradient(120% 100% at 50% 0%, rgba(197,165,114,.07) 0%, transparent 70%); }
.uv-why__ic { width:24px; height:24px; color:rgba(255,255,255,.4); }
.uv-why__col h3 { font-family:'Montserrat',sans-serif; font-weight:600; font-size:clamp(1.2rem,1.9vw,1.55rem); color:#fff; margin:0; letter-spacing:.01em; }
.uv-why__col h3 em { color:var(--brand-light); font-style:italic; }
.uv-why__brand { color:var(--brand-light); }
.uv-why__p { font-size:clamp(.95rem,1.25vw,1.08rem); line-height:1.7; color:rgba(255,255,255,.78); font-weight:300; margin:0; }
.uv-why__p strong { color:#fff; font-weight:600; }
.uv-why__p strong.uv-gold { color:var(--brand-light); }
.uv-why__quotes { list-style:none; margin:.4rem 0 0; padding:0; display:flex; flex-direction:column; gap:.55rem; }
.uv-why__quotes li { font-family:'Playfair Display',Georgia,serif; font-style:italic; font-size:clamp(1rem,1.4vw,1.2rem); color:rgba(255,255,255,.55); padding-left:1rem; border-left:2px solid rgba(197,165,114,.35); }
.uv-why__stars { display:flex; gap:4px; }
.uv-why__stars svg { width:15px; height:15px; }
.uv-why__tag { font-family:'Montserrat',sans-serif; font-weight:600; font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:var(--brand); margin:0; }
.uv-why__feat { display:flex; gap:14px; align-items:flex-start; margin-top:.35rem; }
.uv-why__feat svg { width:20px; height:20px; color:var(--brand); flex-shrink:0; margin-top:2px; }
.uv-why__feat b { display:block; font-family:'Montserrat',sans-serif; font-weight:600; font-size:clamp(.95rem,1.2vw,1.05rem); color:#fff; margin-bottom:3px; }
.uv-why__feat span { font-size:clamp(.85rem,1.1vw,.95rem); color:rgba(255,255,255,.62); line-height:1.6; font-weight:300; }
.uv-why__closer { text-align:center; font-family:'Montserrat',sans-serif; font-weight:500; font-size:clamp(1.1rem,1.8vw,1.45rem); color:#fff; margin:clamp(2rem,4.5vh,3rem) 0 0; }
@media (max-width:820px){
  .uv-why__cols { grid-template-columns:1fr; }
  .uv-why__col--problem { border-right:none; border-bottom:1px solid var(--line); }
  .uv-why__col { align-items:center; text-align:center; }
  .uv-why__quotes { align-items:center; }
  .uv-why__quotes li { padding-left:0; border-left:none; }
  .uv-why__feat { text-align:left; }
}

/* ═══ Pilares mobile: tudo centralizado (ícone, título, descrição) ═══ */
@media (max-width:640px){
  .uv-hero__pillars div { align-items:center; text-align:center; }
}

/* ═══ Refinada premium (padrões da VSL + reveal da Mommy) ═══ */
/* Reveal blur-in no scroll (padrão das 7 LPs / Mommy) */
.uv-rev { opacity:0; transform:translateY(30px); filter:blur(7px); transition-property:opacity,transform,filter; transition-duration:.9s; transition-timing-function:cubic-bezier(.22,1,.36,1); }
.uv-rev.is-visible { opacity:1; transform:none; filter:blur(0); }
.uv-rev-d1 { transition-delay:.08s; } .uv-rev-d2 { transition-delay:.16s; } .uv-rev-d3 { transition-delay:.24s; } .uv-rev-d4 { transition-delay:.32s; }
@media (prefers-reduced-motion: reduce){ .uv-rev { opacity:1; transform:none; filter:none; transition:none; } }

/* Hover NORMAL e padronizado: sem efeito de luz (nada varrendo). Só sombra + brilho no :hover. */
.uv-pill { position:relative; }
.uv-pill > * { position:relative; z-index:2; }

/* Luz dourada de fundo + texto-fantasma só de borda (padrão do closing da VSL) */
.uv-halo { position:absolute; top:-22%; left:50%; transform:translateX(-50%); width:min(900px,130vw); height:500px; background:radial-gradient(50% 50% at 50% 50%, rgba(165,133,70,.18), transparent 70%); pointer-events:none; z-index:0; }
.uv-ghost { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-family:'Montserrat',sans-serif; font-size:clamp(110px,20vw,300px); font-weight:800; letter-spacing:.02em; color:transparent; -webkit-text-stroke:1.5px rgba(197,165,114,.09); white-space:nowrap; pointer-events:none; user-select:none; z-index:0; }
.uv-why { position:relative; overflow:hidden; }
.uv-why .uv-halo { top:auto; bottom:-30%; opacity:.7; }

/* CTA fundido na seção 3 (era uma seção solta só de botão) */
.uv-why__cta { position:relative; z-index:1; text-align:center; margin-top:clamp(2rem,4.5vh,3rem); }
.uv-why__cta p { margin-top:.9rem; }

/* ═══ Padronização final: container máx. 1000px + sem flash no menu ═══ */
.container-custom { max-width:1000px !important; }
/* (todos os botões usam o mesmo brilho-no-hover; nada roda sozinho) */

/* ═══ Seção "Conheça a UNIQUE" (refeita editorial — copy verbatim, só layout) ═══ */
.uv-about { background:#0A0A0A; padding:clamp(3.6rem,8vh,6rem) clamp(1.5rem,5vw,3.5rem); }
.uv-about__in { width:90%; max-width:1000px; margin:0 auto; }
.uv-about__head { text-align:center; margin-bottom:clamp(2.4rem,5vh,3.4rem); display:flex; flex-direction:column; align-items:center; gap:.7rem; }
.uv-about__logo { width:clamp(96px,10vw,132px); height:auto; }
.uv-about__head h2 { font-size:clamp(1.7rem,3vw,2.6rem); color:#fff; margin:0; }
.uv-about__sub { font-size:clamp(.92rem,1.2vw,1.05rem); color:rgba(255,255,255,.62); font-weight:300; margin:0; }
.uv-about__grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:clamp(2rem,5vw,4rem); align-items:center; }
.uv-about__media { display:flex; justify-content:center; }
.uv-about__vframe { position:relative; width:100%; max-width:330px; border:1px solid rgba(197,165,114,.4); border-radius:16px; overflow:hidden; background:#000; box-shadow:0 30px 70px rgba(0,0,0,.5); }
.uv-about__text { display:flex; flex-direction:column; align-items:flex-start; gap:1.15rem; }
.uv-about__title { font-family:'Montserrat',sans-serif; font-weight:600; font-size:clamp(1.5rem,2.6vw,2.1rem); color:#fff; letter-spacing:-.01em; margin:0; }
.uv-about__title::after { content:""; display:block; width:44px; height:2px; margin-top:.7rem; background:linear-gradient(90deg,var(--brand),transparent); }
.uv-about__p { font-size:clamp(.95rem,1.2vw,1.05rem); line-height:1.75; color:rgba(255,255,255,.74); font-weight:300; margin:0; }
.uv-about__feats { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; width:100%; margin:.3rem 0 .4rem; }
.uv-about__feat { display:flex; flex-direction:column; gap:3px; padding:clamp(.9rem,1.6vw,1.15rem) clamp(.9rem,1.5vw,1.2rem); border:1px solid rgba(197,165,114,.22); border-radius:12px; background:rgba(255,255,255,.02); transition:border-color .3s ease, transform .3s ease; }
.uv-about__feat:hover { border-color:rgba(197,165,114,.5); transform:translateY(-2px); }
.uv-about__feat-ic { width:22px; height:22px; color:var(--brand); margin-bottom:4px; }
.uv-about__feat b { font-family:'Montserrat',sans-serif; font-weight:600; font-size:clamp(.9rem,1.15vw,1rem); color:var(--brand); }
.uv-about__feat span { font-size:clamp(.78rem,1vw,.85rem); color:rgba(255,255,255,.6); }
.uv-about__cta { margin-top:.5rem; }
@media (max-width:820px){
  .uv-about__grid { grid-template-columns:1fr; gap:2.4rem; }
  .uv-about__text { align-items:center; text-align:center; }
  .uv-about__title::after { margin-left:auto; margin-right:auto; }
  .uv-about__cta { width:100%; }
}
@media (max-width:420px){
  .uv-about__feats { grid-template-columns:1fr; }
}

/* ═══ Padronização: variante bloco (largura total) + seta dos CTAs ═══ */
.uv-pill--block { display:flex; width:100%; }
.uv-pill__arrow { width:19px; height:19px; transition:transform .35s ease; }
.uv-pill:hover .uv-pill__arrow { transform:translateX(5px); }
a.uv-pill { text-decoration:none; }

/* Hover padronizado em TODOS os botões: sem lift (evita conflito com o transform do reveal);
   só sombra + leve brilho + o feixe de luz passando uma vez. 100% consistente. */

/* ═══ Conheça a UNIQUE v2 — vídeo à esquerda, TODA a info à direita (pedido Higor) ═══ */
.uv-about .uv-about__head { text-align:left; align-items:flex-start; margin-bottom:0; gap:.5rem; }
.uv-about__logo--inline { width:clamp(72px,7vw,92px); margin-bottom:.2rem; }
.uv-about .uv-about__head h2 { font-size:clamp(1.6rem,2.8vw,2.4rem); }
.uv-about .uv-about__head .uv-about__sub { font-size:clamp(.9rem,1.15vw,1rem); }
.uv-about__text { gap:1rem; }
.uv-about__text .uv-about__title { margin-top:.6rem; font-size:clamp(1.15rem,1.7vw,1.4rem); }
/* separador sutil entre o header e "Nossa História" */
.uv-about__text .uv-about__title::before { content:""; display:block; width:100%; height:1px; background:var(--line); margin-bottom:1.1rem; }
.uv-about__media { align-self:stretch; }
.uv-about__vframe { max-width:100%; }
@media (max-width:820px){
  .uv-about .uv-about__head { align-items:center; text-align:center; }
  .uv-about__logo--inline { margin-left:auto; margin-right:auto; }
}

/* ═══ FIX v2 "Conheça a UNIQUE": remove o vão preto (moldura esticada), alinha ao topo ═══ */
.uv-about__grid { grid-template-columns:.82fr 1.18fr; align-items:start; }
.uv-about__media { align-self:start; }               /* não estica: moldura abraça o vídeo, sem fundo falso */
.uv-about__vframe { max-width:100%; }                /* vídeo preenche a coluna toda */
.uv-about__vframe .relative { border-radius:16px; }
@media (max-width:820px){
  .uv-about__grid { grid-template-columns:1fr; }
  .uv-about__media { align-self:center; }
  .uv-about__vframe { max-width:360px; margin:0 auto; }
}

/* ═══ Conheça a UNIQUE v3 (ajustes Higor): topo logo|título, 4 diferenciais em linha, sem traço ═══ */
/* topo: logo à esquerda + (título + descrição) à direita; logo do tamanho dos dois */
.uv-about__brand { display:flex; align-items:center; gap:clamp(.8rem,1.6vw,1.3rem); margin-bottom:.3rem; }
.uv-about__logo--brand { height:clamp(56px,6.5vw,78px); width:auto; flex-shrink:0; }
.uv-about__brand-txt { display:flex; flex-direction:column; gap:.25rem; }
.uv-about__brand-txt h2 { font-size:clamp(1.35rem,2.3vw,1.95rem) !important; color:#fff; margin:0; line-height:1.08; }
.uv-about__brand-txt .uv-about__sub { font-size:clamp(.85rem,1.1vw,.98rem); color:rgba(255,255,255,.62); font-weight:300; margin:0; line-height:1.4; }
/* remove o traço ridículo acima de "Nossa História" */
.uv-about__text .uv-about__title::before { display:none !important; }
.uv-about__text .uv-about__title { margin-top:.4rem; }
/* 4 diferenciais na MESMA linha (4 colunas) — economiza espaço */
.uv-about__feats { grid-template-columns:repeat(4,1fr); gap:.6rem; }
.uv-about__feat { padding:clamp(.75rem,1.3vw,1rem) clamp(.6rem,1vw,.85rem); gap:2px; }
.uv-about__feat-ic { width:20px; height:20px; margin-bottom:2px; }
.uv-about__feat b { font-size:clamp(.8rem,1vw,.9rem); line-height:1.2; }
.uv-about__feat span { font-size:clamp(.7rem,.9vw,.78rem); line-height:1.3; }
@media (max-width:820px){
  .uv-about__brand { justify-content:center; }
  .uv-about__feats { grid-template-columns:repeat(2,1fr); }
}

/* ═══ Conheça a UNIQUE v4 (Higor): logo maior, traço ACIMA de Nossa História, grupo centralizado ═══ */
.uv-about__logo--brand { height:clamp(74px,8.5vw,104px); }
/* remove o traço dourado ABAIXO de "Nossa História" */
.uv-about__text .uv-about__title::after { display:none !important; }
/* traço ACIMA de "Nossa História" separando do topo (logo/título) */
.uv-about__text .uv-about__title { width:100%; border-top:1px solid var(--line); padding-top:clamp(1.1rem,2.2vw,1.6rem); margin-top:clamp(.8rem,1.8vw,1.3rem); }
/* centraliza o grupo de texto na vertical em relação ao vídeo */
.uv-about__grid { align-items:center; }

/* ═══ Seção do Globo — fundo espacial com estrelas em movimento; globo flutuando (sem quadrado) ═══ */
.uv-globe { position:relative; background:#050507; overflow:hidden; }
.uv-globe__stars { position:absolute; inset:0; z-index:0; pointer-events:none; }
.uv-globe__stars canvas { position:absolute; inset:0; width:100%; height:100%; display:block; }
.uv-globe > .container-custom { position:relative; z-index:1; }
/* palco do globo: sem borda, sem fundo, sem cantos — o canvas (alpha) flutua sobre as estrelas */
/* altura definida aqui (Tailwind arbitrário novo h-[..] NÃO compila no style.css → ficava 0) */
.uv-globe__stage { height:340px; background:transparent !important; border:none !important; }
@media (min-width:768px){ .uv-globe__stage { height:460px; } }
/* leve halo radial atrás do globo pra dar profundidade */
.uv-globe__stage::before { content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background:radial-gradient(circle at 50% 45%, rgba(197,165,114,.10) 0%, transparent 60%); }

/* ═══ Globo — texto esquerdo maior + título impactante (Presença em / 27+ Países grande) ═══ */
.uv-globe__text h2 { font-size:clamp(30px,3.4vw,44px) !important; line-height:1.08; margin-bottom:1.3rem; }
.uv-globe__hl { display:block; font-family:'Playfair Display',Georgia,serif; font-style:italic; font-size:clamp(52px,7.5vw,92px); line-height:.98; color:var(--brand-light); margin-top:.1rem; }
/* parágrafos e stats maiores */
.uv-globe__text > p:first-of-type { font-size:clamp(18px,1.5vw,22px) !important; line-height:1.6; margin-bottom:1.4rem; }
.uv-globe__text > p.text-gold { font-size:clamp(20px,1.8vw,25px) !important; line-height:1.4; }
.uv-globe__text .text-2xl { font-size:clamp(32px,3.2vw,46px) !important; }
.uv-globe__text .text-xs, .uv-globe__text .text-sm { font-size:clamp(13px,1.1vw,15px) !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   LINHA DO TEMPO — "Como Funciona" (cinematográfica: espinha dourada que acende
   no scroll, nós que brilham, números Playfair, molduras alternando lados)
   ═══════════════════════════════════════════════════════════════════════════ */
.uv-tl { position:relative; background:#0A0A0A; padding:clamp(4rem,9vh,7rem) clamp(1.5rem,5vw,3.5rem); overflow:hidden; }
.uv-tl__glow { position:absolute; top:-10%; left:50%; transform:translateX(-50%); width:min(1100px,120vw); height:520px; z-index:0; pointer-events:none;
  background:radial-gradient(ellipse 50% 50% at 50% 50%, rgba(197,165,114,.10) 0%, transparent 70%); }
.uv-tl__head { position:relative; z-index:1; text-align:center; max-width:820px; margin:0 auto clamp(3rem,7vh,5rem); }
.uv-tl__head h2 { font-size:clamp(30px,3.6vw,46px); color:#fff; margin:0 0 1rem; line-height:1.12; }
.uv-tl__sub { font-size:clamp(16px,1.5vw,20px); color:rgba(255,255,255,.62); font-weight:300; margin:0; }

.uv-tl__track { position:relative; z-index:1; max-width:1000px; margin:0 auto; }
/* espinha central + luz que desce no scroll */
.uv-tl__spine { position:absolute; left:50%; top:8px; bottom:8px; width:2px; transform:translateX(-50%); background:rgba(197,165,114,.16); z-index:0; overflow:hidden; border-radius:2px; }
.uv-tl__fill { position:absolute; left:0; top:0; width:100%; height:0; background:linear-gradient(180deg,#D4B987,#C5A572); box-shadow:0 0 16px rgba(212,185,135,.7); }

/* cada etapa: [ lado A | eixo | lado B ] alternando */
.uv-tl__step { position:relative; display:grid; grid-template-columns:1fr clamp(84px,9vw,120px) 1fr; align-items:center; column-gap:clamp(1.2rem,2.5vw,2.6rem); margin-bottom:clamp(3rem,8vh,7rem); }
.uv-tl__step:last-child { margin-bottom:0; }

/* eixo central = círculo com número, encravado na espinha; acende quando a luz chega */
.uv-tl__axis { grid-column:2; grid-row:1; justify-self:center; position:relative; z-index:2;
  width:clamp(72px,7.5vw,94px); height:clamp(72px,7.5vw,94px); border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:radial-gradient(circle, #0d0d0d 55%, #0a0a0a 100%); border:1px solid rgba(197,165,114,.3);
  transition:border-color .5s ease, box-shadow .5s ease; }
.uv-tl__axis.is-active { border-color:var(--brand); box-shadow:0 0 0 5px rgba(197,165,114,.07), 0 0 30px rgba(212,185,135,.32); }
.uv-tl__num { font-family:'Playfair Display',Georgia,serif; font-style:italic; font-weight:400; font-size:clamp(30px,3.6vw,46px); line-height:1; color:rgba(197,165,114,.45); transition:color .5s ease; }
.uv-tl__axis.is-active .uv-tl__num { color:var(--brand-light); }
.uv-tl__node, .uv-tl__badge { display:none; }

/* moldura da imagem (alterna de lado) */
.uv-tl__media { position:relative; grid-row:1; margin:0; border-radius:14px; overflow:hidden; aspect-ratio:4/3;
  border:1px solid rgba(197,165,114,.32); box-shadow:0 30px 70px rgba(0,0,0,.5); }
.uv-tl__media img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .9s cubic-bezier(.22,1,.36,1); }
.uv-tl__media:hover img { transform:scale(1.06); }
.uv-tl__media::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(to top, rgba(10,10,10,.45) 0%, transparent 45%); }

/* corpo (título + tópicos) */
.uv-tl__body { grid-row:1; padding:0 clamp(.5rem,1.5vw,1.5rem); }
.uv-tl__title { font-family:'Montserrat',sans-serif; font-weight:600; font-size:clamp(20px,2.2vw,28px); color:#fff; letter-spacing:-.01em; margin:0 0 1.1rem; }
.uv-tl__list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:.85rem; }
.uv-tl__list li { display:flex; align-items:flex-start; gap:12px; font-size:clamp(15px,1.35vw,17px); line-height:1.55; color:rgba(255,255,255,.78); font-weight:300; }
.uv-tl__tick { width:19px; height:19px; flex-shrink:0; margin-top:2px; color:var(--brand); }

/* posicionamento alternado */
.uv-tl__step[data-side="left"]  .uv-tl__media { grid-column:1; }
.uv-tl__step[data-side="left"]  .uv-tl__body  { grid-column:3; }
.uv-tl__step[data-side="right"] .uv-tl__media { grid-column:3; }
.uv-tl__step[data-side="right"] .uv-tl__body  { grid-column:1; text-align:right; }
.uv-tl__step[data-side="right"] .uv-tl__list li { flex-direction:row-reverse; text-align:right; }

/* mobile: espinha à esquerda, tudo empilhado à direita */
@media (max-width:820px){
  .uv-tl__spine { left:27px; }
  .uv-tl__step { grid-template-columns:54px 1fr; grid-template-rows:auto auto; align-items:start; column-gap:1.1rem; margin-bottom:2.8rem; }
  .uv-tl__axis { grid-column:1 !important; grid-row:1; width:54px; height:54px; }
  .uv-tl__num { font-size:24px; }
  .uv-tl__media { grid-column:2 !important; grid-row:1; }
  .uv-tl__body  { grid-column:2 !important; grid-row:2; margin-top:1.1rem; padding:0; text-align:left !important; }
  .uv-tl__step[data-side="right"] .uv-tl__list li { flex-direction:row; text-align:left; }
  .uv-tl__step[data-side="right"] .uv-tl__body { text-align:left; }
}

/* ═══ Timeline — REFINAMENTO PREMIUM (Higor): números retos, tudo mais fino + reveal ═══ */
/* números: fonte RETA (Montserrat leve), não mais Playfair itálico */
.uv-tl__num { font-family:'Montserrat',sans-serif !important; font-style:normal !important; font-weight:200 !important; font-size:clamp(24px,2.8vw,36px) !important; letter-spacing:.06em; color:rgba(197,165,114,.42); }
.uv-tl__axis.is-active .uv-tl__num { color:var(--brand-light); }
/* eixo mais fino: anel de 1px discreto, menor, vidro escuro */
.uv-tl__axis { width:clamp(58px,6vw,74px) !important; height:clamp(58px,6vw,74px) !important; border:1px solid rgba(197,165,114,.22) !important; background:rgba(10,10,10,.92) !important; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); box-shadow:none !important; }
.uv-tl__axis.is-active { border-color:rgba(197,165,114,.6) !important; box-shadow:0 0 24px rgba(212,185,135,.22) !important; }
/* espinha mais fina */
.uv-tl__spine { width:1px !important; background:rgba(197,165,114,.13) !important; }
.uv-tl__fill { box-shadow:0 0 10px rgba(212,185,135,.55) !important; }
/* moldura da imagem mais fina e discreta */
.uv-tl__media { border:1px solid rgba(197,165,114,.16) !important; border-radius:12px !important; box-shadow:0 24px 60px rgba(0,0,0,.45) !important; }
.uv-tl__media::after { background:linear-gradient(to top, rgba(10,10,10,.35) 0%, transparent 42%) !important; }
/* título mais fino (peso menor, respiro), número do título em ouro */
.uv-tl__title { font-weight:500 !important; letter-spacing:.005em; color:#fff; font-size:clamp(19px,2vw,25px) !important; margin-bottom:1.3rem !important; }
/* tópicos: check mais fino */
.uv-tl__tick { width:17px !important; height:17px !important; stroke-width:2 !important; color:var(--brand); }
.uv-tl__list li { color:rgba(255,255,255,.72); }
/* mais respiro entre etapas */
.uv-tl__step { margin-bottom:clamp(3.5rem,9vh,8rem); }

/* ═══ Reveal PREMIUM da timeline: imagem desliza do seu lado, corpo sobe, nó "brota" ═══ */
.uv-tl__step[data-side="left"]  .uv-tl__media.uv-rev { transform:translate(-42px,18px); }
.uv-tl__step[data-side="right"] .uv-tl__media.uv-rev { transform:translate(42px,18px); }
.uv-tl__step[data-side="left"]  .uv-tl__body.uv-rev  { transform:translate(30px,14px); }
.uv-tl__step[data-side="right"] .uv-tl__body.uv-rev  { transform:translate(-30px,14px); }
.uv-tl__step .uv-tl__media.uv-rev.is-visible, .uv-tl__step .uv-tl__body.uv-rev.is-visible { transform:none !important; }
.uv-tl__axis.uv-rev { transform:scale(.75); opacity:0; transition:transform .7s cubic-bezier(.34,1.4,.5,1), opacity .6s ease, border-color .5s, box-shadow .5s; }
.uv-tl__axis.uv-rev.is-visible { transform:scale(1); opacity:1; }

/* ═══ Timeline v3: espinha delimitada 01→03 (posição via JS) + ponto de luz na ponta ═══ */
.uv-tl__spine { top:auto; bottom:auto; } /* top/height agora vêm inline do initTimeline (centro do 01 ao 03) */
.uv-tl__fill { position:relative; transition:height .12s linear; }
.uv-tl__fill::after { content:""; position:absolute; left:50%; bottom:0; transform:translate(-50%,50%); width:7px; height:7px; border-radius:50%; background:#F2E2BC; box-shadow:0 0 10px 3px rgba(212,185,135,.85), 0 0 22px 6px rgba(212,185,135,.35); }
.uv-tl__fill[style*="height: 0"]::after, .uv-tl__fill[style*="height:0"]::after { opacity:0; } /* some quando vazio */

/* ═══ Timeline v4 (Higor, direção de design): tudo à esquerda, número em BLOCO, ícones Lucide ═══ */
/* título e tópicos SEMPRE à esquerda (acaba o espelhamento da etapa 2) */
.uv-tl__step[data-side="right"] .uv-tl__body { text-align:left !important; }
.uv-tl__step[data-side="right"] .uv-tl__list li { flex-direction:row !important; text-align:left !important; }
/* número volta ao CÍRCULO arredondado (como o Higor tinha antes) */
.uv-tl__axis { border-radius:50% !important; }
/* tópicos com ícone representativo dentro de um bloco sutil */
.uv-tl__list { gap:1rem; }
.uv-tl__list li { align-items:center; gap:14px; font-size:clamp(15px,1.35vw,17px); line-height:1.45; color:rgba(255,255,255,.8); font-weight:300; }
.uv-tl__ico { width:40px; height:40px; border-radius:11px; border:1px solid rgba(197,165,114,.22); background:linear-gradient(150deg, rgba(197,165,114,.09), rgba(197,165,114,.02)); display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:border-color .35s ease, background .35s ease, transform .35s ease; }
.uv-tl__ico svg { width:20px; height:20px; color:var(--brand); }
.uv-tl__list li:hover .uv-tl__ico { border-color:rgba(197,165,114,.55); background:linear-gradient(150deg, rgba(197,165,114,.18), rgba(197,165,114,.05)); transform:translateY(-2px); }

/* ═══ Nossa Hospedagem — redesign editorial p/ vídeo VERTICAL (2 col balanceadas, moldura premium) ═══ */
.uv-stay { position:relative; background:#0A0A0A; padding:clamp(4rem,9vh,7rem) clamp(1.5rem,5vw,3.5rem); overflow:hidden; }
.uv-stay__glow { position:absolute; top:50%; right:8%; transform:translateY(-50%); width:560px; height:560px; max-width:80vw; z-index:0; pointer-events:none; background:radial-gradient(circle, rgba(197,165,114,.11) 0%, transparent 65%); }
.uv-stay__in { position:relative; z-index:1; max-width:1000px; margin:0 auto; display:grid; grid-template-columns:1fr 340px; gap:clamp(2rem,6vw,5.5rem); align-items:center; }
.uv-stay__text { display:flex; flex-direction:column; align-items:flex-start; gap:1.5rem; }
.uv-stay__text h2 { font-size:clamp(34px,4vw,54px); color:#fff; margin:0; line-height:1.08; }
.uv-stay__desc { font-size:clamp(17px,1.6vw,21px); line-height:1.65; color:rgba(255,255,255,.72); font-weight:300; margin:0; max-width:27rem; }
.uv-stay__dots { display:flex; align-items:center; gap:10px; margin-top:.6rem; }
/* moldura do vídeo mais fina + brilho premium */
.uv-stay__stage { display:flex; justify-content:center; }
.uv-stay__stage > div { width:100% !important; max-width:340px !important; margin:0 auto !important; border-width:1px !important; border-color:rgba(197,165,114,.3) !important; box-shadow:0 34px 80px rgba(0,0,0,.55), 0 0 50px rgba(197,165,114,.08) !important; background:#000 !important; }
@media (max-width:820px){
  .uv-stay__in { grid-template-columns:1fr; gap:2.6rem; }
  .uv-stay__text { align-items:center; text-align:center; }
  .uv-stay__desc { margin:0 auto; }
  .uv-stay__dots { justify-content:center; }
}

/* ═══ Hospedagem — dots corrigidos (inativos eram invisíveis: bg-gold/30 não compila) ═══ */
.uv-stay__dot { width:9px; height:9px; padding:0; border:none; border-radius:9999px; background:rgba(197,165,114,.3); cursor:pointer; transition:width .35s ease, background .35s ease; }
.uv-stay__dot:hover { background:rgba(197,165,114,.6); }
.uv-stay__dot.is-current { width:30px; background:var(--brand); }
/* botão de som do carrossel (acima da barra de progresso, canto inf. direito) */
.uv-stay__sound { z-index:16; }

/* ═══ FAQ — mais respiro (espaçamento) + fonte maior + "ainda tem dúvidas" sem borda ═══ */
.uv-faq { padding-top:clamp(4rem,9vh,6.5rem) !important; padding-bottom:clamp(4rem,9vh,6.5rem) !important; }
.uv-faq .container-custom { max-width:760px; }
/* pergunta: tamanho comedido */
.uv-faq h3 button span { font-size:15.5px !important; }
.uv-faq h3 button { padding-top:1.05rem !important; padding-bottom:1.05rem !important; }
/* resposta: legível, não gigante */
.uv-faq [role="region"] > div, .uv-faq [role="region"] p, .uv-faq [role="region"] { font-size:14px !important; line-height:1.65 !important; }
/* respiro entre os itens */
.uv-faq .container-custom [class*="rounded-xl"][class*="border-2"] { margin-bottom:.7rem; }
/* "Ainda tem dúvidas?" — sem caixa, tamanho moderado */
.uv-faq__more p { font-size:16px !important; color:rgba(255,255,255,.8) !important; margin-bottom:1.3rem !important; font-weight:300; }

/* ═══ Depoimentos "20.000+" — fotos quadradas (a pedido do Higor) ═══ */
.uv-tsq { aspect-ratio:1/1; height:auto !important; }

/* ═══ Hospedagem v2 — frame do vídeo + nav (setas ao lado dos dots) + controles VSL ═══ */
.uv-stay__frame { position:relative; width:340px; max-width:100%; aspect-ratio:9/16; border-radius:16px; overflow:hidden; border:1px solid rgba(197,165,114,.3); background:#000; box-shadow:0 34px 80px rgba(0,0,0,.55), 0 0 50px rgba(197,165,114,.08); margin:0 auto; }
.uv-stay__vid { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.uv-stay__counter { position:absolute; top:12px; right:12px; z-index:16; padding:4px 12px; border-radius:9999px; background:rgba(10,10,10,.6); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); border:1px solid rgba(197,165,114,.3); color:var(--brand); font-size:12px; font-weight:600; letter-spacing:.03em; }
/* nav: seta | dots | seta */
.uv-stay__nav { display:flex; align-items:center; gap:16px; margin-top:1.4rem; }
.uv-stay__arrow { width:44px; height:44px; flex-shrink:0; border-radius:50%; border:1px solid rgba(197,165,114,.35); background:rgba(255,255,255,.03); color:var(--brand); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background .3s ease, border-color .3s ease, transform .3s ease; }
.uv-stay__arrow svg { width:20px; height:20px; display:block; }
.uv-stay__arrow:hover { background:rgba(197,165,114,.15); border-color:var(--brand); transform:translateY(-1px); }
.uv-stay__dots { display:flex; align-items:center; gap:10px; margin:0; }
@media (max-width:820px){ .uv-stay__nav { justify-content:center; } }

/* ═══ Pacotes "Escolha Sua Experiência" — refino: menos grosseiro, editorial ═══ */
/* título limpo (branco Playfair, sem degradê chapado) */
.uv-pkg h2 { -webkit-text-fill-color:#fff !important; background:none !important; color:#fff !important; }
/* cards: bordas grossas (border-4) → hairline dourado + fundo sutil */
.uv-pkg [class*="border-4"] { border-width:1px !important; border-color:rgba(197,165,114,.3) !important; background:rgba(255,255,255,.02) !important; box-shadow:0 24px 60px rgba(0,0,0,.4) !important; }
.uv-pkg [class*="border-4"]:hover { border-color:rgba(197,165,114,.5) !important; }
/* badge 5 estrelas mais fino */
.uv-pkg [class*="border-2 border-gold"] { border-width:1px !important; border-color:rgba(197,165,114,.35) !important; }
/* moldura do vídeo do pacote também fina */
.uv-pkg .uvv-box { border-radius:14px; box-shadow:0 20px 50px rgba(0,0,0,.4); }

/* ═══ Pacotes v2 — layout de verdade: features em 2 colunas, diferenciais sem caixa ═══ */
/* features: lista longa → grade 2 colunas (compacto, premium) */
.uv-pkg .space-y-3 { display:grid !important; grid-template-columns:1fr 1fr; gap:.75rem 1.7rem; align-items:start; }
.uv-pkg .space-y-3 > h4 { grid-column:1 / -1; margin-bottom:.3rem !important; font-size:clamp(15px,1.5vw,18px) !important; }
.uv-pkg .space-y-3 > div { margin-top:0 !important; }
.uv-pkg .space-y-3 > div span, .uv-pkg .space-y-3 > div p { font-size:14px !important; line-height:1.45 !important; }
/* "Diferenciais Exclusivos": tira a caixa dourada pesada → filete + lista limpa */
.uv-pkg [class*="bg-gold/10"] { background:transparent !important; border:none !important; border-top:1px solid rgba(197,165,114,.18) !important; border-radius:0 !important; padding:1.3rem 0 0 !important; margin-top:.4rem; }
/* título do pacote maior e mais respirado */
.uv-pkg [class*="text-2xl"][class*="text-gold"] { font-size:clamp(24px,2.6vw,34px) !important; letter-spacing:.02em; margin-bottom:.5rem !important; }
/* conteúdo com mais respiro */
.uv-pkg [class*="flex-1"][class*="p-6"] { padding:clamp(1.6rem,3vw,2.6rem) !important; }
@media (max-width:640px){ .uv-pkg .space-y-3 { grid-template-columns:1fr; } }

/* play/pausa da hospedagem aparece também no HOVER (mais descobrível, igual player de vídeo) */
.uv-stay__frame:hover .uvv-pp { display:flex; background:rgba(10,10,10,.18); }
.uv-stay__frame:hover .uvv-pp__ic { opacity:.85; }

/* ═══ FIX crítico: controles VSL da hospedagem ficavam ATRÁS do vídeo (vídeo z-10 > controles) ═══ */
.uv-stay__frame .uvv-hit  { z-index:12 !important; }
.uv-stay__frame .uvv-pp   { z-index:13 !important; }
.uv-stay__frame .uvv-prog { z-index:15 !important; }
.uv-stay__frame .uvv-mute { z-index:17 !important; }
.uv-stay__frame .uv-stay__counter { z-index:17; }

/* ═══ Botão EXPANDIR (ao lado do som) + MODAL de vídeo em tela cheia (padronizado) ═══ */
.uvv-expand { position:absolute; right:56px; bottom:16px; z-index:16; width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:50%; border:1px solid rgba(197,165,114,.4); background:rgba(10,10,10,.55); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); cursor:pointer; transition:background .25s ease; }
.uvv-expand:hover { background:rgba(197,165,114,.25); }
.uv-stay__frame .uvv-expand { z-index:17; }
/* modal */
.uv-vmodal { position:fixed; inset:0; z-index:100000; display:none; align-items:center; justify-content:center; padding:24px; }
.uv-vmodal.is-open { display:flex; }
.uv-vmodal__backdrop { position:absolute; inset:0; background:rgba(5,5,7,.92); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); animation:uv-fade .3s ease; }
.uv-vmodal__inner { position:relative; z-index:1; display:flex; animation:uv-pop .35s cubic-bezier(.22,1,.36,1); }
.uv-vmodal__video { max-width:92vw; max-height:88vh; width:auto; height:auto; border-radius:16px; background:#000; box-shadow:0 40px 120px rgba(0,0,0,.65); display:block; }
.uv-vmodal__close { position:absolute; top:-14px; right:-14px; z-index:2; width:44px; height:44px; border-radius:50%; border:1px solid rgba(197,165,114,.4); background:rgba(10,10,10,.85); color:var(--brand); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background .25s ease; }
.uv-vmodal__close:hover { background:rgba(197,165,114,.3); color:#fff; }
@keyframes uv-fade { from{opacity:0;} to{opacity:1;} }
@keyframes uv-pop { from{opacity:0; transform:scale(.94);} to{opacity:1; transform:none;} }
@media (max-width:640px){ .uv-vmodal__close { top:8px; right:8px; } }

/* ═══ Título "Nossa / Hospedagem" — 2 linhas, impactante, "Hospedagem" dourado ═══ */
.uv-stay__title { display:flex; flex-direction:column; line-height:1; margin:0; }
.uv-stay__title-top { font-size:clamp(26px,3vw,40px); color:#fff; }
.uv-stay__hl { font-family:'Playfair Display',Georgia,serif; font-style:italic; font-size:clamp(46px,6vw,84px); line-height:.98; color:var(--brand-light); margin-top:.05em; }
@media (max-width:820px){ .uv-stay__title { align-items:center; } }

/* ═══ Pacotes: palavras douradas no título + 5 estrelas maiores com onda dourada animada ═══ */
.uv-pkg h2 .uv-gold-word { -webkit-text-fill-color:var(--brand-light) !important; color:var(--brand-light) !important; }
/* estrelas: maiores + onda de luz dourada percorrendo (destaque) */
.uv-pkg-badge { gap:8px !important; padding:10px 22px !important; }
.uv-pkg-badge svg { width:26px !important; height:26px !important; color:#C5A572; fill:currentColor; filter:drop-shadow(0 0 6px rgba(212,185,135,.35)); animation:uv-star-wave 2.4s ease-in-out infinite; }
.uv-pkg-badge svg:nth-of-type(1){ animation-delay:0s; }
.uv-pkg-badge svg:nth-of-type(2){ animation-delay:.16s; }
.uv-pkg-badge svg:nth-of-type(3){ animation-delay:.32s; }
.uv-pkg-badge svg:nth-of-type(4){ animation-delay:.48s; }
.uv-pkg-badge svg:nth-of-type(5){ animation-delay:.64s; }
.uv-pkg-badge span { font-size:clamp(13px,1.3vw,15px) !important; letter-spacing:.08em; }
@keyframes uv-star-wave { 0%,100%{ color:#8B7047; transform:scale(1); } 50%{ color:#F2E2BC; transform:scale(1.18); } }
@media (prefers-reduced-motion: reduce){ .uv-pkg-badge svg { animation:none; color:#D4B987; } }

/* ═══ Pacotes: fundo diferenciado (levemente mais quente) + brilho dourado suave no topo ═══ */
.uv-pkg { position:relative; background:linear-gradient(180deg, #100d09 0%, #0b0a08 45%, #0A0A0A 100%) !important; overflow:hidden; }
.uv-pkg::before { content:""; position:absolute; top:0; left:0; right:0; height:360px; z-index:0; pointer-events:none;
  background:radial-gradient(ellipse 65% 100% at 50% 0%, rgba(197,165,114,.12) 0%, rgba(197,165,114,.04) 40%, transparent 72%); }
/* uma linha-fio dourada bem sutil separando do topo */
.uv-pkg::after { content:""; position:absolute; top:0; left:0; right:0; height:1px; z-index:0; pointer-events:none;
  background:linear-gradient(90deg, transparent 0%, rgba(197,165,114,.35) 50%, transparent 100%); }
.uv-pkg > .container-custom { position:relative; z-index:1; }

/* ═══ Link "Fale com nossa equipe no WhatsApp" ═══ */
.uv-wa-link { color:var(--brand-light); font-weight:600; border-bottom:1px solid rgba(197,165,114,.45); transition:color .25s, border-color .25s; }
.uv-wa-link:hover { color:#F2E2BC; border-color:#F2E2BC; }

/* ═══ Botão flutuante WhatsApp — animação criativa minimalista (anéis pulsantes + flutuar) ═══ */
.uv-wa-float { animation:uv-wa-bob 3.6s ease-in-out infinite; }
.uv-wa-btn { position:relative; }
.uv-wa-btn::before, .uv-wa-btn::after { content:""; position:absolute; inset:0; border-radius:50%; border:2px solid rgba(37,211,102,.6); pointer-events:none; animation:uv-wa-ping 2.8s cubic-bezier(0,0,.2,1) infinite; }
.uv-wa-btn::after { animation-delay:1.4s; }
@keyframes uv-wa-ping { 0%{ transform:scale(1); opacity:.65; } 80%,100%{ transform:scale(2.2); opacity:0; } }
@keyframes uv-wa-bob { 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-6px); } }
@media (prefers-reduced-motion: reduce){ .uv-wa-float{ animation:none; } .uv-wa-btn::before, .uv-wa-btn::after{ animation:none; opacity:0; } }

/* ═══ Botão flutuante WhatsApp = IDÊNTICO ao voltar-ao-topo (vidro dourado, 48px), só ícone WhatsApp ═══ */
/* remove animação e estilo verde antigos */
.uv-wa-float { animation:none !important; }
.uv-wa-btn::before, .uv-wa-btn::after { display:none !important; content:none !important; }
/* mesmo layout do .uv-top */
.uv-wa-btn { width:48px !important; height:48px !important; min-width:48px !important; min-height:48px !important; padding:0 !important; border-radius:9999px !important; border:1px solid rgba(197,165,114,.35) !important; background:rgba(255,255,255,.07) !important; -webkit-backdrop-filter:blur(16px) saturate(160%); backdrop-filter:blur(16px) saturate(160%); box-shadow:0 8px 28px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.12) !important; color:#D4B987 !important; transition:background .3s ease, border-color .3s ease, transform .3s ease !important; }
.uv-wa-btn:hover { background:rgba(197,165,114,.16) !important; border-color:rgba(197,165,114,.6) !important; transform:translateY(-2px) !important; }
.uv-wa-btn svg { width:22px !important; height:22px !important; color:#D4B987 !important; fill:#D4B987 !important; }
/* mesma margem do voltar-ao-topo (1rem / 1.5rem) */
.uv-wa-float { bottom:1rem !important; right:1rem !important; }
@media (min-width:768px){ .uv-wa-float { bottom:1.5rem !important; right:1.5rem !important; } }

/* ═══ Pacotes v3 — cards uniformes (mesma altura) + moldura premium do vídeo + destaque All Inclusive ═══ */
.uv-pkg [class*="border-4"] { align-items:center; }
/* (altura forçada removida: criava buraco no Basic) */
/* moldura premium do vídeo (igual à hospedagem) */
.uv-pkg .uvv-box { border:1px solid rgba(197,165,114,.35) !important; border-radius:16px !important; overflow:hidden; box-shadow:0 26px 64px rgba(0,0,0,.45), 0 0 42px rgba(197,165,114,.08) !important; }
/* features: mais respiro */
.uv-pkg .space-y-3 { gap:1rem 2rem !important; }
/* destaque premium no All Inclusive: borda dourada mais viva + glow sutil */
.uv-pkg-featured { border-color:rgba(197,165,114,.6) !important; box-shadow:0 30px 70px rgba(0,0,0,.5), 0 0 64px rgba(197,165,114,.13) !important; }

/* ══════════════════════════════════════════════════════════════════════
   MOBILE — pente-fino (Higor 04/07): TODOS os containers a 90% da largura
   Problema: seções tinham padding lateral próprio + o container interno
   também → padding dobrado → conteúdo estreito (chegava a 78%). Aqui zeramos
   o padding lateral das seções e forçamos cada container de conteúdo a 90%
   da tela, centralizado. Assim o conteúdo fica bem mais largo no celular.
   ══════════════════════════════════════════════════════════════════════ */
@media (max-width:640px){
  /* 1) zera o padding lateral das SEÇÕES (evita a soma com o container interno) */
  .uv-hero, .uv-pillars, .uv-why, .uv-about, .uv-tl, .uv-stay {
    padding-left:0 !important; padding-right:0 !important;
  }
  /* 2) todo container de conteúdo ocupa 90% da tela, centralizado, sem padding lateral */
  .uv-hero__grid, .uv-hero__pillars,
  .uv-why__in, .uv-about__in,
  .uv-tl__track, .uv-tl__head,
  .uv-stay__in,
  .container-custom {
    width:90% !important; max-width:90% !important;
    margin-left:auto !important; margin-right:auto !important;
    padding-left:0 !important; padding-right:0 !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   MOBILE — Banner de cookies (LGPD): no celular os 3 botões quebravam em 3
   linhas desalinhadas e o banner ficava alto demais (último botão saía da
   tela). Aqui: padding menor + "Aceitar Todos" full-width no topo e
   "Rejeitar | Gerenciar" lado a lado embaixo (grade 2 col). Compacto e limpo.
   ══════════════════════════════════════════════════════════════════════ */
@media (max-width:640px){
  .uv-cookie {
    width:92% !important; padding:20px 20px !important; gap:16px !important;
    bottom:16px !important;
  }
  .uv-cookie > div:first-child { font-size:.92rem !important; }
  .uv-cookie > div:last-child {
    display:grid !important; grid-template-columns:1fr 1fr !important;
    gap:10px !important; width:100% !important; flex-wrap:unset !important;
  }
  .uv-cookie [data-ck] {
    width:100% !important; white-space:normal !important;
    padding:12px 8px !important; font-size:.9rem !important;
  }
  .uv-cookie [data-ck="accept"] { grid-column:1 / -1 !important; }
}

/* MOBILE — selo "EXPERIÊNCIA 5 ESTRELAS": estava mais largo que a tela (420px) → cortado,
   e a BORDA ficava torta (Higor). Remove a borda, centraliza estrelas + frase, sem estourar. */
@media (max-width:640px){
  .uv-pkg-badge {
    max-width:100% !important; flex-wrap:wrap !important;
    justify-content:center !important;
    padding:.4rem .6rem !important; font-size:.74rem !important;
    line-height:1.2 !important;
    border:none !important; background:transparent !important;
  }
  .uv-pkg-badge span { white-space:normal !important; }
}

/* MOBILE — "Conheça a UNIQUE" (Higor 04/07): logo ACIMA do "Conheça a UNIQUE"
   (empilhado) e TODAS as informações centralizadas; ícones dos diferenciais
   (Segurança Total / Excelência / ...) centralizados. */
@media (max-width:640px){
  /* logo empilhado acima do título, grupo centralizado */
  .uv-about__brand { flex-direction:column !important; align-items:center !important; text-align:center !important; gap:.6rem !important; }
  .uv-about__brand-txt { align-items:center !important; text-align:center !important; }
  /* "Nossa História" + parágrafos centralizados */
  .uv-about__text { align-items:center !important; text-align:center !important; }
  .uv-about__title { text-align:center !important; }
  /* ícones dos 4 diferenciais centralizados (estavam à esquerda) */
  .uv-about__feat { align-items:center !important; text-align:center !important; }
  .uv-about__feat-ic { margin-left:auto !important; margin-right:auto !important; }
}