/* =========================================================
   OKLY ALIADOS V5.3
   Ajuste desktop del login para ensanchar el panel visual derecho
   sin afectar la versión móvil.
   Reemplaza el archivo okly-v5-1-login-fullbleed.css
   ========================================================= */

.login-v48 .login-art{
  position:relative !important;
  overflow:hidden !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#f2d9d2 !important;
  min-width:0 !important;
}

.login-v48 .login-art picture{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
}

.login-v48 .login-art img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* DESKTOP: ampliar el panel derecho para que la imagen ocupe el
   espacio que estaba quedando vacío entre el formulario y la foto. */
@media (min-width:1280px){
  .login-v48 .login-card{
    width:min(1480px, 96vw) !important;
    grid-template-columns:minmax(470px, 38%) minmax(0, 62%) !important;
  }

  .login-v48 .login-copy{
    padding:52px 44px 52px 56px !important;
  }
}

@media (min-width:961px) and (max-width:1279px){
  .login-v48 .login-card{
    width:min(1320px, 96vw) !important;
    grid-template-columns:minmax(450px, 40%) minmax(0, 60%) !important;
  }

  .login-v48 .login-copy{
    padding:50px 40px 50px 48px !important;
  }
}

@media (min-width:761px){
  .login-v48 .login-art{
    align-self:stretch !important;
  }
}

/* Móvil: se conserva el comportamiento ya aprobado. */
@media (max-width:760px){
  .login-v48 .login-art{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:44svh !important;
    min-height:320px !important;
    max-height:500px !important;
  }

  .login-v48 .login-art img{
    object-position:center 26% !important;
  }
}

@media (max-width:420px){
  .login-v48 .login-art{
    height:40svh !important;
    min-height:285px !important;
    max-height:410px !important;
  }

  .login-v48 .login-art img{
    object-position:center 23% !important;
  }
}