/* Pantalla de acceso basada en FAJARENA Admin Knowledge Base. */
:root { --auth-primary:#1677ff; --auth-sidebar:#0d2238; --auth-sidebar-2:#14558f; --auth-text:#122033; --auth-muted:#64748b; --auth-border:#e5ebf3; }
.auth-template-page { display:grid; grid-template-columns:1.05fr .95fr; min-height:100vh; margin:0; background:#f7f9fc; color:var(--auth-text); }
.auth-visual { display:flex; flex-direction:column; justify-content:space-between; padding:clamp(32px,6vw,72px); color:#fff; background:linear-gradient(145deg,var(--auth-sidebar),var(--auth-sidebar-2)); }.auth-logo { display:grid; width:52px; height:52px; place-items:center; margin-bottom:28px; border-radius:14px; background:linear-gradient(135deg,#51d7ff,#176cff); color:#fff; font-size:30px; font-weight:800; font-style:italic; }.auth-overline { margin:0 0 12px; color:#b8d9f5; font-size:10px; font-weight:800; letter-spacing:.12em; }.auth-visual h1 { max-width:570px; margin:0; font-size:clamp(34px,4vw,52px); line-height:1.08; }.auth-visual p:not(.auth-overline) { max-width:520px; color:#c9d8e8; font-size:16px; line-height:1.7; }.auth-features { display:grid; gap:12px; color:#dce8f5; font-size:14px; }.auth-features span { display:flex; align-items:center; gap:9px; }
.auth-panel { display:grid; place-items:center; padding:28px; background:#f7f9fc; }.auth-box { width:min(430px,100%); padding:32px; border:1px solid var(--auth-border); border-radius:18px; color:var(--auth-text); background:#fff; box-shadow:0 14px 38px rgba(15,23,42,.09); }.auth-box h2 { margin:0 0 6px; font-size:26px; }.auth-intro { margin:0 0 24px; color:var(--auth-muted); font-size:13px; }.auth-field { display:flex; flex-direction:column; gap:7px; margin-bottom:16px; }.auth-field label { margin:0; color:var(--auth-muted); font-size:11px; font-weight:700; }.auth-field input { min-height:44px; border:1px solid #dfe6ee; border-radius:8px; color:var(--auth-text); background:#fff; box-shadow:none; }.auth-field input:focus { border-color:#8bbaff; box-shadow:0 0 0 3px rgba(22,119,255,.1); }.auth-box .button.primary { width:100%; margin-top:6px; border:0; border-radius:8px; color:#fff; background:var(--auth-primary); }.auth-form-options { display:flex; align-items:center; justify-content:space-between; margin:-2px 0 18px; color:var(--auth-muted); font-size:11px; }.auth-form-options a { color:var(--auth-primary); text-decoration:none; font-weight:700; }.auth-box .security-note { margin:20px 0 0; color:#94a3b8; font-size:10px; text-align:center; }.auth-mobile-brand { display:none; align-items:center; gap:8px; margin-bottom:28px; color:var(--auth-text); font-size:14px; font-weight:800; letter-spacing:.05em; text-decoration:none; }.auth-mobile-brand span { display:grid; width:30px; height:30px; place-items:center; border-radius:8px; color:#fff; background:var(--auth-primary); }
@media (max-width:800px) { .auth-template-page { display:block; }.auth-visual { display:none; }.auth-panel { min-height:100vh; padding:20px; }.auth-box { padding:26px 22px; }.auth-mobile-brand { display:flex; } }