/* Ajustes de legibilidade e consistência para CTAs. */
a.button,
button.button,
.nav-cta,
.card a.button,
.service-card a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  background: #5c3d49;
  border: 1px solid #5c3d49;
  text-decoration: none;
}

a.button:hover,
a.button:active,
button.button:hover,
button.button:active,
.nav-cta:hover,
.nav-cta:active,
.card a.button:hover,
.service-card a.button:hover {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  background: #432c35;
  border-color: #432c35;
  text-decoration: none;
}

.cta-band a.button {
  color: #432c35 !important;
  -webkit-text-fill-color: #432c35;
  background: #fff;
  border-color: #fff;
}

.cta-band a.button:hover {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  background: #432c35;
  border-color: #fff;
}

a.button.secondary,
.card a.button.secondary,
.service-card a.button.secondary {
  color: #432c35 !important;
  -webkit-text-fill-color: #432c35;
  background: #f4e8eb;
  border: 2px solid #5c3d49;
  box-shadow: none;
}

a.button.secondary:hover,
.card a.button.secondary:hover,
.service-card a.button.secondary:hover {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  background: #5c3d49;
}

a.button:visited,
.nav-cta:visited {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}

a.button.secondary:visited {
  color: #432c35 !important;
  -webkit-text-fill-color: #432c35;
}

a.button.secondary:hover,
a.button.secondary:active {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}

.cta-band a.button:visited {
  color: #432c35 !important;
  -webkit-text-fill-color: #432c35;
}

.cta-band a.button:hover,
.cta-band a.button:active {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}

a.button:focus-visible,
button.button:focus-visible,
.nav-cta:focus-visible {
  outline: 3px solid #c695a3;
  outline-offset: 3px;
}

@media (max-width: 600px) {
  a.button,
  button.button,
  .card a.button,
  .service-card a.button {
    width: 100%;
    white-space: normal;
    text-align: center;
  }
}
