body{margin:0;padding:0;font-family:"Roboto",sans-serif;color:#4f4f4f;font-size:16px;-webkit-text-size-adjust:100%}.login-pf{margin:0;padding:0;display:flex;align-items:center;justify-content:center;background:#ffffff;--ms-button-bg:#219653;--ms-button-bg-hover:#1b7a43;--ms-button-bg-disabled:#f2f2f2;--ms-button-text:#ffffff;--ms-button-text-disabled:#bdbdbd}.login-pf body{background:#ffffff;width:100%;height:100vh;display:flex;flex-direction:row}.login-pf body div.background{background:#ffffff url(images/7.svg)no-repeat 0 0;background-size:cover;height:100vh;width:65%;padding:32px 56px}.login-pf body div.form{display:flex;flex:1;align-items:center;justify-content:center;padding:58px 51px;height:100vh;input[type="password"]::-ms-reveal,input[type="password"]::-webkit-reveal-password{display:none}}.login-pf-page{display:flex;border:2px solid #f2f2f2;border-radius:25px;padding:64px 56px;justify-content:space-between;flex-direction:column}.login-pf-page .card-pf header{display:flex;gap:8px}.login-pf-page .card-pf{border:none;box-shadow:none;padding:0;margin:0;display:flex;flex-direction:column;gap:60px}.login-pf h1#kc-page-title{text-align:left}.login-pf h1,.login-pf h2,.login-pf input{font-family:"Roboto",sans-serif;overflow:hidden;color:#4f4f4f;text-align:left;outline:none}.login-pf h1{font-weight:700;padding:0;margin:0;line-height:28.8px}.login-pf h2{font-size:16px;font-weight:400;padding:0;margin:0;line-height:21.6px}.login-pf .card-pf{position:relative}.login-pf button{font-size:18px;border-radius:999px;margin-bottom:15px;height:unset;text-align:center;padding:16px;font-weight:700}.login-pf .kc-idp-link-button-primary:not(:disabled){background-color:var(--ms-button-bg);color:var(--ms-button-text);border:none}.login-pf .kc-idp-link-button-primary:not(:disabled):hover,.login-pf .kc-idp-link-button-primary:not(:disabled):focus{background-color:var(--ms-button-bg-hover);color:var(--ms-button-text)}.login-pf .kc-idp-link-button-secondary:not(:disabled){background-color:#ffffff;color:var(--ms-button-bg);border:1px solid #cfe8d7}.login-pf .kc-idp-link-button-secondary:not(:disabled):hover,.login-pf .kc-idp-link-button-secondary:not(:disabled):focus{background-color:#f0fbf2;color:var(--ms-button-bg-hover);border-color:#b7dec6}.login-pf #kc-login-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:10px;background-color:var(--ms-button-bg);color:#ffffff;padding-left:20px;padding-right:20px}.login-pf #kc-login-whatsapp:hover,.login-pf #kc-login-whatsapp:focus{background-color:var(--ms-button-bg-hover);color:#ffffff}.login-pf #kc-login-whatsapp:disabled{background-color:var(--ms-button-bg-disabled);color:var(--ms-button-text-disabled)}.login-pf .kc-turnstile-group{display:flex;justify-content:center;margin-bottom:20px}.login-pf .kc-turnstile-group .cf-turnstile{width:100%;display:flex;justify-content:center}.login-pf #kc-login-whatsapp .kc-whatsapp-icon{display:inline-block;font-size:22px;line-height:1;color:currentColor;flex-shrink:0}.login-pf #kc-login{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding-left:20px;padding-right:20px}.login-pf #kc-login .kc-login-icon{font-size:22px;line-height:1;color:currentColor}.login-pf #kc-login:disabled .kc-login-icon{color:var(--ms-button-text-disabled)}.login-pf .pf-c-button.pf-m-primary{background-color:var(--ms-button-bg);color:var(--ms-button-text);border:none}.login-pf .pf-c-button.pf-m-primary:hover,.login-pf .pf-c-button.pf-m-primary:focus{background-color:var(--ms-button-bg-hover);color:var(--ms-button-text);border:none}.login-pf .pf-c-button.pf-m-primary:disabled{background-color:var(--ms-button-bg-disabled);color:var(--ms-button-text-disabled);border:none}.login-pf button:hover{background-color:var(--ms-button-bg-hover);color:var(--ms-button-text);text-decoration:none}.login-pf button:disabled{background-color:var(--ms-button-bg-disabled);color:var(--ms-button-text-disabled)}.login-pf .form-group{position:relative;margin-right:0;margin-left:0}.login-pf .form-group input.username-input:not([aria-invalid="true"]){border:2px solid #f2f2f2;background-color:transparent}.login-pf .form-group input.username-input::placeholder{color:#e0e0e0}.login-pf .form-group{outline:none}.login-pf .form-group input.username-input:focus-visible:not([aria-invalid="true"]),.login-pf .form-group input.username-input:focus:not([aria-invalid="true"]){border:2px solid #26ab5f;outline:none}.login-pf .form-group:focus-within i{color:#26ab5f}.login-pf .form-group input.username-input{padding:16px 45px 16px;height:unset;border-radius:8px}.login-pf .form-group>i{z-index:99999;position:absolute;top:19px;left:16px;color:#bdbdbd;font-size:20px}.login-pf .form-group button{margin:0;border:none}.login-pf #kc-form-buttons{display:flex;flex-direction:column;gap:12px}.login-pf .kc-turnstile-group+#kc-form-buttons{margin-top:16px}.login-pf #cpf-invalid-message{color:#550000;margin-left:8px}.login-pf .cpf-warning-message{margin-top:6px}.login-pf .cpf-warning-message[hidden]{display:none!important}.login-pf .form-group input.username-input{padding-right:46px}@media (min-width:0px) and (max-width:576px){.login-pf{background:#ffffff}.login-pf body div.background{display:none}.login-pf body div.form{width:100%;min-height:100dvh;height:auto;padding:0;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto}.login-pf-page{width:100%;max-width:100%;margin-top:auto;margin-bottom:auto;padding:32px 20px;border:0;border-radius:0;box-sizing:border-box}.login-pf-page .card-pf{gap:44px}.login-pf .card-pf,.login-pf #kc-form,.login-pf #kc-form-wrapper,.login-pf form,.login-pf #kc-form-buttons{width:100%;min-width:0}.login-pf #kc-form-buttons{align-items:stretch}.login-pf #kc-form-buttons button{width:100%!important;max-width:100%;box-sizing:border-box;min-width:0;padding-right:16px;padding-left:16px;font-size:16px;white-space:normal}.login-pf input,.login-pf .form-group input.username-input{font-size:16px}}@media (max-width:380px){.login-pf-page{padding-right:16px;padding-left:16px}.login-pf #kc-form-buttons button{gap:6px;padding-right:12px;padding-left:12px}}@media (min-width:577px) and (max-width:768px){.login-pf body div.background{display:none}}@media (min-width:769px) and (max-width:992px){.login-pf body div.background{display:none}}@media (min-width:993px) and (max-width:1200px){.login-pf body div.background{width:55%}}@media (min-width:1201px) and (max-width:1920px){.login-pf body div.background{width:60%}}@media (min-width:1921px){.login-pf body div.background{width:70%}}