/* HF66 | padrão visual unificado de botões comerciais.
   Nunca alterar a cor do texto durante hover. A interação ocorre no fundo,
   com elevação de 2px; acessibilidade: focus-visible e reduced-motion. */
:root { --hf66-cta-bg: #1c1e21; --hf66-cta-hover: #34363b; }
a.btn, a.a61-button, a.u64-button, a.hf63-cta, a.u65-investor-cta,
button.hf63-choose {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  min-height: 43px;
  background-color: var(--hf66-cta-bg) !important;
  border: 1px solid var(--hf66-cta-bg) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-decoration: none !important;
  border-radius: 9px;
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}
a.btn:hover, a.btn:active, a.a61-button:hover, a.a61-button:active,
a.u64-button:hover, a.u64-button:active, a.hf63-cta:hover, a.hf63-cta:active,
a.u65-investor-cta:hover, a.u65-investor-cta:active,
button.hf63-choose:hover, button.hf63-choose:active {
  background-color: var(--hf66-cta-hover) !important;
  border-color: var(--hf66-cta-hover) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  transform: translateY(-2px);
}
a.btn:focus-visible, a.a61-button:focus-visible, a.u64-button:focus-visible,
a.hf63-cta:focus-visible, a.u65-investor-cta:focus-visible,
button.hf63-choose:focus-visible {
  outline: 3px solid #cba86b !important;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  a.btn, a.a61-button, a.u64-button, a.hf63-cta, a.u65-investor-cta, button.hf63-choose {
    transition: none !important;
  }
  a.btn:hover, a.a61-button:hover, a.u64-button:hover,
  a.hf63-cta:hover, a.u65-investor-cta:hover, button.hf63-choose:hover {
    transform: none !important;
  }
}

.a61-brand, .a61-brand * { font-synthesis: none !important; text-shadow: none !important; -webkit-text-stroke: 0 !important; }