:root {
  --primary: #df6e36;
  --primary-400: #fa7700;
  --primary-600: #da5e2e;
  --secondary: #ffc600;
  --white: #ffffff;
}


div#Tarja-topo .conteudo ul {
  background: var(--primary-600);
}

div#Tarja-topo .conteudo ul li a {
  text-transform: uppercase;
}

#cabecalho {
  background: var(--primary);
}

#cabecalho.fixed .open-menu .line {
  background: var(--secondary);
}

#cabecalho.fixed .open-menu {
  color: var(--white);
}

#cabecalho .actions>li>a {
  color: var(--white);
}

#cabecalho .busca input,
#cabecalho .busca input:focus {
  color: var(--primary);
}

#cabecalho .busca .botao {
  color: var(--primary);
}

#cabecalho .busca .botao:hover {
  color: var(--primary);
}

#cabecalho .actions > li > a {
  align-items: center;
  color: var(--white);
}

#cabecalho .actions > li > a svg {
  margin-right: 6px;
}

#cabecalho .actions > li > a p {
  margin: 0;
}

#cabecalho .actions>li:hover .total-cart, 
#cabecalho .actions>li:hover a {
  color: var(--secondary);
}

#cabecalho .carrinho .money strong {
  color: var(--white);
}

#cabecalho .account .account-list,
#cabecalho .support .support-items,
#cabecalho .carrinho .carrinho-interno.borda-principal {
  border-color: var(--secondary);
}

.full.menu {
  border: none;
  background: var(--primary);
}

.full.menu .conteiner .nivel-um>li>a>.titulo {
  color: var(--white);
  text-transform: uppercase;
}

#listagemProdutos.listagem .listagem-item .info-produto .nome-produto, 
.listagem.aproveite-tambem .listagem-item .info-produto .nome-produto {
  color: #4f4f4f;
  text-transform: uppercase;
}

#listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-promocional, #listagemProdutos.listagem .listagem-item .info-produto .preco-produto span.preco-a-partir strong, .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-promocional, 
.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto span.preco-a-partir strong {
  color: var(--primary-600);
  font-size: 20px;
  font-weight: 700;
}

#listagemProdutos.listagem .titulo-categoria, 
.listagem.aproveite-tambem .titulo-categoria {
  font-family: Montserrat;
  font-size: 26px;
  text-transform: uppercase;
  text-align: center;
}

#listagemProdutos.listagem .titulo-categoria strong, 
#listagemProdutos.listagem>.titulo, 
.listagem.aproveite-tambem .titulo-categoria strong, 
.listagem.aproveite-tambem>.titulo {
  font-weight: 700;
}

#listagemProdutos.listagem .titulo-categoria:after, 
#listagemProdutos.listagem>.titulo:after, 
.listagem.aproveite-tambem .titulo-categoria:after, 
.listagem.aproveite-tambem>.titulo:after {
  display: none;
}

.scrollToTop {
  background: var(--primary);
}

.cadastro legend {
  border-color: var(--primary);
  color: var(--primary);
}

#barraNewsletter.posicao-rodape {
  padding-top: 80px;
  padding-bottom: 80px;
  box-shadow: none;
  background: var(--primary-400);
}

#barraNewsletter.posicao-rodape .componente .texto-newsletter {
  color: var(--white);
}

#barraNewsletter.posicao-rodape .componente .texto-newsletter::before {
  display: none;
}

#barraNewsletter.posicao-rodape .componente .titulo {
  display: block;
  margin-bottom: 10px;
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
}

#barraNewsletter.posicao-rodape .componente .titulo i {
  display: none;
}

#barraNewsletter.posicao-rodape .componente .input-conteiner {
  justify-content: center;
  width: 70%;
  margin-top: 40px;
}

#barraNewsletter.posicao-rodape .componente input[type=text] {
  width: 100%;
  margin: 0;
  padding-right: 80px;
  background: var(--white);
  border: none;
  color: var(--primary-400);
}

#barraNewsletter.posicao-rodape .componente .interno .interno-conteudo {
  flex-direction: column;
}

#barraNewsletter.posicao-rodape .componente .newsletter-assinar {
  position: absolute;
  width: 70px;
  border: none;
  background: none;
}

#barraNewsletter.posicao-rodape .componente .newsletter-assinar::before {
  display: none;
}

#barraNewsletter.posicao-rodape .componente .newsletter-assinar::after {
  content: '\F061';
  font-size: 20px;
  color: var(--primary-400);
}

#barraNewsletter.posicao-rodape .componente .newsletter-confirmacao .icon-ok,
#barraNewsletter.posicao-rodape .componente .newsletter-confirmacao span {
  color: var(--white);
}

@media screen and (max-width: 767px) {
  .atalhos-mobile {
    background: var(--primary);
  }

  .atalhos-mobile ul li a.atalho-menu.visible-phone.icon-th.botao.principal:before {
    color: var(--white);
  }

  .atalhos-mobile ul li.mob-busca button.botao.botao-busca.icon-search {
    color: var(--white);
  }

  #barraNewsletter.posicao-rodape .componente .input-conteiner, 
  #barraNewsletter.posicao-rodape .componente .texto-newsletter {
    width: 100%;
    padding: 0;
    flex: 1;
  }

}