/* CORES DA BONNA - VALORES FIXOS */
.cor-principal,
a,
.preco-promocional,
.produto-nome:hover,
.menu.superior>.nivel-um>li>a {
  color: #9A0916;
}

.fundo-principal,
.botao.principal,
.pagamento-item.ativo,
.produto-preco {
  background-color: #9A0916;
}

.borda-principal,
.produto-item:hover {
  border-color: #9A0916;
}

/* CABEÇALHO */
#cabecalho,
.menu.superior {
  background: #eabb9a;
}

.menu.superior>.nivel-um>li>a {
  color: #64050D;
}

/* BUSCA */
#auto-complete {
  background: #f5d5bf;
  border-color: #f5d5bf;
}

.busca .botao-busca {
  color: #64050D;
}

/* ÍCONES DO CABEÇALHO */
.content-actions-header .actions-header_icon svg,
#cabecalho .carrinho .icons-actions svg {
  fill: #64050D;
}

/* BOTÕES ARREDONDADOS */
.botao,
.botao.principal,
.busca input,
input,
button {
  border-radius: 50px;
}

/* ===== BANNER TARJA (Benefícios) ===== */
.banner-tarja {
    display: block;
    margin: 20px 0;
}

.banner-tarja .conteiner {
    max-width: 1140px;
    margin: 0 auto;
}

.banner-tarja .row-fluid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.banner-tarja .span3 {
    width: 23%;
    text-align: center;
    background: #f9f9f9;
    padding: 15px 10px;
    border-radius: 10px;
    margin: 0;
    float: left;
}

.banner-tarja .span3 a {
    text-decoration: none;
    color: #333;
    display: block;
}

.banner-tarja .span3 img {
    width: 40px;
    height: 40px;
    margin-bottom: 8px;
}

.banner-tarja .span3 strong {
    font-weight: bold;
    display: block;
    font-size: 14px;
}

.banner-tarja .span3 span {
    font-size: 12px;
    color: #666;
    display: block;
}

/* PRODUTOS */
.listagem-item {
    border-radius: 10px;
    overflow: hidden;
}

.imagem-produto img {
    border-radius: 10px 10px 0 0;
}

.preco-promocional {
    color: #9A0916;
    font-weight: bold;
}

.bandeira-promocao {
    background-color: #9A0916;
}

/* RODAPÉ */
#rodape .institucional,
#rodape .pagamento-selos {
    background: #eabb9a;
}

#rodape .institucional span.titulo,
#rodape .links-rodape li a,
#rodape .pagamento-selos .titulo {
    color: #64050D;
}

/* BOTÃO VOLTAR AO TOPO */
.header-anchor.fundo-principal {
    background-color: #9A0916;
}

/* WHATSAPP FLUTUANTE */
.whats-float {
    background-color: #25D366;
}