html,
body {
  height: 100%;
}

.bg-maxdream-2 {
  background-image: url("/assets/img/login/foto.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.bg-maxdream-gradient {
  background: var(--color-text-primary-azul);
}

.login-title {
  position: relative;
}

/* Sombreado y diseño titulo login */
#titulo-login {
  color: white;
  text-decoration: none;
  font-size: 3em;
  font-weight: 800;
  letter-spacing: -3px;
  line-height: 1;
  text-shadow: grey 3px 2px 0;
  position: relative;
}

.btn-volver {
  position: absolute;
}

.login-more {
  list-style-type: none;
}

.login-more li {
  position: relative;
  padding-left: 16px;
}

.login-more li::before {
  content: "";
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #cccccc;
  top: 45%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

/* Circulo volver top */
.fa-stack {
  position: relative;
}

.fa-circle,
.letra-nombre {
  position: absolute;
}
.fa-circle {
  font-size: 1em;
}

.letra-nombre {
  font-weight: bold;
  top: 0.8em;
  left: 0.25em;
  font-size: 1em;
  line-height: 0.4em;
  text-align: center;
}

/* Iphones 6/7 plus y mas chicos */
@media only screen and (max-width: 414px) {
  #partial-login {
    height: auto !important;
    padding-bottom: 3em !important;
  }

  #cc-msg1{
    font-size: 1.5em;
  }

  .btn-modal{
    margin-left: 5em;
    margin-right: 5em;
  }

  /* LOGIN */
  .btn-volver {
    margin-top: 0.2em;
  }

  .btn-volver span {
    font-size: 1em;
  }

  #titulo-login {
    font-size: 2em;
    padding-top: 1em !important;
    margin-bottom: 2em !important;
  }

  #container-login {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }

  #container-login h1 {
    margin-bottom: 0.3em !important;
  }

  #opts-login ul {
    padding-left: 1em;
    padding-top: 0.2em;
  }

  #title-container-login {
    font-size: 2em;
  }

  /* FIN LOGIN */

  /* REC. PWD */

  #title-rec-pwd {
    font-size: 1.7em;
  }

  #opts-rec-pwd ul {
    padding-left: 1em;
    padding-top: 0.4em;
  }
  /* FIN REC. PWD */

  /* REGISTRAR USUARIO */

  #partial-register {
    height: auto !important;
  }

  #registrar-usuario {
    margin-top: 4em;
    padding-bottom: 3em;
  }

  #title-registrar-usr {
    font-size: 1.7em;
  }

  #opts-registrar-usr ul {
    padding-left: 0em;
    padding-top: 0.4em;
  }

  #opts-registrar-usr ul li span {
    display: block;
  }
  /* FIN REGISTRAR USUARIO */
}

/* Iphones 6/7 y 6/7 plus */
@media (min-width: 375px) and (max-width: 414px) {

  #cc-msg1{
    font-size: 1.6em;
  }

  .btn-modal{
    margin-left: 6em;
    margin-right: 6em;
  }

  #partial-login {
    height: auto !important;
    padding-bottom: 3em !important;
  }

  /* LOGIN */

  #titulo-login {
    font-size: 1.7em;
    padding-top: 1em !important;
    margin-bottom: 2em !important;
  }

  #opts-login ul li span {
    display: block;
  }

  #container-login {
    padding-top: 1.5em;
    padding-bottom: 1em;
  }

  /* FIN LOGIN */

  /* REC. PWD */

  #opts-rec-pwd ul {
    padding-left: 1em;
    padding-top: 1em;
  }

  #opts-rec-pwd ul li span {
    display: block;
  }

  /* FIN REC. PWD */

  /* REGISTRAR USUARIO */

  #opts-registrar-usr ul {
    padding-left: 1em;
    padding-top: 1em;
  }

  #opts-registrar-usr ul li span {
    display: block;
  }

  /* FIN REGISTRAR USUARIO */
}

/* Ipads y tablets */
@media (min-width: 415px) and (max-width: 1024px) {
  #partial-login {
    height: 100% !important;
    padding-bottom: 3em !important;
  }

  /* LOGIN */

  #titulo-login {
    font-size: 2em;
    padding-top: 1em !important;
    margin-bottom: 2em !important;
  }

  #opts-login ul {
    padding-left: 1em;
    padding-top: 1em;
  }

  #opts-login ul li span {
    display: block;
  }

  .btn-volver {
    margin-top: 1em;
  }

  /* FIN LOGIN */

  /* REGISTRAR USUARIO */

  /* FIN REGISTRAR USUARIO */
}