/* CORES ADICIONAIS. Se sua loja necessitar de uma 3ª ou 4ª cor na identidade visual,
você pode copiar o código exibido abaixo e inserir no setor
de Área de customização do tema. */

:root {
    --cor3: #42c0c4;
    --cor4: #9cca3b;
}

body::before {
content: "5% desconto no pix em todo site";
display: block;
background-color: #111;
color: #fff;
text-align: center;
padding: 20px;
font-size: 18px;
font-weight: bold;
z-index: 9999;
}

.tema-escuro #cabecalho .menu.superior .nivel-um .nivel-dois > li > a {
  color: #111111;
  font-size: 16px;
}

    #cabecalho .menu-handler {
        appearance: none;
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0;
        right: 0;
        width: 54px;
        height: 54px;
        z-index: 9999;
        border: 0;
        color: #664006;
        background: none;
        -webkit-tap-highlight-color: transparent;
    }
    
    #cabecalho .menu.superior .nivel-um>li>a {
        padding: 2px 15px;
        color: rgb(255 255 255);
    }
    @media screen and (max-width: 767px) {
    #cabecalho .logo img {
        position: relative;
        max-height: 150px;
        margin: 70px auto 10px;
        padding: 0 15px;
        -o-object-fit: scale-down;
        object-fit: scale-down;
        box-sizing: border-box;
    }
    
    #barraNewsletter, #barraNewsletter .componente, #barraNewsletter.posicao-rodape .conteiner, #barraNewsletter .show-hide {
    background: #664006;
}

#barraNewsletter .componente .interno-conteudo ul a {
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 5px;
    color: #000000;
    background: #fff;
    transition: .25s 
ease;
}



.tema-escuro #rodape .titulo {
    color: #fffcfc;
}