/* ==========================================================================
   TEMA CLARO — padrão do site (04/11/2026, escolha do cliente): superfície contínua e granulada em branco quente
   Ligado fixo em todas as páginas por <html class="tema-claro"> (superficie.css continua sendo a base).
   O hero, os topos com foto e o cabeçalho continuam escuros e dissolvem no branco.
   ========================================================================== */

html.tema-claro body.home-v2, html.tema-claro body.pg-v2 {
  --base: #FAF8F4;
  --tinta: #0E0E0E;
  --texto-claro: rgba(14, 14, 14, .68);
  --linha-clara: rgba(14, 14, 14, .1);
  --linha-escura: rgba(14, 14, 14, .12);
  --vidro: rgba(255, 255, 255, .72);
  --vidro-hover: #FFFFFF;
  --acento: #9A600F;                                   /* ouro de texto sobre o claro (contraste AA) */
  --ouro-escuro: linear-gradient(100deg, #7E4C0E 0%, #A86A12 30%, #C98A2B 55%, #93590F 80%, #7E4C0E 100%);
  --ouro-sobre-claro: var(--ouro-escuro);
  --inf-ouro-claro: var(--ouro-escuro);
  background: var(--base) !important;
  color: var(--texto-claro);
}
/* grão escuro bem leve + linhas douradas finas (as mesmas do rodapé), fixos */
html.tema-claro body.home-v2::before, html.tema-claro body.pg-v2::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  opacity: .07;
}
html.tema-claro body.home-v2::after, html.tema-claro body.pg-v2::after {
  background:
    repeating-linear-gradient(90deg, transparent 0 2px, rgba(168, 106, 18, .035) 2px 4px),
    radial-gradient(120% 70% at 50% -10%, rgba(251, 176, 23, .08), transparent 60%);
}

/* áreas escuras (foto/vídeo): o ouro claro continua valendo dentro delas */
html.tema-claro .hero-v2, html.tema-claro .page-hero, html.tema-claro .hero-about, html.tema-claro .blog-hero,
html.tema-claro .post-hero, html.tema-claro .empreendimento-hero, html.tema-claro .emp-lifestyle, html.tema-claro .header {
  --inf-ouro: linear-gradient(100deg, #B8741F 0%, #E2A23B 16%, #FFF3AE 36%, #F2B84C 54%, #C9862B 70%, #F7D57A 86%, #B8741F 100%);
  --inf-ouro-claro: var(--inf-ouro);
  --ouro-sobre-claro: var(--inf-ouro);
  --tinta: #F3EFE6;
  --texto-claro: rgba(243, 239, 230, .75);
}
/* Home: o vídeo some para transparente no pé do hero (mesma máscara em curva suave dos topos internos, logo abaixo)
   e revela o papel granulado. Um degradê até um branco liso deixava degrau: o papel tem grão e listras. */
html.tema-claro body.home-v2 .hero-v2 { --base: #FAF8F4; }
html.tema-claro .hero-v2__inner { padding-bottom: calc(36px + var(--some, 96px) * .6); }
@media (min-width: 992px) and (max-height: 800px) { html.tema-claro body.home-v2 .hero-v2 { --some: 84px !important; } } /* notebook baixo: o hero cabe na tela */
@media (max-width: 767.98px) {
  html.tema-claro body.home-v2 .hero-v2 { --some: 96px !important; }
  html.tema-claro .hero-v2__inner { padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)); } /* acima da barra fixa do celular */
}
/* topos com foto das páginas internas e a faixa "Viva o alto padrão" (04/11): a imagem some para TRANSPARENTE (máscara)
   e revela a mesma superfície granulada da página, sem degrau. Antes: um degradê até um branco liso deixava uma linha
   (o papel tem grão e listras) e, no topo das páginas internas, a camada escura cobria o degradê (borda seca).
   A folga de baixo cresce junto, para a máscara nunca alcançar o texto. */
