/**
 * OPTIMIZACIONES DE FUENTES
 * Este archivo optimiza la carga y visualización de fuentes
 * y previene Cumulative Layout Shift (CLS)
 */

/* Establecer font-display: swap para todas las fuentes */
@font-face {
  font-display: swap !important;
}

/* Evitar cambios bruscos en la página durante la carga de fuentes */
body {
  font-display: swap;
  text-size-adjust: 100%;
}

/* Ajustes para evitar CLS (Cumulative Layout Shift) */
h1, h2, h3, h4, h5, h6, p {
  line-height: 1.5;
  font-size-adjust: 0.5;
  max-height: 999999px; /* Previene cambios de tamaño en móviles */
}

/* Prevenir saltos de layout */
.font-loaded {
  transition: none !important;
}

/* Reservar espacio para elementos de texto */
.text-placeholder {
  min-height: 1em;
}

/* Optimizaciones específicas para carga de fuentes externas */
.wf-loading {
  visibility: hidden;
}

.wf-active, .wf-inactive {
  visibility: visible;
}

/* Prevenir FOUT (Flash of Unstyled Text) */
html {
  font-display: optional;
}