/* Estilos específicos para los videos */
.video-container {
    display: flex;
    flex-wrap: wrap; /* Permitir que los elementos se envuelvan en varias líneas */
    justify-content: space-between; /* Alinear al inicio con espacio entre los elementos */
    gap: 20px; /* Espacio entre los videos */
    padding-top: 80px; /* Espacio superior para evitar el menú */
    margin-bottom: 20px; /* Espacio inferior */
}

.video-item {
    flex: 0 0 calc(50% - 20px); /* Ancho exacto para cada video (50% del contenedor con espacio entre ellos) */
    max-width: calc(50% - 20px); /* Ancho máximo para cada video */
    margin-bottom: 20px; /* Espacio inferior entre los videos */
    text-align: center; /* Alinear contenido al centro */
}

.video-item iframe {
    width: 100%; /* Ajustar ancho al contenedor */
    height: 200px; /* Altura fija para los videos */
}