/* Altera a cor de fundo e borda do botão "Comprar" */
a.botao.botao-comprar.principal.grande {
  background-color: #57e71a !important;
  border-color: #57e71a !important;
  color: #ffffff !important; /* Garante o texto branco */
}

/* Altera a cor do botão quando passa o mouse (hover) */
a.botao.botao-comprar.principal.grande:hover {
  background-color: #4dcc16 !important; /* Um tom mais escuro no hover */
  border-color: #4dcc16 !important;
  color: #ffffff !important;
}

/* Força a alteração do botão "Adicionar" na listagem e vitrine */
a.botao.botao-comprar.principal.botao-comprar-ajax,
a.botao.botao-comprar.principal.botao-comprar-ajax:link,
a.botao.botao-comprar.principal.botao-comprar-ajax:visited {
  background-color: #57e71a !important;
  border-color: #57e71a !important;
  color: #ffffff !important;
}

/* Hover */
a.botao.botao-comprar.principal.botao-comprar-ajax:hover {
  background-color: #4dcc16 !important;
  border-color: #4dcc16 !important;
  color: #ffffff !important;
}


/* Container onde estão os dois blocos de preço */
div.preco-produto.destaque-preco.com-promocao {
  display: flex !important;
  flex-direction: column-reverse !important;
  align-items: flex-start;
}


/* Garante que os elementos de preço possam ser reordenados */
div.preco-produto.destaque-preco.com-promocao {
  display: flex !important;
  flex-direction: column !important;
}

/* Move o valor do Pix para o topo com destaque */
div.preco-produto.destaque-preco.com-promocao > span.desconto-a-vista {
  order: -1 !important;
  font-size: 22px !important;
  font-weight: bold !important;
  color: #1b8c0c !important;
  margin-bottom: 4px !important;
  display: block !important;
}

/* Reduz o destaque do preço promocional */
div.preco-produto.destaque-preco.com-promocao strong.preco-promocional {
  order: 1 !important;
  font-size: 16px !important;
  color: #555 !important;
}

/* Reduz o destaque da parcela */
div.preco-produto.destaque-preco.com-promocao span.preco-parcela {
  order: 2 !important;
  font-size: 13px !important;
  color: #888 !important;
}


/* HOME */
/* Força o card a ter espaço suficiente para todos os elementos */
.listagem-item-wrap {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-height: 410px !important;
  padding-bottom: 80px !important;
  box-sizing: border-box;
  position: relative;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

/* Título do produto */
.listagem-item-wrap .info-produto h2,
.listagem-item-wrap .info-produto h3 {
  min-height: 45px !important;
  max-height: 45px !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  overflow: hidden !important;
  margin: 1px !important;
}

/* Preços agrupados com layout vertical e espaçado */
.listagem-item-wrap .precos-wrap {
  margin: 0 10px 10px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  flex-grow: 1 !important;
}

/* Bloco do Pix (sem corte) */
.listagem-item-wrap .desconto-a-vista {
  width: 100% !important;
  background-color: #f3f7f3 !important;
  padding: 8px 10px !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  color: #1b8c0c !important;
  margin-top: 0px !important;
  margin-bottom: 4px !important;
  line-height: 1.3 !important;
  min-height: 30px !important;
  box-sizing: border-box !important;
}

/* Valor do Pix */
.listagem-item-wrap .desconto-a-vista strong {
  font-size: 18px !important;
  font-weight: bold !important;
  color: #1b8c0c !important;
}

/* Parcelamento e preço promocional */
span.preco-parcela {
  font-size: 12px !important;
  color: #666 !important;
  margin-top: 2px;
}

strong.preco-promocional {
  font-size: 16px !important;
  font-weight: 600;
  color: #1e40af !important;
}

s.preco-venda {
  font-size: 12px !important;
  color: #bbb !important;
  text-decoration: line-through;
}