:root {--cor_primaria: #ff0000;--cor_secundaria: #222222;--cor_botao: #222222;--cor_botao_hover: #3c3c3c;--cor_texto_botao: #ffffff;--cor_texto_botao_hover: #ffffff;--cor_botao_comprar: ;--pre_cabecalho: #e4e4e4;--cor_texto_pre_cabecalho: #2b2b2b;--cor_cabecalho: #ffffff;--cor_icones: #2b2b2b;--cor_icones_hover: #2b2b2b;--cor_texto_icones: #2b2b2b;--cor_menu: #2b2b2b;--cor_texto_menu: #ffffff;--cor_newsletter: #222222;--cor_texto_newsletter: #ffffff;--cor_footer: #ffffff;--cor_texto_footer: #333333;--texto_global: #333333;--texto_background: #ffffff;--cor_tag_frete_gratis: #ffffff;}
/* Botão comprar */
/* ====== FORÇAR BOTÃO COMPRAR: vermelho com texto branco ====== */
.botao-comprar,
.botao-comprar a,
button.comprar,
a.comprar,
.btn-comprar,
.btn.comprar,
button[id*="comprar"],
a[id*="comprar"],
button[name*="comprar"],
a[name*="comprar"],
input[type="submit"][value*="Comprar"],
input[type="button"][value*="Comprar"],
.product__buy-button,
.product-buy-button {
  background-color: #ff0000 !important;   /* vermelho */
  color: #ffffff !important;               /* texto branco */
  border: none !important;
  background-image: none !important;       /* remove gradientes do tema */
  border-radius: 4px !important;
  font-weight: 700 !important;
  text-transform: none !important;
}

/* Hover do comprar */
.botao-comprar:hover,
.botao-comprar a:hover,
button.comprar:hover,
a.comprar:hover,
.btn-comprar:hover,
.btn.comprar:hover,
.product__buy-button:hover,
.product-buy-button:hover {
  background-color: #cc0000 !important;    /* vermelho mais escuro */
  color: #ffffff !important;
}

/* Ícones dentro do botão (garante branco) */
.botao-comprar svg,
.botao-comprar svg path,
button.comprar svg,
button.comprar svg path,
.btn-comprar svg,
.btn-comprar svg path {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* ====== TODOS OS OUTROS BOTÕES: vermelho com texto branco ====== */
button,
.btn,
.botao,
a.botao {
  background-color: #ff0000 !important;
  color: #ffffff !important;
  border: none !important;
  background-image: none !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
}

button:hover,
.btn:hover,
.botao:hover,
a.botao:hover {
  background-color: #cc0000 !important;
  color: #ffffff !important;
}

/* Acessibilidade: foco visível nos botões */
button:focus,
.btn:focus,
.botao:focus,
a.botao:focus,
.botao-comprar:focus,
button.comprar:focus {
  outline: 2px solid #cc0000 !important;
  outline-offset: 2px !important;
}