/* HF69 — Correção canônica de botões comerciais.
   Usa background (shorthand) para sobrescrever declarações legadas !important
   como .hero .btn { background: white !important }. */
:root {
  --acton-cta: #1c1e21;
  --acton-cta-hover: #34363b;
}
body.a61-re-product, body.u64-page, body.a61-re, body.real-estate {
  --acton-cta: #976c22;
  --acton-cta-hover: #80591b;
}
body.a61-work {
  --acton-cta: #1c1e21;
  --acton-cta-hover: #34363b;
}
body a.btn,
body a.btn.outline,
body a.a61-button,
body a.u64-button,
body a.u64-button.secondary,
body a.hf63-cta,
body a.u65-investor-cta,
body button.hf63-choose,
body button.hf63-choose[aria-pressed="true"] {
  background: var(--acton-cta) !important;
  border: 1px solid var(--acton-cta) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-decoration: none !important;
  text-shadow: none !important;
  opacity: 1;
  transition: background .18s ease, border-color .18s ease, transform .18s ease !important;
}
body a.btn:hover,
body a.btn.outline:hover,
body a.a61-button:hover,
body a.u64-button:hover,
body a.u64-button.secondary:hover,
body a.hf63-cta:hover,
body a.u65-investor-cta:hover,
body button.hf63-choose:hover {
  background: var(--acton-cta-hover) !important;
  border-color: var(--acton-cta-hover) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  transform: translateY(-2px);
}
body a.btn:focus-visible,
body a.u64-button:focus-visible,
body a.hf63-cta:focus-visible,
body a.u65-investor-cta:focus-visible,
body button.hf63-choose:focus-visible {
  outline: 3px solid #d4b16e !important;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  body a.btn, body a.u64-button, body a.hf63-cta,
  body a.u65-investor-cta, body button.hf63-choose { transition: none !important; }
  body a.btn:hover, body a.u64-button:hover, body a.hf63-cta:hover,
  body a.u65-investor-cta:hover, body button.hf63-choose:hover { transform: none !important; }
}