:root{--login-icon-size: 2rem;--login-icon-color: var(--color-primary);--login-icon-width: 120px;--login-icon-height: 120px;--hero-strip-height: var(--space-9);--background-image-login-mobile: url(/public/assets/media/login-empresa-bg-mobile.avif);--background-image-login: url(/public/assets/media/login-empresa-bg.avif)}footer{position:static;width:100%;margin-top:auto;flex-shrink:0;display:flex;justify-content:center}.login-page{min-height:calc(100svh - var(--space-height-pallete));display:grid;place-items:center;flex:1;padding:var(--space-6) var(--space-4)}.login-card{width:min(420px,100%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);display:grid;gap:var(--space-3)}.login-logo{height:4rem;margin-inline:auto;aspect-ratio:9/2}.login-card h1{margin:0;font-size:var(--text-2xl);text-align:center}.login-subtitle{margin:0;color:var(--color-text-soft);text-align:center}.login-form{display:grid;gap:var(--space-2);margin-bottom:var(--space-1)}.login-form label{font-size:var(--text-sm);font-weight:600}.login-form input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:.7rem .8rem}.password-wrapper{position:relative;display:grid}.password-wrapper input{padding-right:2.75rem}.password-toggle{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-text-soft);padding:.25rem;display:flex;align-items:center;font-size:1.1rem;line-height:1}.password-toggle:focus-visible{outline:2px solid var(--color-primary);border-radius:var(--radius-sm)}.password-toggle__icon{width:1rem;height:1rem;display:block}.login-form .btn{margin-top:var(--space-2);width:100%}.login-feedback{margin:0;min-height:1.25rem;color:var(--color-danger);font-size:var(--text-sm)}.login-back{text-align:right;font-size:var(--text-sm)}.login-options{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-2)}.card-option{cursor:pointer;background-color:var(--color-secondary);color:var(--color-secondary-contrast);padding:var(--space-3);display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-radius:var(--radius-lg);margin-top:var(--space-2);position:relative;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}@media(hover:hover)and (pointer:fine){.card-option:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 16px 34px #0a0f1e59;z-index:1}}.card-option:focus-within{transform:scale(1.03) translateY(-1px);box-shadow:0 14px 30px #0a0f1e4d;z-index:1}@media(hover:none)and (pointer:coarse){.card-option:active{transform:scale(1.03) translateY(-1px);box-shadow:0 14px 30px #0a0f1e4d;z-index:1}}.card-option h2{margin:0;font-size:var(--text-2xl)}.card-option p{margin:0 0 var(--space-2) 0;font-size:var(--text-sm);text-align:center}.card-option .icon-option{font-size:var(--login-icon-size);margin-bottom:0;filter:brightness(0) invert(1);padding:var(--space-2);width:var(--login-icon-width);height:var(--login-icon-height)}.hero-content{position:absolute;top:0;left:0;background:#fff;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-6);gap:var(--space-4);max-height:var(--space-9)}.hero-text{max-width:500px}.hero-text h2{margin:0;font-size:var(--text-sm);font-weight:400}.hero-logo-img{height:5rem}@media screen and (max-width:767px){footer{position:static;margin-top:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}.login-back{width:max-content;justify-self:end}.login-page{flex:0 0 auto;min-height:calc(100dvh - var(--space-height-pallete));min-height:calc(100dvh - var(--space-height-pallete) - env(safe-area-inset-bottom));place-items:start center;align-content:start;padding-top:calc(var(--space-6) + env(safe-area-inset-top));padding-right:calc(var(--space-4) + env(safe-area-inset-right));padding-bottom:var(--space-6);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));padding-left:calc(var(--space-4) + env(safe-area-inset-left))}.login-card{padding:var(--space-4);gap:var(--space-2)}.login-card-empresa{margin-top:5rem}.login-options{flex-direction:column;gap:var(--space-3)}.login-empresa-page{--hero-strip-height: var(--space-9);background-image:var(--background-image-login-mobile);background-repeat:no-repeat;background-position:center var(--hero-strip-height);background-size:cover}.hero-text h2{font-size:var(--text-xs)}.hero-logo-img{height:3rem}.login-card-empresa{margin-top:var(--space-9)}.login-form{gap:var(--space-1)}}@media screen and (min-width:768px)and (max-width:1023px){.login-empresa-page{background-image:var(--background-image-login);background-repeat:no-repeat;background-position:center;background-size:cover}footer{position:static;margin-top:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}.login-back{width:max-content;justify-self:end}.login-page{flex:0 0 auto;min-height:calc(100dvh - var(--space-height-pallete));min-height:calc(100dvh - var(--space-height-pallete) - env(safe-area-inset-bottom));place-items:start center;align-content:start;padding-top:calc(var(--space-6) + env(safe-area-inset-top));padding-right:calc(var(--space-4) + env(safe-area-inset-right));padding-bottom:var(--space-6);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));padding-left:calc(var(--space-4) + env(safe-area-inset-left))}.login-card{padding:var(--space-4);gap:var(--space-2)}.login-card-empresa{margin-top:5rem}.login-options{flex-direction:column;gap:var(--space-3)}.login-empresa-page{--hero-strip-height: var(--space-9);background-image:var(--background-image-login-mobile);background-repeat:no-repeat;background-position:center var(--hero-strip-height);background-size:cover}.hero-text h2{font-size:var(--text-xs)}.hero-logo-img{height:3rem}.login-card-empresa{margin-top:var(--space-9)}.login-form{gap:var(--space-1)}}@media screen and (min-width:1024px){.login-empresa-page{background-image:var(--background-image-login);background-repeat:no-repeat;background-size:cover;place-items:start;padding-left:var(--space-6)}.login-card{min-width:60%}.login-options{flex-direction:row;justify-content:space-around}.card-option{width:45%}.login-card-empresa{min-width:auto}}
/*# sourceMappingURL=login.css.map */