/* Font optimizations para iconos y fuentes externas */

/* FontAwesome optimization
 * Using font-display: swap — shows fallback text while icon font loads.
 * These @font-face blocks override the CDN's default (block) behavior.
 */
@font-face {
  font-family: "Font Awesome 6 Free";
  font-display: swap;
  src: local("Font Awesome 6 Free");
}

@font-face {
  font-family: "Font Awesome 6 Pro";
  font-display: swap;
  src: local("Font Awesome 6 Pro");
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-display: swap;
  src: local("Font Awesome 6 Brands");
}

/* Ensure icons don't cause invisible text flashes */
.fa, .fas, .far, .fab, .fal, .fad,
.fa-solid, .fa-regular, .fa-light, .fa-duotone, .fa-brands {
  font-display: swap;
}

/* Fallbacks para iconos críticos usando unicode */
.phone-icon::before {
  content: "📞";
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.email-icon::before {
  content: "✉️";
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.location-icon::before {
  content: "📍";
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}