/*
 * FCES-UASD 171B63
 * Distribución definitiva del acceso global en escritorio:
 * 50 % formulario / 50 % banner institucional.
 */

@media (min-width: 901px) {
  body.px-global-login-reference.px-global-login-v171b63
    > .px-global-login-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    width: 100vw !important;
    max-width: none !important;
    min-height: 100svh !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.px-global-login-reference.px-global-login-v171b63
    > .px-global-login-shell
    > .px-global-login-card {
    grid-column: 1 !important;
    width: min(100%, 500px) !important;
    max-width: 500px !important;
    margin-inline: auto !important;
  }

  body.px-global-login-reference.px-global-login-v171b63
    > .px-global-login-shell
    > .px-global-login-side {
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 100svh !important;
  }

  body.px-global-login-reference.px-global-login-v171b63
    .px-global-panel-art {
    width: min(100%, 97.875svh) !important;
    max-width: 100% !important;
    max-height: 100svh !important;
    aspect-ratio: 921 / 941 !important;
  }
}

@media (max-width: 900px) {
  body.px-global-login-reference.px-global-login-v171b63
    > .px-global-login-shell {
    display: block !important;
    width: 100% !important;
    min-height: 100svh !important;
  }

  body.px-global-login-reference.px-global-login-v171b63
    > .px-global-login-shell
    > .px-global-login-card {
    width: min(100%, 560px) !important;
    max-width: 560px !important;
  }

  body.px-global-login-reference.px-global-login-v171b63
    > .px-global-login-shell
    > .px-global-login-side {
    display: none !important;
  }
}