/* Sistema compartido a partir de la sección 2.
   Las clases no se aplican a la portada ni a futuras tarjetas.
   Tamaños fluidos respecto del viewport: iguales entre secciones,
   independientemente del ancho de sus contenedores. */
:root {
  --tipo-familia: "Poppins", Arial, sans-serif;
  --tipo-titulo-tamano: 7.5vw;
  --tipo-titulo-peso: 900;
  --tipo-titulo-espaciado: -0.055em;
  --tipo-titulo-interlineado: 1;
  --tipo-parrafo-tamano: 3.8vw;
  --tipo-parrafo-peso: 500;
  --tipo-parrafo-espaciado: -0.065em;
  --tipo-parrafo-interlineado: 1.02;
}

.titulo-seccion {
  font-family: var(--tipo-familia);
  font-size: var(--tipo-titulo-tamano);
  font-weight: var(--tipo-titulo-peso);
  letter-spacing: var(--tipo-titulo-espaciado);
  line-height: var(--tipo-titulo-interlineado);
}

.parrafo {
  font-family: var(--tipo-familia);
  font-size: var(--tipo-parrafo-tamano);
  font-weight: var(--tipo-parrafo-peso);
  letter-spacing: var(--tipo-parrafo-espaciado);
  line-height: var(--tipo-parrafo-interlineado);
}

/* Portada aprobada: valores idénticos a la prueba Poppins.
   Variables locales para aislarla de los ajustes del sistema compartido. */
.portada {
  --fuente-titular: "Poppins", "Arial Black", Arial, sans-serif;
  --fuente-marca: "Poppins", "Arial Black", Arial, sans-serif;
  --interlineado-titular: 0.86;
  --espaciado-titular: -0.085em;
}
.portada__marca { letter-spacing: -0.065em; }

/* Móvil y escritorio comparten proporciones fluidas por decisión de diseño.
   Tarjetas: categoría pendiente, sin estilos hasta definir sus referencias. */