.login-foto{background-image:url(/branding/login-fondo.webp);background-position:15%;background-repeat:no-repeat;background-size:cover}@media (max-width:767px){.login-foto{background-position:14% 0}}.login-velo{background:radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--gx-accent) 22%, transparent), transparent 45%), radial-gradient(ellipse at 0% 100%, color-mix(in srgb, var(--gx-accent) 16%, transparent), transparent 40%), linear-gradient(90deg, #0000001a 0%, #000000b8 55%, #000000e0 100%)}@media (max-width:767px){.login-velo{background:radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--gx-accent) 20%, transparent), transparent 50%), linear-gradient(180deg, #00000040 0%, #000000c7 45%, #000000eb 100%)}}.login-vineta{background:radial-gradient(#0000 38%,#000000b3 100%)}.login-tarjeta{background:color-mix(in srgb, var(--gx-field-bg) 30%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid color-mix(in srgb, var(--gx-accent) 38%, transparent);box-shadow:0 0 64px -12px color-mix(in srgb, var(--gx-accent) 30%, transparent), 0 40px 90px -30px #000000d9;text-shadow:0 1px 10px #000000b3}.login-tarjeta .login-boton,.login-tarjeta .gx-campo{text-shadow:none}.login-panel-form{position:relative}.login-panel-form:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, var(--gx-accent), transparent);height:1px;box-shadow:0 0 14px color-mix(in srgb, var(--gx-accent) 65%, transparent);position:absolute;top:0;left:8%;right:8%}@media (min-width:768px){.login-panel-form:before{background:linear-gradient(180deg, transparent, var(--gx-accent) 50%, transparent);width:1px;height:auto;inset:0 auto 0 0}}@keyframes login-pulso{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.75;transform:scale(1.08)}}.login-halo{pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--gx-accent) 26%, transparent), transparent);animation:4.5s ease-in-out infinite login-pulso;position:absolute;inset:-30% -10%}@keyframes login-dibuja{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.login-linea{transform-origin:0;animation:.9s ease-out 1s both login-dibuja}@keyframes login-destello{0%{opacity:0;transform:rotate(-52deg)translate(-260px)}15%,70%{opacity:.9}to{opacity:0;transform:rotate(-52deg)translate(260px)}}.login-destello{background:linear-gradient(90deg, transparent, var(--gx-accent), transparent);width:150px;height:2px;animation:7s ease-in-out infinite login-destello;position:absolute}@keyframes login-contorno{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.login-contorno{stroke-dasharray:1;stroke-dashoffset:1px;animation:2.4s ease-out .7s forwards login-contorno}.login-campo .login-icono{color:var(--gx-muted-dim);transition:color .2s}.login-campo:focus-within .login-icono{color:var(--gx-accent)}.login-campo{transition:transform .25s,opacity .25s}.login-campo[data-foco=activo]{transform:scale(1.04)}.login-campo[data-foco=inactivo]{opacity:.6;transform:scale(.95)}.login-boton{box-shadow:0 0 30px -8px color-mix(in srgb, var(--gx-accent) 60%, transparent);transition:transform .15s,box-shadow .2s,opacity .2s;position:relative;overflow:hidden}.login-boton:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff80 50%,#0000 70%);transition:transform .6s;position:absolute;inset:0;transform:translate(-120%)}.login-boton:hover:not(:disabled){box-shadow:0 12px 34px -8px color-mix(in srgb, var(--gx-accent) 75%, transparent);transform:translateY(-2px)}.login-boton:hover:not(:disabled):after{transform:translate(120%)}.login-boton:active:not(:disabled){transform:translateY(0)scale(.98)}.login-boton .login-boton-icono{transition:transform .2s}.login-boton:hover:not(:disabled) .login-boton-icono{transform:translate(3px)}.login-boton:disabled:not([data-ocupado]){opacity:.4;box-shadow:none;filter:saturate(.5)}.login-boton:focus-visible{outline:2px solid var(--gx-ink);outline-offset:3px}@media (prefers-reduced-motion:reduce){.login-halo,.login-destello{animation:none}.login-destello{display:none}.login-linea{animation:none}.login-contorno{stroke-dashoffset:0;animation:none}.login-boton,.login-boton:after,.login-boton .login-boton-icono,.login-campo .login-icono,.login-campo{transition:none}.login-campo[data-foco=activo],.login-campo[data-foco=inactivo],.login-boton:hover:not(:disabled),.login-boton:active:not(:disabled){transform:none}}