.login-shell{
  height:100dvh!important;
  min-height:0!important;
  max-height:100dvh!important;
  overflow:hidden!important;
}
.login-brand .brand-mark{
  position:relative;
  width:310px;
  height:92px;
  margin-bottom:8px!important;
  border:0;
  border-radius:0;
  background:
    url('/digital-resource-original.jpg?v=20260905b') left center/145px 88px no-repeat,
    url('/digital-solutions-original.png?v=20260905b') right center/145px 88px no-repeat;
  box-shadow:none;
}
.login-brand .brand-mark::after{
  content:'+';
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#79a4bc;
  font-size:18px;
  font-weight:500;
}
.login-brand .brand-mark>svg{display:none!important}
.login-brand>.eyebrow{font-size:0!important;margin:0 0 30px!important}
.login-brand>.eyebrow::after{
  content:'Codex · Desarrollo integral';
  color:#b8d1df;
  font-size:11px;
  font-weight:750;
  letter-spacing:.01em;
  text-transform:none;
}
@media(max-height:760px) and (min-width:761px){
  .login-brand{padding-top:5vh!important;padding-bottom:5vh!important}
  .login-brand>.eyebrow{margin-bottom:18px!important}
  .login-brand h1{font-size:clamp(44px,5.2vw,70px)!important}
  .login-brand .brand-mark{width:270px;height:78px;background-size:125px 74px,125px 74px}
  .login-card{padding:32px!important;gap:18px!important}
}
@media(max-width:760px){
  .login-shell{height:auto!important;min-height:100dvh!important;max-height:none!important;overflow:auto!important}
  .login-brand .brand-mark{width:250px;height:74px;background-size:115px 70px,115px 70px}
  .login-brand>.eyebrow{margin-bottom:18px!important}
}