/* Campos directos de registro y recuperación dentro del portal premium. */
.auth-register-card .field > input,
.auth-main-card .field > input{
  width:100% !important;
  min-width:0 !important;
  height:56px !important;
  padding:0 13px !important;
  border:1px solid rgba(255,255,255,.13) !important;
  outline:0 !important;
  border-radius:14px !important;
  background:rgba(1,6,3,.56) !important;
  color:#fff !important;
  font-size:16px !important;
  box-shadow:inset 0 0 22px rgba(0,0,0,.18) !important;
}

.auth-register-card .field > input:focus,
.auth-main-card .field > input:focus{
  border-color:rgba(83,241,127,.5) !important;
  box-shadow:0 0 0 3px rgba(83,241,127,.045),inset 0 0 22px rgba(0,0,0,.18) !important;
}

.auth-register-card .two-column{
  gap:10px !important;
}

/* Mantiene las pestañas superiores con la misma escala del login en teléfonos altos. */
@media (min-height:820px) and (max-width:620px){
  .auth-register-card .auth-mode-tabs,
  .recovery-card .auth-mode-tabs{
    margin-bottom:9px !important;
  }

  .auth-register-card .auth-tab,
  .recovery-card .auth-tab{
    min-height:42px !important;
    padding:6px 4px 7px !important;
    font-size:12.4px !important;
    line-height:1.08 !important;
    gap:6px !important;
  }

  .auth-register-card .auth-tab svg,
  .recovery-card .auth-tab svg{
    width:18px !important;
    height:18px !important;
    flex-basis:18px !important;
  }
}

@media (min-height:980px) and (max-width:620px){
  .auth-register-card .auth-tab,
  .recovery-card .auth-tab{
    min-height:44px !important;
    font-size:13.1px !important;
  }

  .auth-register-card .auth-tab svg,
  .recovery-card .auth-tab svg{
    width:19px !important;
    height:19px !important;
    flex-basis:19px !important;
  }
}

/* Recuperar acceso no debe quedar bloqueado por estilos heredados. */
.recovery-card a.auth-tab[href],
.auth-premium-page a.auth-tab[href="./recuperar-clave.html"],
.recovery-card .auth-recovery-back{
  pointer-events:auto !important;
  opacity:1 !important;
  filter:none !important;
  cursor:pointer !important;
}

.recovery-card #requestRecoveryButton:not(:disabled),
.recovery-card #updateRecoveryButton:not(:disabled){
  pointer-events:auto !important;
  opacity:1 !important;
  cursor:pointer !important;
}