/* ═══ Lunamoon Suite · Login ═══ */

/* ══════ LOGIN ══════ */
#login-screen{
  position:fixed;inset:0;z-index:9999;
  background:
    radial-gradient(ellipse at 25% 35%, rgba(75,168,192,.12) 0%, transparent 55%),
    radial-gradient(ellipse at 75% 70%, rgba(201,169,122,.10) 0%, transparent 50%),
    var(--bg);
  display:flex;align-items:center;justify-content:center;
}
.login-card{
  background:var(--bg2);
  border:1px solid var(--border);
  border-radius:20px;
  padding:48px 44px;width:440px;
  box-shadow:var(--shadow-md);
}
.login-logo-img{height:36px;display:block;margin-bottom:4px;
  /* Logo PNG tiene fondo negro — lo filtramos a transparente con CSS */
  
}
.login-sub{color:var(--txt3);font-size:13px;margin-bottom:36px;font-weight:400;font-family:'Poppins',sans-serif;letter-spacing:.5px;}
.login-label{font-size:11px;font-weight:700;color:var(--txt2);text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px;display:block;}
.login-input{
  width:100%;background:var(--bg3);border:1.5px solid var(--border);
  border-radius:var(--radius-sm);padding:11px 14px;color:var(--txt);
  font-family:'Poppins',sans-serif;font-size:14px;outline:none;
  transition:border-color .2s,box-shadow .2s;margin-bottom:14px;
}
.login-input:focus{border-color:var(--sky);box-shadow:0 0 0 3px var(--sky-l);}
.login-input::placeholder{color:var(--txt3);}
.login-btn{
  width:100%;padding:13px;
  background:linear-gradient(135deg,var(--sky),var(--teal));
  color:#fff;font-family:'Poppins',sans-serif;
  font-size:14px;font-weight:700;border:none;
  border-radius:var(--radius-sm);cursor:pointer;
  transition:all .2s;margin-top:6px;
  box-shadow:0 4px 16px rgba(75,168,192,.3);
}
.login-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(75,168,192,.4);}
.login-error{color:var(--rose);font-size:12px;margin-top:-6px;margin-bottom:10px;display:none;}
.login-accounts{margin-top:28px;padding-top:20px;border-top:1px solid var(--border);}
.login-accounts-title{font-size:11px;color:var(--txt3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;font-weight:600;}
.login-account-btn{
  display:flex;align-items:center;gap:10px;width:100%;
  background:var(--bg3);border:1.5px solid var(--border);
  border-radius:var(--radius-sm);padding:9px 12px;margin-bottom:6px;
  cursor:pointer;transition:all .15s;color:var(--txt);
  font-family:'Poppins',sans-serif;font-size:13px;
}
.login-account-btn:hover{border-color:var(--sky);background:var(--sky-ll);}
.login-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;}
.login-btn:disabled{opacity:.7;cursor:progress;transform:none;}
.login-foot{margin-top:18px;text-align:center;}
.login-link{background:none;border:none;color:var(--txt3);font-family:'Poppins',sans-serif;font-size:12px;cursor:pointer;padding:4px 6px;border-radius:6px;transition:color .15s;}
.login-link:hover{color:var(--sky-d);text-decoration:underline;}