:root{--color-primary:#6366f1;--color-primary-light:#818cf8;--color-primary-dark:#4f46e5;--color-secondary:#8b5cf6;--color-accent:#06b6d4;--bg-body:#0f1117;--bg-surface:#1a1d27;--bg-surface-2:#22252f;--bg-surface-3:#2a2d3a;--bg-card:#1a1d27b3;--bg-glass:#ffffff0a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#a5b4fc;--border-subtle:#ffffff0f;--border-medium:#ffffff1a;--border-focus:#6366f180;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #6366f126;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-body);min-height:100dvh;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}button,input{font:inherit;color:inherit}a{color:var(--color-primary-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent)}.fondo{z-index:-2;background-image:url(/assets/img_web-iw04btJc.png);background-position:top;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.fondo-velo{z-index:-1;background:linear-gradient(90deg,#0a0e140d 0%,#0a0e1440 55%,#0a0e1473 100%);position:fixed;inset:0}.pantalla{min-height:100dvh;padding:var(--space-lg) 6vw;justify-content:flex-end;align-items:center;display:flex}.tarjeta{width:100%;max-width:25rem;padding:var(--space-2xl) var(--space-xl);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px)saturate(120%);animation:aparecer var(--transition-slow) both;background:#3a404a8c;border:1px solid #ffffff24;box-shadow:0 1.5rem 3.5rem #00000059}@keyframes aparecer{0%{opacity:0;transform:translateY(.75rem)}}@media (prefers-reduced-motion:reduce){.tarjeta{animation:none}}.marca{margin-bottom:var(--space-xl);text-align:center}.marca-logo{max-width:11rem;height:auto;margin:0 auto var(--space-sm);display:block}.marca-sub{letter-spacing:.02em;color:#f1f5f9bf;font-size:.8125rem}.campo{margin-bottom:var(--space-lg)}.etiqueta{margin-bottom:var(--space-sm);color:#7fa1ff;font-size:.875rem;font-weight:700;display:block}.control{border-radius:var(--radius-md);color:#1f2430;width:100%;font:inherit;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#e9eaec;border:1px solid #0000;padding:.75rem .875rem;font-size:.9375rem}.control::placeholder{color:#8a8f98;text-transform:uppercase;letter-spacing:.02em;font-size:.8125rem}.control:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--border-focus);outline:none}.control[aria-invalid=true]{border-color:var(--color-danger)}.control:disabled{opacity:.6;cursor:not-allowed}.campo-clave{position:relative}.campo-clave .control{padding-right:2.75rem}.ver-clave{border-radius:var(--radius-sm);color:#6b7280;cursor:pointer;width:1.875rem;height:1.875rem;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.ver-clave svg{width:1.125rem;height:1.125rem}.ver-clave:hover:not(:disabled){color:#1f2430;background:#00000014}.ver-clave:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.recordar{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);color:#f1f5f9bf;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.8125rem;display:flex}.recordar input{width:.9375rem;height:.9375rem;accent-color:var(--color-primary);cursor:pointer}.zona-error:not(:empty){margin-bottom:var(--space-lg)}.alerta{border-radius:var(--radius-md);border:1px solid;padding:.6875rem .875rem;font-size:.8125rem;line-height:1.5}.alerta--error{color:#fca5a5;background:#ef44441a;border-color:#ef444459}.alerta--aviso{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b59}.boton{border-radius:var(--radius-md);width:100%;font:inherit;text-align:center;cursor:pointer;transition:transform var(--transition-fast), opacity var(--transition-fast), background var(--transition-fast);border:1px solid #0000;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;display:block}.boton:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}.boton:disabled{opacity:.6;cursor:progress}.boton--primario{color:#fff;box-shadow:var(--shadow-md);background:#1a2a63}.boton--primario:hover:not(:disabled){background:#223476;transform:translateY(-1px)}.olvido-clave{margin-top:var(--space-md);text-align:center;color:#fff;font-size:.8125rem;text-decoration:underline;display:block}.olvido-clave:hover{color:var(--text-accent)}.olvido-clave[aria-disabled=true]{color:#ffffff73;pointer-events:none;cursor:not-allowed;text-decoration:none}.boton--campus{margin-bottom:var(--space-md);border-color:var(--border-medium);background:var(--bg-surface-2);color:var(--text-primary);text-decoration:none}.boton--campus:hover{border-color:var(--color-accent);color:var(--color-accent)}.boton--secundario{border-color:var(--border-medium);background:var(--bg-glass);color:var(--text-secondary)}.boton--secundario:hover:not(:disabled){border-color:var(--color-primary);color:var(--text-primary)}@media (prefers-reduced-motion:reduce){.boton:hover:not(:disabled){transform:none}}.nota-pie{margin-top:var(--space-lg);text-align:center;color:var(--text-muted);font-size:.75rem;line-height:1.5}.cargando{padding:var(--space-2xl) 0;text-align:center;color:var(--text-muted);font-size:.875rem}.sesion-encabezado{align-items:center;gap:var(--space-md);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-subtle);display:flex}.avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;flex-shrink:0;place-items:center;width:2.75rem;height:2.75rem;font-size:.875rem;font-weight:600;display:grid}.sesion-encabezado h2{font-size:1rem;font-weight:600;line-height:1.3}.sesion-sub{color:var(--text-muted);overflow-wrap:anywhere;font-size:.8125rem}.datos{margin:var(--space-lg) 0;gap:var(--space-md);display:grid}.datos>div{justify-content:space-between;gap:var(--space-md);font-size:.8125rem;display:flex}.datos dt{color:var(--text-muted);white-space:nowrap}.datos dd{color:var(--text-primary);text-align:right;overflow-wrap:anywhere}.datos .vacio{color:var(--text-muted);font-style:italic}.capitalizar{text-transform:capitalize}.integracion{margin-bottom:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid;font-size:.8125rem;line-height:1.55}.integracion strong{font-weight:600}.integracion .boton{margin-top:var(--space-md)}.integracion-detalle{margin-top:var(--space-sm);color:var(--text-muted)}.integracion--ok{color:#86efac;background:#22c55e14;border-color:#22c55e4d}.integracion--pendiente{color:#fcd34d;background:#f59e0b14;border-color:#f59e0b4d}.integracion--error{color:#fca5a5;background:#ef444414;border-color:#ef44444d}@media (width<=48rem){.pantalla{padding:var(--space-lg);justify-content:center}}@media (width<=26rem){.tarjeta{padding:var(--space-xl) var(--space-lg)}.datos>div{gap:var(--space-xs);flex-direction:column}.datos dd{text-align:left}}