:root {
  /* ── PALETA VERDE BOSQUE (basada en brochure) ─────────────── */
  --black:        #040f08;
  --carbon:       #071510;
  --carbon-2:     #0a1c14;
  --carbon-3:     #0e2419;
  --green-deep:   #122d1f;
  --green-glass:  rgba(4, 15, 8, 0.85);

  /* ── ORO (coincide con gradientes del logo) ───────────────── */
  --gold:         #C6A56A;
  --gold-light:   #EAD074;
  --gold-dark:    #B98A34;
  --gold-muted:   rgba(198, 165, 106, 0.12);
  --champagne:    #E7D4B5;
  --warm-white:   #F5F1EA;

  /* ── TRANSPARENCIAS ───────────────────────────────────────── */
  --smoke:        rgba(255, 255, 255, 0.04);
  --smoke-2:      rgba(255, 255, 255, 0.07);
  --smoke-3:      rgba(255, 255, 255, 0.12);
  --border:       rgba(198, 165, 106, 0.20);
  --border-sub:   rgba(255, 255, 255, 0.08);
  --border-green: rgba(20, 80, 40, 0.35);

  /* ── TIPOGRAFÍA ───────────────────────────────────────────── */
  --font-heading: 'Montserrat', system-ui, -apple-system, sans-serif;
  --font-edit:    'Cormorant Garamond', Georgia, serif;
  --font-sans:    'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:    ui-monospace, 'Cascadia Mono', 'Roboto Mono', monospace;

  /* ── ESPACIADO ────────────────────────────────────────────── */
  --space-2xs:  clamp(0.375rem, 0.5vw,  0.5rem);
  --space-xs:   clamp(0.5rem,   0.75vw, 0.75rem);
  --space-sm:   clamp(0.75rem,  1vw,    1rem);
  --space-md:   clamp(1rem,     1.5vw,  1.5rem);
  --space-lg:   clamp(1.5rem,   2.5vw,  2.5rem);
  --space-xl:   clamp(2.5rem,   4vw,    4rem);
  --space-2xl:  clamp(4rem,     6vw,    6rem);
  --space-3xl:  clamp(5rem,     8vw,    8rem);

  /* ── LAYOUT ───────────────────────────────────────────────── */
  --nav-h:      82px;
  --container:  1440px;

  /* ── EFECTOS ──────────────────────────────────────────────── */
  --radius:     3px;
  --radius-sm:  6px;
  --radius-md:  10px;
  --shadow-gold: 0 0 50px rgba(198, 165, 106, 0.14);
  --shadow-deep: 0 24px 64px rgba(0, 0, 0, 0.55);

  /* ── TRANSICIONES ─────────────────────────────────────────── */
  --t-fast:   150ms cubic-bezier(0.4, 0, 0.2, 1);
  --t-med:    300ms cubic-bezier(0.4, 0, 0.2, 1);
  --t-slow:   600ms cubic-bezier(0.4, 0, 0.2, 1);
  --t-spring: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* ─── CONTENEDOR ──────────────────────────────────────────────── */
.container {
  width: 100%;
  max-width: var(--container);
  margin-left: auto;
  margin-right: auto;
  padding-left:  clamp(1.5rem, 4vw, 5rem);
  padding-right: clamp(1.5rem, 4vw, 5rem);
}

.section-inner {
  padding-top:    var(--space-3xl);
  padding-bottom: var(--space-3xl);
}

.section-header {
  max-width: 720px;
  margin-bottom: var(--space-2xl);
}

/* ─── TIPOGRAFÍA BASE ─────────────────────────────────────────── */
.eyebrow {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 0.67rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: var(--space-sm);
}

.headline {
  font-family: var(--font-heading);
  font-weight: 800;
  line-height: 1.06;
  color: var(--warm-white);
  font-size: clamp(2rem, 4vw, 3.5rem);
  letter-spacing: -0.025em;
}

.headline em {
  font-family: var(--font-edit);
  font-style: italic;
  font-weight: 300;
  color: var(--champagne);
  letter-spacing: 0;
}

.section-subhead {
  font-family: var(--font-sans);
  font-size: clamp(0.875rem, 1.1vw, 0.975rem);
  font-weight: 300;
  color: rgba(231, 212, 181, 0.55);
  line-height: 1.75;
  max-width: 560px;
}