:root{
    --bg:#f3f5f9;
    --card:#ffffff;
    --primary:#2563eb;
    --primary-dark:#1d4ed8;
    --dark:#111827;
    --muted:#6b7280;
    --border:#e5e7eb;
    --soft:#eef2ff;
    --success:#16a34a;
    --warning:#f59e0b;
    --danger:#dc2626;
    --radius:18px;
    --shadow:0 18px 45px rgba(15,23,42,.08);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--dark);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}
a{text-decoration:none;color:var(--primary)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr) 300px;grid-template-rows:72px 1fr;gap:0}
.btn{border-radius:12px;font-weight:600}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-light{background:#fff;border-color:var(--border)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--dark)}.brand:hover{color:var(--dark)}.brand-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--primary),#60a5fa);color:#fff;box-shadow:0 10px 22px rgba(37,99,235,.25)}.brand-icon.big{width:52px;height:52px;border-radius:16px;font-size:22px}.brand-text{letter-spacing:-.03em}
.icon-btn{position:relative;width:40px;height:40px;border:1px solid var(--border);background:#fff;border-radius:13px;display:grid;place-items:center;color:#334155}.icon-btn:hover{background:#f8fafc}.pulse-dot{position:absolute;top:9px;right:9px;width:8px;height:8px;background:#ef4444;border:2px solid #fff;border-radius:50%}
.eyebrow{display:inline-flex;margin-bottom:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary)}
.login-body{min-height:100vh;background:linear-gradient(135deg,#eef2ff 0%,#f8fafc 45%,#e0e7ff 100%);display:grid;place-items:center;padding:32px}.login-wrapper{width:min(1060px,100%);display:grid;grid-template-columns:440px 1fr;gap:28px;align-items:stretch}.login-card,.login-preview{background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8);border-radius:28px;box-shadow:var(--shadow)}.login-card{padding:36px}.login-brand{display:flex;align-items:center;gap:16px;margin-bottom:34px}.login-brand h1{font-size:28px;margin:0;font-weight:850;letter-spacing:-.04em}.login-brand p{margin:0;color:var(--muted)}.login-copy h2{font-weight:850;letter-spacing:-.04em}.login-copy p{color:var(--muted);line-height:1.6}.security-note{margin:18px 0 0;color:var(--muted);font-size:12px}.login-preview{position:relative;overflow:hidden;min-height:540px;background:radial-gradient(circle at 30% 20%,#bfdbfe 0 12%,transparent 35%),radial-gradient(circle at 70% 58%,#ddd6fe 0 16%,transparent 39%),linear-gradient(135deg,#fff,#eff6ff)}.login-preview:after{content:"";position:absolute;inset:70px;border-radius:28px;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.8)}.preview-card{position:absolute;z-index:1;background:#fff;border-radius:20px;padding:18px 22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:3px}.preview-card b{font-size:26px}.preview-card span{color:var(--muted)}.preview-card.one{top:90px;left:70px}.preview-card.two{top:240px;right:80px}.preview-card.three{bottom:90px;left:110px}
.check-line{display:flex;align-items:center;gap:7px;color:var(--muted)}

/* Actualización 043: logo institucional COES360 */
.brand-logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff;box-shadow:0 10px 22px rgba(15,23,42,.10);overflow:hidden;border:1px solid rgba(226,232,240,.9);flex:0 0 auto}
.brand-logo img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;display:block;padding:4px}
.brand-logo.big{width:58px;height:58px;border-radius:18px}
.login-brand .brand-logo.big{width:64px;height:64px}
.topbar .brand-logo{width:36px;height:36px}
.candidate-hero .brand-logo{width:42px;height:42px}
@media (max-width: 575.98px){.brand-logo{width:34px;height:34px}.brand-logo.big{width:54px;height:54px}.login-brand .brand-logo.big{width:58px;height:58px}}