/* @import url('//fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');*/


:root {
  --cor01: #272C3B;
  --cor02: #c4661f;
  --cor03: #AAB388;
  --cor04: #ECEFF8;
}

/* Topo do site Web */
#cabecalho {
    background: #f9ebc7;
}

/* Busca do topo do site */
#cabecalho .busca input, #cabecalho .busca input:focus {
    background: #f9f0dc;
}

/* Topo do site Mobile*/
.atalhos-mobile {
    background: #f9ebc7;
    border-bottom: none;
    }

.fixed .atalhos-mobile {
    background: #f9ebc7;
}

/* Cor do menu */
.full.menu {
    background: #a9b388;
}

/* Cor da font do menu */
.full.menu .conteiner .nivel-um>li>a>.titulo {
    color: #ffffff;
}
.whats-btn-fixed{
	z-index: 30;
    bottom: 2em;    
} 

/* Botão fechar do menu mobile */
.conteudo-topo .menu.superior.visible-phone .menu-close:after {
    background: var(--cor02) !important;
    color: #fff;
}
      

/* Icone menu carrinho de compra */
#cabecalho .actions>li>a .icon {
    width: 27px;
    height: 27px;

}

/* */
#listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar, .listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar {
    background: var(--cor02);
}

/*  Botão Comprar na pagina do produto */
.produto div.principal .acoes-produto .comprar .botao-comprar {
    background: var(--cor02);
}

/* Botão comprar suspenso pagina do produto*/
.produto .acoes-flutuante .botao-comprar {
    background: var(--cor02);
}

/* Botão Finalizar Compra*/
.finalizar-compra .botao.principal {
    background: var(--cor02);
    border-color: var(--cor02);
    line-height: 30px;
    padding: 0 15px;
    font-size: 16px;
}

/* Ocultar botão ir para o topo */
.scrollToTop {
	display: none !important;
    background: var(--cor02);

}

      
/* Link do Instagram */
div#instagram h2 a {
    color: var(--cor02);
}

/* Botão no Slide Full */
.flex-direction-nav li a {
    background: var(--cor02);
}

/* Bolinha do slide desktop */
.banner .flexslider .flex-control-paging li a.flex-active {
    background: var(--cor02);
}
/* Bolinha do slide mobile */
#fullbanner-mob ul.slick-dots li.slick-active button {
    background: var(--cor02);
}
      
      
/* Modal newsletter */
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao {
    border: solid 1px var(--cor02);
    background: var(--cor02);
}

#cabecalho .actions>li>a:hover .icon *{
    fill: var(--cor02);
}

/* A Marca */
.a-marca .conteiner .span6 .titulo:after {
    background: var(--cor03);

}
/* Lançamentos */
#listagemProdutos.listagem .titulo-categoria:after, #listagemProdutos.listagem>.titulo:after, .listagem.aproveite-tambem .titulo-categoria:after, .listagem.aproveite-tambem>.titulo:after {
    background: var(--cor03);

}
/* Listagem de produtos */
#listagemProdutos.listagem .titulo-categoria:after, #listagemProdutos.listagem>.titulo:after, .listagem.aproveite-tambem .titulo-categoria:after, .listagem.aproveite-tambem>.titulo:after {
    background: var(--cor03);
}
.produto #descricao:before {

    border-left: 5px solid var(--cor03);

}
      
/* Botão de produto com variações P M G*/
   
.produto .atributos .atributo-comum ul li a:hover {
    border: solid 1px var(--cor01);
}
.produto .atributos .atributo-comum ul li.active a span {
    color: var(--cor01);
}
.produto .atributos .atributo-comum ul li.active a {
    border: solid 1px var(--cor01);
    color: var(--cor01);
}
.produto .atributos .atributo-comum ul li a:hover span {
    color: var(--cor01);
}
/* Botão de produto com variações Cores*/

.produto .atributos .atributo-cor ul li a:hover {
    border: solid 2px var(--cor01);
}
.produto .atributos .atributo-cor ul li.active a {

    border: solid 2px #000;

}

/* Botão Newslatter tela categoria*/ 
.coluna div.componente.newsletter .botao {
    display: block;
    background: var(--cor02);
    border: solid 2px var(--cor02);

}
/* Botão rodapé fale conosco */
#rodape .institucional li.bt-faleconocosco a {
    color: #535353;
}
#rodape .institucional li.bt-faleconocosco {
    border: 1px solid var(--cor02);
}
#rodape .institucional li.bt-faleconocosco:hover {
    background: var(--cor02);
}
/* Botão rodapé newslatter */
#rodape .sobre-loja-rodape .newsletter-assinar {
    border: 1px solid var(--cor02);
    color: #535353;
    background: #fff;
}
#rodape .sobre-loja-rodape .newsletter-assinar:hover {
    background-color: var(--cor02);
    color: #fff;
}
/* Imgem de fundo do boleto */
.gateways-rodape {
    background-image: none !important;
}

/* Botão oferta menu 
.full.menu .conteiner .nivel-um>li.offers>a {
    display: none;
}*/
/* icone descrição tela de categoria */
.componente .titulo i {
    display: none;
}
.componente {
    background-color: #fff;
    border: 1px solid #ccc;
}