/* Saqqr CTA contrast guard: keeps hover states readable without changing approved copy. */
:root {
  --saqqr-cta-navy: #083B66;
  --saqqr-cta-blue: #0E4A7D;
  --saqqr-cta-teal: #00A7B4;
  --saqqr-cta-gold: #C8A14F;
  --saqqr-cta-whatsapp: #25D366;
  --saqqr-cta-whatsapp-hover: #20C461;
}

:where(.cta-button, .cta-button-secondary, .cta-btn-primary, .cta-btn-secondary, .service-btn, .saqqr-btn, .btn-whatsapp, .btn-details, .saqqr-sector-card__cta) {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

:where(.cta-button, .cta-button-secondary, .cta-btn-primary, .cta-btn-secondary, .service-btn, .saqqr-btn, .btn-whatsapp, .btn-details, .saqqr-sector-card__cta):focus-visible {
  outline: 3px solid rgba(200, 161, 79, 0.55);
  outline-offset: 3px;
}

.services-page .service-actions .btn-whatsapp,
.services-page .service-actions .btn-whatsapp:visited {
  background: linear-gradient(135deg, var(--saqqr-cta-teal), var(--saqqr-cta-navy)) !important;
  background-color: var(--saqqr-cta-teal) !important;
  background-image: linear-gradient(135deg, var(--saqqr-cta-teal), var(--saqqr-cta-navy)) !important;
  border-color: rgba(0, 167, 180, 0.75) !important;
  color: #fff !important;
}

.services-page .service-actions .btn-whatsapp:hover,
.services-page .service-actions .btn-whatsapp:focus-visible {
  background: linear-gradient(135deg, var(--saqqr-cta-teal), var(--saqqr-cta-blue)) !important;
  background-color: var(--saqqr-cta-teal) !important;
  background-image: linear-gradient(135deg, var(--saqqr-cta-teal), var(--saqqr-cta-blue)) !important;
  border-color: rgba(200, 161, 79, 0.55) !important;
  color: #fff !important;
  filter: none;
}

.services-page .service-actions .btn-details,
.services-page .service-actions .btn-details:visited {
  background: rgba(255, 255, 255, 0.88);
  color: var(--saqqr-cta-navy) !important;
}

.services-page .service-actions .btn-details:hover,
.services-page .service-actions .btn-details:focus-visible {
  background: #fff;
  color: var(--saqqr-cta-navy) !important;
  border-color: rgba(200, 161, 79, 0.55);
  filter: none;
}

body :where(.cta-button:not(.cta-button-secondary), .cta-btn-primary, .saqqr-btn-primary):hover,
body :where(.cta-button:not(.cta-button-secondary), .cta-btn-primary, .saqqr-btn-primary):focus-visible {
  color: #fff !important;
  text-decoration: none;
  filter: none;
}

body :where(.cta-button-secondary, .cta-btn-secondary, .saqqr-btn-secondary):hover,
body :where(.cta-button-secondary, .cta-btn-secondary, .saqqr-btn-secondary):focus-visible {
  color: #fff !important;
  text-decoration: none;
  filter: none;
}

.saqqr-contact-widget .contact-btn,
.saqqr-contact-widget .contact-btn:visited,
.saqqr-contact-widget .contact-btn:hover,
.saqqr-contact-widget .contact-btn:focus-visible {
  background: #fff !important;
  background-color: #fff !important;
  color: var(--saqqr-cta-navy) !important;
}

.saqqr-contact-widget .whatsapp-btn .btn-icon {
  background: var(--saqqr-cta-whatsapp) !important;
  background-color: var(--saqqr-cta-whatsapp) !important;
}

.saqqr-contact-widget .whatsapp-btn:hover .btn-icon,
.saqqr-contact-widget .whatsapp-btn:focus-visible .btn-icon {
  background: var(--saqqr-cta-whatsapp-hover) !important;
  background-color: var(--saqqr-cta-whatsapp-hover) !important;
}

.saqqr-contact-widget .call-btn .btn-icon {
  background: var(--saqqr-cta-navy) !important;
  background-color: var(--saqqr-cta-navy) !important;
}

.saqqr-contact-widget .btn-title,
.saqqr-contact-widget .contact-btn:hover .btn-title,
.saqqr-contact-widget .contact-btn:focus-visible .btn-title {
  color: var(--saqqr-cta-navy) !important;
}

.saqqr-contact-widget .btn-content small,
.saqqr-contact-widget .contact-btn:hover small,
.saqqr-contact-widget .contact-btn:focus-visible small {
  color: #657282 !important;
}