/* Estilo para la sección del video */
#video-section {
  padding: 20px;
  background-color: transparent; /* Asegura que el fondo sea transparente para que se muestre el fondo principal */
  text-align: center;
}

/* Estilo para el contenedor del video */
.embed-responsive {
  position: relative;
  padding-bottom: 30%; /* Proporción 16:9 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin: 0 auto; /* Centra el contenedor */
}

.embed-responsive-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ajusta el video para llenar el contenedor */
}

/* Ajustes para pantallas grandes */
@media (min-width: 992px) {
  #video-section {
    padding: 40px;
  }

  .embed-responsive {
    max-width: 60%; /* Ajusta el tamaño máximo del video para pantallas grandes */
  }
}

/* Ajustes para pantallas medianas */
@media (min-width: 768px) and (max-width: 991px) {
  .embed-responsive {
    max-width: 80%; /* Ajusta el tamaño máximo del video para pantallas medianas */
  }
}

/* Ajustes para pantallas pequeñas */
@media (max-width: 767px) {
  .embed-responsive {
    padding-bottom: 75%; /* Proporción 4:3 para pantallas muy pequeñas */
  }
}