/* ============================================================
   TEMA — Dra. Thayane Alves — WebForge /thanosgordao
   Paleta medida nas fotos e nos carrosséis dela.
   fundo #FAF7F1 · tinta #37322A · apoio #E8E1D3
   acento #7D7A5B (oliva dos ✓ dela) · luz #D9C49A (champanhe)
   acento-escuro #5F5C43 (oliva escurecido — contraste do CTA)
   ============================================================ */
:root{
  --tg-fundo:#FAF7F1;
  --tg-tinta:#37322A;
  --tg-apoio:#E8E1D3;
  --tg-acento:#7D7A5B;
  --tg-luz:#D9C49A;
  --tg-acento-escuro:#5F5C43;
  --tg-f-titulo:"Playfair Display","Georgia",serif;
  --tg-f-texto:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --tg-topo-h:72px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--tg-fundo);color:var(--tg-tinta);
  font-family:var(--tg-f-texto);font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{display:block;max-width:100%}
a{color:inherit}
::selection{background:var(--tg-luz);color:var(--tg-tinta)}
:focus-visible{outline:2px solid var(--tg-acento);outline-offset:3px;border-radius:2px}
.ta-num{font-feature-settings:"tnum"}

/* ---------- movimento reduzido: estado final, parado ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ---------- grão fino de estúdio (por cima de degradê grande) ---------- */
.ta-grao{
  position:absolute;inset:0;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:160px 160px;
}

/* ---------- revelação do kit ---------- */
[data-k-revela]{transition:opacity .7s ease .08s,transform .7s cubic-bezier(.22,1,.36,1) .08s;transform:translateY(22px)}
[data-k-revela].k-in{opacity:1;transform:none}

/* ---------- utilitários ---------- */
.ta-caps{font:600 12px/1.5 var(--tg-f-texto);letter-spacing:.14em;text-transform:uppercase}
html,body{overflow-x:clip}
@media (max-width:760px){body{font-size:16px}}

