.carousel-item { 
    transition: transform 0.8s ease; /* Transição do vídeo */
    height: 32rem; /* Estabelece uma altura fixa para cada item do carrossel */
}

/* Estilos para dispositivos móveis espaço entre a navbar e o carrossel*/
@media (max-width: 767px) { /* Tela de 767px ou menos é comumente usada para identificar dispositivos móveis */
    #meuCarrossel {
        padding-top: 107px; /* Menor padding para dispositivos móveis */
    }
}

/* Estilos para desktops espaço entre a navbar e o carrossel*/
@media (min-width: 768px) { /* Tela de 768px ou mais é comumente usada para identificar tablets e desktops */
    #meuCarrossel {
        padding-top: 176px; /* Maior padding para desktops */
    }
}

.video-wrapper {
    position: relative; /* Define o posicionamento relativo para o contêiner do vídeo */
    width: 100%; /* Largura completa */
    height: 100vh; /* Altura baseada na altura da viewport */
    overflow: hidden; /* Esconde qualquer parte do vídeo que exceda o contêiner */
}

.video-wrapper video {
    position: absolute; /* Posicionamento absoluto para ajuste fino */
    top: 50%; /* Posiciona o vídeo no meio do contêiner verticalmente */
    left: 50%; /* Posiciona o vídeo no meio do contêiner horizontalmente */
    transform: translate(-50%, -50%); /* Ajusta a posição exata do centro do vídeo */
    min-width: 100%; /* Garante que o vídeo cubra a largura do contêiner */
    min-height: 100%; /* Garante que o vídeo cubra a altura do contêiner */
    width: auto; /* Largura automática para manter a proporção */
    height: auto; /* Altura automática para manter a proporção */
    object-fit: cover; /* Cobre a área do contêiner, cortando o excesso */
}