/* ==========================================================================
   TIPOGRAFÍA
   Familjen Grotesk (titulares) / Schibsted Grotesk (cuerpo) / DM Mono
   (etiquetas y cifras). Pesos 400-600 únicamente — nunca bold (700+).
   Las fuentes se cargan vía wp_enqueue_style en functions.php (Google Fonts).
   Sin envoltorio .tg-scope: el tema hijo se aplica al body entero, como en
   las maquetas aprobadas.
   ========================================================================== */

body {
  font-family: var(--f-cuerpo);
  font-weight: var(--peso-regular);
  font-size: 18px;
  line-height: 1.6;
  color: var(--tinta);
  background: var(--fondo);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--f-display);
  font-weight: var(--peso-medio);
  letter-spacing: -0.02em;
  line-height: 1.12;
  margin: 0;
  /* Jerarquía contenida a propósito: nada de H1/cifras enormes contra
     copys diminutos. Los tamaños concretos los fija cada plantilla. */
}

/**
 * Astra (tema padre) trae su propia regla `h1, h2... { color: ... }` con
 * variables de su paleta global. Como la de arriba no declara `color`, esa
 * herencia perdía siempre contra la regla de Astra que sí lo declara —
 * pasa lo mismo con cualquier especificidad, un valor heredado siempre
 * pierde frente a cualquier regla que declare la propiedad directamente
 * sobre el propio elemento. Con el prefijo `body` esta regla gana siempre
 * (mismo empate de especificidad, prioridad no depende del orden de carga)
 * y fija el color por defecto de verdad. Los encabezados sobre fondo
 * oscuro (`.hero h1`, `.vcard h3`, `.cta h2/h3`...) llevan su propio
 * `color` explícito encima de esta base, en su propio componente.
 */
body h1, body h2, body h3, body h4, body h5, body h6 {
  color: var(--tinta);
}

strong, b {
  font-family: var(--f-display);
  font-weight: var(--peso-medio); /* nunca 700 */
}

em {
  font-style: italic;
  font-weight: var(--peso-regular);
}

p {
  margin: 0;
}

p + p {
  margin-top: 16px;
}

/* Eyebrow / etiquetas / cifras destacadas: siempre DM Mono, mayúsculas,
   tracking amplio. Mismo patrón en las dos maquetas aprobadas. */
.eyebrow {
  font-family: var(--f-mono);
  font-size: 11.5px;
  font-weight: var(--peso-medio);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--tinta-40);
}

.eyebrow.on-dark {
  color: var(--fluo-autores);
}

/* Variante B2B (vertical e-learning, fondo carbono) — mismo patrón que
   .on-dark pero con el fluo exclusivo de empresas, nunca en autores. */
.eyebrow.lima {
  color: var(--fluo-b2b);
}

.prose {
  max-width: 72ch;
  font-size: 18.5px;
  color: var(--tinta-60);
}

.prose p + p {
  margin-top: 16px;
}

.prose a {
  color: var(--acento-texto);
}