/* Click Experience 2.3.3 — CTA color hierarchy and clearer affordances */
:root{--cxs-whatsapp:#25d366;--cxs-whatsapp-hover:#20c75d}

/* Hero CTAs */
.cxs-hero-cta--wa{background:var(--cxs-whatsapp)!important;color:#fff!important;box-shadow:0 16px 34px rgba(37,211,102,.20)!important}
.cxs-hero-cta--wa:hover{background:var(--cxs-whatsapp-hover)!important;box-shadow:0 21px 44px rgba(37,211,102,.26)!important}
.cxs-hero-cta--services{background:var(--cxs-red)!important;color:#fff!important;box-shadow:0 16px 34px rgba(255,49,49,.18)!important}
.cxs-hero-cta--services:hover{background:#e92828!important;box-shadow:0 21px 44px rgba(255,49,49,.24)!important}
.cxs-hero-cta--wa svg,.cxs-hero-cta--services svg{fill:#fff!important}

/* Services: make the action unmistakable without turning each card into a red block. */
.cxs-svc-link{
  width:auto!important;
  min-height:38px;
  margin-top:auto!important;
  padding:9px 10px 9px 13px!important;
  border-radius:12px;
  background:var(--cxs-red)!important;
  color:#fff!important;
  gap:14px!important;
  font-weight:700!important;
  box-shadow:0 12px 24px rgba(255,49,49,.14);
  transition:transform .24s var(--cxs-ease),background .24s,box-shadow .24s!important;
}
.cxs-svc-link span{color:#fff!important}
.cxs-svc-link i{width:24px!important;height:24px!important;border-radius:8px!important;background:rgba(255,255,255,.15)!important;color:#fff!important}
.cxs-svc-card--featured .cxs-svc-link{width:auto!important;color:#fff!important;z-index:2}
.cxs-svc-card:hover .cxs-svc-link{background:#e92828!important;box-shadow:0 16px 30px rgba(255,49,49,.20)}
.cxs-svc-card:hover .cxs-svc-link i,.cxs-svc-card--featured:hover .cxs-svc-link i{background:rgba(255,255,255,.20)!important;color:#fff!important}

/* Somos Click */
.cxs-about-link{
  background:var(--cxs-red)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 14px 30px rgba(255,49,49,.16)!important;
}
.cxs-about-link:hover{background:#e92828!important;box-shadow:0 20px 42px rgba(255,49,49,.22)!important}
.cxs-about-link span{background:rgba(255,255,255,.16)!important;color:#fff!important}

/* Hagamos Click */
.cxs-final-button{
  background:var(--cxs-red)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 16px 34px rgba(255,49,49,.18)!important;
}
.cxs-final-button:hover{background:#e92828!important;box-shadow:0 22px 46px rgba(255,49,49,.25)!important}
.cxs-final-button i{background:rgba(255,255,255,.16)!important;color:#fff!important}

/* Every explicit WhatsApp action uses WhatsApp green. */
.cxs-assistant a.cxs-button[href*="wa.me"],
.cxs-assistant a.cxs-wa-fallback[href*="wa.me"],
.cxs-dialog a.cxs-button[href*="wa.me"],
.cxs-dialog a.cxs-wa-fallback[href*="wa.me"]{
  background:var(--cxs-whatsapp)!important;
  color:#fff!important;
  border:0!important;
  border-radius:12px!important;
  min-height:46px;
  padding:12px 15px!important;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700!important;
  box-shadow:0 13px 28px rgba(37,211,102,.16)!important;
}
.cxs-assistant a.cxs-button[href*="wa.me"]:hover,
.cxs-assistant a.cxs-wa-fallback[href*="wa.me"]:hover,
.cxs-dialog a.cxs-button[href*="wa.me"]:hover,
.cxs-dialog a.cxs-wa-fallback[href*="wa.me"]:hover{background:var(--cxs-whatsapp-hover)!important;color:#fff!important}

@media(max-width:600px){
 .cxs-svc-link{min-height:36px;padding:8px 9px 8px 11px!important;font-size:9px!important}
 .cxs-svc-card--featured .cxs-svc-link{width:auto!important}
}