/** General */
html,
body {
  background-color: var(--inx-primary-color);
  overflow-x: hidden;
  overflow-y: hidden;
}

#recuperar-contrasena {
  display: none;
}


@media (max-width: 992px) {
  html,
  body {
    overflow-x: hidden;
    overflow-y: auto;
  }

  #btn-iniciar-sesion {
  margin-bottom: 4px;
}
}

.contenedorInicio {
  width: 40vw;
  background-color: var(--inx-primary-color);
}

@media (max-width: 991px) {
  .contenedorInicio {
    width: 100%;
  }
}

/** Formulario Iniciar Sesión */

.iniciosesion-mensaje {
  color: var(--inx-secondary-color);
}

.btn-hp-login {
  color: #fff;
  background-color: var(--inx-secondary-color);
  border-color: var(--inx-secondary-color);
}

.btn-registrar-iniciosesion {
  color: var(--inx-secondary-color);
}

.btn-registrar-iniciosesion:hover {
  color: var(--inx-secondary-color);
}

@media (min-width: 992px) {
  .inicio-sesion {
    position: relative;
    top: 1vw;
    left: 7vw;
    width: 27vw;
    height: auto;
    z-index: 1100;
  }

  .titulo-inicio {
    font-size: 2vw;
  }

  .inp-hp {
    height: 2.3vw;
  }

  .hp-login-link {
    font-size: 1vw;
  }

  .recuperar-inicio {
    padding: 0.4vw 0 0.8vw 0;
  }
}

@media (max-width: 991px) {
  .inicio-sesion {
    width: 100vw;
    padding: 8vw 5vw 10vw 5vw;
    z-index: 1100;
    position: relative;
  }

  .titulo-inicio {
    font-size: 8vw;
  }

  .inp-hp {
    height: 10vw;
  }

  .hp-login-link {
    font-size: 4vw;
  }

  .btn-hp-login {
    margin-top: 3vw;
    width: 100%;
  }

  .recuperar-inicio {
    padding: 0.4vw 0 0.8vw 0;
    text-align: center;
  }

  .btn-registrar-sesion {
    width: 100%;
  }
}

/** Formulario Registrar Sesión */

.btn-hp-registrar {
  color: #fff;
  background-color: var(--inx-secondary-color);
  border-color: var(--inx-secondary-color);
}

.btn-registrar-sesion {
  color: var(--inx-secondary-color);
}

.btn-registrar-sesion:hover {
  color: var(--inx-secondary-color);
}

#btn-registrar-sesion:hover {
  color: white !important;
  font-weight: 600 !important;
}

#btn-recuperar-contrasena-servidor:hover {
  color: white !important;
  font-weight: 600 !important;
}

.registro-sesion-section {
  width: 50vw;
}

.registro-sesion {
  height: auto;
  margin: 5vw;
}

.titulo-registro {
  font-size: 2vw;
}

.inp-hp {
  height: 2.3vw;
}

.hp-login-link {
  font-size: 1vw;
}

.recuperar-registro {
  padding: 0.4vw 0 0.8vw 0;
}

@media (max-width: 991px) {
  .registro-sesion {
    width: 91vw;
    padding: 3vw 5vw 10vw 5vw;
    z-index: 1100;
    display: none;
  }

  .registro-sesion-section {
    margin-top: 97vw;
  }

  .titulo-registro {
    font-size: 9vw;
  }

  .inp-hp {
    height: 10vw;
  }

  .hp-login-link {
    font-size: 4vw;
  }

  .btn-hp-login {
    margin-top: 3vw;
    width: 100%;
  }

  .recuperar-inicio {
    padding: 0.4vw 0 0.8vw 0;
    text-align: center;
  }

  .btn-registrar-sesion {
    width: 100%;
  }

  .btn-hp-registrar {
    width: 100%;
    margin-bottom: 3px;
  }

  .btn-registrar-iniciosesion {
    width: 100%;
  }
}

