/* Estilo general para la galería de videos */
#videos {
  text-align: center;
  margin: 20px;
}

#videos h2 {
  font-size: 2rem;
  margin-bottom: 20px;
}

/* Contenedor de los videos */
.video-container {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 20px;
}

/* Cada video individual */
.video-item {
  position: relative;
  width: 48%; /* El video ocupará el 48% del ancho */
  height: 80vh; /* Hace que el video ocupe el 80% de la altura de la pantalla */
}

.video-item iframe {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Mantiene el aspecto del video */
  border-radius: 10px;
}

/* Ajustes responsivos para pantallas pequeñas */
@media (max-width: 768px) {
  .video-container {
    flex-direction: column;
  }

  .video-item {
    width: 100%; /* Los videos ocuparán el 100% del ancho en pantallas pequeñas */
    margin-bottom: 20px;
  }
}