html.tema-claro body.pg-v2 :is(.page-hero, .hero-about, .blog-hero, .post-hero), html.tema-claro body.home-v2 .hero-v2 {
  --some: clamp(120px, 10vw, 140px);
  /* curva suave (smoothstep): começa e termina sem inclinação, então não marca faixa nas pontas do esmaecimento */
  --mascara-baixo: linear-gradient(180deg, #000 calc(100% - var(--some)), rgba(0, 0, 0, .97) calc(100% - var(--some) * .9),
    rgba(0, 0, 0, .9) calc(100% - var(--some) * .8), rgba(0, 0, 0, .78) calc(100% - var(--some) * .7), rgba(0, 0, 0, .65) calc(100% - var(--some) * .6),
    rgba(0, 0, 0, .5) calc(100% - var(--some) * .5), rgba(0, 0, 0, .35) calc(100% - var(--some) * .4), rgba(0, 0, 0, .22) calc(100% - var(--some) * .3),
    rgba(0, 0, 0, .1) calc(100% - var(--some) * .2), rgba(0, 0, 0, .03) calc(100% - var(--some) * .1), transparent 100%);
  -webkit-mask-image: var(--mascara-baixo);
  mask-image: var(--mascara-baixo);
  box-shadow: none !important;
}
html.tema-claro body.home-v2 .hero-v2 { --some: clamp(96px, 8vw, 120px); }
html.tema-claro body.pg-v2 :is(.page-hero, .blog-hero) { padding-bottom: calc(clamp(56px, 7vw, 92px) + var(--some) * .6) !important; }
/* no Sobre a camada escura é que define a altura (margens negativas = padding da seção): a folga extra vai nela */
html.tema-claro body.pg-v2 .hero-about .hero-overlay { padding-bottom: calc(clamp(56px, 7vw, 92px) + var(--some) * .6); }
html.tema-claro body.pg-v2 .post-hero { padding-bottom: calc(clamp(56px, 7vw, 96px) + var(--some) * .6) !important; }
html.tema-claro body.pg-v2 .hero-about .hero-overlay { background: linear-gradient(90deg, rgba(5, 5, 5, .9) 0%, rgba(5, 5, 5, .55) 60%, rgba(5, 5, 5, .2) 100%) !important; }
html.tema-claro body.pg-v2 .post-hero-overlay { background: linear-gradient(90deg, rgba(5, 5, 5, .94) 0%, rgba(5, 5, 5, .75) 50%, rgba(5, 5, 5, .45) 100%) !important; }
html.tema-claro body.pg-v2 .blog-hero { background: #050505 !important; }
html.tema-claro body.pg-v2 .emp-lifestyle {
  --some: clamp(108px, 8vw, 120px);
  --mascara-pontas: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .03) calc(var(--some) * .1), rgba(0, 0, 0, .1) calc(var(--some) * .2),
    rgba(0, 0, 0, .22) calc(var(--some) * .3), rgba(0, 0, 0, .35) calc(var(--some) * .4), rgba(0, 0, 0, .5) calc(var(--some) * .5),
    rgba(0, 0, 0, .65) calc(var(--some) * .6), rgba(0, 0, 0, .78) calc(var(--some) * .7), rgba(0, 0, 0, .9) calc(var(--some) * .8),
    rgba(0, 0, 0, .97) calc(var(--some) * .9), #000 var(--some), #000 calc(100% - var(--some)), rgba(0, 0, 0, .97) calc(100% - var(--some) * .9),
    rgba(0, 0, 0, .9) calc(100% - var(--some) * .8), rgba(0, 0, 0, .78) calc(100% - var(--some) * .7), rgba(0, 0, 0, .65) calc(100% - var(--some) * .6),
    rgba(0, 0, 0, .5) calc(100% - var(--some) * .5), rgba(0, 0, 0, .35) calc(100% - var(--some) * .4), rgba(0, 0, 0, .22) calc(100% - var(--some) * .3),
    rgba(0, 0, 0, .1) calc(100% - var(--some) * .2), rgba(0, 0, 0, .03) calc(100% - var(--some) * .1), transparent 100%);
  -webkit-mask-image: var(--mascara-pontas);
  mask-image: var(--mascara-pontas);
  box-shadow: none !important;
  padding-top: calc(clamp(56px, 7vw, 112px) + var(--some) * .5) !important;
  padding-bottom: calc(clamp(56px, 7vw, 112px) + var(--some) * .7) !important;
}

