.devrocket-imagem-categoriaCONVERTEREMPRETO{
    filter: invert(100%)
}

:root{
    --devrocket-voltar-topo-altura: 60px;
    --devrocket-voltar-topo-largura: 60px;
    --devrocket-voltar-topo-espaco-direita: 20px;
    --devrocket-voltar-topo-espaco-esquerda: 20px;
    --devrocket-voltar-topo-borda-arredondada: 60px;
    --devrocket-voltar-topo-tamanho-fonte: 22px;
    --devrocket-voltar-topo-cor-fonte: #ffffff;
    --devrocket-voltar-topo-espaco-abaixo: 230px;
    --devrocket-voltar-topo-posicao: right; /* right| left */;
}

:root{
    --devrocket-telegram-cor-fundo: #0088cc;
    --devrocket-telegram-altura: 60px;
    --devrocket-telegram-largura: 60px;
    --devrocket-telegram-espaco-direita: 20px;
    --devrocket-telegram-espaco-esquerda: 20px;
    --devrocket-telegram-borda-arredondada: 60px;
    --devrocket-telegram-tamanho-fonte: 32px;
    --devrocket-telegram-cor-fonte: #ffffff;
    --devrocket-telegram-espaco-abaixo: 90px;
    --devrocket-telegram-posicao: right; /* right| left */;
}

:root{
    --devrocket-instagram-cor-fundo: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
    
    /* Caso queira colocar um cor específica basta descomentar o código abaixo e comentar o de cima */
    /* --devrocket-instagram-cor-fundo: #bc318f; */
    
    --devrocket-instagram-altura: 60px;
    --devrocket-instagram-largura: 60px;
    --devrocket-instagram-espaco-direita: 20px;
    --devrocket-instagram-espaco-esquerda: 20px;
    --devrocket-instagram-borda-arredondada: 60px;
    --devrocket-instagram-tamanho-fonte: 32px;
    --devrocket-instagram-cor-fonte: #ffffff;
    --devrocket-instagram-espaco-abaixo: 160px;
    --devrocket-instagram-posicao: right; /* right| left */;
}


:root{
        --cor-fonte-menu: #FFFFFF;
        --cor-fonte-submenu: #000000;
    }
    #cabecalho .menu .fundo-menu .titulo, #cabecalho .menu ul li.com-filho a i,
    .menu.superior .nivel-um .titulo, .menu.lateral .nivel-um .tituloXXX{
        color: var(--cor-fonte-menu) !important;
    }
    
    .menu.lateral .nivel-um .tituloXXX{
        color: #000000 !important;
    }
    
    .menu.superior .nivel-dois a, #cabecalho .menu.superior.menu-slide .com-filho.borda-principal .com-filho a i{
        color: var(--cor-fonte-submenu) !important;
    }
    
.logo {
    margin-top: 12px;
}

#cabecalho {
    z-index: 600 !important;
    position: relative !important;
}

@media only screen and (max-width: 767px) {
    #cabecalho .menu ul, .menu.superior .categoria-marcas, .menu.superior .categoria-paginas {
        background-color: #641e1e !important;
        width: 100%;
        border: 0px;
    }
}


.logo-devrocket{
    display:none!important;
}
}