/* Opcional: reusar estilos de login */
@import url("login.css"); /* quita si no quieres heredar todo */

/* Ajustes específicos para la página de Password Reset */
.login-page-wrapper {
  /* si login.css ya lo define, puedes omitir */
}

.login-box {
  /* idem; deja en blanco si hereda */
}

/* Ya se importa login.css, así que esto solo afina detalles para este input */



.reset-subtitle{
  font-family: "Inter", sans-serif !important;
  text-align: center !important;
  color: #A6ABB4 !important; 
  font-size: 16px !important;
}
.login-box input#id_email,
.login-box input[type="email"] {
  width: 100% !important;
  padding: 0.5rem 0.75rem !important;
  border: 1px solid #D9D9D9 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  box-shadow: 0 0 0px 1000px #FAFAFA inset !important; 
  line-height: 1.25rem !important;
  font-size: 14px !important;
  font-family: 'Inter', sans-serif !important;
  color: #A6ABB4 !important;
}

.login-box input#id_email:focus,
.login-box input[type="email"]:focus {
  border-color: #34d399 !important;
  box-shadow: 0 0 0px 1000px #F0F0F0 inset !important; 
  outline: none !important;
}

/* Autofill fix (igual que login) */
.login-box input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #ffffff inset !important;
  -webkit-text-fill-color: #A6ABB4 !important;
  transition: background-color 5000s ease-in-out 0s !important;
  border-radius: 6px !important;
}



#id_password1:focus,
#id_password2:focus,
.login-box input[type="password"],
.login-box input.input.input-bordered.w-full {
  color: #A6ABB4 !important;
  font-size: 14px !important;
  font-family: 'Inter', sans-serif !important;
  background-color: #F0F0F0 !important;
  border: 1px solid  #4CC884 !important;
  border-radius: 6px !important;
  padding: 0.5rem 0.75rem !important;
  line-height: 1.25rem !important;
  box-shadow: none !important;
}


#id_password1,
#id_password2,
.login-box input[type="password"],
.login-box input.input.input-bordered.w-full {
  color: #A6ABB4 !important;
  font-size: 14px !important;
  font-family: 'Inter', sans-serif !important;
  background-color: #FAFAFA !important;
  border: 1px solid  #D9D9D9 !important;
  border-radius: 6px !important;
  padding: 0.5rem 0.75rem !important;
  line-height: 1.25rem !important;
  box-shadow: none !important;
}



#id_password1::placeholder,
#id_password2::placeholder,
.login-box input[type="password"]::placeholder,
.login-box input.input.input-bordered.w-full::placeholder {
  color: #A6ABB4 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  opacity: 1 !important; /* Para mayor visibilidad */
}


.login-text-muted {
  font-family: 'Inter', sans-serif !important;
  color: #A6ABB4 !important; /* Color gris claro */
  font-size: 14px !important;
  text-align: center !important;
}




a.btn.btn-success.reset{
  margin-top: 32px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}