/*VIDEO PRESENTACION*/
#hero-video{
    position: relative;
    width: 100%;
    height: 100dvh;
    min-height: 400px;
    overflow: hidden;
}

.video-container{
    position: absolute;
    inset: 0;
}
#video-presentacion{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 768px) {

    #hero-video{
        height: 100dvh;
    }

}
.overlay-logo {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.5);

    display: flex;
    justify-content: center;
    align-items: center;
}

.overlay-logo img {
    width: clamp(10rem, 60vw, 30rem);
    max-width: 90%;
    height: auto;

    filter: 
    drop-shadow(0 0 0.625rem var(--color-principal))
    drop-shadow(0 0 1.25rem var(--color-principal));
}

@media (max-width: 480px){

    .overlay-logo img{
        width: 70vw;
    }

}