.login-page{min-height:100dvh;display:grid;place-items:center;padding:var(--space-6);background:radial-gradient(1200px 600px at 80% -10%,rgba(60,46,255,.35),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(1,213,251,.18),transparent 55%),var(--brand-navy)}.login-card{width:100%;max-width:400px;background:#101b38;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-8);color:#f2f5fb}.login-logo{font-weight:700;font-size:var(--fs-h1);letter-spacing:.06em;color:#ffffff;margin:0 0 var(--space-2)}.login-lineas{display:grid;grid-gap:3px;gap:3px;width:72px;margin-bottom:var(--space-6)}.login-lineas span{height:3px;border-radius:2px}.login-lineas span:first-child{background:var(--brand-cyan);width:100%}.login-lineas span:nth-child(2){background:linear-gradient(90deg,var(--brand-cyan),var(--brand-indigo));width:80%}.login-lineas span:nth-child(3){background:var(--brand-indigo);width:60%}.login-titulo{font-size:var(--fs-h2);font-weight:600;margin:0 0 var(--space-1)}.login-subtitulo{font-size:var(--fs-body);color:#b9c2d8;margin:0 0 var(--space-6)}.login-campo{margin-bottom:var(--space-4)}.login-label{display:block;font-size:var(--fs-sm);font-weight:600;color:#dde3f0;margin-bottom:var(--space-1)}.login-input{width:100%;min-height:var(--target-min);padding:0 var(--space-3);font-size:var(--fs-body-lg);font-family:inherit;color:#f2f5fb;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-sm)}.login-input::placeholder{color:#8a94ab}.login-input:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:2px;border-color:var(--brand-cyan)}.login-input[aria-invalid=true]{border-color:#ff8f86}.login-campo-ojo{position:relative;display:block}.login-input-con-ojo{padding-right:calc(var(--target-min) + var(--space-2))}.login-ojo{position:absolute;right:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;min-width:var(--target-min);min-height:var(--target-min);padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:#b9c2d8;cursor:pointer;transition:color var(--t-fast) var(--ease-out)}.login-ojo:hover{color:#f2f5fb}.login-ojo:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:-2px;color:#f2f5fb}.login-ojo[aria-pressed=true]{color:var(--brand-cyan)}.login-boton{width:100%;min-height:var(--target-min);margin-top:var(--space-2);border:none;border-radius:var(--radius-sm);background:var(--brand-indigo);color:#ffffff;font-family:inherit;font-size:var(--fs-body-lg);font-weight:600;cursor:pointer;transition:background var(--t-fast) var(--ease-out)}.login-boton:hover:not(:disabled){background:#2a1fcc}.login-boton:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:2px}.login-boton:disabled{opacity:.6;cursor:not-allowed}.login-error{display:flex;align-items:center;gap:var(--space-2);min-height:var(--target-min);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4);border-radius:var(--radius-sm);border:1px solid rgba(255,143,134,.5);background:rgba(201,84,74,.16);color:#ffd2ce;font-size:var(--fs-body)}.login-pie{margin-top:var(--space-6);font-size:var(--fs-sm);color:#8a94ab}