/* 1. Ajuste do Navbar - Removendo a linha cinza fixa */
.menu.superior {
    background-color: #FFF;
    margin-top: 20px;
    box-shadow: none !important; /* Aqui removemos a linha cinza que estava no seu código */
    border-bottom: none !important;
}

/* 2. Removendo a barra preta reativa (Hover) */
/* Isso impede que qualquer linha apareça quando você passa o mouse */
.menu.superior .nivel-um > li:hover {
    box-shadow: none !important;
    border-bottom: none !important;
    background-color: transparent !important; /* Garante que não suba um fundo escuro */
}

/* 3. Forçando a remoção em links e itens específicos */
.menu.superior .nivel-um > li > a:hover {
    box-shadow: none !important;
    border-bottom: none !important;
    text-decoration: none !important;
}

/* Mantendo o restante do seu código de largura e mobile... */
.conteiner {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 20px;
}

.menu.superior .nivel-um>li {
    float: left;
    border-left: none;
    border-right: none;
}

/* Ajuste para menu vertical compacto no mobile */
@media only screen and (max-width: 767px) {
    .menu.lateral .nivel-um > li,
    .menu.superior .nivel-um > li {
        display: block !important;
        width: 100% !important;
        float: none !important;
        clear: both !important;
        border-bottom: 1px solid #f2f2f2; /* Linha sutil separando as categorias */
        height: auto !important; /* Remove altura fixa se houver */
        min-height: 0 !important;
    }

    .menu.lateral .nivel-um > li > a,
    .menu.superior .nivel-um > li > a {
        display: block !important;
        padding: 7px 15px !important; /* Espaçamento interno reduzido */
        line-height: 1.2 !important;   /* Diminui o espaço entre as linhas de texto */
        font-size: 14px !important;    /* Ajuste de tamanho da fonte se necessário */
        height: auto !important;
        text-align: left !important;
        font-weight: normal !important; /* Deixa a fonte mais limpa como no exemplo */
    }
}