/* Seção de Vídeo Hero - Banner em Loop */
#video_hero {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #a71d97;
}

#video_hero video {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Vídeo Desktop - visível por padrão */
#video_hero_desktop {
    display: block !important;
}

/* Vídeo Mobile - oculto por padrão */
#video_hero_mobile {
    display: none !important;
}

/* Responsividade - Mobile */
@media (max-width: 768px) {
    #video_hero_desktop {
        display: none !important;
    }
    
    #video_hero_mobile {
        display: block !important;
    }
}