/* ---------- textos ---------- */
html.tema-claro body.home-v2 .secao-eyebrow, html.tema-claro body.pg-v2 .secao-eyebrow, html.tema-claro body.pg-v2 .section-tag,
html.tema-claro body.pg-v2 .km-eyebrow, html.tema-claro body.pg-v2 .text-gold, html.tema-claro body.pg-v2 .bi-check-circle-fill,
html.tema-claro body.pg-v2 .card-empreendimento-features i, html.tema-claro body.home-v2 .card-empreendimento-features i,
html.tema-claro body.pg-v2 .progress-info-item i, html.tema-claro body.pg-v2 .legal-page a:not(.btn), html.tema-claro body.pg-v2 .post-content a,
html.tema-claro body.pg-v2 .form-check a, html.tema-claro body.pg-v2 .toc-link.active { color: var(--acento) !important; }
html.tema-claro body.pg-v2 .page-hero .secao-eyebrow, html.tema-claro body.pg-v2 .hero-about .secao-eyebrow,
html.tema-claro body.pg-v2 .blog-hero-badge, html.tema-claro body.pg-v2 .emp-lifestyle .secao-eyebrow,
html.tema-claro body.pg-v2 .page-hero .breadcrumb-item.active, html.tema-claro body.pg-v2 .hero-about .hero-breadcrumb .active { color: var(--inf-mostarda) !important; }
html.tema-claro body.pg-v2 .page-hero h1, html.tema-claro body.pg-v2 .hero-heading, html.tema-claro body.pg-v2 .blog-hero-title,
html.tema-claro body.pg-v2 .post-hero-title, html.tema-claro body.pg-v2 .empreendimento-hero h1, html.tema-claro body.pg-v2 .emp-lifestyle-title { color: #fff !important; }
html.tema-claro body.pg-v2 .page-hero .lead, html.tema-claro body.pg-v2 .hero-desc, html.tema-claro body.pg-v2 .blog-hero p,
html.tema-claro body.pg-v2 .post-hero p, html.tema-claro body.pg-v2 .empreendimento-hero p, html.tema-claro body.pg-v2 .emp-lifestyle p,
html.tema-claro body.pg-v2 .post-hero-meta span, html.tema-claro body.pg-v2 #heroLocation { color: rgba(243, 239, 230, .8) !important; }
html.tema-claro body.home-v2 .secao-link { border-color: rgba(14, 14, 14, .5); }
html.tema-claro body.home-v2 .secao-link:hover, html.tema-claro body.pg-v2 .toc-link:hover { color: var(--acento) !important; border-color: var(--acento) !important; }

/* seções da Home que nasceram escuras: "A Infinity" e a chamada final */
html.tema-claro body.home-v2 #sobre .luxury-title, html.tema-claro body.home-v2 .emp-cta-split-title { color: var(--tinta) !important; }
html.tema-claro body.home-v2 #sobre .luxury-subtitle, html.tema-claro body.home-v2 #contato .emp-cta-split-subtitle { color: var(--texto-claro) !important; }
html.tema-claro body.home-v2 #sobre .luxury-subtitle strong { color: var(--acento) !important; }
html.tema-claro body.home-v2 #sobre .gold-text, html.tema-claro body.home-v2 .emp-cta-split-title span,
html.tema-claro body.home-v2 #sobre .stat-number, html.tema-claro body.pg-v2 .emp-cta-split-title span { background: var(--ouro-escuro) !important; -webkit-background-clip: text !important; background-clip: text !important; }
html.tema-claro body.home-v2 #sobre .stat-label { color: rgba(14, 14, 14, .62) !important; }
html.tema-claro body.home-v2 #sobre .stat-card { border-left-color: rgba(14, 14, 14, .14) !important; }
html.tema-claro body.home-v2 #sobre .secao-eyebrow, html.tema-claro body.home-v2 #contato .secao-eyebrow { color: var(--acento) !important; }
html.tema-claro body.home-v2 #sobre .btn-primary, html.tema-claro body.home-v2 #contato .emp-cta-btn-whatsapp,
html.tema-claro body.pg-v2 .emp-cta-split .emp-cta-btn-whatsapp, html.tema-claro body.pg-v2 .emp-cta-split .btn-outline-gold {
  color: var(--tinta) !important; border-color: rgba(14, 14, 14, .5) !important; background: transparent !important;
}
html.tema-claro body.home-v2 #sobre .btn-primary:hover, html.tema-claro body.home-v2 #contato .emp-cta-btn-whatsapp:hover,
html.tema-claro body.pg-v2 .emp-cta-split .emp-cta-btn-whatsapp:hover { color: var(--acento) !important; border-color: var(--acento) !important; }
html.tema-claro body.pg-v2 .emp-cta-split-subtitle { color: var(--texto-claro) !important; }
html.tema-claro body.pg-v2 .emp-cta-split-title { color: var(--tinta) !important; }

/* ---------- componentes ---------- */
html.tema-claro body.home-v2 .card-empreendimento, html.tema-claro body.home-v2 .card-blog,
html.tema-claro body.pg-v2 .card-empreendimento, html.tema-claro body.pg-v2 #empreendimentosGrid .card-empreendimento {
  box-shadow: 0 1px 0 rgba(14, 14, 14, .04), 0 18px 40px -28px rgba(14, 14, 14, .25) !important;
}
html.tema-claro body.home-v2 .card-empreendimento:hover, html.tema-claro body.home-v2 .card-blog:hover,
html.tema-claro body.pg-v2 .card-empreendimento:hover, html.tema-claro body.pg-v2 .emp-why-card:hover, html.tema-claro body.pg-v2 .benefit-card:hover,
html.tema-claro body.pg-v2 .pilar-card:hover, html.tema-claro body.pg-v2 .journey-step:hover, html.tema-claro body.pg-v2 .financing-card:hover,
html.tema-claro body.pg-v2 .contact-card:hover, html.tema-claro body.pg-v2 .info-card:hover, html.tema-claro body.pg-v2 .tl-card:hover,
html.tema-claro body.pg-v2 .km-node:hover, html.tema-claro body.pg-v2 .bank-logo:hover, html.tema-claro body.pg-v2 .premium-card:hover,
html.tema-claro body.pg-v2 #empreendimentosGrid .card-empreendimento:hover { border-color: rgba(154, 96, 15, .55) !important; }
html.tema-claro body.home-v2 .card-empreendimento-features span, html.tema-claro body.home-v2 .card-empreendimento-feature,
html.tema-claro body.pg-v2 .card-empreendimento-features span, html.tema-claro body.pg-v2 .card-empreendimento-feature,
html.tema-claro body.pg-v2 #empreendimentosGrid .card-empreendimento-features span { border-color: rgba(14, 14, 14, .12) !important; color: rgba(14, 14, 14, .75) !important; }
html.tema-claro body.home-v2 .benefit-icon, html.tema-claro body.pg-v2 .emp-why-icon, html.tema-claro body.pg-v2 .benefit-icon,
html.tema-claro body.pg-v2 .pilar-icon, html.tema-claro body.pg-v2 .journey-icon, html.tema-claro body.pg-v2 .financing-icon,
html.tema-claro body.pg-v2 .contact-card-icon, html.tema-claro body.pg-v2 .premium-card-icon, html.tema-claro body.pg-v2 .km-node-icon-wrap {
  background: #0E0E0E !important; border-color: #0E0E0E !important;
}
html.tema-claro body.home-v2 .benefit-icon i { color: var(--inf-mostarda) !important; }
html.tema-claro body.home-v2 .benefit-title { color: var(--tinta) !important; }
html.tema-claro body.pg-v2 .premium-card-text, html.tema-claro body.pg-v2 .km-node-label, html.tema-claro body.pg-v2 .km-node-count { color: rgba(14, 14, 14, .82) !important; }
html.tema-claro body.pg-v2 .progress-info-label { color: rgba(14, 14, 14, .55) !important; }
html.tema-claro body.pg-v2 .blog-featured-meta span, html.tema-claro body.pg-v2 .bcard-meta span,
html.tema-claro body.pg-v2 .info-card span, html.tema-claro body.pg-v2 .hours-list span, html.tema-claro body.pg-v2 .toc-link { color: rgba(14, 14, 14, .7) !important; }
html.tema-claro body.pg-v2 .blog-featured-card { background: #0E0E0E !important; }
html.tema-claro body.pg-v2 .blog-featured-card * { --tinta: #F3EFE6; }
html.tema-claro body.pg-v2 .blog-featured-title { color: #F3EFE6 !important; }
html.tema-claro body.pg-v2 .blog-featured-card p, html.tema-claro body.pg-v2 .blog-featured-meta span { color: rgba(243, 239, 230, .75) !important; }
html.tema-claro body.pg-v2 .quick-info-label { color: rgba(14, 14, 14, .55) !important; }
html.tema-claro body.pg-v2 .quick-info-value { color: var(--tinta) !important; }
html.tema-claro body.pg-v2 .emp-trust-strip .emp-trust-label { color: rgba(14, 14, 14, .6) !important; }
html.tema-claro body.pg-v2 .emp-trust-strip .emp-trust-number { background: var(--ouro-escuro) !important; -webkit-background-clip: text !important; background-clip: text !important; }
html.tema-claro body.pg-v2 .emp-trust-suffix { color: var(--acento) !important; -webkit-text-fill-color: var(--acento) !important; }

/* ---------- botões ---------- */
html.tema-claro body.home-v2 .financing-section .btn-primary:hover, html.tema-claro body.home-v2 #contato .emp-cta-btn-primary:hover,
html.tema-claro body.pg-v2 section .btn-primary:hover, html.tema-claro body.pg-v2 main .btn-primary:hover, html.tema-claro body.pg-v2 .emp-cta-btn-primary:hover {
  background: #0E0E0E !important; border-color: #0E0E0E !important; color: #fff !important;
}
html.tema-claro body.home-v2 #empreendimentos .btn-outline-dark, html.tema-claro body.home-v2 #blog .btn-outline-dark,
html.tema-claro body.pg-v2 section .btn-outline-gold, html.tema-claro body.pg-v2 section .btn-outline-dark,
html.tema-claro body.pg-v2 section .btn-secondary, html.tema-claro body.pg-v2 main .btn-outline-gold { border-color: rgba(14, 14, 14, .5) !important; }
html.tema-claro body.home-v2 #empreendimentos .btn-outline-dark:hover, html.tema-claro body.home-v2 #blog .btn-outline-dark:hover,
html.tema-claro body.pg-v2 section .btn-outline-gold:hover, html.tema-claro body.pg-v2 section .btn-outline-dark:hover,
html.tema-claro body.pg-v2 section .btn-secondary:hover, html.tema-claro body.pg-v2 main .btn-outline-gold:hover { color: var(--acento) !important; border-color: var(--acento) !important; }
html.tema-claro body.pg-v2 .social-btn { border-color: rgba(14, 14, 14, .35) !important; color: var(--tinta) !important; }
html.tema-claro body.pg-v2 .social-btn i { color: var(--acento) !important; }

/* ---------- formulários claros ---------- */
html.tema-claro body.pg-v2 .form-control, html.tema-claro body.pg-v2 .form-select, html.tema-claro body.pg-v2 .emp-select,
html.tema-claro body.pg-v2 input[type="search"], html.tema-claro body.pg-v2 .blog-search input,
html.tema-claro body.pg-v2 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
html.tema-claro body.pg-v2 textarea, html.tema-claro body.pg-v2 select {
  background-color: #fff !important;
  border-color: rgba(14, 14, 14, .18) !important;
  color: var(--tinta) !important;
}
/* busca do Blog: fica no topo escuro, então continua escura (o id vence a regra geral de campos brancos) */
html.tema-claro body.pg-v2 .blog-hero #blogSearch { background-color: transparent !important; border-color: transparent !important; color: #F3EFE6 !important; }
html.tema-claro body.pg-v2 .blog-hero #blogSearch::placeholder { color: rgba(243, 239, 230, .55) !important; }
html.tema-claro body.pg-v2 .form-control::placeholder, html.tema-claro body.pg-v2 input::placeholder, html.tema-claro body.pg-v2 textarea::placeholder { color: rgba(14, 14, 14, .4) !important; }
html.tema-claro body.pg-v2 .form-select option, html.tema-claro body.pg-v2 .emp-select option { background: #fff; color: #0E0E0E; }
html.tema-claro body.pg-v2 input[type="date"], html.tema-claro body.pg-v2 input[type="time"] { color-scheme: light; }
html.tema-claro body.pg-v2 .form-label, html.tema-claro body.pg-v2 label.form-label { color: rgba(14, 14, 14, .78) !important; }
html.tema-claro body.pg-v2 .form-check-input { border-color: rgba(14, 14, 14, .35) !important; }
html.tema-claro body.pg-v2 .invalid-feedback { color: #B42318 !important; }
html.tema-claro body.pg-v2 .was-validated .form-control:invalid, html.tema-claro body.pg-v2 .form-control.is-invalid { border-color: #B42318 !important; }

/* ---------- partes específicas ---------- */
html.tema-claro body.pg-v2 .emp-chip, html.tema-claro body.pg-v2 .gallery-filter,
html.tema-claro body.pg-v2 .filter-bar-section button, html.tema-claro body.pg-v2 .filter-bar-section .filter-btn {
  border-color: rgba(14, 14, 14, .16) !important; color: rgba(14, 14, 14, .78) !important;
}
html.tema-claro body.pg-v2 .nav-tab { color: rgba(14, 14, 14, .6) !important; }
html.tema-claro body.pg-v2 .emp-clear-btn { color: rgba(14, 14, 14, .65) !important; }
html.tema-claro body.pg-v2 .accordion-button::after { filter: none; }
html.tema-claro body.pg-v2 .progress-bar-container { background: rgba(14, 14, 14, .1) !important; }
html.tema-claro body.pg-v2 .timeline::before, html.tema-claro body.pg-v2 .timeline-line { background: rgba(14, 14, 14, .12) !important; }
html.tema-claro body.pg-v2 .post-content p, html.tema-claro body.pg-v2 .post-content li { color: rgba(14, 14, 14, .82) !important; }
html.tema-claro body.pg-v2 .legal-page p, html.tema-claro body.pg-v2 .legal-page li { color: rgba(14, 14, 14, .8) !important; }
html.tema-claro body.pg-v2 .post-tag, html.tema-claro body.pg-v2 .tag, html.tema-claro body.pg-v2 .post-tags a { border-color: rgba(14, 14, 14, .14) !important; color: rgba(14, 14, 14, .72) !important; }
html.tema-claro body.pg-v2 .map-section iframe, html.tema-claro body.pg-v2 #mapFrame { filter: grayscale(.35); }

/* ---------- rodapé (04/11) ----------
   O papel ganha um tom de areia bem leve até o fim da página (começa transparente: sem emenda com a seção de cima;
   semitransparente: o grão e as listras continuam aparecendo). Assinatura no alto, quatro colunas com hierarquia clara,
   telefone em destaque, newsletter em caixa com botão escuro e barra legal assentada no tom mais quente. */
html.tema-claro body .footer-luxury {
  --acento: #8C560E; /* ouro um tom mais fechado: contraste AA também sobre a areia do fim da página */
  background: linear-gradient(180deg, rgba(214, 190, 150, 0) 0%, rgba(214, 190, 150, .1) 42%, rgba(214, 190, 150, .26) 100%) !important;
  color: rgba(14, 14, 14, .72);
}
html.tema-claro .footer-luxury .footer-brand { padding: clamp(84px, 9vw, 128px) 0 clamp(56px, 6vw, 84px) !important; }
html.tema-claro .footer-luxury .footer-main {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .7fr) minmax(0, 1.35fr) minmax(0, 1.25fr) !important;
  gap: clamp(28px, 3vw, 56px) !important;
  padding: clamp(24px, 3vw, 40px) 0 clamp(56px, 6vw, 88px) !important;
}
html.tema-claro .footer-luxury .footer-col-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .24em !important;
  color: var(--acento) !important;
  margin-bottom: 24px !important;
}
html.tema-claro .footer-luxury .footer-about-text,
html.tema-claro .footer-luxury .footer-newsletter-text {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  color: rgba(14, 14, 14, .68) !important;
  max-width: 36ch;
}
html.tema-claro .footer-luxury .footer-nav-list li { margin-bottom: 13px; }
html.tema-claro .footer-luxury .footer-nav-list a,
html.tema-claro .footer-luxury .footer-contact-list a, html.tema-claro .footer-luxury .footer-contact-list span {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgba(14, 14, 14, .8) !important;
}
html.tema-claro .footer-luxury .footer-nav-list a::after { background: var(--acento) !important; }
html.tema-claro body .footer-luxury a:hover { color: var(--acento) !important; }
html.tema-claro .footer-luxury .footer-contact-list li { align-items: center; gap: 12px; margin-bottom: 14px; }
html.tema-claro .footer-luxury .footer-contact-list li i { color: var(--acento) !important; opacity: 1; font-size: 15px; margin-top: 0; }
html.tema-claro .footer-luxury .footer-contact-list a[href^="mailto:"] { white-space: nowrap; } /* e-mail inteiro, sem quebrar no meio */
/* telefone em destaque, na fonte de títulos */
html.tema-claro .footer-luxury .footer-contact-list li:first-child { margin-bottom: 22px; }
html.tema-claro .footer-luxury .footer-contact-list li:first-child i { display: none; }
html.tema-claro .footer-luxury .footer-contact-list li:first-child a {
  font-family: 'Antonio', 'Montserrat', sans-serif !important;
  font-size: clamp(28px, 2.3vw, 34px) !important;
  font-weight: 300 !important;
  letter-spacing: .03em;
  line-height: 1.1 !important;
  color: var(--tinta) !important;
}
html.tema-claro .footer-luxury .footer-contact-list li:first-child a:hover { color: var(--acento) !important; }
/* Instagram: contorno fino; no hover inverte para preto com o ícone em ouro */
html.tema-claro .footer-luxury .footer-redes { margin-top: 28px; }
html.tema-claro .footer-luxury .footer-redes .footer-social-link {
  min-height: 46px;
  padding: 0 20px !important;
  color: var(--tinta) !important;
  border: 1px solid rgba(14, 14, 14, .22) !important;
  transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}
html.tema-claro .footer-luxury .footer-redes .footer-social-link i { color: var(--acento) !important; }
html.tema-claro .footer-luxury .footer-redes .footer-social-link:hover { background: #0E0E0E !important; border-color: #0E0E0E !important; color: #fff !important; }
html.tema-claro .footer-luxury .footer-redes .footer-social-link:hover i { color: #FBB017 !important; }
/* newsletter: campo branco em caixa com o botão preto acoplado (seta em ouro) */
html.tema-claro .footer-luxury .footer-newsletter-form {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch;
  gap: 0 !important;
  background: #fff;
  border: 1px solid rgba(14, 14, 14, .16);
  margin-bottom: 14px;
  transition: border-color .25s ease, box-shadow .25s ease;
}
html.tema-claro .footer-luxury .footer-newsletter-form:focus-within { border-color: var(--acento); box-shadow: 0 0 0 3px rgba(154, 96, 15, .16); }
html.tema-claro .footer-luxury .footer-newsletter-form input[type="email"] {
  flex: 1 1 auto;
  min-width: 0;
  width: auto !important;
  height: 52px;
  padding: 0 16px !important;
  border: 0 !important;
  background: transparent !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--tinta) !important;
}
html.tema-claro .footer-luxury .footer-newsletter-form input[type="email"]:focus-visible { outline: none; }
html.tema-claro .footer-luxury .footer-newsletter-form input::placeholder { color: rgba(14, 14, 14, .48) !important; }
html.tema-claro .footer-luxury .footer-newsletter-form button[type="submit"] {
  position: static !important;
  transform: none !important;
  flex: 0 0 52px;
  width: 52px !important;
  height: auto !important;
  min-height: 52px;
  margin: 0 !important;
  background: #0E0E0E !important;
  color: #FBB017 !important;
  opacity: 1 !important;
  font-size: 18px;
  transition: background-color .25s ease, color .25s ease !important;
}
html.tema-claro .footer-luxury .footer-newsletter-form button[type="submit"]:hover,
html.tema-claro .footer-luxury .footer-newsletter-form button[type="submit"]:focus-visible { background: #FBB017 !important; color: #0E0E0E !important; transform: none !important; }
html.tema-claro .footer-luxury .footer-newsletter-disclaimer { font-family: 'Montserrat', sans-serif !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.6 !important; }
html.tema-claro .footer-luxury .newsletter-status.ok { color: #1E7B34; }
html.tema-claro .footer-luxury .newsletter-status.erro { color: #B42318; }
/* barra legal: links junto do copyright, à esquerda (o botão flutuante do WhatsApp fica à direita e não cobre nada) */
html.tema-claro .footer-luxury .footer-legal-bar { padding: 28px 0 36px !important; gap: 12px 32px; flex-wrap: wrap; justify-content: flex-start !important; }
html.tema-claro .footer-luxury .footer-legal-copy, html.tema-claro .footer-luxury .footer-legal-links a {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: .02em !important;
}
html.tema-claro .footer-luxury .footer-legal-bar, html.tema-claro .footer-luxury .footer-legal-bar a, html.tema-claro .footer-luxury .footer-legal-copy,
html.tema-claro .footer-luxury .footer-legal-links a, html.tema-claro .footer-luxury .footer-newsletter-disclaimer { color: rgba(14, 14, 14, .64) !important; }
html.tema-claro .footer-luxury .footer-legal-links { gap: 28px; }
@media (max-width: 991px) {
  /* a folga da barra fixa (Ligar/Agendar/WhatsApp) fica dentro do rodapé: a areia continua atrás da barra,
     sem faixa de outra cor no fim (aparecia ao "puxar" a página no iPhone) */
  html.tema-claro body.home-v2, html.tema-claro body.pg-v2 { padding-bottom: 0 !important; }
  html.tema-claro body .footer-luxury { padding-bottom: 60px !important; }
}
@media (max-width: 1199px) { /* até notebooks pequenos: 2 × 2, com folga para o e-mail */
  html.tema-claro .footer-luxury .footer-main { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 767px) {
  html.tema-claro .footer-luxury .footer-main { grid-template-columns: minmax(0, 1fr) !important; gap: 44px !important; padding-top: 8px !important; }
  html.tema-claro .footer-luxury .footer-col-title { margin-bottom: 18px !important; }
  /* menu em duas colunas: o rodapé fica bem mais curto no celular */
  html.tema-claro .footer-luxury .footer-nav-list { columns: 2; column-gap: 24px; }
  html.tema-claro .footer-luxury .footer-nav-list li { break-inside: avoid; }
  html.tema-claro .footer-luxury .footer-legal-bar { padding: 24px 0 32px !important; justify-content: center !important; }
}
@media (max-width: 359px) { /* celulares bem estreitos: o e-mail pode quebrar para não vazar da tela */
  html.tema-claro .footer-luxury .footer-contact-list a[href^="mailto:"] { white-space: normal; overflow-wrap: anywhere; }
}

/* ---------- assinatura no papel branco ----------
   Sem halo nem névoa dourada: o traço vira um risco fino de projeto, as letras saem do desfoque em ouro escuro
   e assentam em preto; a onda final só aquece a cor. */
html.tema-claro .footer-luxury .footer-brand-tagline { color: rgba(14, 14, 14, .88) !important; text-wrap: balance; } /* sem palavra sozinha na 2ª linha */
html.tema-claro .footer-luxury .assinatura__palavra--ouro .assinatura__letra { background-image: linear-gradient(100deg, #7E4C0E 0%, #A86A12 30%, #C98A2B 55%, #93590F 80%, #7E4C0E 100%) !important; }
html.tema-claro .footer-luxury .footer-brand-line { background: var(--acento) !important; }
html.tema-claro .assinatura__traco { filter: none; stroke-width: .9; }
html.tema-claro .assinatura__pena { fill: #A86A12; filter: none; }
html.tema-claro .assinatura--ativa .assinatura__letra { animation-name: assLetraClaro; }
html.tema-claro .assinatura--ativa.assinatura--pronta .assinatura__letra { animation-name: assOndaClaro; animation-duration: .9s; }
@keyframes assLetraClaro {
  0% { opacity: 0; transform: translateY(.5em) scale(1.12); filter: blur(8px); color: #C98A2B; }
  55% { opacity: 1; filter: blur(0); color: #A86A12; }
  100% { opacity: 1; transform: none; filter: none; }
}
@keyframes assOndaClaro {
  0%, 100% { opacity: 1; filter: none; }
  45% { opacity: 1; color: #A86A12; filter: brightness(1.18); }
}

/* ajustes da varredura de contraste no claro */
html.tema-claro body.pg-v2 .quick-info-label, html.tema-claro body.pg-v2 .progress-info-label { color: rgba(14, 14, 14, .64) !important; }
html.tema-claro body.pg-v2 .contact-card a:not(.btn), html.tema-claro body.pg-v2 .info-card a:not(.btn) { color: var(--acento) !important; }
html.tema-claro body.pg-v2 .essence-label, html.tema-claro body.pg-v2 [style*="infinity-gold"],
html.tema-claro body.home-v2 [style*="infinity-gold"] { color: var(--acento) !important; }