.bg-video-layer {
    position: fixed;
    width: 100%;
    height: 100vh;
    inset: 0;
    z-index: -1;

    .bg-video {
        width: 100%;
        height: 100vh;
        object-fit: cover;
        background: #000;
        transition: opacity .4s ease;

        .fade-out { 
            opacity: 0; 
        }

    }

    .bg-video-overlay {
        position: absolute;
        inset: 0;
        background: rgba(0,0,0,.65); /* ajusta o elimina */
        pointer-events: none;
    }

}

/* @media (prefers-reduced-motion: reduce) {
    .bg-video { display: none; }
    .bg-video-layer { background: url("/media/images/fallback.jpg") center/cover no-repeat; }
} */