/* Overlay escuro */
.slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 2;
}

.slider-area-dc {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    background: #000; /* fundo caso sobrem espaços */
}

/* Estilo geral dos vídeos */
.slider-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

/* Desktop = cobre tudo */
.desktop-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Mobile = não corta */
.mobile-video {
    display: none;
}

/*  MOBILE FIX – vídeo não corta */
@media (max-width: 767px) {

    .desktop-video {
        display: none !important;
    }

    .mobile-video {
        display: block !important;
        width: 100%;
        height: auto; /* <-- evita corte */
        object-fit: contain; /* <-- mostra o vídeo inteiro */
        z-index: 2;
    }

    .slider-area-dc {
        height: auto; /* deixa o vídeo ajustar o tamanho natural */
        padding-top: 56.25%; /* proporção 16:9 (ajustável) */
    }

        .slider-area-dc .mobile-video {
            position: absolute;
            top: 0;
            left: 0;
            transform: none; /* remove centralização forçada */
        }
}