/* ── Typography ────────────────────────────────────────────
   Display: Playfair Display — headlines y acentos.
   Body:    Poppins — párrafos + labels en mayúsculas.
   ──────────────────────────────────────────────────────── */
:root {
  --font-display: 'Playfair Display', 'Hoefler Text', Georgia, serif;
  --font-body:    'Poppins', system-ui, -apple-system, sans-serif;

  /* Type scale (display sizes assume large-format / hero use) */
  --fs-display-xl: 88px;   /* poster headline caps */
  --fs-display-lg: 64px;
  --fs-display-md: 46px;
  --fs-display-sm: 34px;
  --fs-h1: 30px;
  --fs-h2: 24px;
  --fs-h3: 20px;
  --fs-body-lg: 18px;
  --fs-body: 16px;
  --fs-sm: 14px;
  --fs-xs: 12px;
  --fs-label: 13px;        /* wide-tracked eyebrow / "ESTRATEGA PATRIMONIAL" */

  --lh-tight: 1.04;        /* @kind other */
  --lh-snug: 1.18;         /* @kind other */
  --lh-body: 1.6;          /* @kind other */

  /* Tracking */
  --tracking-display: 0.01em;
  --tracking-label: 0.28em;   /* the signature wide eyebrow */
  --tracking-label-sm: 0.18em;
  --tracking-body: 0.005em;

  --weight-body: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
}

/* Reusable text roles ----------------------------------------------------- */
.bc-display {
  font-family: var(--font-display);
  font-weight: var(--weight-semibold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-display);
  line-height: var(--lh-tight);
  color: var(--text-strong);
}
.bc-display-accent {           /* the italic gold completing phrase */
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  color: var(--text-gold);
}
.bc-eyebrow {
  font-family: var(--font-body);
  font-weight: var(--weight-medium);
  text-transform: uppercase;
  letter-spacing: var(--tracking-label);
  font-size: var(--fs-label);
  color: var(--text-gold);
}
.bc-kicker {
  font-family: var(--font-body);
  font-weight: var(--weight-semibold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-label-sm);
  font-size: var(--fs-sm);
}
.bc-h2 {
  font-family: var(--font-body);
  font-weight: var(--weight-bold);
  font-size: var(--fs-h2);
  line-height: var(--lh-snug);
  color: var(--text-strong);
}
.bc-body {
  font-family: var(--font-body);
  font-weight: var(--weight-body);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  letter-spacing: var(--tracking-body);
  color: var(--text-body);
}