:root{--marca:#1352de;--marca-claro:#4c82f7;--marca-oscuro:#0b3aa8;--tinta:#0f172a;--gris:#64748b;--gris-claro:#94a3b8;--borde:#e2e8f0;--error:#b91c1c}.login-layout,.login-layout *{box-sizing:border-box;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.login-layout{min-height:100vh;color:var(--tinta);background:radial-gradient(at 50% 45%,#5b87a8 0%,#23415e 55%,#101d2e 100%);place-items:center;padding:20px;display:grid;position:relative;overflow:hidden}.login-bg{object-fit:cover;filter:blur(5px)saturate(1.08);opacity:0;z-index:0;width:100%;height:100%;transition:opacity 1s;position:absolute;inset:0;transform:scale(1.04)}.login-bg.lista{opacity:1}.login-velo{z-index:2;background:radial-gradient(55% 55% at 50% 52%,#080f1e8c,#0000 70%),linear-gradient(#080f1e9e,#080f1e4d 45%,#080f1ec7);position:absolute;inset:0}.login-cielo{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}@keyframes nube-cruza{0%{transform:translate(-40vw)}to{transform:translate(135vw)}}.nube{will-change:transform;animation:linear infinite nube-cruza;position:absolute;left:0}.login-caja{z-index:3;width:100%;max-width:380px;position:relative}.login-marca{text-align:center;margin-bottom:26px}.marca-tile{width:64px;height:64px;margin:0 auto 16px;position:relative}.marca-tile:before{content:"";background:var(--marca);filter:blur(18px);opacity:.55;border-radius:18px;position:absolute;inset:0}.marca-tile-inner{background:#fff;border:1px solid #fff9;border-radius:18px;place-items:center;width:64px;height:64px;display:grid;position:relative;box-shadow:0 10px 28px #0b3aa859,0 2px 6px #0000001f}.marca-tile-inner img{object-fit:contain;width:40px;height:40px}.login-marca h1{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.7rem;font-weight:700;line-height:1.15}.login-marca h1 .acento{color:var(--marca-claro)}.login-marca p{color:#fffc;margin:6px 0 0;font-size:.875rem}.marca-pastillas{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.marca-pastillas span{color:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:11px;font-weight:500;display:inline-flex}.marca-pastillas i{color:var(--marca-claro)}.login-tarjeta{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #ffffff2e;border-radius:18px;padding:24px;box-shadow:0 24px 60px #02081473}.campo{margin-bottom:16px}.campo label{color:var(--gris);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.campo-input{position:relative}.campo-input>i{color:var(--gris-claro);pointer-events:none;font-size:13px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.campo-input input{border:1px solid var(--borde);width:100%;color:var(--tinta);background:#ffffffbf;border-radius:12px;outline:none;padding:11px 14px 11px 38px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.campo-input input:focus{border-color:var(--marca);box-shadow:0 0 0 3px #1352de2e}.campo-input input::placeholder{color:var(--gris-claro)}.ver-pass{cursor:pointer;color:var(--gris-claro);background:0 0;border:0;padding:4px 6px;font-size:13px;transition:color .15s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.ver-pass:hover{color:var(--marca)}.alerta{color:var(--error);background:#fef2f2;border-radius:12px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:13.5px;display:flex}.alerta i{flex-shrink:0;margin-top:2px}.btn-entrar{background:var(--marca);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,transform 50ms;display:inline-flex;box-shadow:0 4px 14px #1352de4d}.btn-entrar:hover{background:var(--marca-oscuro)}.btn-entrar:active{transform:translateY(1px)}.btn-entrar:disabled{opacity:.7;cursor:default}.login-pie{text-align:center;color:#ffffffb8;margin-top:18px;font-size:12px;display:block}.login-badge{letter-spacing:.12em;text-transform:uppercase;color:#fff9;margin-top:10px;font-size:10px;display:inline-block}@keyframes entra{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.entra{animation:.55s cubic-bezier(.22,1,.36,1) both entra}.entra-2{animation-delay:80ms}@media (prefers-reduced-motion:reduce){.entra,.nube{animation:none}.nube{transform:translate(30vw)}.login-bg{transition:none}}@media (max-width:420px){.login-marca h1{font-size:1.45rem}.login-tarjeta{padding:20px}}