/* Estilos customizados da aplicação */
/* Você pode adicionar seus estilos personalizados aqui */

/* Ajustes para o topnav fixo */
body {
    padding-top: 0;
}

/* Garantir que o conteúdo não fique escondido atrás do topnav */
.main-content {
    margin-top: 64px; /* altura do topnav (h-16 = 4rem = 64px) */
}

/* Ajustes para bottom navigation em mobile */
@media (max-width: 767px) {
    body {
        padding-bottom: 64px; /* altura do bottomnav (h-16 = 4rem = 64px) */
    }
}


.video-wrapper {
    position: relative;
    width: 100%;
    height: 600px; /* ou o valor que tu quiser */
    background: #000;
    overflow: hidden;
}
.video-wrapper .video-js,
.video-wrapper video {
    width: 100% !important;
    height: 100% !important;
}

.video-wrapper video {
    object-fit: contain; /* ou cover */
}