body.bg-slider {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
}

/* Container para o slider de fundo */
#bg-slider-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    overflow: hidden;
}

/* Estilos comuns para imagens e vídeos */
.bg-slider .bg-image,
#bg-slider-container img,
#bg-slider-container video {
    position: fixed;
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    z-index: -1;
    opacity: 0;
    transition: opacity 1.5s cubic-bezier(.4,0,.2,1);
    will-change: opacity, transform;
}

/* Estilo para o slide ativo */
.bg-slider .bg-image.active,
#bg-slider-container img.active,
#bg-slider-container video.active {
    opacity: 1;
    z-index: 0;
}

/* Animação de zoom apenas para imagens */
#bg-slider-container img.active {
    animation: bg-zoom-move 15s linear infinite alternate;
}

/* Sem animação de zoom para vídeos */
#bg-slider-container video.active {
    animation: none;
}

@keyframes bg-zoom-move {
    0%   { transform: scale(1) translateX(0); }
    100% { transform: scale(1.07) translateX(10px); }
}

/* Overlay para melhorar a legibilidade do conteúdo */
#bg-slider-container::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 0;
}