/* ==========================================================
   Instituto Amigas da Confraria — sistema visual premium
   Paleta: creme, azul-marinho profundo, dourado. Vinho some.
   Tipografia: Cormorant Garamond (títulos) + Jost (texto).
   ========================================================== */
:root{
  --p-navy:#0B1F44; --p-navy-2:#081733; --p-navy-3:#162D58;
  --p-gold:#C9AA6A; --p-gold-deep:#7A5F2A; --p-gold-soft:#D8C5A5;
  --p-cream:#F6EFE0; --p-cream-2:#EFE5D2;
  --p-ink:#1B2336; --p-text:#3A4152; --p-muted:#6B6558;
  --p-line:rgba(201,170,106,.55); --p-line-soft:rgba(201,170,106,.28);
  --p-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --p-sans:'Jost','Helvetica Neue',Arial,sans-serif;

  /* remapeia as variáveis antigas de cada página */
  --navy:#0B1F44; --navy-deep:#0B1F44; --ink:#1B2336;
  --wine:#7A5F2A; --vinho:#7A5F2A; --magenta:#0B1F44;
  --sand:#C9AA6A; --areia:#C9AA6A; --gold:#C9AA6A; --sage:#D8C5A5; --taupe:#6B6558;
  --ivory:#F6EFE0; --ivory-2:#EFE5D2; --cream:#F6EFE0;
  --serif:var(--p-serif); --sans:var(--p-sans);
}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--p-cream)!important; color:var(--p-text);
  font-family:var(--p-sans); font-weight:400; line-height:1.75;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
::selection{background:var(--p-gold); color:var(--p-navy)}

