/* Correções finais de composição da identidade Lírio. */
.hero h1 br{display:block}.hero h1{max-width:760px;word-spacing:normal}.hero main{max-width:820px}.hero nav{padding-inline:clamp(1.25rem,5vw,7rem)}
.auth{width:min(100% - 40px,1020px)!important;min-height:100vh!important;margin:auto!important;padding:clamp(34px,7vw,88px)!important;display:grid!important;align-content:center!important;grid-template-columns:minmax(0,1fr) minmax(340px,430px)!important;gap:clamp(42px,8vw,120px)!important;background:transparent!important;box-shadow:none!important;border:0!important;position:relative}.auth:before{content:"PORTAL LÍRIO\A Uma comunidade para caminhar junto.";white-space:pre-line;display:flex;align-items:flex-end;padding:42px;background:linear-gradient(145deg,#111 0%,#171717 64%,#00af69 64%,#00af69 100%);color:#fff;font:800 clamp(34px,4vw,62px)/.9 Manrope,Arial,sans-serif;letter-spacing:-.075em;text-transform:uppercase;min-height:500px}.auth .brand,.auth>.eyebrow,.auth>h1,.auth>p,.auth>form,.auth>.text-link{grid-column:2}.auth .brand{position:absolute;top:42px;right:0;color:#111!important;font-size:14px!important;letter-spacing:.08em}.auth .brand small{color:#00af69}.auth>.eyebrow{color:#00af69!important;font-size:10px!important;letter-spacing:.14em;margin:0 0 8px!important;font-weight:800}.auth>h1{font-size:clamp(38px,4vw,54px)!important;line-height:.92!important;letter-spacing:-.075em!important;text-transform:uppercase;margin:0!important;max-width:430px}.auth>p:not(.eyebrow):not(.error):not(.auth-help){font-size:13px!important;line-height:1.65!important;color:#6c6c6c!important;margin:12px 0 18px!important;max-width:390px}.auth form{display:grid;gap:14px;background:#fff;padding:0!important}.auth label{font-size:12px!important;font-weight:800!important}.auth input{height:48px!important;border:1px solid #cfd7d1!important;background:#fff!important;border-radius:0!important;font-size:14px!important}.auth .btn{height:50px!important;background:#00af69!important;color:#062e1d!important;border:0!important;letter-spacing:.12em!important}.auth .auth-help{font-size:11px!important;line-height:1.6!important;margin:0!important}.auth .text-link{color:#00af69!important;font-size:11px!important;font-weight:800!important;margin-top:18px!important}@media(max-width:760px){.auth{display:block!important;width:100%!important;padding:30px 24px 48px!important;min-height:100vh!important}.auth:before{display:none}.auth .brand{position:static;display:block;margin-bottom:65px!important}.auth>h1{font-size:42px!important;max-width:330px}.auth form{margin-top:20px}.auth .auth-help{margin-top:18px!important}}
.auth.auth{display:block!important;width:min(100% - 40px,440px)!important;min-height:auto!important;margin:0 calc((100vw - 1020px)/2) 0 auto!important;padding:92px 0 72px!important;background:transparent!important}.auth.auth:before{position:fixed;left:max(32px,calc((100vw - 1020px)/2));top:88px;width:300px;height:560px;min-height:0;padding:36px;box-sizing:border-box;font-size:43px!important;z-index:-1}.auth.auth .brand{position:static!important;display:inline-flex!important;margin-bottom:72px!important}.auth.auth>.eyebrow,.auth.auth>h1,.auth.auth>p,.auth.auth>form,.auth.auth>.text-link{display:block!important}.auth.auth>h1{font-size:46px!important;max-width:380px}.auth.auth form{margin-top:22px!important}.auth.auth .text-link{display:inline-block!important}@media(max-width:1080px){.auth.auth{margin:auto!important}}@media(max-width:760px){.auth.auth{width:100%!important;padding:30px 24px 48px!important}.auth.auth:before{display:none}.auth.auth .brand{margin-bottom:62px!important}.auth.auth>h1{font-size:40px!important}}
.auth .password-control{position:relative!important;display:block!important;width:100%!important}.auth .password-toggle{right:.7rem!important;top:50%!important;z-index:2}.auth .password-control input{box-sizing:border-box!important;padding-right:6.5rem!important}

/* Refinamento da tela de login: evita estouro do texto no card lateral e melhora o toggle de senha. */
@media(min-width:1081px){
  .auth.auth{
    width:min(100% - 40px,520px)!important;
    margin:0 max(72px,calc((100vw - 1180px)/2)) 0 auto!important;
  }
  .auth.auth:before{
    left:max(64px,calc((100vw - 1180px)/2))!important;
    width:430px!important;
    height:560px!important;
    padding:52px 42px!important;
    font-size:48px!important;
    line-height:.92!important;
    overflow:hidden!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
}

@media(min-width:1081px) and (max-width:1320px){
  .auth.auth:before{
    width:360px!important;
    font-size:42px!important;
    padding:44px 36px!important;
  }
  .auth.auth{
    width:min(100% - 40px,470px)!important;
  }
}

.auth .password-control{
  position:relative!important;
}

.auth .password-toggle{
  right:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:78px!important;
  height:32px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#eef7f2!important;
  color:#008a55!important;
  text-decoration:none!important;
}

.auth .password-toggle:hover,
.auth .password-toggle:focus-visible{
  background:#00af69!important;
  color:#062e1d!important;
  text-decoration:none!important;
}
