/* Orizon Gestão · fidelidade visual sem sacrificar desempenho.
   As imagens mantêm sua proporção nativa; o navegador escolhe a resolução
   adequada pelo srcset definido no HTML, sem upscale ou compressão por CSS. */
:where(.landing-logo,.brand-logo,.mobile-brand-banner img,.topbar-mobile-brand img){
  height:auto!important;
  object-fit:contain!important;
  image-rendering:auto;
}

/* A marca possui proporção nativa 3:2. Regras antigas com altura quadrada ou
   max-height menor que a altura proporcional causavam deformação e perda visual. */
.sidebar .brand-logo{
  height:auto!important;
  max-height:none!important;
  aspect-ratio:3/2;
  object-position:center!important;
}
.mobile-brand-banner img,.topbar-mobile-brand img{
  height:auto!important;
  aspect-ratio:3/2;
}

@media(min-width:1181px){
  .login-body .brand-lockup{
    grid-template-columns:clamp(145px,11vw,190px) minmax(0,1fr)!important;
  }
  .login-body .landing-logo{
    width:clamp(145px,11vw,190px)!important;
    max-width:190px!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:3/2;
  }
}

@media(min-width:1181px) and (max-height:760px){
  .login-body .brand-lockup{
    grid-template-columns:clamp(128px,9vw,150px) minmax(0,1fr)!important;
  }
  .login-body .landing-logo{
    width:clamp(128px,9vw,150px)!important;
    max-width:150px!important;
  }
}

@media(max-width:1100px){
  .sidebar .brand-logo{
    width:72px!important;
    height:auto!important;
    max-height:none!important;
  }
}