/* ---------- Títulos ---------- */
h1,h2,h3,h4,.dep-title,.planos-titulo{
  font-family:var(--p-serif)!important; font-weight:500!important; color:var(--p-navy);
  letter-spacing:.005em; text-wrap:balance;
}
h1{font-size:clamp(40px,6vw,70px); line-height:1.06}
h2{font-size:clamp(30px,4vw,48px)!important; line-height:1.12}
h3{font-size:clamp(22px,2.4vw,28px); line-height:1.22}
h1 em,h2 em,h3 em,.planos-titulo em,.hero h1 em,.section-title em{font-style:italic; color:var(--p-gold-deep)}
.dark h1,.dark h2,.dark h3,.hero h1,.hero h2,.closing h2,.on-navy h2,.on-navy h3,.on-magenta h2,
.origin h2,.method h2,.cta-final h2,.end-cta h3,.banner h2,header h1,footer h4{color:#fff!important}
.dark h1 em,.dark h2 em,.hero h1 em,.closing h2 em,.on-navy h2 em,.on-magenta h2 em,.origin h2 em,.method h2 em,header h1 em{color:var(--p-gold)!important}

p{color:var(--p-text); line-height:1.8}
.lead,.sub,.lede{font-family:var(--p-serif); font-style:italic; font-weight:400; color:var(--p-gold-deep)}
.dark .lead,.dark .sub,.hero .sub,.hero .lede,.closing .lead,.on-navy .lead{color:var(--p-gold)!important}

/* rótulos / eyebrows */
.eyebrow,.kicker,.tag,.dep-eyebrow,.specialist-tema,.cadeira,.post-tag,.sitefoot2-eyebrow,.value-label,.specialist-pais,.mark{
  font-family:var(--p-sans)!important; font-size:12px!important; font-weight:500!important;
  letter-spacing:.26em!important; text-transform:uppercase; color:var(--p-gold-deep);
}
.dark .eyebrow,.dark .kicker,.hero .eyebrow,.closing .kicker,.origin .eyebrow,.method .eyebrow,.on-navy .eyebrow,
.sitefoot2-eyebrow,header .mark,.banner .eyebrow{color:var(--p-gold)!important}

/* ---------- Superfícies ---------- */
.hero,.dark,.closing,.origin,.method,.on-navy,.on-magenta,.cta-final,.end-cta,.banner,section.dark{
  background:var(--p-navy)!important; color:#E9E4D6;
}
.hero p,.dark p,.closing p,.origin p,.method p,.on-navy p,.on-magenta p,.cta-final p,.end-cta p{color:rgba(246,239,224,.82)}
.hero{background:var(--p-navy)!important}
.cream,.on-cream,.values,.pdfbar,.dep-band{background:var(--p-cream-2)!important}
.light,.mv,.founder{background:var(--p-cream)!important}
hr,.rule,.divider{border:0; height:1px; background:var(--p-line)!important; width:72px}

/* filetes verticais: dourado */
.box,.kit-card,.hub-card,.res-box,.termos-box,.spec-box,.lib-box,.dep-item,.dep-text .dep-full{border-left-color:var(--p-gold)!important}
.dark .box,.closing .box{border-left-color:var(--p-gold)!important}

/* ---------- Botões ---------- */
.btn,.cta,.cta-button,.diag-btn,.rodada-btn,.copybtn,.review-cta a.cta,.hero-ctas a,.actions a,
.plano-anual .botao,.plano-mensal .botao,.end-cta a.cta-button,button.btn,input[type=submit],button[type=submit]{
  font-family:var(--p-sans)!important; font-size:12.5px!important; font-weight:500!important;
  letter-spacing:.2em!important; text-transform:uppercase; text-decoration:none;
  border-radius:0!important; padding:17px 36px; line-height:1.2;
  transition:background .25s ease,color .25s ease,border-color .25s ease; cursor:pointer;
}
.btn-primary,.cta,.cta-button,.diag-btn,.rodada-btn,.review-cta a.cta,button[type=submit],input[type=submit]{
  background:var(--p-navy)!important; color:var(--p-cream)!important; border:1px solid var(--p-navy)!important;
}
.btn-primary:hover,.cta:hover,.cta-button:hover,.diag-btn:hover,.rodada-btn:hover,.review-cta a.cta:hover,
button[type=submit]:hover,input[type=submit]:hover{background:var(--p-gold)!important; color:var(--p-navy)!important; border-color:var(--p-gold)!important}
.btn-ghost,.btn-quiet,.btn-outline{background:transparent!important; color:var(--p-navy)!important; border:1px solid var(--p-navy)!important}
.btn-ghost:hover,.btn-quiet:hover{background:var(--p-navy)!important; color:var(--p-cream)!important}
/* botões em fundo escuro: dourado */
.dark .btn-primary,.closing .btn-primary,.hero .btn-primary,.method .btn-primary,.on-navy .btn-primary,.cta-final .cta-button,
.end-cta .cta-button,.end-cta a,.cta-final a.cta-button,.origin .btn-primary,.plano-anual .botao{
  background:var(--p-gold)!important; color:var(--p-navy)!important; border:1px solid var(--p-gold)!important;
}
.dark .btn-primary:hover,.closing .btn-primary:hover,.hero .btn-primary:hover,.method .btn-primary:hover,.cta-final .cta-button:hover,
.end-cta .cta-button:hover,.end-cta a:hover,.plano-anual:hover .botao{background:transparent!important; color:var(--p-gold)!important}
.dark .btn-outline,.closing .btn-outline,.btn-ghost-light,.hero .btn-outline{background:transparent!important; color:var(--p-cream)!important; border:1px solid var(--p-gold)!important}
.dark .btn-outline:hover,.closing .btn-outline:hover,.btn-ghost-light:hover{background:var(--p-gold)!important; color:var(--p-navy)!important}

/* ---------- Navegação ---------- */
header.nav,.sitebar{background:rgba(246,239,224,.96)!important; backdrop-filter:blur(10px);
  border-bottom:1px solid var(--p-line)!important; box-shadow:none!important}
nav.links a,.sitenav a,.sitebar-links a{
  font-family:var(--p-sans)!important; font-size:11.5px!important; font-weight:500!important;
  letter-spacing:.16em!important; text-transform:uppercase; color:var(--p-navy)!important;
  background:none!important; padding:6px 0!important; border-radius:0!important; border-bottom:1px solid transparent!important;
}
nav.links a:hover,.sitenav a:hover,.sitebar-links a:hover{color:var(--p-gold-deep)!important; border-bottom-color:var(--p-gold)!important}
nav.links a.active,.sitenav a.active,.sitebar-links a.active{color:var(--p-gold-deep)!important; background:none!important; border-bottom:1px solid var(--p-gold)!important}
nav.links a.nav-highlight,.sitenav a.sitenav-highlight,.sitebar-links a.sitebar-highlight{
  border:1px solid var(--p-gold)!important; padding:8px 16px!important; color:var(--p-navy)!important; font-weight:600!important}
nav.links a.nav-highlight:hover,.sitenav a.sitenav-highlight:hover,.sitebar-links a.sitebar-highlight:hover{background:var(--p-navy)!important; color:var(--p-cream)!important; border-color:var(--p-navy)!important}
nav.links a::after{display:none}
.burger span,.sitenav-burger span,.sitebar-burger span{background:var(--p-navy)!important}

/* ---------- Cartões, grades e formulários ---------- */
.card,.fact,.value,.mv-card,.duo .item,.kit-panel,.plano-mensal,.plano-anual{border-radius:0!important}
.duo .item{background:rgba(246,239,224,.05); border:1px solid var(--p-line)!important}
.plano-anual{background:var(--p-navy)!important; border:1px solid var(--p-gold)!important}
.plano-anual .selo{background:var(--p-gold)!important; color:var(--p-navy)!important; border-radius:0!important; letter-spacing:.2em}
input,select,textarea{font-family:var(--p-sans); border-radius:0!important; border:1px solid var(--p-gold-soft)!important; background:#FBF7EC; color:var(--p-ink)}
input:focus,select:focus,textarea:focus{outline:none; border-color:var(--p-gold-deep)!important; box-shadow:0 0 0 3px rgba(201,170,106,.25)}
.dir-tab,.tab-btn,.chip,.chip-check span,.pill{border-radius:0!important}
.dir-tab.active,.tab-btn.active{background:var(--p-navy)!important; color:var(--p-cream)!important; border-color:var(--p-navy)!important}
img{border-radius:0}
.dep-who img,.specialist-row .specialist-photo img{border-radius:50%}
.dep-who img{border-radius:50%}

/* ---------- Rodapé ---------- */
footer,footer.sitefoot2,.sitefoot{background:var(--p-navy-2)!important; color:rgba(246,239,224,.75)}
footer p,footer a,.sitefoot2-grid p,.sitefoot2-grid a,.sitefoot p,.sitefoot a{color:rgba(246,239,224,.76)}
footer a:hover,.sitefoot2-grid a:hover,.sitefoot a:hover{color:var(--p-gold)}
footer h4{color:var(--p-gold)!important; letter-spacing:.22em; font-size:12px}
.sitefoot2-bottom,.copy{border-top:1px solid rgba(201,170,106,.25); color:rgba(246,239,224,.55)}

/* links de retorno e depoimentos */
.back-link{color:var(--p-muted)!important; letter-spacing:.14em; text-transform:uppercase; font-size:11.5px}
.back-link:hover{color:var(--p-gold-deep)!important}
.dep-band{border-color:var(--p-line)!important}
.dep-name{color:var(--p-navy)}
.dep-role{color:var(--p-gold-deep)}

:focus-visible{outline:2px solid var(--p-gold); outline-offset:3px}
@media (max-width:640px){
  body{font-size:16px}
  .btn,.cta,.cta-button{padding:16px 26px}
}

/* correções de contraste em faixas escuras */
.lib-hero,.page-hero,.dir-hero{background:var(--p-navy)!important}
.lib-hero h1,.lib-hero h2,.page-hero h1,.dir-hero h1{color:#fff!important}
.lib-hero .sub,.dir-hero .sub{color:var(--p-gold)!important}

/* dourado legível: bronze em fundo claro, dourado claro em fundo escuro */
body{--gold:#7A5F2A; --sand:#7A5F2A; --areia:#7A5F2A}
.dark,.hero,.closing,.origin,.method,.on-navy,.on-magenta,.cta-final,.end-cta,.banner,.lib-hero,footer,.plano-anual,.plano-mensal,.duo,.dep-modal{
  --gold:#C9AA6A; --sand:#C9AA6A; --areia:#C9AA6A}
header.top{background:var(--p-navy)!important;--gold:#C9AA6A;--sand:#C9AA6A;--areia:#C9AA6A}
header.top .eyebrow{color:var(--p-gold)!important}
header.top h1{color:#fff!important}
header.top p{color:rgba(246,239,224,.82)}
.btn-wa{background:var(--p-gold)!important;color:var(--p-navy)!important;border-radius:0!important;letter-spacing:.2em;font-size:12.5px;font-weight:500}
.btn-wa:hover{background:var(--p-navy)!important;color:var(--p-cream)!important;filter:none}

/* v83: nomes das cadeiras, país e etiqueta das especialistas em azul-marinho (legibilidade) */
.cadeira,.specialist-tema{color:var(--p-navy)!important}
.specialist .specialist-photo img{border-radius:0}

/* v88: padrao unico (Conselho, Metodo, Founding Circle, Advocates): tag dourada, nome azul, pais azul bem claro, cadeira azul, mesmas fontes */
.specialist .tag,.profile-bio .tag{color:var(--p-gold-deep)!important}
.specialist-bio h2,.specialist-text h3,.profile-bio h2{font-family:var(--p-serif)!important;font-style:italic!important;font-weight:500!important;color:var(--p-navy)!important}
.specialist-pais,.cidade{font-family:var(--p-sans)!important;font-size:12px!important;font-weight:500!important;letter-spacing:.26em!important;text-transform:uppercase!important;color:rgba(11,31,68,.45)!important}
.cadeira,.specialist-tema{color:var(--p-navy)!important}

/* v88: home, menos espaco vazio entre o topo e "Como nascemos" e primeira frase em branco */
#top .hero{padding-bottom:28px!important}
#nascemos{padding-top:48px!important}
@media (min-width:700px){#top .hero{padding-bottom:56px!important}#nascemos{padding-top:80px!important}}
#top .hero .lede{color:#fff!important}

/* v88: etiqueta do topo do Metodo igual as outras paginas (texto simples, sem formato de botao) */
.hero .eyebrow{border:0!important;border-radius:0!important;padding:0!important}

/* v88: filete dourado acima de US$ 2.500 */
.preco-filete{display:inline-block;border-top:2px solid var(--p-gold);padding-top:3px;line-height:1.2}
.source-note a{color:var(--p-gold-deep)!important;text-decoration:underline;text-underline-offset:2px}

/* v89: preco com traco dourado (Metodo), igual ao riscado de Oferta/Evento */
.preco-filete{display:inline!important;border:0!important;padding:0!important;text-decoration:line-through;text-decoration-color:var(--p-gold);text-decoration-thickness:2px}

/* v89: abas dos Termos mais leves (sem bloco azul pesado, sem vao a esquerda) */
.tabs .wrap{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
.tabs .tab-btn{background:transparent!important;color:var(--p-muted)!important;border:0!important;border-bottom:2px solid transparent!important;padding:18px 10px!important;letter-spacing:.14em!important;font-size:12px!important}
.tabs .tab-btn.active{background:transparent!important;color:var(--p-navy)!important;border-bottom:2px solid var(--p-gold)!important;font-weight:500!important}

/* v89: telefone como botao verde do WhatsApp */
a.wa-btn{display:inline-flex!important;align-items:center;gap:10px;background:#25D366;color:#fff!important;font-weight:600;letter-spacing:.02em;padding:11px 18px;border-radius:4px;text-decoration:none!important;line-height:1}
a.wa-btn:hover{background:#1DA851}
a.wa-btn svg{flex:none}

/* v92: titulo dourado nas paginas Advocates, Founding Circle e Conselho */
.hero-gold h1{color:var(--p-gold)!important}

/* v93: titulo "Voce chegou ate aqui" (Oferta e Evento) em rosa da marca */
.page .card h1{color:#901E61!important}

/* v94: sem palavra sozinha no fim da linha (viuvas) */
p,li,blockquote,.lede,.sub,.stat-line{text-wrap:pretty}
h1,h2,h3,h4{text-wrap:balance}

/* v95: botão de compra da oferta em rosa da marca */
.plano-anual .botao{background:#901E61!important;color:#fff!important;border:1px solid #901E61!important}
.plano-anual:hover .botao{background:transparent!important;color:#fff!important;border-color:#901E61!important}

/* ---------- Botão dourado brilhante (padrão da página /juntas, 19/10/2026) ---------- */
.btn-primary,.cta,.cta-button,.cad-btn,.rodada-btn,.diag-btn,.plano-anual .botao,button[type=submit],input[type=submit],
.dark .btn-primary,.closing .btn-primary,.hero .btn-primary,.method .btn-primary,.on-navy .btn-primary,.origin .btn-primary,
.cta-final .cta-button,.end-cta .cta-button,.cta-final a.cta-button,.end-cta a.cta-button{
  position:relative!important; overflow:hidden!important;
  background:linear-gradient(135deg,#E3C98F,#C9AA6A 45%,#A88645)!important; color:#0B1F44!important;
  border:0!important; border-radius:999px!important; font-weight:600!important; letter-spacing:.14em!important;
  box-shadow:0 18px 40px -16px rgba(201,170,106,.75),inset 0 1px 0 rgba(255,255,255,.5)!important;
  transition:transform .25s ease,box-shadow .25s ease!important;
}
.btn-primary:hover,.cta:hover,.cta-button:hover,.cad-btn:hover,.rodada-btn:hover,.diag-btn:hover,.plano-anual:hover .botao,
button[type=submit]:hover,input[type=submit]:hover,.dark .btn-primary:hover,.closing .btn-primary:hover,.hero .btn-primary:hover,
.method .btn-primary:hover,.cta-final .cta-button:hover,.end-cta .cta-button:hover{
  background:linear-gradient(135deg,#E3C98F,#C9AA6A 45%,#A88645)!important; color:#0B1F44!important;
  transform:translateY(-2px); box-shadow:0 24px 50px -16px rgba(201,170,106,.9)!important;
}
.btn-primary::after,.cta::after,.cta-button::after,.cad-btn::after,.rodada-btn::after,.diag-btn::after,.plano-anual .botao::after,button[type=submit]::after{
  content:""; position:absolute; top:0; left:-60%; width:40%; height:100%; pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent); transform:skewX(-20deg);
  animation:goldshine 3.6s ease-in-out infinite;
}
@keyframes goldshine{0%,55%{left:-60%}100%{left:130%}}
.cad-btn[disabled],button[type=submit][disabled]{opacity:.55; cursor:not-allowed; transform:none!important}
.cad-btn[disabled]::after,button[type=submit][disabled]::after{display:none}
@media(prefers-reduced-motion:reduce){.btn-primary::after,.cta::after,.cta-button::after,.cad-btn::after,.rodada-btn::after,.diag-btn::after,.plano-anual .botao::after,button[type=submit]::after{animation:none;display:none}}

/* ---------- Alinhamento padronizado no celular (19/10/2026) ----------
   títulos, rótulos e textos de abertura centralizados; textos de leitura à esquerda;
   botões centralizados, mesma largura e arredondados */
@media(max-width:700px){
  h1,h2,.eyebrow,.kicker,.lead,.sub,.lede,.section-title,.dep-title,.planos-titulo,.planos-sub{text-align:center!important}
  .eyebrow,.kicker{display:block!important}
  .btn,.cta,.cta-button,.btn-primary,.btn-outline,.btn-ghost,.btn-ghost-light,.btn-quiet,.cad-btn,.rodada-btn,.diag-btn,.hero-ctas a,.actions a{
    display:flex!important; justify-content:center; align-items:center; text-align:center!important;
    width:100%!important; max-width:420px; margin-left:auto!important; margin-right:auto!important; box-sizing:border-box;
  }
  .btn-outline,.btn-ghost,.btn-ghost-light,.btn-quiet{border-radius:999px!important}
  .hero-ctas,.actions,.cta-row,.btns{justify-content:center!important; align-items:center!important}
}