/* Estilos específicos para o carousel de imagens */

/* Reset completo para o carousel */
#room-carousel.owl-2-cols-center.owl-carousel {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Reset para os items do carousel */
#room-carousel.owl-2-cols-center .owl-stage-outer {
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Ajuste do stage */
#room-carousel.owl-2-cols-center .owl-stage {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Centralização e tamanho dos items */
#room-carousel.owl-2-cols-center .owl-item {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 600px !important; /* Tamanho fixo em pixels */
}

/* Controle do item */
#room-carousel.owl-2-cols-center .item {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Controle do container hover */
#room-carousel.owl-2-cols-center .item .hover {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Controle da imagem */
#room-carousel.owl-2-cols-center .item img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Mantém o espaçamento consistente em diferentes tamanhos de tela */
@media (min-width: 992px) {
    #room-carousel.owl-2-cols-center .owl-item {
        margin: 0 5px;
    }
}

@media (max-width: 991px) {
    #room-carousel.owl-2-cols-center .owl-item {
        margin: 0 5px;
    }
} 

/* Ajusta o container do grid para centralizar */
#mainmenu > li ul.mega .row.g-3 {
    justify-content: center !important;
    gap: 30px !important; /* Aumenta o espaçamento entre as colunas */
}

/* Ajusta as colunas */
#mainmenu > li ul.mega .col-lg-3 {
    width: 28% !important; /* Ajusta a largura para dar mais espaço entre as colunas */
    padding: 0 !important; /* Remove o padding padrão */
}

/* Mantém a barra branca do tamanho que você já definiu */
#mainmenu > li ul.mega .sb-menu {
    width: 900px !important;
    margin: 0 auto;
    padding: 30px !important; /* Aumenta o padding interno da barra branca */
}

.subfooter {
    background: none !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(255,255,255,0.1);
    margin-top: 40px;
}

/* Centralização do footer */
footer .d-lg-flex {
    display: flex !important;
    justify-content: space-around !important;
    align-items: center !important;
    text-align: center !important;
    gap: 30px;
}

footer .d-lg-flex > div {
    flex: 1;
}

.hover .btn-line {
    border: 2px solid #ffffff; /* Cor padrão da borda */
    transition: all 0.3s ease;
}

.hover .btn-line:hover {
    border: 2px solid #ffffff; /* Mantém a borda branca sólida */
    background: rgba(255,255,255,0.2); /* Fundo semi-transparente no hover */
}