/** Recuperar contrasena */

.recuperarcontrasena-mensajes-box {
  min-height: 3.8vw;
  visibility: hidden;
}

.blackout {
  width: 100%;
  height: 100%;
  background-color: black;
  position: fixed;
  z-index: 10000;
  display: none !important;
}

.spinner {
  margin: 0 auto;
}

@media (min-width: 992px) {
  .recuperarcontrasena-mensaje {
    font-size: 1vw;
  }
}

@media (max-width: 991px) {
  .recuperarcontrasena-mensaje {
    font-size: 4.5vw;
  }
}

/** inx logo */

@media (min-width: 992px) {
  .inx_logo {
    width: 100%;
    margin-top: 11vw;
  }

  .inx_logo_registro {
    width: 101%;
    margin-top: 7vw;
  }
}

@media (max-width: 991px) {
  .inx_logo {
    width: 102vw;
    margin-top: 12vw;
    margin-bottom: 5vw;
  }

  .inx_logo_registro {
    display: none;
  }
}

/**
Hide footer when the height is minor than 570px
*/

@media (max-height: 570px) {
  .contenedor-footer {
    display: none;
  }
}

button#btn-iniciar-sesion:hover {
  color: white !important;
  font-weight: 600 !important;
}

#btn-recuperar:hover {
  color: white !important;
  font-weight: 600 !important;
}

/** titulo principal */

@media (min-width: 992px) {
  .indexTitle {
    font-size: 2vw;
    position: absolute;
    right: 21.5vw;
    top: 2.1vw;
  }

  .indexSubTitle {
    font-size: 7vw;
    position: absolute;
    right: 10.6vw;
    top: 0.9vw;
    z-index: 1000;
  }
}

@media (max-width: 991px) {
  .indexTitle {
    font-size: 4.4vw;
    position: absolute;
    right: 35.5vw;
    top: 4.6vw;
  }

  .indexSubTitle {
    font-size: 16vw;
    position: absolute;
    right: 10.6vw;
    top: 3.2vw;
    z-index: 1000;
  }
}

/** login_background */

@media (min-width: 992px) {
  .login_background {
    width: 85vw;
    position: absolute;
    right: 0.5vw;
    top: 0vw;
  }

  .login_background_registro {
    width: 85vw;
    position: absolute;
    left: -90vw;
    top: 0vw;
  }
}

@media (max-width: 991px) {
  .login_background {
    width: 241vw;
    position: absolute;
    left: -68.5vw;
    top: 0vw;
    opacity: 0.2;
    z-index: 1;
  }

  .login_background_registro {
    display: none;
  }
}

.containerPrincipal {
  width: 150vw;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.fotoGrupo {
  width: 60vw;
}

@media (max-width: 991px) {
  .fotoGrupo {
    width: 1vw;
  }
}

.fotoGrupo img {
  height: auto;
  width: 60vw;
  object-fit: cover;
  position: relative;
}

@media (max-width: 900px) {
  .fotoGrupo img {
    height: auto;
    width: 100vw;
  }
}

@media (max-height: 700px) {
  .fotoGrupo img {
    height: auto;
    width: 100%;
  }
}


/* LA LIGA */

.contenedorInicio {
  background-color: transparent;
  z-index: 1;
}

.fotoGrupo>img {
  width: 60%;
}

@media (max-width:991px) {
  .containerPrincipal {
    /* display: block; */
    flex-direction: column;
  }

  .fotoGrupo {
    /* width: 100vw; */
    width: 100vw;
    /* align-items: start; */
  }

  .registro-sesion-section {
    margin-top: 0px;
  }
}

.background-layer {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 0;
}

@media (min-width:992px) {
  .inicio-sesion {
    margin-top: 17vw;
  }

  .registro-sesion {
    margin-top: 17vw;
  }
}

.background-layer>img {
  height: 80%;
  width: 15%;
}

/* LA LIGA */