.login-escena{--ln-celda:color-mix(in srgb, var(--foreground) 20%, var(--background));--ln-punto:color-mix(in srgb, var(--foreground) 24%, transparent);--ln-barrido-color:color-mix(in srgb, var(--primary) 12%, transparent);--mx:50%;--my:40%;background-image:radial-gradient(72rem 44rem at 12% -12%, var(--luz-ambiente), transparent 70%), radial-gradient(56rem 40rem at 100% 112%, color-mix(in srgb, var(--foreground) 3%, transparent), transparent 70%)}.dark .login-escena{--ln-celda:color-mix(in srgb, var(--foreground) 17%, var(--background));--ln-punto:color-mix(in srgb, var(--foreground) 20%, transparent);--ln-barrido-color:color-mix(in srgb, var(--primary) 9%, transparent)}.ln-fondo{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ln-halo{background:radial-gradient(closest-side, var(--luz-halo), transparent);opacity:0;width:40rem;height:40rem;transition:opacity .42s var(--ease-snap);will-change:transform;border-radius:50%;position:absolute;top:-20rem;left:-20rem}.ln-barrido{background:linear-gradient(90deg, transparent, var(--ln-barrido-color) 50%, transparent);opacity:0;width:36%;position:absolute;top:-30%;bottom:-30%;left:0}.ln-iso{--iso-ancho:11.5rem;--paso:calc(var(--iso-ancho) / 20);width:var(--iso-ancho);aspect-ratio:20/13;position:relative}@media (min-width:640px){.ln-iso{--iso-ancho:16rem}}@media (min-width:1024px){.ln-iso{--iso-ancho:20rem}}.ln-reticula{z-index:-1;inset:calc(var(--paso) * -14) calc(var(--paso) * -66) calc(var(--paso) * -30) calc(var(--paso) * -20);pointer-events:none;background-image:radial-gradient(circle at center, var(--ln-punto) 0 1px, transparent 1.5px);background-size:var(--paso) var(--paso);position:absolute;-webkit-mask-image:radial-gradient(34% 46% at 28.3% 36%,#000 0%,#0000008c 45%,#0000 100%);mask-image:radial-gradient(34% 46% at 28.3% 36%,#000 0%,#0000008c 45%,#0000 100%)}@media (min-width:1024px){.ln-reticula{-webkit-mask-image:radial-gradient(52% 62% at 46% 42%,#000 0%,#0009 50%,#0000 100%);mask-image:radial-gradient(52% 62% at 46% 42%,#000 0%,#0009 50%,#0000 100%)}}.ln-reticula-luz{background-image:radial-gradient(circle at center, var(--primary) 0 1.4px, transparent 2px);opacity:0;transition:opacity .42s var(--ease-snap);-webkit-mask-image:radial-gradient(15rem circle at var(--mx) var(--my), #000 0%, transparent 72%);-webkit-mask-image:radial-gradient(15rem circle at var(--mx) var(--my), #000 0%, transparent 72%);mask-image:radial-gradient(15rem circle at var(--mx) var(--my), #000 0%, transparent 72%)}[data-luz-activa] .ln-reticula-luz,[data-luz-activa] .ln-halo{opacity:1}.ln-celdas{transform-origin:90%;position:absolute;inset:0}.ln-celda{left:calc((var(--c) + .06) * 5%);top:calc((var(--f) + .06) * 100% / 13);background:color-mix(in srgb, var(--primary) calc(var(--l,0) * 55%), var(--ln-celda));border-radius:1px;width:4.4%;height:6.76923%;position:absolute}.ln-celda-oro{background:var(--primary)}.ln-oro-halo{background:var(--primary);opacity:.3;width:15%;height:23.0769%;filter:blur(calc(var(--paso) * 1.1));position:absolute;top:38.4615%;left:85%}.ln-tarjeta{border-color:color-mix(in srgb, var(--foreground) 10%, transparent);position:relative}.ln-tarjeta:before{content:"";background:linear-gradient(90deg, transparent, var(--luz-borde), transparent);pointer-events:none;height:1px;position:absolute;top:-1px;left:12%;right:12%}.ln-entrar{transition-property:transform,scale,background-color,box-shadow,filter}.ln-cara{transition:opacity .18s var(--ease-snap), transform .22s var(--ease-snap)}.ln-cara-fuera{opacity:0;transform:translateY(6px)}.ln-entrar[data-estado=exito]{box-shadow:inset 0 1px 0 #ffffff52, 0 0 0 4px var(--foco-halo), 0 12px 32px -10px var(--primary)}.ln-tarjeta:after{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:0;pointer-events:none;width:38%;height:1px;position:absolute;top:-1px;left:0}.ln-tarjeta[data-estado=exito]:after{opacity:1;width:88%;transition:opacity .2s var(--ease-snap);left:6%}.ln-velo{z-index:70;pointer-events:none;background:radial-gradient(40rem 40rem at var(--vx) var(--vy), color-mix(in srgb, var(--primary) 16%, var(--background)), var(--background) 70%);clip-path:circle(150% at var(--vx) var(--vy));position:fixed;inset:0}@media (hover:hover){.ln-entrar:hover{box-shadow:0 10px 28px -10px color-mix(in srgb, var(--primary) 70%, transparent)}}@keyframes ln-aparece{0%{opacity:0}}@keyframes ln-entra{0%{opacity:0;transform:translateY(10px)}}@keyframes ln-encaja{0%{opacity:0;transform:translate(calc(var(--dx) * 114%), calc(var(--dy) * 114%)) rotate(var(--g)) scale(.35)}45%{opacity:1}to{opacity:1;transform:none}}@keyframes ln-destello{0%{opacity:0;transform:scale(.6)}45%{opacity:.8;transform:scale(1.25)}to{opacity:.3;transform:none}}@keyframes ln-asienta{0%{scale:1.06}to{scale:1}}@keyframes ln-recorre{0%{opacity:0;transform:translate(-40%)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(240%)}}@keyframes ln-velo-crece{0%{clip-path:circle(0 at var(--vx) var(--vy))}to{clip-path:circle(150% at var(--vx) var(--vy))}}@keyframes ln-barre{0%{opacity:0;transform:translate(-110%)skew(-14deg)}25%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(310%)skew(-14deg)}}@media (prefers-reduced-motion:no-preference){.ln-reticula:not(.ln-reticula-luz){animation:ln-aparece var(--ln-reticula-dur) var(--ease-snap) var(--ln-reticula-ini) both}.ln-celdas{animation:ln-asienta var(--ln-camara-dur) var(--ease-snap) var(--ln-camara-ini) both}.ln-celda{animation:ln-encaja var(--ln-celda-dur) var(--ease-glide) var(--r) both}.ln-celda-oro{animation-duration:var(--ln-oro-dur)}.ln-oro-halo{animation:ln-destello var(--ln-destello-dur) ease-out var(--ln-destello-ini) both}.ln-tarjeta[data-estado=cargando]:after{animation:ln-recorre 1.1s var(--ease-fluid) infinite}.ln-velo{animation:ln-velo-crece .42s var(--ease-fluid) .12s both}.ln-aviso{animation:ln-entra .18s var(--ease-snap) both}.ln-barrido{animation:ln-barre var(--ln-barrido-dur) var(--ease-fluid) var(--ln-barrido-ini) both}.ln-tarjeta{animation:ln-entra var(--ln-form-dur) var(--ease-snap) var(--ln-form-ini) both}.ln-sub{animation:ln-entra var(--ln-form-dur) var(--ease-snap) calc(var(--ln-form-ini) + .22s) both}.ln-titular[data-titular=espera]{animation:ln-entra .32s var(--ease-snap) var(--ln-titular-seguro) both}.ln-error{animation:ln-entra .22s var(--ease-snap) both}}
