/* SEO/PageSpeed Bosques de León — fix CLS + font-display swap */

/* Font-display: swap forzado para FontAwesome (evita FOIT, ahorra 30ms FCP) */
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-display: swap;
}
@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-display: swap;
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-display: swap;
}
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-display: swap;
}

/* Reservar espacio del carousel principal (fix CLS = 0.4) */
.sppb-carousel,
#sppb-carousel1,
#sppb-carousel2 {
  aspect-ratio: 1920 / 930;
  background: #f5f5f5;
}
.sppb-carousel-inner,
.sppb-carousel-inner > .sppb-item {
  aspect-ratio: 1920 / 930;
}

/* Logo: aspect-ratio para evitar reflow */
img[src*="logo_nuevo.png"],
img[src*="logo_nuevo.webp"] {
  aspect-ratio: 1 / 1;
  background: transparent;
}

/* Circulares (3 cards): aspect-ratio 3:2 (1500x1000 reduced) */
.sppb-articles-tab img.sppb-img-responsive[src*="Circular_"] {
  aspect-ratio: 3 / 2;
  background: #f0f0f0;
}

/* SP Page Builder image addons: aspect-ratio fallback */
.sppb-addon-image img.sppb-img-responsive {
  height: auto;
}