/*
 * Tipografía de los TÍTULOS de todo el landing — un solo lugar.
 *
 * 2026-09-27 · Pedido de Jesús: no le gustaba la fuente de los títulos, salvo la del
 * hero de la home. Es la MISMA fuente en los dos (Nunito); lo que los separaba era el
 * grosor: el hero va en 700 y el resto iba en 800-900 ("black"), que en Nunito se ve
 * redondo, pesado y medio infantil. Aquí todos los títulos toman el trato del hero:
 * 700 y el tracking apretado de -0.02em.
 *
 * Por qué un archivo aparte y no editar cada página: cada una de las 17 trae su propio
 * <style> con sus copias de estas reglas (.cta-strip h2, .page-header h1… repetidas en
 * 14 archivos). Corregirlas en sitio eran ~150 ediciones y la próxima que se escribiera
 * volvería a nacer en 900. Si se quiere mover el grosor, se mueve aquí.
 *
 * ⚠️ El `:root` delante de cada selector NO es decorativo: sube la especificidad un
 * punto para ganarle a las reglas de cada página SIN depender del orden de carga. La
 * home tiene un segundo <style> dentro del <body> (el del footer), que va después de
 * este <link> y ganaría por orden con la misma especificidad.
 *
 * Lo que NO entra, a propósito:
 *  - Los textos de las mini-pantallas que imitan la app (.phone-*, .web-page-title,
 *    .av-title, .pay-ledger-title, .pay-proof-title, .pay-notif-title): copian el
 *    producto, no son títulos de la página.
 *  - Números grandes y precios (.stat-num, .stat-callout-num, .receipt-price*…): son
 *    cifras, y en negrita fuerte se leen mejor.
 *  - Etiquetas en mayúsculas pequeñas (.footer-alt-col-title, .receipt-includes-title,
 *    eyebrows): son rótulos, no títulos.
 */

:root h1,
:root h2,
:root h3,
:root h4,
/* home */
:root .section-title,
:root .context-bridge-headline,
:root .service-title,
:root .about-card-title,
:root .pay-tile h3,
:root .cta-section h2,
:root .giant-logo-tagline h2,
:root .footer-alt-cta h3,
:root .form-success h3,
/* páginas internas */
:root .hero-com h1,
:root .page-header h1,
:root .problema-title,
:root .role-title,
:root .cta-strip h2,
:root .fx-h2,
:root .fx-band h2,
:root .sp-h2,
:root .vs-card-title,
:root .stat-callout-text h4,
:root .faq-item summary,
/* privacidad y términos */
:root section h2,
:root .hero h1 {
  font-weight: 700;
}

/* El tracking apretado del hero, solo en los títulos grandes: en uno de 16px, -0.02em
   ya empieza a pegar las letras. */
:root .section-title,
:root .context-bridge-headline,
:root .hero-com h1,
:root .page-header h1,
:root .problema-title,
:root .role-title,
:root .cta-strip h2,
:root .fx-h2,
:root .fx-band h2,
:root .sp-h2,
:root .cta-section h2 {
  letter-spacing: -0.02em;
}
