/* Paleta aprobada de contraste para el programa de referidos. */
body.ref-contrast {
  --ref-blue:#214bb5;
  --ref-surface:#ffffff;
  --ref-line:#cbd5e1;
  --text-muted:#40516a;
  --text-subtle:#475971;
  --accent-blue-light:#214bb5;
  --accent-cyan:#214bb5;
}
.ref-contrast .ref-hero h1 .ref-title-line:last-child,
.ref-contrast .ref-secondary,
.ref-contrast .ref-secondary span,
.ref-contrast .ref-label,
.ref-contrast .ref-service span,
.ref-contrast .ref-small {color:#214bb5!important}
.ref-contrast .ref-intro,
.ref-contrast .ref-note,
.ref-contrast .ref-card p,
.ref-contrast .ref-registration .ref-small,
.ref-contrast .ref-reward-label,
.ref-contrast .ref-reward p:last-child,
.ref-contrast .ref-reward-amount small,
.ref-contrast .ref-steps p,
.ref-contrast .ref-service p,
.ref-contrast .ref-service-type,
.ref-contrast .ref-strip div,
.ref-contrast .ref-earning h3,
.ref-contrast .ref-earning p,
.ref-contrast .ref-example-note,
.ref-contrast .ref-rules-intro,
.ref-contrast .ref-terms li,
.ref-contrast .ref-faq p,
.ref-contrast .ref-final p:not(.ref-label),
.ref-contrast .ref-footer,
.ref-contrast .commission-usd {color:#40516a!important;opacity:1}
.ref-contrast .ref-intro strong {color:#18243b!important}
.ref-contrast .ref-label::before {background:#214bb5;box-shadow:none}
.ref-contrast .ref-strip b {color:#18243b!important}
.ref-contrast .ref-steps li::before {color:#214bb5;background:#edf2fd;border-color:#b6c8e9}
.ref-contrast .ref-terms li::marker,
.ref-contrast .ref-faq summary::after {color:#214bb5}
.ref-contrast .ref-flow {background:#edf2fa;border-color:#cbd5e1}
.ref-contrast .ref-flow-title {color:#40516a}
.ref-contrast .ref-flow-node {color:#263e63}
.ref-contrast .ref-flow-node svg {stroke:#214bb5;border-color:#b6c8e9;background:#fff}
.ref-contrast .ref-flow-track>span {background:#627fa9}
.ref-contrast .ref-flow-track>span::after {border-color:#627fa9}
.ref-contrast .ref-registration::before {opacity:1;background:linear-gradient(90deg,transparent,#214bb5,transparent)}
.ref-contrast .ref-secondary {font-weight:600}
.ref-contrast .ref-secondary:hover {color:#16377f!important;text-decoration:underline;text-underline-offset:5px}
.ref-contrast .ref-faq summary:hover {color:#214bb5}
.ref-contrast a:focus-visible,
.ref-contrast summary:focus-visible {outline:3px solid #214bb5;outline-offset:4px}