/* LOGIN */
/* RECUPERAR CONTRASEÑA */
.login-forgot{font-size:11px;color:var(--text3);cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .15s}
.login-forgot:hover{color:var(--green)}
.recover-step{display:none}
.recover-step.active{display:flex;flex-direction:column;gap:14px;width:100%}

#login-screen{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:9999}
.login-box{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:44px 40px;width:360px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;gap:18px}
.login-logo{width:56px;height:56px;background:var(--green);border-radius:14px;display:flex;align-items:center;justify-content:center}
.login-logo svg{width:30px;height:30px}
.login-title{font-size:20px;font-weight:700;color:var(--text)}
.login-sub{font-size:12px;color:var(--text3);margin-top:-10px;text-align:center}
.login-field{width:100%;display:flex;flex-direction:column;gap:6px}
.login-field label{font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.5px}
.login-field input{width:100%;padding:10px 13px;border:1.5px solid var(--border2);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font);color:var(--text);transition:border-color .15s}
.login-field input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(44,110,73,.12)}
.login-btn{width:100%;padding:12px;background:var(--green);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;transition:background .15s}
.login-btn:hover{background:var(--green2)}
.login-error{color:var(--red);font-size:12px;text-align:center;display:none}