/* Piezas compartidas del alta de cuenta (registro y modal de acceso):
   medidor de fuerza de la contraseña y las seis casillas del código. */

.pwd-strength { margin-top: 0.45rem; }
.pwd-strength-bar {
  height: 6px; background: #e2e8f0; border-radius: 999px; overflow: hidden;
}
.pwd-strength-bar span {
  display: block; height: 100%; width: 0; border-radius: 999px;
  transition: width .25s ease, background .25s ease;
}
.pwd-strength-label { font-size: 0.8rem; font-weight: 600; }
.pwd-weak { background: #e53e3e; }   .pwd-weak-text { color: #e53e3e; }
.pwd-medium { background: #dd6b20; }  .pwd-medium-text { color: #dd6b20; }
.pwd-strong { background: #38a169; }  .pwd-strong-text { color: #38a169; }

/* Seis casillas de un dígito, centradas, que se achican (flex) para caber en 360 px. */
.otp-boxes { display: flex; gap: 0.5rem; justify-content: center; }
.otp-boxes .otp-digit {
  flex: 1 1 0;
  min-width: 0;
  max-width: 3rem;
  height: 3.25rem;
  padding: 0;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 600;
  border-radius: 0.5rem;
}
.otp-boxes .otp-digit:disabled { background: #edf2f7; color: #718096; }

/* Área de toque decente para "Reenviar código". */
.otp-resend { display: inline-block; padding: 0.5rem 0.25rem; }

/* Texto de estado bajo un campo (disponibilidad del correo, estado del código). */
.field-status { font-size: 0.85rem; margin-top: 0.25rem; min-height: 1rem; }
.field-status.is-checking { color: #718096; }
.field-status.is-available { color: #2f855a; }
.field-status.is-taken { color: #c53030; }