/**
 * Fallbacks con métricas ajustadas — corrección del CLS provocado por las fuentes
 * ---------------------------------------------------------------------------
 * Este fichero se carga ANTES que theme.css y redefine las familias de respaldo
 * que se usan mientras las fuentes web (Pluto y Roboto) todavía se están
 * descargando.
 *
 * El problema: con `font-display: swap` el navegador pinta el texto con la
 * fuente del sistema y luego lo sustituye por la fuente web. Si las dos no
 * ocupan lo mismo, el texto cambia de tamaño y arrastra todo lo que hay debajo.
 * Eso es el CLS.
 *
 * La solución: declarar una familia de respaldo que use una fuente del sistema
 * pero DEFORMADA para ocupar exactamente lo mismo que la fuente web. Así el
 * cambio es invisible y no hay salto.
 *
 * Los porcentajes NO son estimaciones: salen de comparar las métricas reales
 * (unitsPerEm, hhea.ascender/descender, OS/2.xAvgCharWidth) de cada fichero
 * .woff2 del tema con las de la fuente de respaldo. Medido el 16/09/2026.
 *
 *   Pluto es un 36-41 % MÁS ANCHA que Arial. La definición anterior
 *   («Adjusted Verdana Fallback», size-adjust: 95%) la encogía todavía más:
 *   iba en la dirección contraria al problema.
 *
 * Cada familia se declara DOS veces a propósito: una emparejada con Arial
 * (macOS, Windows, iOS) y otra con Roboto (Android). Cada declaración lleva
 * las métricas que le corresponden a SU fuente, así que gane la que gane el
 * resultado es correcto. Si el sistema no tiene ninguna de las dos, la familia
 * queda vacía y se cae a la siguiente del `font-family`, como hasta ahora.
 *
 * @package doofinder
 * @since   2026-09-16
 */


/* ---------------------------------------------------------------------------
 * Respaldo de las Pluto (titulares)
 * ------------------------------------------------------------------------ */

/* Pluto Regular — sobre Arial (macOS / Windows / iOS) */
@font-face {
	font-family: 'Pluto Fallback';
	src: local('Arial');
	size-adjust: 136.16%;
	ascent-override: 67.50%;
	descent-override: 23.21%;
	line-gap-override: 0%;
}

/* Pluto Regular — sobre Roboto (Android) */
@font-face {
	font-family: 'Pluto Fallback';
	src: local('Roboto');
	size-adjust: 114.71%;
	ascent-override: 80.11%;
	descent-override: 27.55%;
	line-gap-override: 0%;
}

/* Pluto Bold — sobre Arial */
@font-face {
	font-family: 'Pluto Bold Fallback';
	src: local('Arial');
	size-adjust: 139.55%;
	ascent-override: 65.85%;
	descent-override: 22.64%;
	line-gap-override: 0%;
}

/* Pluto Bold — sobre Roboto (Android) */
@font-face {
	font-family: 'Pluto Bold Fallback';
	src: local('Roboto');
	size-adjust: 117.57%;
	ascent-override: 78.16%;
	descent-override: 26.88%;
	line-gap-override: 0%;
}

/* Pluto Heavy — sobre Arial. Es la de los h1, la que más salto provoca. */
@font-face {
	font-family: 'Pluto Heavy Fallback';
	src: local('Arial');
	size-adjust: 140.91%;
	ascent-override: 65.22%;
	descent-override: 22.43%;
	line-gap-override: 0%;
}

/* Pluto Heavy — sobre Roboto (Android) */
@font-face {
	font-family: 'Pluto Heavy Fallback';
	src: local('Roboto');
	size-adjust: 118.72%;
	ascent-override: 77.41%;
	descent-override: 26.62%;
	line-gap-override: 0%;
}


/* ---------------------------------------------------------------------------
 * Respaldo de Roboto (texto corrido)
 *
 * Hasta ahora el cuerpo de la web no tenía NINGÚN respaldo ajustado:
 * `body { font-family: "Roboto", sans-serif; }`. Todo el texto saltaba.
 * ------------------------------------------------------------------------ */

/* Roboto 400 — sobre Arial */
@font-face {
	font-family: 'Roboto Fallback';
	src: local('Arial');
	size-adjust: 118.69%;
	ascent-override: 78.16%;
	descent-override: 20.57%;
	line-gap-override: 0%;
}

/* Roboto 400 — sobre Roboto del sistema (Android): misma fuente, solo se
   normalizan las métricas verticales. */
@font-face {
	font-family: 'Roboto Fallback';
	src: local('Roboto');
	size-adjust: 100%;
	ascent-override: 92.77%;
	descent-override: 24.41%;
	line-gap-override: 0%;
}


/* ---------------------------------------------------------------------------
 * Compatibilidad: 'Adjusted Verdana Fallback'
 *
 * Ese nombre está escrito a mano en ~17 hojas de estilo del tema. En lugar de
 * tocarlas una a una, se REDEFINE aquí con las métricas correctas de Pluto
 * Regular, que es el uso mayoritario. La definición vieja de theme.css hay que
 * borrarla (ver README): si se queda, gana la última que se cargue.
 *
 * ⚠️ El nombre ya no describe lo que hace (no tiene nada que ver con Verdana),
 * pero renombrarlo obligaría a tocar 17 ficheros y este parche quiere ser
 * quirúrgico. Queda anotado como limpieza pendiente.
 * ------------------------------------------------------------------------ */

@font-face {
	font-family: 'Adjusted Verdana Fallback';
	src: local('Arial');
	size-adjust: 136.16%;
	ascent-override: 67.50%;
	descent-override: 23.21%;
	line-gap-override: 0%;
}

@font-face {
	font-family: 'Adjusted Verdana Fallback';
	src: local('Roboto');
	size-adjust: 114.71%;
	ascent-override: 80.11%;
	descent-override: 27.55%;
	line-gap-override: 0%;
}


/* ---------------------------------------------------------------------------
 * Aplicación de los respaldos
 *
 * Se declaran aquí, con la misma especificidad que las reglas originales del
 * tema, pero este fichero se carga DESPUÉS de theme.css para que ganen.
 * ------------------------------------------------------------------------ */

body {
	font-family: 'Roboto', 'Roboto Fallback', sans-serif;
}

h1,
.h1-like {
	font-family: 'PlutoHeavy', 'Pluto Heavy Fallback', sans-serif;
}

h1.regular,
h1.regular a,
.h1-like.regular,
.h1-like.regular a {
	font-family: 'PlutoRegular', 'Pluto Fallback', sans-serif;
}

h2,
.h2-like {
	font-family: 'PlutoHeavy', 'Pluto Heavy Fallback', sans-serif;
}