/* Cor de fundo Newsletter */
#barraNewsletter.posicao-rodape .componente .interno {
    background-color: #c60202;
}

#barraNewsletter, #barraNewsletter .show-hide, #barraNewsletter .componente, #barraNewsletter.posicao-rodape .conteiner {
    background-color: #c60202 !important;
}

/* Cor do Texto Newsletter */
#barraNewsletter .componente .texto-newsletter {
    color: #ffffff;
}

#barraNewsletter .newsletter-conteudo p {
    color: #ffffff;
}

/* Cor Fale Conosco, telefone e Whats Cabeçalho */
.fundo-secundario, .fundo-secundario *, .fundo-secundario *:hover, .fundo-secundario:hover, .fundo-secundario.botao:hover {
    color: #252525;
}


/* Cor dos Titulos do Rodapé */
#rodape .institucional .titulo {
    color: #c60202 !important;
}


/* Hover Redes Sociais  */
.lista-redes a:hover i {
    background-color: #333;
    color: #b94a48;
}


/* Cor de fundo logo footer   */

.logo-footer {
    background-color: #ffffff;
}


/* Cor de fundo Sobre nós   */

.devrocket-sobre-nos {
    background-color: #efefef;
}

/* Cor de fundo Sobre nós   */

#rodape .institucional * {
    color: #000000 !important;
}

/* Marcas na home */
.marcas .marca-nome {
    visibility: hidden;
}


/*Icones Flutuantes 
.devrocket-imagem-categoria{
    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: 160px; /*  Era 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: 90px; /*  Era 160px */
    --devrocket-instagram-posicao: right; /* right| left */;


/*  Para alteração da cor da fonte do menu insira o código abaixo: */

   :root{
        --cor-fonte-menu: #c60202;
        --cor-fonte-submenu: #c60202;
    }
    #cabecalho .menu .fundo-menu .titulo, #cabecalho .menu ul li.com-filho a i,
    .menu.superior .nivel-um .titulo, .menu.lateral .nivel-um .titulo{
        color: var(--cor-fonte-menu) !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;
    }
    
/*  Para troca de fontes e posicionamento dos botões: */


:root{
-altura-imagem: 400px;
    --altura-botao-comprar: 42px;
    --altura-imagem-mobile: 220px;
    --fonte-principal: "Poppins"; /* Nunito Sans | Poppins */
    --fonte-titulo-categorias: "DM Serif Display"; /* DM Serif Display | Nunito Sans | Poppins */
    --titulo-produto-estilo: uppercase; /* uppercase | none */
    --cor-bandeira-adicionado-carrinho: #009900;
    --tamanho-maximo-pagina: 1370px;
    --titulo-carrossel-categorias-estilo: uppercase;
}
    

}