/* Llave IA · tipografía (v1.0). Requiere google-fonts-embed.html en el <head>. */
:root {
  --li-font-titulos: 'Bricolage Grotesque', 'Arial Narrow', Arial, sans-serif;
  --li-font-texto: 'Figtree', 'Segoe UI', Roboto, Arial, sans-serif;
  /* tamaños fluidos: móvil -> escritorio (360px -> 1280px) */
  --li-h1: clamp(2.25rem, 1.761rem + 2.174vw, 3.5rem);  /* H1 / portada: 36px -> 56px */
  --li-h2: clamp(1.75rem, 1.457rem + 1.304vw, 2.5rem);  /* H2 / sección: 28px -> 40px */
  --li-h3: clamp(1.375rem, 1.228rem + 0.6522vw, 1.75rem);  /* H3 / tarjeta: 22px -> 28px */
  --li-h4: clamp(1.125rem, 1.076rem + 0.2174vw, 1.25rem);  /* H4 / subtítulo: 18px -> 20px */
  --li-entradilla: clamp(1.125rem, 1.076rem + 0.2174vw, 1.25rem);  /* Entradilla: 18px -> 20px */
  --li-cuerpo: clamp(1rem, 0.9511rem + 0.2174vw, 1.125rem);  /* Cuerpo: 16px -> 18px */
  --li-boton: clamp(1rem, 0.9755rem + 0.1087vw, 1.062rem);  /* Botón: 16px -> 17px */
  --li-pequeno: 0.875rem;  /* Pequeño / legal: 14px -> 14px */
  --li-sobretitulo: clamp(0.8125rem, 0.788rem + 0.1087vw, 0.875rem);  /* Sobretítulo: 13px -> 14px */
}

body { font-family: var(--li-font-texto); font-size: var(--li-cuerpo); line-height: 1.6; font-weight: 400; color: var(--li-texto, #2A2320); }
h1, .li-h1 { font-family: var(--li-font-titulos); font-size: var(--li-h1); font-weight: 800; line-height: 1.05; letter-spacing: -0.02em; font-optical-sizing: auto; }
h2, .li-h2 { font-family: var(--li-font-titulos); font-size: var(--li-h2); font-weight: 700; line-height: 1.1; letter-spacing: -0.015em; }
h3, .li-h3 { font-family: var(--li-font-titulos); font-size: var(--li-h3); font-weight: 700; line-height: 1.2; letter-spacing: -0.01em; }
h4, .li-h4 { font-family: var(--li-font-texto); font-size: var(--li-h4); font-weight: 700; line-height: 1.3; }
.li-entradilla { font-size: var(--li-entradilla); line-height: 1.55; }
.li-boton { font-family: var(--li-font-texto); font-size: var(--li-boton); font-weight: 700; line-height: 1; }
small, .li-pequeno { font-size: var(--li-pequeno); font-weight: 500; line-height: 1.5; }
.li-sobretitulo { font-size: var(--li-sobretitulo); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }