/* ===============================
   Fondo de Video - Diseño Web
   =============================== */

/* Contenedor del video */
.video-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}

/* Video en sí */
#bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(1.2) saturate(1.3); 
  /* 💡 Ajusta la luminosidad y saturación para que se vea más vivo */
}

/* Capa de superposición (overlay) */
.bg-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.2); 
  /* 🔹 Ajusta opacidad: 0.2 = más claro, 0.5 = más oscuro */
  z-index: 0;
}