/* Base da LP: tokens de cor, reset, tipografia dos titulos, animacao de reveal e utilitarios. */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --bg-white:    #ffffff;
  --bg-light:    #faf9f6;      /* Off-white quente super suave */
  --bg-accent:   #f2f5f1;      /* Tom sálvia/cinza ultra claro */
  --green-deep:  #51483F;      /* Elegante cinza/marrom terroso para fontes e títulos */
  --green-mid:   #3b5238;      /* Verde sálvia escuro para CTAs */
  --green-light: #eff4ee;      /* Fundo suave para detalhes e callouts */
  --gold:        #b59653;      /* Ouro metálico refinado */
  --gold-light:  rgba(181, 150, 83, 0.12);
  --text-main:   #2b3629;      /* Texto de leitura muito legível */
  --text-muted:  #5c6859;      /* Texto secundário */
  --max-w:       1440px;
  --pad:         clamp(24px, 8vw, 120px);
  --shadow-soft: 0 10px 40px rgba(27, 40, 26, 0.04);
  --shadow-hover: 0 20px 50px rgba(27, 40, 26, 0.08);
  --cubic-framer: cubic-bezier(0.16, 1, 0.3, 1);
}
html { scroll-behavior: smooth; }
body { background: var(--bg-white); color: var(--text-main); font-family: 'Montserrat', sans-serif; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
/* Forçar Cormorant Garamond para todos os títulos */
h1, h2, h3, h4, h5, h6,
.hero-title, .mestre-title, .footer-brand, .sobre-left h2, .sessoes-top h2, .contato-left h2 {
  font-family: 'Cormorant Garamond', serif !important;
}
/* ── FRAMER ANIMATIONS (REVEAL ON SCROLL) ─────────── */
.reveal {
  opacity: 0;
  transform: translateY(30px) scale(0.98);
  transition: opacity 1.2s var(--cubic-framer), transform 1.2s var(--cubic-framer);
  will-change: opacity, transform;
}
.reveal.show {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.reveal-delay-1 { transition-delay: 0.2s; }
.reveal-delay-2 { transition-delay: 0.4s; }
.reveal-delay-3 { transition-delay: 0.6s; }
.reveal-delay-4 { transition-delay: 0.8s; }
/* ── UTIL ─────────────────────────────────────────── */
.container { max-width: var(--max-w); margin: 0 auto; padding: 0 var(--pad); }
.eyebrow {
  font-family: 'Montserrat', sans-serif;
  font-size: 11px; font-weight: 600;
  letter-spacing: 4px; text-transform: uppercase;
  color: var(--gold); margin-bottom: 16px;
  display: inline-flex; align-items: center; gap: 8px;
}
.eyebrow::before {
  content: ''; display: inline-block; width: 24px; height: 1px; background: var(--gold);
}
.eyebrow--dark { color: var(--green-mid); }
.eyebrow--dark::before { background: var(--green-mid); }
.gold-div { width: 64px; height: 2px; background: var(--gold); margin: 24px 0; border-radius: 2px; }