/* Recuperar contraseña: usa el look de login.css (caja, campos, titulo) y aqui solo van sus piezas propias */

/* Pasos cortos para que la gente sepa que sigue (revisar su correo) */
.v2-reset-steps {
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
  counter-reset: paso;
}

.v2-reset-steps li {
  position: relative;
  counter-increment: paso;
  padding-left: 34px;
  font-size: 14px;
  line-height: 22px;
  color: var(--tx-base);
}

.v2-reset-steps li + li {
  margin-top: 10px;
}

.v2-reset-steps li::before {
  content: counter(paso);
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--orange);
  color: var(--tx-white);
  font-size: 12px;
  font-weight: 800;
}

/* Aviso de "ya te lo mandamos" */
.v2-reset-sent {
  display: flex;
  gap: 14px;
  margin: 0 0 24px;
  padding: 16px;
  border-radius: var(--r-lg);
  background: var(--green-bg);
  color: var(--tx-base);
  font-size: 13.5px;
  line-height: 1.5;
}

.v2-reset-sent-icon {
  flex: none;
  color: var(--green);
}

.v2-reset-sent strong {
  display: block;
  margin-bottom: 2px;
  font-size: 15px;
  color: var(--green);
}

.v2-reset-sent p {
  margin: 0;
}

.v2-reset-alt {
  margin: 16px 0 0;
  text-align: center;
  font-size: 13px;
  color: var(--tx-muted);
}

.v2-reset-alt a {
  color: var(--orange-d);
  font-weight: 600;
}

.v2-reset-back {
  display: block;
  margin-top: 24px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: var(--orange-d);
  text-decoration: none;
}

/* WhatsApp: etiqueta de "Paso X de 3" arriba del titulo */
.v2-reset-step-tag {
  display: inline-block;
  margin-bottom: 10px;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--orange-bg);
  color: var(--orange-d);
  font-size: 12px;
  font-weight: 700;
}

/* Codigo de 6 digitos: grande y espaciado para leerlo facil */
.v2-login .v2-reset-code {
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: .4em;
}

.v2-reset-alt .btn-link {
  background: none;
  border: none;
  padding: 0;
  color: var(--orange-d);
  font-weight: 600;
  cursor: pointer;
}

.v2-reset-alt .btn-link:disabled {
  color: var(--tx-faint);
  cursor: default;
}