/* =========================================================
   OKLY ALIADOS V5.0 — imágenes definitivas login PC / móvil
   ========================================================= */

/* PC: la imagen suministrada es 960x1232 (relación 0.7792).
   El panel derecho usa prácticamente la misma relación, por lo que no
   requiere deformación ni recorte agresivo. */
.login-v48 .login-art{
  background:#f2d9d2;
  overflow:hidden;
  min-width:0;
}
.login-v48 .login-art picture{
  display:block;
  width:100%;
  height:100%;
}
.login-v48 .login-art img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}

/* Móvil: usa el arte específico suministrado (1373x2048).
   Se coloca arriba y el formulario queda debajo, evitando usar el arte
   de PC recortado o escalado fuera de proporción. */
@media (max-width:760px){
  .login-v48 .login-card{
    display:flex !important;
    flex-direction:column !important;
    min-height:100svh;
    background:#faf7f3;
  }

  .login-v48 .login-art{
    display:block !important;
    order:1;
    width:100%;
    height:42svh;
    min-height:310px;
    max-height:470px;
    border-radius:0;
  }

  .login-v48 .login-art picture,
  .login-v48 .login-art img{
    width:100%;
    height:100%;
  }

  .login-v48 .login-art img{
    object-fit:cover;
    object-position:center 27%;
  }

  .login-v48 .login-copy{
    order:2;
    min-height:auto !important;
    width:100%;
    padding:34px 24px 42px !important;
    background:#fffaf8 !important;
  }

  .login-v48 .login-official-logo{
    margin-bottom:24px !important;
  }

  .login-v48 h1{
    margin-bottom:12px !important;
  }

  .login-v48 .login-copy>p{
    margin-bottom:24px !important;
  }
}

@media (max-width:420px){
  .login-v48 .login-art{
    height:38svh;
    min-height:270px;
    max-height:390px;
  }

  .login-v48 .login-art img{
    object-position:center 24%;
  }

  .login-v48 .login-copy{
    padding:28px 18px 34px !important;
  }
}