/**
 * LIMAF v2.0 — Tipografía
 * Display: Clash Display · Body: Satoshi · Mono: JetBrains Mono
 * Voz editorial: titulares enormes, tracking apretado, datos en mono.
 */

/* ── DISPLAY ──────────────────────────────────────────── */

.t-mega {
  font-family: var(--f-display);
  font-size: var(--t-mega);
  font-weight: 600;
  line-height: 0.92;
  letter-spacing: -0.03em;
  color: var(--ink);
  text-transform: uppercase;
}

.t-hero {
  font-family: var(--f-display);
  font-size: var(--t-hero);
  font-weight: 600;
  line-height: 0.95;
  letter-spacing: -0.025em;
  color: var(--ink);
  text-transform: uppercase;
}

.t-d1 {
  font-family: var(--f-display);
  font-size: var(--t-4xl);
  font-weight: 600;
  line-height: 1.0;
  letter-spacing: -0.02em;
  color: var(--ink);
  text-transform: uppercase;
}

.t-d2 {
  font-family: var(--f-display);
  font-size: var(--t-3xl);
  font-weight: 600;
  line-height: 1.04;
  letter-spacing: -0.015em;
  color: var(--ink);
  text-transform: uppercase;
}

.t-d3 {
  font-family: var(--f-display);
  font-size: var(--t-2xl);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.t-d4 {
  font-family: var(--f-display);
  font-size: var(--t-xl);
  font-weight: 600;
  line-height: 1.15;
  color: var(--ink);
}

/* Texto contorneado (outline) — acento editorial */
.t-outline {
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(20,20,30,0.32);
}

.t-fire { color: var(--fire-500); }

.t-fire-grad {
  background: var(--g-fire-text);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* ── BODY ─────────────────────────────────────────────── */

.t-xl-body { font-size: var(--t-lg); line-height: 1.55; font-weight: 400; }
.t-lg-body { font-size: var(--t-md); line-height: 1.6;  font-weight: 400; }
.t-body    { font-size: var(--t-base); line-height: 1.65; }
.t-sm-body { font-size: var(--t-sm); line-height: 1.6; }

.t-white { color: var(--ink); }
.t-mid   { color: var(--ink-mid); }
.t-low   { color: var(--ink-low); }

/* ── MONO / TÉCNICO ───────────────────────────────────── */

.t-mono {
  font-family: var(--f-mono);
  font-size: var(--t-xs);
  letter-spacing: 0.08em;
  font-weight: 400;
}

.t-mono-sm {
  font-family: var(--f-mono);
  font-size: var(--t-2xs);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* Eyebrow de sección — etiqueta técnica numerada */
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: var(--s-3);
  font-family: var(--f-mono);
  font-size: var(--t-2xs);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--fire-600);
}
.eyebrow::before {
  content: '';
  width: 28px;
  height: 1px;
  background: var(--fire-500);
}

/* Índice de sección (01, 02…) al costado del eyebrow */
.eyebrow .idx { color: var(--ink-low); }

/* ── DETALLES ─────────────────────────────────────────── */

strong { font-weight: 700; color: var(--ink); }

.t-center { text-align: center; }

/* Palabra por palabra / char por char (SplitType) */
.line-mask { overflow: hidden; display: block; }

/* En sección clara */
.on-paper .t-d1, .on-paper .t-d2, .on-paper .t-d3,
.on-paper .t-white { color: var(--paper-ink); }
.on-paper .t-mid { color: var(--paper-ink-mid); }
.on-paper .t-outline {
  -webkit-text-stroke-color: rgba(19,19,22,0.25);
}