/* =============================================================================
   css/tipografia.css — la tipografía del sitio (16/9/2026)
   -----------------------------------------------------------------------------
   Decisión del cliente: el sitio usa la tipografía de la landing de Terapeuta Spa
   (`/lp/terapeuta-spa`): IBM Plex Serif en los títulos y Mona Sans en todo lo demás.
   Antes era Poppins + Inter.

   🔴 Por qué una hoja aparte y con `!important`, y no cambiar las reglas de siempre:
   la fuente está fijada en decenas de sitios repartidos por 12 hojas —`* { Inter }`
   en styles.css, `* { Poppins }` en layout/, `.navbar-link { Poppins }`, cada hoja
   de página con su `* { Inter }`…—, y cada página carga un subconjunto distinto en
   un orden distinto (docs/map/04-css.md). Tocarlas una a una deja siempre alguna
   atrás. Esta hoja la pinta `php/plantillas/cabecera.php` la ÚLTIMA, en todas las
   páginas que cargan `layout`, y manda sobre todas.

   Las fuentes las enlaza `cabecera.php` (Google Fonts).
   ⚠️ El widget de WhatsApp (Joinchat, de terceros) conserva la suya.
   ========================================================================== */

:root {
  --font-heading: "IBM Plex Serif", Georgia, serif;
  --font-body: "Mona Sans", Arial, sans-serif;
}

/* Todo el texto, en Mona Sans. */
body,
body *:not(.joinchat):not(.joinchat *) {
  font-family: var(--font-body) !important;
}

/* Los títulos y las cifras grandes, en IBM Plex Serif, como en la landing. Además
   de h1–h6 van las clases que hacen de título sin serlo (<div>, <span>). */
body :is(h1, h2, h3, h4, h5, h6,
         .stat-number, .stat-card__number, .testimonials__score,
         .area-card-title, .promo-feature-title):not(.joinchat *),
body :is(h1, h2, h3, h4, h5, h6,
         .stat-number, .stat-card__number, .testimonials__score,
         .area-card-title, .promo-feature-title) *:not(.joinchat *) {
  /* 🔴 La segunda línea no sobra: las palabras en color de los titulares van en un
     <span> («belleza, salud y bienestar»), y sin ella la regla de Mona Sans de
     arriba —que alcanza a cualquier elemento— las dejaba en sans dentro del título. */
  font-family: var(--font-heading) !important;
}

/* La serif se lee en peso normal: los titulares grandes venían en 700–800 para Inter y
   Poppins, y en una serif ese peso se ve apelmazado. La landing los usa en 400. */
body :is(h1, h2):not(.joinchat *) {
  font-weight: 400 !important;
  letter-spacing: -0.01em;
}