/* =======================================================================
   SISTEMA TIPOGRÁFICO — Diana Dussan Clínica Avanzada
   Fuente única de verdad de las fuentes del sitio. Se carga ANTES que
   cualquier otro CSS en todas las páginas.

   Roles fijos (Brand DNA: "un serif editorial + una sans, con roles fijos"):
   · --font-serif  Títulos (H1, H2 de sección, títulos de tarjeta) → Cormorant Garamond 500
   · --font-sans   Texto e interfaz (párrafos, menú, botones, etiquetas) → SF Pro en Apple / Inter en el resto

   Fuentes alojadas en /fonts (licencia SIL OFL 1.1). Para cambiar una fuente
   en todo el sitio basta con editar este archivo.
   ======================================================================= */

/* Inter (variable 100–900): solo se descarga en dispositivos sin SF Pro */
@font-face {
  font-family: "Inter";
  src: url("/fonts/inter-var-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Cormorant Garamond: su ojo medio es pequeño; size-adjust la iguala
   ópticamente al tamaño de las demás fuentes sin tocar cada regla. */
@font-face {
  font-family: "Cormorant Garamond";
  src: url("/fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2");
  font-weight: 300 500;
  font-style: normal;
  font-display: swap;
  size-adjust: 112%;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("/fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2");
  font-weight: 600 900;
  font-style: normal;
  font-display: swap;
  size-adjust: 112%;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("/fonts/cormorant-garamond-latin-500-italic.woff2") format("woff2");
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
  size-adjust: 112%;
}

:root {
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Cormorant Garamond", "Cormorant", Garamond, "Times New Roman", serif;

  /* Pesos del sistema */
  --fw-title: 500;   /* títulos serif */
  --fw-text: 400;    /* párrafos */
  --fw-ui: 600;      /* botones, etiquetas, nombres */

  /* Alias de nombres antiguos (custom.css, blog.css) */
  --font-bodoni: var(--font-serif);
  --font-bodoni-bold: var(--font-serif);
  --font-montserrat: var(--font-sans);
}

/* Base: todo el texto en la sans; los controles de formulario la heredan
   (por defecto el navegador les pone Arial). */
body {
  font-family: var(--font-sans);
  font-weight: var(--fw-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
button, input, select, textarea { font-family: inherit; }

/* Títulos: serif editorial en peso 500 (sin negritas pesadas).
   Las clases de cada página pueden ajustar tamaño; la familia y el peso
   quedan definidos aquí o en su regla con var(--font-serif). */
h1, h2 {
  font-family: var(--font-serif);
  font-weight: var(--fw-title);
  letter-spacing: 0;
  text-wrap: balance;   /* líneas parejas, sin palabras huérfanas */
}
h3, h4 { font-weight: var(--fw-title); }