.video-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 99vh; /* El video ocupará el 50% de la pantalla */
    z-index: -1;
    overflow: hidden;
}

#backgroundVideo {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Opcional: superposición para mejorar la legibilidad */
.video-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Superposición oscura */
    z-index: 0; /* Se asegura de que la superposición esté detrás del contenido */
}

.contact-section, footer {
    position: relative;
    z-index: 1;
    background-color: white; /* Asegura que el contenido tenga fondo blanco para buena legibilidad */
}

/* Ajustar el tamaño del contenido para que no se solape */
.contact-section {
    min-height: 50vh; /* Aseguramos que el contenido ocupe al menos el 50% de la pantalla */
    padding: 20px;
}