/* Establecer el video como fondo parallax */
.video-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120vh;
    /* Aumentar el tamaño del video para hacerlo más alto */
    z-index: -1;
    /* Asegura que el video quede detrás del contenido */
    overflow: hidden;
}

.video-background video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Estilo para el contenido */
.call-to-action {
    position: relative;
    z-index: 1;
    /* Asegura que el contenido quede por encima del video */
    text-align: center;
    padding: 100px 0;
}

/* Capa verde sobre el video */
.video-background::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #3e9096;
    /* El color verde que deseas */
    opacity: 0.5;
    /* Ajusta la opacidad para hacer el filtro más sutil o más fuerte */
    z-index: 1;
    /* Asegura que la capa esté sobre el video */
}

/* Estilo para la sección Call to Action */
#call-to-action {
    position: relative;
    overflow: hidden;
    text-align: center;
}

/* Capa verde sobre la sección */
#call-to-action::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #3e9096;
    /* Color verde que quieres aplicar */
    opacity: 0.5;
    /* Ajusta la opacidad para que el color no tape el contenido */
    z-index: 1;
    /* Asegura que la capa esté sobre el fondo pero debajo del texto */
}

#home::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #3e9096;
    /* Color verde que quieres aplicar */
    opacity: 0.5;
    /* Ajusta la opacidad para que el color no tape el contenido */
    z-index: 1;
    /* Asegura que la capa esté sobre el fondo pero debajo del texto */
}