.entrar-llave{flex-direction:column;gap:10px;display:flex}.login .boton-llave{background:var(--relleno);color:var(--ink);justify-content:center;align-items:center;gap:10px;margin:0;font-weight:600;display:flex}.boton-llave svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}
@view-transition{navigation:auto}.login-marca,.login-titulo{display:none}div.form-entrar{flex-direction:column;gap:10px;width:100%;max-width:340px;display:flex}.form-entrar form,form.form-entrar{transition:opacity .18s var(--salida), transform .18s var(--salida)}html[data-saliendo] .form-entrar form,html[data-saliendo] form.form-entrar{opacity:0;transform:translateY(-6px)}@media (min-width:900px){.login:has(.login-marca){grid-template-columns:1fr 1fr;align-content:stretch;place-items:stretch stretch;gap:0;min-height:100dvh;padding:0}.login.pantalla-bloqueo:has(.login-marca){grid-template-columns:1fr 1fr;align-content:stretch;place-items:stretch stretch;gap:0;min-height:100dvh;padding:0}.login-marca{background:var(--verde);height:100dvh;color:var(--crema);place-items:center;display:grid;position:sticky;top:0}.login-marca-logo{width:250px;height:auto;display:block}.login-lema{text-align:center;color:#fafaf899;animation:entrar-aparece .6s var(--salida) .35s both;margin:0;font-size:15px;position:absolute;bottom:40px;left:0;right:0}.login .form-entrar{place-self:center;width:calc(100% - 96px);max-width:360px;padding:48px 0}.login .form-entrar form{max-width:none}.login .form-entrar form,.login form.form-entrar{animation:entrar-form .5s var(--vt-curva) both}.login .form-entrar .login-legal{animation:entrar-aparece .5s var(--salida) both}.form-entrar h1{clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.login-titulo{letter-spacing:-.02em;color:var(--ink);margin:0 0 14px;font-size:30px;font-weight:700;display:block}#arranque{clip-path:inset(0)}#arranque.panel{clip-path:inset(0 50% 0 0);transition:clip-path .62s var(--vt-curva)}#arranque.panel .arr-centro{transition:transform .62s var(--vt-curva);transform:translate(-25vw)}}@keyframes entrar-form{0%{opacity:0;transform:translate(24px)}}@keyframes entrar-aparece{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.login .form-entrar form,.login form.form-entrar,.login-lema{animation:none}}.pantalla-bloqueo.saliendo,html[data-saliendo] main.login{animation:entrar-sale .56s var(--vt-curva) forwards;pointer-events:none;transform-origin:50% 40%}html[data-saliendo] main.login{animation-duration:.42s}@keyframes entrar-sale{to{opacity:0;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.pantalla-bloqueo.saliendo,html[data-saliendo] main.login{animation:none}}html[data-saliendo] #arranque{opacity:0;transition:opacity .42s var(--vt-curva)}