/* Tipografías de marca: Outfit para los títulos y Michroma para los subtítulos cortos.
   Se activan o se apagan con $brandFonts en public/index.php (true / false): apagadas, esta hoja no se carga y la web vuelve
   exactamente a Plus Jakarta Sans.
   Michroma es muy ancha y de un solo grosor: va solo en las etiquetas en mayúsculas (eyebrow y «Tipos de contenido»), no en los
   párrafos, que se quedan en Plus Jakarta Sans para leerse bien en frases largas. */
:root {
  --font-title: "Outfit", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-subtitle: "Michroma", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

h1, h2, h3 { font-family: var(--font-title); }
h1, h2 { font-weight: 600; letter-spacing: -0.02em; }
h3 { font-weight: 600; letter-spacing: -0.005em; }

.eyebrow,
.types-title {
  font-family: var(--font-subtitle);
  font-weight: 400;
  letter-spacing: 0.08em;
}
.eyebrow { font-size: 0.7rem; }
.types-title { font-size: 0.68rem; }

/* Frase bajo el portátil de la demostración (el subtítulo de la portada): es una frase completa, así que va en Outfit y no en
   Michroma, que es demasiado ancha para leerla. Un poco más grande que antes, porque Outfit tiene la letra más pequeña. */
.showcase figcaption { font-family: var(--font-title); font-weight: 500; font-size: 0.95rem; letter-spacing: 0; }
.showcase figcaption b { font-weight: 600; }