/* ========================== */
/* 🏷️ CORREÇÃO PARA BARRA SUPERIOR */
/* ========================== */

/* Correção específica para a barra superior branca */
.barra-superior {
    height: 25px !important; /* Força altura específica */
    min-height: 25px !important; /* Força altura mínima */
    max-height: 25px !important; /* Força altura máxima */
    line-height: 25px !important; /* Alinha texto verticalmente */
    padding: 0 !important; /* Remove padding completamente */
    border: none !important; /* Remove qualquer borda */
    margin: 0 !important; /* Remove margens */
    overflow: hidden !important; /* Esconde conteúdo que ultrapassar */
}

/* Ajusta o conteúdo dentro da barra superior */
.barra-superior .conteiner {
    height: 25px !important;
    line-height: 25px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Ajusta links e textos dentro da barra superior */
.barra-superior a, 
.barra-superior span,
.barra-superior div {
    line-height: 25px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ========================== */
/* 🏷️ CORREÇÃO PARA BANNER DESKTOP */
/* ========================== */

/* Garantir que o banner desktop não seja cortado */
.secao-banners {
    width: 100%;
    max-width: 100%;
    overflow: visible !important; /* Permite que o banner seja exibido completamente */
    position: relative;
    min-height: 300px; /* Altura mínima para desktop */
    margin: 0;
    padding: 0;
}

/* Remove restrições de container que podem estar cortando o banner */
.secao-banners .conteiner,
.secao-banners .conteiner-full,
.secao-banners .row-fluid,
.secao-banners [class*="span"] {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Ajustes específicos para o banner principal */
.banner-principal {
    width: 100% !important;
    max-width: 100% !important;
    height: 300px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important; /* Permite visualização completa */
    display: block !important;
    position: relative !important;
}

/* Ajustes para a imagem do banner */
.banner-principal img,
.banner-principal picture,
.banner-principal .desktop {
    width: 100% !important;
    max-width: 1920px !important; /* Largura máxima definida */
    height: 300px !important;
    object-fit: contain !important; /* Garante que a imagem seja exibida completa */
    margin: 0 auto !important;
    display: block !important;
    position: relative !important;
}

/* Centralização do banner desktop */
.banner-principal .conteiner {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 300px !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* ========================== */
/* 📱 RESPONSIVIDADE */
/* ========================== */

@media (max-width: 700px) {
    /* Garantir que o banner mobile seja exibido corretamente */
    .secao-banners {
        min-height: 495px !important;
    }
    
    .banner-principal {
        height: 495px !important;
    }
    
    .banner-principal .mobile {
        display: block !important;
        width: 100% !important;
        height: 495px !important;
        object-fit: cover !important;
    }
    
    .banner-principal .desktop {
        display: none !important;
    }
}

/* ========================== */
/* 🔄 RESET DE POSSÍVEIS ESTILOS CONFLITANTES */
/* ========================== */

/* Reset para elementos que podem estar causando problemas */
.tarja, 
.barra-inicial,
.barra-inicial .lista-redes {
    max-height: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
    line-height: 25px !important;
    padding: 0 !important;
    margin: 0 !important;
}