/* ============================================================
   PROPUESTA F2 · 2026-08-15 — añadidos SÓLO para el blog.
   ------------------------------------------------------------
   Este archivo NO reemplaza a assets\blog.css: se AÑADE al final.
   Todas las reglas de abajo tienen la misma especificidad que las que
   sobrescriben, así que ganan por orden de aparición. Aplicarlo es
   concatenar; revertirlo es borrar el bloque.

   Depende de los cuatro tokens de colors_and_type.propuesto.css. Si ese
   archivo no se aplica, --tracking-tighter y --leading-display quedan sin
   definir y cada declaración de abajo se vuelve inválida: la regla se
   descarta y el titular hereda su valor actual. Degrada a lo de hoy, no
   a algo roto.

   Qué toma del prototipo: su única idea tipográfica que el sistema no
   tenía — la densidad del titular grande (tracking cerrado + interlineado
   casi sólido). Nada más entró.
   Razonamiento completo: herdr\trabajo\DIFF_TOKENS.md
   ============================================================ */

/* ---------------------------------------------------------
   DENSIDAD EDITORIAL DEL TITULAR
   El prototipo compone sus titulares a -0.04em / 0.98 de interlineado;
   el sistema los compone a -0.02em / 1.08. A 44-64px esa diferencia es
   la mayor parte de su carácter editorial. Se adopta el gesto, no sus
   valores: -0.035em es el paso que corresponde a nuestra escala.
   --------------------------------------------------------- */

/* Portada del índice — clamp(2.75rem, 6vw, 4rem): siempre escala display. */
.blog-id h1 {
  letter-spacing: var(--tracking-tighter);
  line-height: var(--leading-display);
}

/* Titular del post — clamp(2.25rem, 5vw, 3rem). Sólo tracking: a 36px un
   interlineado de 1.0 encima un titular de dos líneas. El 1.12 de
   --h1-leading se conserva. */
.post-head h1 {
  letter-spacing: var(--tracking-tighter);
}

/* Post destacado — clamp(2rem, 4vw, 3rem). Mismo criterio que el anterior:
   sólo tracking, el 1.1 de interlineado se conserva. */
.hero h2 {
  letter-spacing: var(--tracking-tighter);
}

/* Deliberadamente NO se tocan .card__title (22px), .list-head h3 (28px) ni
   .prose h1/h2: por debajo de ~32px el tracking cerrado se lee apretado y
   perjudica la lectura, que es lo que el blog hace. */