/* TITULOS CON TAMANO (16/09/2026).

   La base de Tailwind (tailwind.build.css) deja h1, h2 y h3 del tamano del
   texto: "h1,h2,h3{font-size:inherit}". Cada pantalla tenia que ponerle su clase
   y unos 330 titulos no la llevaban, asi que salian igual de pequenos que un
   parrafo.

   Esta hoja va JUSTO DESPUES de Tailwind y solo usa la etiqueta, sin clase: gana
   a Tailwind pero PIERDE contra cualquier clase (text-2xl...) o regla de una
   pantalla (.pbc-mtop-heading h1). Los titulos que ya estaban bien no se mueven;
   los que no tenian tamano cogen el de la escala de pbc-design-tokens.css. */
h1 { font-size: var(--pbc-text-title, 32px); font-weight: var(--pbc-weight-bold, 700); line-height: 1.2; }
h2 { font-size: var(--pbc-text-2xl, 26px); font-weight: var(--pbc-weight-bold, 700); line-height: 1.25; }
h3 { font-size: var(--pbc-text-xl, 22px); font-weight: var(--pbc-weight-bold, 700); line-height: 1.3; }

@media (max-width: 640px) {
  h1 { font-size: var(--pbc-text-2xl, 26px); }
  h2 { font-size: var(--pbc-text-xl, 22px); }
  h3 { font-size: var(--pbc-text-lg, 18px); }
}