/*
 * HEROS · Portal de vendedores — pantalla de acceso
 * Solo estilos: el formulario y el inicio de sesión funcionan igual.
 */
html body.login{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background-position:center!important;
  min-height:100vh;
}
html body.login::before{
  content:"";position:fixed;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(15,17,21,.35) 0%,rgba(15,17,21,.05) 45%,rgba(15,17,21,.45) 100%);
}
html body.login #login{position:relative;z-index:1;width:360px;max-width:calc(100vw - 32px);padding:6vh 0 24px}
html body.login #login form#loginform,
html body.login #login form#lostpasswordform,
html body.login #login form#resetpassform{
  margin-top:0;
  padding:28px 26px 26px;
  background:rgba(255,255,255,.9)!important;
  -webkit-backdrop-filter:saturate(180%) blur(16px);
  backdrop-filter:saturate(180%) blur(16px);
  border:1px solid rgba(255,255,255,.6);
  border-radius:22px;
  box-shadow:0 24px 60px rgba(15,17,21,.35);
}
html body.login #login form label{font-size:13px;font-weight:600;color:#2b2f38;margin-bottom:6px}
html body.login #login form .input,
html body.login #login form input[type="text"],
html body.login #login form input[type="password"]{
  font-size:16px!important;
  min-height:48px;
  padding:10px 14px!important;
  margin:0 0 16px!important;
  background:#fff!important;
  border:1px solid #d9dce4!important;
  border-radius:12px!important;
  box-shadow:0 1px 2px rgba(16,24,40,.05)!important;
}
html body.login #login form .input:focus,
html body.login #login form input:focus{
  border-color:#c8102e!important;
  box-shadow:0 0 0 4px rgba(200,16,46,.15)!important;
  outline:0!important;
}
html body.login .wp-pwd .button.wp-hide-pw{height:48px!important;min-height:48px;color:#6b7280!important}
html body.login .wp-pwd .button.wp-hide-pw:focus{box-shadow:none!important}
html body.login #login form .forgetmenot{float:none!important;margin:0 0 16px!important;display:flex;align-items:center;gap:8px}
html body.login #login form .forgetmenot label{margin:0;font-weight:500;color:#6b7280}
html body.login #login form input[type="checkbox"]{border-radius:6px;border-color:#c5c9d3}
html body.login #login form .submit{float:none!important;clear:both}
html body.login #login form .submit .button,
html body.login #login form #wp-submit{
  float:none!important;
  display:block;
  width:100%!important;
  min-height:50px!important;
  padding:12px 18px!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#d81b3a 0%,#c8102e 55%,#a60d26 100%)!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:700!important;
  letter-spacing:.01em;
  text-shadow:none!important;
  box-shadow:0 10px 22px rgba(200,16,46,.3)!important;
  transition:transform .15s ease,filter .15s ease!important;
}
html body.login #login form #wp-submit:hover{filter:brightness(1.06);transform:translateY(-1px)}
html body.login #login form #wp-submit:active{transform:translateY(1px) scale(.99)}
html body.login #login_error,
html body.login .message,
html body.login .notice{
  border-radius:14px;border-left-width:4px;box-shadow:0 10px 30px rgba(15,17,21,.2);
}
@media (max-width:600px){
  html body.login #login{padding-top:24px}
  html body.login #login form#loginform{padding:22px 18px 20px;border-radius:20px}
}