.lg{--lg-navy:#00295b;--lg-hondo:#001129;--lg-cristal:#020e2257;--lg-filete:#ffffff29;--lg-resorte:cubic-bezier(.22, 1, .36, 1);background:var(--lg-hondo);isolation:isolate;place-items:center;min-height:100dvh;padding:clamp(18px,4vw,48px);display:grid;position:relative;overflow:hidden}.lg-pase{z-index:0;position:absolute;inset:0}.lg-pase img{object-fit:cover;opacity:0;width:100%;height:100%;animation:var(--lg-vuelta) linear infinite;animation-delay:var(--lg-turno);will-change:opacity;position:absolute;inset:0}@keyframes lg-pasar-2{0%{opacity:0}10%{opacity:1}50%{opacity:1}60%{opacity:0}to{opacity:0}}@keyframes lg-pasar-3{0%{opacity:0}6.7%{opacity:1}33.3%{opacity:1}40%{opacity:0}to{opacity:0}}@keyframes lg-pasar-4{0%{opacity:0}5%{opacity:1}25%{opacity:1}30%{opacity:0}to{opacity:0}}.lg-pase[data-n="2"] img{animation-name:lg-pasar-2}.lg-pase[data-n="3"] img{animation-name:lg-pasar-3}.lg-pase[data-n="4"] img{animation-name:lg-pasar-4}.lg-campo{z-index:0;will-change:transform;background:radial-gradient(42% 46% at 22% 28%,#00aee26b,#0000 68%),radial-gradient(38% 42% at 78% 72%,#13aee047,#0000 66%),linear-gradient(160deg,#001129 12%,#00295b 58%,#0a3b73 100%);animation:34s ease-in-out infinite alternate lg-derivar;position:absolute;inset:-20%}@keyframes lg-derivar{0%{transform:translate(-3%,-2%)scale(1.02)}to{transform:translate(3%,2%)scale(1.08)}}.lg-velo{z-index:1;background:radial-gradient(34% 42%,#000a1ad1,#000a1a57 68%,#000a1a00 100%),linear-gradient(#000a1a52 0%,#000a1a0f 44%,#000a1a75 100%);position:absolute;inset:0}.lg-cristal{z-index:2;border:1px solid var(--lg-filete);background:var(--lg-cristal);width:min(462px,100%);animation:lg-entrar .52s var(--lg-resorte) both;border-radius:24px;padding:36px 34px 30px;position:relative;box-shadow:inset 0 1px #fff3,0 40px 100px #000510b3}@keyframes lg-entrar{0%{opacity:0;transform:translateY(12px)scale(.97)}}.lg-marca{filter:drop-shadow(0 2px 12px #000816cc);width:auto;max-width:230px;height:40px;margin:0 auto 24px;display:block}.lg-marca[data-aplanar=si]{filter:brightness(0)invert()drop-shadow(0 2px 10px #000816b3)}.lg-form{gap:6px;display:grid}.lg-campo-t+.lg-rot{margin-top:6px}.lg-rot{font:700 10px/1.2 var(--font-inter,system-ui, sans-serif);letter-spacing:.1em;text-transform:uppercase;color:#ffffffc7;margin:0}.lg-campo-t{color:#fff;width:100%;min-height:40px;font:400 13.5px/1 var(--font-inter,system-ui, sans-serif);background:#03102457;border:1px solid #ffffff47;border-radius:11px;padding:0 13px;transition:border-color .14s,background .14s}.lg-campo-t::placeholder{color:#ffffff85}.lg-campo-t:focus{background:#ffffff29;border-color:#fff9;outline:none}.lg-campo-t:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;-webkit-box-shadow:inset 0 0 0 1000px #092040f0}.lg-entrar{width:100%;min-height:42px;color:var(--lg-navy);font:600 13.5px/1 var(--font-inter,system-ui, sans-serif);cursor:pointer;transition:transform .14s var(--lg-resorte), box-shadow .14s;background:#fff;border:0;border-radius:12px;margin-top:18px}.lg-entrar:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px -14px #000c}.lg-entrar:disabled{opacity:.6;cursor:default}.lg-o{align-items:center;gap:12px;margin:18px 0;display:flex}.lg-o span{background:#ffffff3d;flex:auto;height:1px}.lg-o b{font:400 11px/1 var(--font-inter,system-ui, sans-serif);color:#ffffffc7;flex:none}.lg-otra{text-shadow:0 1px 6px #00081699;color:#ffffffb8;width:100%;min-height:40px;font:400 13px/1.4 var(--font-inter,system-ui, sans-serif);cursor:pointer;background:0 0;border:0;margin-top:0;padding:0 8px;display:block}.lg-otra:hover{color:#fff;text-decoration:underline}.lg-aviso{font:400 13px/1.45 var(--font-inter,system-ui, sans-serif);color:#fff;background:#c8102e57;border:1px solid #fff3;border-radius:11px;margin:0;padding:11px 14px}.lg-aviso[data-bien=si]{background:#ffffff24}.lg[data-fondo=claro]{--lg-tinta:#0b2545;--lg-marca-azul:#004a8d;--lg-filete:#004a8c24;background:#fafafa}.lg[data-fondo=claro] .lg-campo{background:#fafafa;animation:none}.lg[data-fondo=claro] .lg-velo{background:radial-gradient(40% 46%,#ffffff8c,#fff0 72%)}.lg[data-fondo=claro] .lg-cristal{background:#ffffffb8;box-shadow:inset 0 1px #ffffffe6,0 30px 70px -30px #002a5461}.lg[data-fondo=claro] .lg-marca,.lg[data-fondo=claro] .lg-marca[data-aplanar=si]{filter:drop-shadow(0 1px 2px #002a541a)}.lg[data-fondo=claro] .lg-campo-t{color:#20262f;background:#fff9;border-color:#c3cad7b3}.lg[data-fondo=claro] .lg-campo-t::placeholder{color:#0b2545b3}.lg[data-fondo=claro] .lg-campo-t:focus{border-color:var(--lg-marca-azul);background:#fff}.lg[data-fondo=claro] .lg-campo-t:-webkit-autofill{-webkit-text-fill-color:var(--lg-tinta);caret-color:var(--lg-tinta);-webkit-box-shadow:inset 0 0 0 1000px #fff}.lg[data-fondo=claro] .lg-entrar{background:var(--lg-marca-azul);color:#fff}.lg[data-fondo=claro] .lg-entrar:hover:not(:disabled){box-shadow:0 12px 26px -14px #002a548c}.lg[data-fondo=claro] .lg-otra{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#20262f;min-height:42px;font:600 12.5px/1.3 var(--font-inter,system-ui, sans-serif);text-shadow:none;background:#ffffff73;border:1px solid #fff9;border-radius:12px;justify-content:center;align-items:center;padding:0 16px;display:flex}.lg[data-fondo=claro] .lg-otra:hover{color:var(--lg-marca-azul);background:#ffffffa8;text-decoration:none}.lg[data-fondo=claro] .lg-rot{color:#0b2545bd}.lg[data-fondo=claro] .lg-o span{background:#004a8c33}.lg[data-fondo=claro] .lg-o b{color:#0b2545bd}.lg[data-fondo=claro] .lg-aviso{color:#8c0f22;background:#c8102e17;border-color:#c8102e52}.lg[data-fondo=claro] .lg-aviso[data-bien=si]{color:var(--lg-tinta);background:#004a8c14;border-color:#004a8c33}.lg-marca-fondo{z-index:0;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.lg-marca-fondo img{opacity:.2;width:76%;min-width:900px;max-width:none}@media (max-width:900px){.lg-marca-fondo img{width:100%;min-width:0}}@media (max-width:420px){.lg-cristal{padding:28px 20px 24px}}.lg[data-pie=si]{padding-bottom:clamp(56px,9vw,76px)}.lg-pie{z-index:1;text-align:center;text-wrap:balance;font:400 10.5px/1.45 var(--font-inter,system-ui, sans-serif);color:#ffffffc2;text-shadow:0 1px 6px #00081699;margin:0;padding:0 20px;position:absolute;bottom:22px;left:0;right:0}.lg[data-fondo=claro] .lg-pie{color:#0b2545bd;text-shadow:none}@media (prefers-reduced-motion:reduce){.lg-pase img,.lg-campo,.lg-cristal{animation:none}.lg-pase img:first-child{opacity:1}}