/* Ajuste fino del login: imagen nítida y composición tipo software industrial */
#loginPanel.login-layout{
  width:min(100%,70rem);
  margin:clamp(1rem,4vw,3rem) auto;
  grid-template-columns:1fr;
  border-radius:1.4rem;
  background:#ffffff;
}

.login-visual{
  background:
    radial-gradient(circle at 85% 85%,rgba(255,255,255,.23) 0 10rem,transparent 10.2rem),
    linear-gradient(135deg,#2563eb 0%,#1d4ed8 46%,#0f172a 100%)!important;
  padding:1.5rem!important;
}

.login-visual::before{
  display:none;
}

.login-image{
  height:clamp(12rem,34vw,24rem)!important;
  object-fit:cover!important;
  object-position:center!important;
  border:.75rem solid rgba(255,255,255,.92);
  border-radius:1.25rem!important;
  background:#fff;
  box-shadow:0 1.2rem 2.6rem rgba(2,6,23,.38)!important;
}

.login-visual-overlay{
  margin-top:1rem!important;
  color:#fff!important;
}

.login-visual-overlay .eyebrow,
.login-visual-overlay strong,
.login-visual-overlay small{
  color:#fff!important;
  text-shadow:0 .15rem .45rem rgba(15,23,42,.42);
}

.login-visual-overlay .eyebrow{
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  padding:.35rem .65rem;
}

.login-credit{
  display:block;
  width:100%;
  margin-top:.25rem;
  color:rgba(255,255,255,.72)!important;
  font-size:.7rem;
  font-weight:600!important;
}

.login-content{
  padding:clamp(1.6rem,4vw,3.8rem)!important;
}

.login-form input{
  min-height:3.15rem;
  background:#f8fafc!important;
}

.login-actions button{
  min-height:3.2rem;
}

@media (min-width:48rem){
  #loginPanel.login-layout{
    grid-template-columns:minmax(20rem,.86fr) minmax(27rem,1.14fr)!important;
    min-height:32rem;
  }

  .login-visual{
    padding:2.2rem!important;
  }

  .login-image{
    height:25rem!important;
  }
}

@media (max-width:47.99rem){
  #loginPanel.login-layout{
    margin:.75rem auto 1.5rem;
  }

  .login-visual{
    padding:1rem!important;
  }

  .login-image{
    height:14rem!important;
    border-width:.5rem;
  }

  .login-visual-overlay{
    font-size:.92rem;
  }
}