/* ---------- topo ---------- */
.ta-pular{position:absolute;left:-9999px;top:0}
.ta-topo{
  position:fixed;inset:0 0 auto 0;height:var(--tg-topo-h);z-index:50;
  display:flex;align-items:center;gap:26px;
  padding:0 clamp(16px,3.4vw,44px);
  background:rgba(250,247,241,.86);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(55,50,42,.14);
}
.ta-marca{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}
.ta-marca-tijolo{
  width:34px;height:34px;border-radius:9px;flex:none;
  background:var(--tg-acento);color:var(--tg-luz);
  font-family:var(--tg-f-titulo);font-weight:600;font-size:15px;letter-spacing:.02em;
  display:flex;align-items:center;justify-content:center;
}
.ta-marca-nome{font-family:var(--tg-f-titulo);font-weight:600;font-size:19px;line-height:1.05;display:flex;flex-direction:column;gap:2px}
.ta-marca-nome small{font-family:var(--tg-f-texto);font-weight:600;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(55,50,42,.78)}
.ta-nav{margin-left:auto;display:flex;gap:26px;align-items:center}
.ta-nav a{position:relative;text-decoration:none;font-size:14.5px;font-weight:500;color:rgba(55,50,42,.85);padding:6px 0}
.ta-nav a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--tg-luz);transition:width .25s ease}
.ta-nav a:hover::after,.ta-nav a[aria-current="page"]::after{width:100%}
.ta-nav a[aria-current="page"]{color:var(--tg-tinta)}
.ta-topo-cta{
  flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:42px;
  padding:0 20px;border-radius:10px;background:var(--tg-tinta);color:var(--tg-fundo);
  font:600 14px/1 var(--tg-f-texto);text-decoration:none;transition:transform .18s ease;
}
.ta-topo-cta:hover{transform:translateY(-1px)}
.ta-menu-btn{
  display:none;width:44px;height:44px;flex:none;cursor:pointer;
  border:1px solid rgba(55,50,42,.3);border-radius:10px;background:none;
  flex-direction:column;align-items:center;justify-content:center;gap:6px;
}
.ta-menu-btn span{display:block;width:18px;height:2px;background:var(--tg-tinta);transition:transform .25s ease}
.ta-menu-btn[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.ta-menu-btn[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
@media (max-width:940px){
  :root{--tg-topo-h:60px}
  .ta-nav{display:none}
  .ta-menu-btn{display:flex}
  .ta-marca-nome{font-size:17px}
  .ta-topo{gap:14px}
}
@media (max-width:400px){.ta-marca-nome small{display:none}}

/* ---------- menu móvel ---------- */
.ta-menu{display:none;position:fixed;top:var(--tg-topo-h);left:0;right:0;z-index:49;background:var(--tg-fundo);border-bottom:1px solid rgba(55,50,42,.15);padding:10px 22px 26px}
.ta-menu[data-aberto]{display:block}
.ta-menu nav a{
  display:block;font-family:var(--tg-f-titulo);font-weight:500;font-size:28px;
  padding:13px 0;text-decoration:none;color:var(--tg-tinta);
  border-bottom:1px solid rgba(55,50,42,.1);min-height:44px;
}
.ta-menu nav a[aria-current="page"]{font-style:italic}
.ta-menu-cta{
  display:flex;align-items:center;justify-content:center;min-height:56px;margin-top:18px;
  background:var(--tg-tinta);color:var(--tg-fundo);border-radius:12px;
  font:600 17px/1 var(--tg-f-texto);text-decoration:none;
}
.ta-menu-frase{margin:20px 0 0;font-family:var(--tg-f-titulo);font-style:italic;font-size:17px;line-height:1.4;color:var(--tg-tinta)}
.ta-menu-frase em{border-bottom:2px solid var(--tg-luz)}

/* ---------- rodapé ---------- */
.ta-rodape{background:var(--tg-tinta);color:var(--tg-fundo)}
.ta-rodape a{color:inherit}
.ta-rodape a:focus-visible{outline-color:var(--tg-luz)}
.ta-rodape-frase{max-width:1180px;margin:0 auto;padding:60px clamp(22px,5vw,72px) 6px}
.ta-rodape-frase p{
  margin:0;font-family:var(--tg-f-titulo);font-weight:500;
  font-size:clamp(26px,3.4vw,40px);line-height:1.25;max-width:22ch;
}
.ta-rodape-frase em{font-style:italic;color:var(--tg-luz)}
.ta-rodape-grade{
  max-width:1180px;margin:0 auto;padding:36px clamp(22px,5vw,72px) 8px;
  display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:44px;
}
.ta-rodape-quem{display:flex;gap:16px;align-items:center}
.ta-rodape-avatar{width:64px;height:64px;border-radius:14px;flex:none;border:1px solid rgba(217,196,154,.5)}
.ta-rodape-quem p{margin:0;font-size:15px;line-height:1.5}
.ta-rodape-quem strong{font-family:var(--tg-f-titulo);font-size:19px;font-weight:600}
.ta-rodape-quem span{color:var(--tg-apoio);font-size:13px}
.ta-rodape-nota{margin:18px 0 0;font-size:13.5px;color:rgba(250,247,241,.78)}
.ta-rodape-nota a{color:var(--tg-luz);text-decoration:underline;text-underline-offset:3px}
.ta-rodape-t{margin:0 0 10px;font:600 11px/1 var(--tg-f-texto);letter-spacing:.16em;text-transform:uppercase;color:var(--tg-luz)}
.ta-rodape-grade p{margin:0 0 12px;font-size:14.5px;line-height:1.6;color:rgba(250,247,241,.88)}
.ta-rodape-grade a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(217,196,154,.55)}
.ta-rodape-grade a:hover{text-decoration-color:var(--tg-luz)}
.ta-rodape-base{
  max-width:1180px;margin:24px auto 0;padding:18px clamp(22px,5vw,72px) 26px;
  border-top:1px solid rgba(250,247,241,.16);
  display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between;
  font-size:13px;color:rgba(250,247,241,.75);
}
.ta-rodape-base p{margin:0}
.ta-rodape-base a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.ta-rodape-base b{color:var(--tg-luz)}
@media (max-width:760px){
  .ta-rodape-grade{grid-template-columns:1fr;gap:30px}
}

/* ---------- CTA principal dos heros (contraste corrigido — rodada 1;
   unificado entre as cinco páginas — rodada 2, item 6) ----------
   Oliva escurecido derivado do acento medido: texto creme a ~6:1.
   `a.ta-cta` vence a folha do hero sem tocá-la; o escopo
   [data-secao="hero"] alcança os heros que usam `a.ta-btn`
   (microagulhamento e A Dra. renderizavam quase-preto) sem mudar
   botões .ta-btn fora do hero. Topo (.ta-topo-cta) e barra do
   celular (.ta-barra-cta) não usam estas classes — intactos. */
a.ta-cta,
[data-secao="hero"] a.ta-btn{background:var(--tg-acento-escuro);color:var(--tg-fundo)}
a.ta-cta:hover,
[data-secao="hero"] a.ta-btn:hover{background:#54513B;color:var(--tg-fundo)}
a.ta-cta:focus-visible,
[data-secao="hero"] a.ta-btn:focus-visible{outline-color:var(--tg-acento-escuro)}

/* ---------- barra fixa do celular (rodada 2 — item 7) ----------
   Versão escura: a barra em tinta #37322A ancora a base da tela e
   casa com o rodapé; o botão champanhe #D9C49A com texto tinta fica
   em ~7:1 de contraste. Comportamento fixo, altura de 64px e a
   mensagem data-k-wa: intactos. Hover: champanhe clareado #E3CFA6,
   mesma família medida. */
.ta-barra{background:var(--tg-tinta)}
.ta-barra .ta-barra-cta{background:var(--tg-luz);color:var(--tg-tinta)}
.ta-barra .ta-barra-cta:hover{background:#E3CFA6;color:var(--tg-tinta)}
.ta-barra .ta-barra-cta:focus-visible{outline-color:var(--tg-luz)}

/* ---------- chip-convite do gesto (hero da home — rodada 1) ----------
   O mesmo texto do .ta-micro, agora legível sem zoom (≥14px), em chip
   tracejado com seta, colado aos vãos da frase. Reutiliza as classes
   .ta-micro-pc/.ta-micro-cel e reforça a alternância pc/cel.
   (Rodada 2, item 3: a linha .ta-micro solta sob o CTA saiu do HTML;
   só este chip convida.) */
.ta-convite{
  display:inline-flex;align-items:center;gap:9px;margin:18px 0 0;
  font:500 14px/1.35 var(--tg-f-texto);color:var(--tg-tinta);
  border:1.5px dashed var(--tg-acento);border-radius:999px;padding:9px 16px;
  background:rgba(217,196,154,.22);
}
.ta-convite-seta{color:var(--tg-acento);font-weight:700}
.ta-convite .ta-micro-cel{display:none}
@media (max-width:760px){
  .ta-convite{margin-top:14px;padding:9px 14px}
  .ta-convite .ta-micro-pc{display:none}
  .ta-convite .ta-micro-cel{display:inline}
}

/* ---------- movimento reduzido: estado final completo, sem atrasos ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-delay:.01ms!important;transition-delay:.01ms!important}
  [data-k-revela]{transform:none}
}