@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');

.menu.superior .nivel-um>li strong {
    font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
    font-size: 14px
}

body {font-family: 'Montserrat', sans-serif;}

/* Centralizar os itens do menu */
#cabecalho > .conteiner > .menu.superior { text-align: center; }
#cabecalho > .conteiner > .menu.superior .nivel-um > li { float: none; display: inline-block; border-left: 0; margin-right: -3px; }

/* Cor do fundo e texto do menu */
#cabecalho > .conteiner > .menu.superior, #cabecalho > .conteiner > .menu.superior .com-filho > a i { background-color: #FFFFFF; }
#cabecalho > .conteiner > .menu.superior .titulo { color: #c37958; }

.conteiner-principal .conteiner { max-width: 100%;}

/*Centralizar tarja*/

.pagina-inicial #corpo .conteiner, .pagina-inicial .secao-banners .conteiner {
    max-width: inherit;
}
.pagina-inicial .secao-banners .conteiner img {
    max-width: 100%;
    width: 100%;
    margin: auto;
}

#rodape .redes-sociais.borda-principal {
background: none !important;
box-shadow:none;
}

.institucional .redes-sociais .titulo {color: white;}

.gateways-rodape {

background: none;
border:0px;

}

#rodape .redes-sociais {
top: 5.6pt;
}

#rodape .institucional{
background-image:none;
padding-bottom: 80px; /AQUI PODE ALTERAR O TAMANHO/
}

/* mudar icone menu */
.icon-th:before {
    content: "\f0c9";
}

.barra-inicial i.icon-instagram, .barra-inicial i.icon-youtube, .barra-inicial i.icon-facebook, .barra-inicial i.icon-pinterest {
background: #c37958;
color: #ffffff;
}

.busca {
    border:none;
    background-color:transparent;}

input#auto-complete {
border-radius: 40pc;
}

button.botao.botao-busca.icon-search.fundo-secundario {
border-radius: 0 40px 40px 0;
}
.span8.busca-mobile.hide-menu {
border: none;
background: transparent;
}

/* Barra redonda mobile */
@media only screen and (max-width: 765px){
	.conteudo-topo .busca-mobile {
		background-color: transparent;
		padding: 10;
		margin-bottom: 2rem;
	  }
    
/* Dois produtos por coluna */
@media only screen and (max-width: 767px) {
.listagem .listagem-linha li {
width: 50%;
float: left;
padding: 0 !important;
margin: 0 !important;
}
}
    
@media only screen and (max-width: 767px) {
    /*Diminuindo o espaçamento do logo*/
    #cabecalho > div.conteiner {
        padding: 0 10px;
    }
    /*Retirando a margem entre o logo e a barra de busca*/
    #cabecalho > div.conteiner > div > div.span3 > h1 {
        margin: 0;
    }
    /*Diminuindo o espaçamento da barra de busca*/
    #cabecalho > div.conteiner > div > div.conteudo-topo.span9 > div.inferior.row-fluid > div.span8.busca-mobile {
        padding: 0 0px;
    }
    
}
    
/*Tira sombra full banner*/
.conteiner-principal .conteiner {
    background-color: #fff;
    box-shadow: 0 0px 0px 0 rgb(0 0 0 / 0%);
}

/*Tira margem full banner*/
.secao-banners .flexslider {
padding-top: 0;
margin: 0;
    border: 0 none;}

/*Mudar botão mobile confira*/

@media only screen and (max-width: 767px){
.acoes-produto-responsiva {
position:relative;
top: 59%;
right: 0px;
text-align:center!important;
}
.preco-produto.destaque-preco {
margin-top:10px;
}
}
}


/*Remover margem entre tarja e banner*/
.flexslider {
    margin: 0 0 0;
}

/*Alinhar texto vitrine*/
.listagem .listagem-item{text-align:center}
/*Remover linhas desktop*/
.listagem .listagem-linha li{border:none}
.listagem .listagem-linha {border:none}

/*Alinhar texto categorias*/
.listagem .titulo-categoria {
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
}

/* Cores Bandeira Desconto */
.bandeiras-produto span {
color: #ffffff; /* cor do 9% de desconto*/
border: 1px solid #ffffff; /* cor borda */
background-color: #c19a2d; /* cor fundo */
}

/* Cores Bandeira Ad Carrinho */
.listagem .bandeiras-produto .bandeira-carrinho {
    background-color: #c06942;
}

/* Deixa imagens maior desk */
.listagem .listagem-linha li {
  max-width: 50vw;
}

/* Deixa imagens certas mobile */
@media only screen and (max-width: 767px)
{
    .listagem .listagem-linha li {
        max-width: 100vw;
    }
}

/* faixa escrita topo */
body {
  --barraAvisoTopoBG: #edb290;
  --barraAvisoTopoTexto: #ffffff;
  --barraAvisoTopoAltura: 28px;
  margin-top: var(--barraAvisoTopoAltura);
}

/* Opcional - depende do tema */
#cabecalho {
  padding-top: var(--barraAvisoTopoAltura);
}

.barraAvisoTopo {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;

  width: 100vw;
  min-height: var(--barraAvisoTopoAltura);
  padding: 4px;

  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;

  background: var(--barraAvisoTopoBG);
  color: var(--barraAvisoTopoTexto);
  font-size: 12px;
}