:root {
  --corescolhida: gray;
}






.full.menu {
background: var(--corescolhida);
}

.coluna div.componente.newsletter .botao:hover {color: var(--corescolhida); border: 2px solid var(--escolhida);}

.breadcrumbs ul li strong, .info-principal-produto .breadcrumbs ul li strong {color: var(--corescolhida);}


#cabecalho .actions>li>a .icon .a {
fill: var(--corescolhida);
}

#cabecalho .carrinho>a i .icon {
fill: var(--corescolhida);
}

#cabecalho .carrinho .qtd-carrinho {
background: var(--corescolhida);
}

#cabecalho .actions>li:hover .total-cart, #cabecalho .actions>li:hover a {
color: var(--corescolhida);
}

.barra-inicial .top-actions .top-action-item a:hover {
color: var(--corescolhida);
}

.barra-inicial .top-actions .top-action-item.rastreio:hover a {
color: var(--corescolhida);
}

.barra-inicial .top-actions .top-action-item.rastreio:hover a .icon {
color: var(--corescolhida);
}
.rastreio .form-rastreio {border-top: solid 2px var(--corescolhida);}


#cabecalho .account .account-list {
border-top: solid 2px var(--corescolhida);
}

#cabecalho .account .account-list li a {
color: #9b9b9b;
}

#cabecalho .account .account-list li:hover {
background: #eaeaea;
}

.barra-inicial .canais-contato ul li a:hover, .barra-inicial .canais-contato ul li span:hover {color: var(--corescolhida);}

.coluna div.componente.newsletter {background: var(--corescolhida);}

#barraNewsletter.posicao-rodape .componente .newsletter-assinar {background: var(--corescolhida);}

@media screen and (min-width: 768px){
.scrollToTop {background: var(--corescolhida);}}

@media screen and (min-width: 768px){
.scrollToTop:active, .scrollToTop:focus, .scrollToTop:hover {color: var(--corescolhida); background: #fbe4c2;}}

#rodape .lista-redes ul li a {border: 2px solid var(--corescolhida);}

#rodape .institucional li a:hover {color: var(--corescolhida);}

#rodape .lista-redes [class^=icon] {color: var(--corescolhida);}

@media screen and (min-width: 768px){
.scrollToTop:active, .scrollToTop:focus, .scrollToTop:hover {color:var(--corescolhida);}}

@media screen and (min-width: 768px){
.scrollToTop {color: var(--corescolhida);}}


#barraNewsletter.posicao-rodape .componente .newsletter-assinar {border: 2px solid var(--corescolhida);}


#rodape .sobre-loja-rodape .more {color: var(--corescolhida); border: 2px solid var(--corescolhida);}
#rodape .sobre-loja-rodape .more:hover {background: var(--corescolhida);}



.coluna div.componente.newsletter .botao {background: var(--corescolhida);}

#cabecalho.fixed .open-menu .line {background: var(--corescolhida);}

