/* frontend/css/login.css — Paleta Kiosco Marce 24hs: Negro/Celeste/Dorado */
#login-screen{
  background:linear-gradient(135deg, #0D0D1A 0%, #111111 50%, #1A1A2E 100%);
  display:flex;align-items:center;justify-content:center;min-height:100vh;
}
.login-container{width:100%;max-width:430px;padding:20px}
.login-card{
  background:#fff;border-radius:20px;padding:38px 34px;
  box-shadow:0 20px 60px rgba(0,0,0,.55),0 4px 20px rgba(0,0,0,.25);
  text-align:center;border-top:6px solid #F5C800;
}
.login-logo{margin-bottom:16px;display:flex;align-items:center;justify-content:center}
.login-logo img{max-width:140px;max-height:140px;object-fit:contain;border-radius:12px}
.logo-fallback{flex-direction:column;align-items:center;gap:4px}
.logo-emoji{font-size:52px}
.logo-text{font-size:17px;font-weight:900;color:#4A7FB5;font-family:'Nunito',sans-serif}
.login-title{
  font-size:22px;font-weight:900;color:#111111;margin-bottom:2px;letter-spacing:.3px;
}
.login-subtitle{color:#78909C;font-size:13px;margin-bottom:22px}
.login-form{text-align:left}
.login-error{
  background:#FFEBEE;color:#CC0000;padding:10px 14px;border-radius:8px;
  font-size:13px;font-weight:600;margin-bottom:14px;border-left:3px solid #CC0000;
}

.login-form .form-group label{color:#4A7FB5}
.login-form .form-group input:focus,
.login-form .form-group select:focus{border-color:#75AADB}

.btn-login{
  width:100%;
  background:linear-gradient(135deg, #111111, #1A1A2E);
  color:#fff;border:none;padding:14px;border-radius:12px;
  font-family:'Nunito',sans-serif;font-size:15px;font-weight:800;
  cursor:pointer;transition:all .2s;
  box-shadow:0 4px 16px rgba(0,0,0,.4);letter-spacing:.3px;
}
.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(117,170,219,.45);background:linear-gradient(135deg,#4A7FB5,#75AADB)}

.login-footer{margin-top:20px;color:#B0BEC5;font-size:11px}

.pos-selector{margin-bottom:16px}
.pos-selector label{
  display:block;font-size:12px;font-weight:700;color:#4A7FB5;
  margin-bottom:5px;text-transform:uppercase;letter-spacing:.4px;
}
.pos-selector select{
  width:100%;padding:12px 14px;border:1.5px solid #D0E0F0;border-radius:10px;
  font-family:'Nunito',sans-serif;font-size:14px;color:#111111;outline:none;background:#F8FBFF;
}
.pos-selector select:focus{border-color:#75AADB}

.login-card::after{
  content:'Kiosco Marce 24hs';
  display:block;margin-top:20px;
  background:#F5C800;color:#111111;
  padding:8px;border-radius:8px;
  font-size:12px;font-weight:800;letter-spacing:.3px;
  text-align:center;
}