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

/* Video en fullscreen */
.video-container video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  pointer-events: none; /* Evita clics en el video */
}

/* Patrón o filtro sobre el video */
#video_pattern {
  background: #000;
  opacity: 0.2; /* Ajusta para dar contraste al texto */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

/* Contenido encima */
.content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  /* Tamaño del cuadro */
  width: 90%;
  max-width: 800px;
  padding: 200px;

  /* Fondo negro con transparencia */
  background: #000000cc;

  /* Estilo extra */
  border-radius: 15px;                   
  box-shadow: 0 4px 30px #e6590899;
  
   /* Texto */
  color: rgb(207, 207, 206);
  text-align: center;
  font-size: 18px;
}