/* =============================================================
   TIPOGRAFÍA — Lexend (display) + Roboto (body)
   Capricho del Mar by Z
============================================================= */

/* ── ESCALA TIPOGRÁFICA ────────────────────────────────────── */
.t-display {
  font-family: var(--font-display);
  font-weight: 800;
  line-height: 0.92;
  letter-spacing: -0.03em;
}

.t-title {
  font-family: var(--font-display);
  font-weight: 700;
  line-height: 1.0;
  letter-spacing: -0.025em;
}

.t-sub {
  font-family: var(--font-display);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.015em;
}

.t-body {
  font-family: var(--font-body);
  font-weight: 300;
  font-size: var(--sz-body);
  line-height: 1.85;
  letter-spacing: 0.01em;
}

.t-label {
  font-family: var(--font-body);
  font-weight: 500;
  font-size: var(--sz-label);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.t-caption {
  font-family: var(--font-body);
  font-weight: 300;
  font-size: var(--sz-sm);
  letter-spacing: 0.08em;
}

/* ── ELEMENTOS HTML ──────────────────────────────────────── */
p { line-height: 1.85; }

strong { font-weight: 600; }

em { font-style: italic; }

blockquote {
  font-family: var(--font-display);
  font-weight: 300;
  font-style: italic;
  line-height: 1.4;
  white-space: pre-line;
}

/* ── UTILIDADES ───────────────────────────────────────────── */
.text-gold   { color: var(--c-gold); }
.text-muted  { color: var(--c-muted); }
.text-white  { color: var(--c-white); }
.text-ivory  { color: var(--c-ivory); }
.text-deep   { color: var(--c-deep); }
.text-azure  { color: var(--c-azure); }

/* Línea separadora editorial */
.editorial-rule {
  display: block;
  width: 40px;
  height: 1px;
  background: var(--c-gold);
  margin-bottom: 2.5rem;
}