/* Títulos con Instrument Serif (19 oct): UNA sola clase, .titulo-serif, para todos (bienvenida, Entrar y Crear cuenta).
   Cualquier título nuevo con esta letra debe usar esta clase; no se repite la configuración en otro archivo.
   Instrument Serif es estrecha: lleva tamaño fluido, espaciado sin negativo, interlineado amplio y el peso 400 exacto
   (es el único que existe; sin negritas ni cursivas simuladas). Licencia OFL en fonts/OFL-Instrument-Serif.txt. */
@font-face { font-family: "Instrument Serif"; font-style: normal; font-weight: 400; font-display: swap;
             src: url("/static/fonts/instrument-serif-latin-400-normal.woff2") format("woff2"); }

.titulo-serif {
  /* Tamaño fluido: clamp(mínimo, crecimiento, máximo). Por defecto, el de un título de sección; los niveles de
     abajo solo cambian estas tres variables. */
  --titulo-min: 1.6rem; --titulo-fluido: 1.3rem + 1.6vw; --titulo-max: 2.3rem;
  font-family: "Instrument Serif", Georgia, "Times New Roman", serif;
  font-size: clamp(var(--titulo-min), calc(var(--titulo-fluido)), var(--titulo-max));
  font-weight: 400; font-style: normal;
  letter-spacing: .005em; word-spacing: .03em; line-height: 1.15;
  text-wrap: balance;
  font-synthesis: none; text-rendering: optimizeLegibility; font-kerning: normal; font-optical-sizing: auto;
}
/* Niveles de tamaño (solo cambian el tamaño fluido) */
.titulo-serif.t-principal { --titulo-min: 2rem; --titulo-fluido: -.9rem + 14.6vw; --titulo-max: 3rem; line-height: 1.14; }
@media (min-width: 900px) {
  .titulo-serif.t-principal { --titulo-min: 3rem; --titulo-fluido: 1.6rem + 2.6vw; --titulo-max: 3.75rem; }
}
.titulo-serif.t-cierre { --titulo-min: 2rem; --titulo-fluido: 1.5rem + 2vw; --titulo-max: 3rem; }
.titulo-serif.t-acceso { --titulo-min: 2.125rem; --titulo-fluido: 1.6rem + 1.6vw; --titulo-max: 2.75rem; }