/**
 * ESTILOS CRÍTICOS PARA MEJORAR LCP Y FCP
 * Evita bloqueo de renderizado y optimiza LCP
 */

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

/* Optimizar LCP (Largest Contentful Paint) */
.lcp-element {
  content-visibility: auto;
  contain-intrinsic-size: auto 300px;
}

/* Optimizar CLS (Cumulative Layout Shift) para imágenes */
img {
  max-width: 100%;
  height: auto;
}

/* Optimizaciones para Bootstrap */
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* Prevenir reflow durante la carga */
.card {
  display: flex;
  flex-direction: column;
}

/* Configuraciones prioritarias para primer renderizado */
.navbar-brand,
.hero-content h1,
.hero-content p {
  visibility: visible !important;
}