/* Simulador PMP · Login */
:root {
    --cua-gris: #404040; --cua-gris-oscuro: #2D2D2D;
    --cua-amarillo: #EDE709; --cua-amarillo-hover: #D4CE08; --cua-amarillo-suave: #FFFCE8;
    --bg: #f4f6fa; --surface: #fff; --border: #e1e6ee;
    --text: #1a1f2e; --muted: #5a6478;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; font-family: 'Segoe UI', system-ui, sans-serif; background: linear-gradient(135deg, #f4f6fa 0%, #e9ebf2 100%); color: var(--text); display: flex; align-items: center; justify-content: center; padding: 20px; }
.login-card { width: 100%; max-width: 420px; background: var(--surface); border-radius: 10px; box-shadow: 0 12px 40px rgba(64,64,64,.15); overflow: hidden; border: 1px solid var(--border); }
.login-header { background: var(--cua-gris); color: #fff; padding: 28px 28px 22px; border-bottom: 4px solid var(--cua-amarillo); text-align: center; }
.login-header h1 { margin: 0; font-size: 22px; letter-spacing: .5px; }
.login-header small { color: rgba(255,255,255,.7); font-size: 12px; text-transform: uppercase; letter-spacing: 1.2px; }
.login-body { padding: 28px; }
.login-title { font-size: 16px; color: var(--muted); margin: 0 0 18px; text-align: center; }
.form-group { margin-bottom: 14px; }
.form-group label { display: block; font-size: 13px; color: var(--muted); margin-bottom: 4px; }
.form-group input { width: 100%; padding: 11px 13px; border: 1px solid var(--border); border-radius: 6px; font-size: 14px; font-family: inherit; }
.form-group input:focus { outline: 2px solid var(--cua-amarillo); border-color: var(--cua-gris); }
.btn-login { width: 100%; padding: 12px; background: var(--cua-gris); color: #fff; border: none; border-bottom: 3px solid var(--cua-amarillo); border-radius: 6px; font-size: 15px; font-weight: 600; cursor: pointer; margin-top: 8px; font-family: inherit; }
.btn-login:hover { background: var(--cua-gris-oscuro); }
.alert { padding: 10px 14px; border-radius: 6px; margin-bottom: 14px; font-size: 13.5px; }
.alert-error { background: #fce4d6; color: #8b0000; border: 1px solid #b22222; }
.login-footer { padding: 16px 28px; background: var(--cua-amarillo-suave); text-align: center; font-size: 11.5px; color: var(--muted); border-top: 1px solid var(--border); }
.login-footer strong { color: var(--cua-gris); }