/* MAXICO LOGIN V013 - reproduce la composicion de la referencia */
html,body{min-height:100%;margin:0}
body.login{min-height:100vh;min-height:100dvh;display:grid!important;grid-template-columns:55% 45%!important;background:#fff;overflow-x:hidden;font-family:'Google Sans Flex',Arial,sans-serif}
body.login .login-photo{height:100vh;height:100dvh;min-height:600px;background-image:url('/assets/portada.jpg')!important;background-repeat:no-repeat;background-size:cover;background-position:41% 50%}
body.login .login-form{height:100vh;height:100dvh;min-height:600px;margin:0;padding:0 clamp(24px,5vw,75px);display:flex;justify-content:center;align-items:stretch}
body.login .login-form>.login-panel{max-width:450px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding-top:clamp(52px,9vh,130px);padding-bottom:30px}
body.login .login-form .brand{display:block;position:relative;flex:none;width:205px;max-width:62%;max-height:none;height:auto;opacity:1;object-fit:contain;margin:0 auto clamp(52px,9vh,115px)}
body.login h1{font-family:'Jost',sans-serif;font-size:clamp(28px,2.35vw,36px);font-weight:700;line-height:1.1;letter-spacing:-.035em;margin:0 0 6px}
body.login .subtitle{margin:0 0 38px;font-size:16px;color:#666;line-height:1.4}
body.login .login-form form.stack{width:100%;display:grid;gap:21px;text-align:left}
body.login .login-form label.float-field{position:relative;display:block;width:100%;color:#777;font:400 15px 'Google Sans Flex',sans-serif}
body.login .float-field>span{position:absolute;top:-9px;left:16px;background:#fff;padding:0 8px;z-index:2;font-size:14px;line-height:18px}
body.login .login-form input:not([type=checkbox]){width:100%;height:54px;box-sizing:border-box;border:1px solid #8acfa9;border-radius:9px;outline:0;font-size:16px;background:#fff;padding:13px 16px;margin:0}
body.login .login-form input:focus{border-color:#277b56;box-shadow:0 0 0 2px #71cda029}
body.login .remember{display:flex;align-items:center;gap:9px;text-align:left;color:#777!important;font-size:14px!important;margin-top:-2px}
body.login .remember input{width:16px;height:16px;margin:0;accent-color:#58b485}
body.login .login-form button{width:74%;min-height:42px;justify-self:center;background:#59b486;border-radius:7px;color:#fff;font:400 15px 'Jost',sans-serif;margin-top:9px;padding:10px}
body.login .forgot{display:block;margin-top:30px;color:#bb579a;font:500 15px 'Jost',sans-serif;text-decoration:none}
body.login .login-form .error{margin:0 0 18px;width:100%}
@media(max-width:800px){body.login{display:flex!important;flex-direction:column!important;min-height:100dvh;overflow:visible}body.login .login-photo{height:33dvh;min-height:195px;max-height:360px;flex:none;background-position:40% 44%}body.login .login-form{height:auto;min-height:67dvh;padding:0 25px 30px;align-items:flex-start}body.login .login-form>.login-panel{height:auto;padding-top:25px;padding-bottom:24px;max-width:430px;margin:auto}body.login .login-form .brand{width:155px;margin-bottom:28px}body.login h1{font-size:27px}body.login .subtitle{margin-bottom:30px;font-size:15px}body.login .login-form button{width:100%}body.login .forgot{margin-top:24px}}
@media(max-width:400px){body.login .login-photo{height:26dvh;min-height:155px}body.login .login-form{padding:0 17px 20px}body.login .login-form>.login-panel{padding-top:17px}body.login .login-form .brand{width:130px;margin-bottom:18px}body.login .login-form form.stack{gap:16px}}