/* Approved panoramic login. No application, authentication or print changes. */
#login{display:flex;justify-content:flex-end;align-items:center;min-height:100vh;min-height:100dvh;padding:32px 4vw;background-image:url('assets/malecon-login-personas-v3.png');background-size:cover;background-position:center;background-repeat:no-repeat}
#login .hero{display:none}
#login .loginbox{width:480px;max-width:100%;padding:30px 32px 24px;margin:0;align-self:auto;background:#fffffffa;backdrop-filter:none;border:1px solid #e2e9ee;border-radius:20px;box-shadow:0 16px 45px #103c6326}
#login .login-identity{text-align:center;border-bottom:1px solid #dbe3eb;padding-bottom:18px;margin-bottom:18px}
#login .login-identity img{width:114px;height:114px;object-fit:contain;display:block;margin:0 auto 10px}
#login .login-identity h1{font-size:30px;letter-spacing:-.7px;color:#073667;margin:0 0 6px;line-height:1.15}
#login .login-identity p{font-size:15px;color:#647b94;margin:0;line-height:1.4}
#login .loginbox h2{margin:0 0 8px;text-align:center;font-size:28px;color:#073667}
#login .loginbox>p.small:first-of-type{text-align:center;margin:0 0 10px;line-height:1.5}
#login label{color:#0b3864;font-size:13px;margin-top:16px}
#login input,#login select{border-color:#ccd8e3;min-height:46px;font-size:14px;border-radius:9px}
#login .password-field{position:relative}
#login .password-field input{padding-right:46px}
#login .password-toggle{position:absolute;right:3px;top:3px;width:40px;height:40px;border:0;background:transparent;color:#224c75;border-radius:7px;display:grid;place-items:center}
#login .password-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
#login button:focus-visible,#login input:focus-visible,#login select:focus-visible{outline:3px solid #6caee0;outline-offset:2px}
#login .primary{min-height:48px;border-radius:9px}
#login .login-footer{display:flex;align-items:center;gap:12px;justify-content:center;text-align:center;font-size:12px;color:#71859b;margin:22px 0 0}
#login .login-footer::before,#login .login-footer::after{content:'';height:1px;background:#dbe3eb;flex:1}
@media(max-height:740px) and (min-width:761px){#login{padding:20px 4vw}#login .loginbox{padding:22px 28px 18px}#login .login-identity{padding-bottom:13px;margin-bottom:13px}#login .login-identity img{width:85px;height:85px}#login .loginbox h2{font-size:25px}#login label{margin-top:12px}}
@media(max-width:760px){#login{justify-content:center;padding:24px 16px;background-position:35% center;background-size:cover}#login .loginbox{width:430px;padding:25px 23px;border-radius:17px}#login .login-identity h1{font-size:27px}#login .login-identity img{width:94px;height:94px}#login input,#login select{font-size:16px}}