/* PANTALLA DE LOGIN */
#pantallaLogin { height: 100vh; height: 100dvh; display: flex; justify-content: center; align-items: center; }
.login-card { width: 90%; max-width: 380px; padding: 40px; background: var(--bg-panel); border-radius: 24px; text-align: center; border: 1px solid var(--border-color); box-shadow: 0 20px 40px rgba(0,0,0,0.2); }
.input-code { width: 100%; padding: 16px; border-radius: 12px; border: 1px solid var(--border-color); background: var(--bg-card); color: var(--text-main); font-size: 16px; text-align: center; text-transform: uppercase; font-weight: bold; outline: none; margin-bottom: 20px; }
.input-code:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2); }
.btn-login { background: var(--accent); padding: 15px; border-radius: 12px; border: none; color: white; font-weight: bold; font-size: 16px; width: 100%; cursor: pointer; display: flex; justify-content: center; align-items: center; gap: 10px; transition: 0.2s;}
.btn-login:hover { background: var(--accent-hover); transform: translateY(-2px); }
.btn-login:disabled { background: var(--bg-hover); color: var(--text-muted); cursor: not-allowed; transform: none; }