/* fuentes-respaldo.css — respaldos con las MÉTRICAS de Montserrat y Lato.
 *
 * El problema que resuelve (medido el 2026-10-02 en `legalhealthmanagement.com`):
 * la pantalla de acceso tenía CLS 0,098 —la métrica que más pesa en PageSpeed,
 * 25 puntos, junto al LCP— y Lighthouse señalaba la causa sin ambigüedad: cinco
 * entradas «Web font loaded» moviendo el `<div class="form-card">` entero.
 *
 * Con `font-display: swap`, el navegador pinta primero con el sans-serif del
 * sistema y repinta cuando llega la fuente real. Si las dos no ocupan lo mismo,
 * el texto cambia de alto y **todo lo que hay debajo se mueve**. Montserrat
 * mide 1,219 em de línea y Arial 1,117: casi un 9 % de diferencia.
 *
 * Lo que NO funcionó, y por qué queda escrito:
 *   · Precargar los cinco ficheros (157 KB) dio CLS 0, pero el FCP pasó de
 *     1,1 s a 1,7 s y el LCP de 1,7 s a 2,7 s: la descarga prioritaria compite
 *     con el primer pintado. Un segundo de espera real pesa más que el punto de
 *     score que se gana.
 *   · `font-display: optional` también daría CLS 0, pero en la primera visita
 *     con red lenta la firma se vería en Arial. Montserrat 800 es el nombre de
 *     la marca; eso es un coste de identidad, no una métrica.
 *
 * Lo que sí: declarar el respaldo con las métricas de la fuente final. Entonces
 * el primer pintado ya ocupa el alto definitivo y el cambio no mueve nada,
 * **sin precargar un solo byte más**.
 *
 * De dónde salen los números (`fontTools`, sobre los .woff2 de este servidor):
 *
 *     size-adjust      = xHeight_fuente / xHeight_Arial
 *     ascent-override  = ascent_fuente  / size-adjust
 *     descent-override = descent_fuente / size-adjust
 *
 *   Montserrat  upm 1000  xH 0,5170  asc 0,9680  desc 0,2510
 *   Lato        upm 2000  xH 0,5065  asc 0,9870  desc 0,2130
 *   Arial       upm 2048  xH 0,5186  asc 0,9053  desc 0,2119
 *
 * 🔴 Los `*-override` se aplican sobre el em YA escalado por `size-adjust`, así
 * que se DIVIDEN por él. Multiplicarlos es el error fácil, y no da ningún aviso:
 * el shift simplemente se queda a medias.
 *
 * 🔴 `src` lleva SOLO `local()`: este @font-face no descarga nada, redefine la
 * fuente que el sistema ya tiene. Si se le pusiera una `url()` haría una
 * petición de red y perdería todo el sentido.
 *
 * 🔴 Chrome headless en Linux —con el que mide Lighthouse— no tiene Arial:
 * resuelve `sans-serif` a Liberation Sans, que comparte ascent y descent con
 * Arial y difiere un 1,9 % en xHeight. De ahí que vaya en la cascada de
 * `local()`, y que el ajuste sea muy bueno sin ser exacto en toda plataforma.
 *
 * Al usarlas: `font-family: 'Montserrat', 'Montserrat respaldo', sans-serif`.
 * El nombre del respaldo va SIEMPRE entre la fuente real y el genérico.
 */

@font-face {
  font-family: 'Montserrat respaldo';
  src: local('Arial'), local('Helvetica Neue'), local('Liberation Sans'), local('Roboto');
  size-adjust: 99.69%;
  ascent-override: 97.10%;
  descent-override: 25.18%;
  line-gap-override: 0%;
}

@font-face {
  font-family: 'Lato respaldo';
  src: local('Arial'), local('Helvetica Neue'), local('Liberation Sans'), local('Roboto');
  size-adjust: 97.67%;
  ascent-override: 101.06%;
  descent-override: 21.81%;
  line-gap-override: 0%;
}