/* Correcciones de contraste medidas. Minimo aplicado 4.5:1 (WCAG AA texto). */

/* La regla de marca pinta de blanco todo lo que cuelga de .login-google,
   incluida la G que vive dentro de una caja blanca: quedaba invisible. */
.login-google .login-google-g,
.login-google-icon .login-google-g {
  color: #1558d6 !important;
  font-weight: 800;
}

/* Texto oscuro sobre el rosa de marca daba 2.30:1. En blanco da 5.70:1.
   Acotado a controles con fondo de marca real (inline o los IDs conocidos):
   .tt-interactive-control solo no alcanza porque se agrega a TODOS los
   botones del sitio, incluidos los de fondo claro (ahí el blanco los
   volvía invisibles). */
button.tt-inline-theme-cleaned,
[style*="background"].tt-interactive-control,
#btn-send-otp,
#btn-verify-otp {
  color: #fff !important;
}

.tt-interactive-control svg,
button.tt-inline-theme-cleaned svg {
  color: inherit;
  stroke: currentColor;
}

/* Los controles sin fondo de marca conservan el texto oscuro: la regla de
   arriba solo debe aplicar cuando el fondo es el rosa. */
.tt-interactive-control:not([style*="background"]):not(.tt-btn):not(.ck-btn):not(#btn-send-otp):not(#btn-verify-otp) {
  color: var(--color-text-primary, #2b2b2b);
}

/* El rosa de marca sobre fondos claros daba 3.30:1. Este tono da 8.56:1
   sobre blanco y mantiene la identidad. */
.perfil-btn-outline,
.perfil-wa-box,
a.perfil-btn.perfil-btn-outline,
a.perfil-wa-box {
  color: #8b2642;
}

/* Gris de apoyo: 3.51:1 sobre blanco. Este da 6.43:1. */
.login-hint,
.login-legal,
.login-box small,
.login-box .login-muted {
  color: #6b5a63;
}