/* CSS LOGIN */
/* COLORES

 */
/* TAGS============================================================================================== */
  body {
    height: 100%;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    overflow: hidden;
    position: absolute;
    color: #555555;
  }

/* CLASES============================================================================================== */
  .login-bg {
    width: 100vw;
    clear: none;
  }

  .hidden {
    display: none;
  }

  .popup-login {
    background-color: #ffffff;
    align-self: center;
    margin: 0;
    padding-top: 5vh;
    padding-bottom: 5vh;
    padding-right: 2vw;
    padding-left: 2vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    border-radius: 10px;
  }

  .form-control {
    padding-left: 500px;
  }


/* MEDIA: LANDSCAPE============================================================================================== */
  @media (orientation: landscape) {
    .logo-byvero {
      /* -ms-transform: translateY(25vh) translateX(30vw); */
      width: 40vw;
      transform: translateY(20vh) translateX(30vw);
    }

    .boton-ingresar {
      /* width: 40vw; */
      transform: translateY(23vh) translateX(0);
    }
    .boton-registrarse {
      /* width: 80vw; */
      transform: translateY(25vh) translateX(0);
    }
  }

/* MEDIA: PORTRAIT============================================================================================== */
  @media (orientation: portrait) {
    .logo-byvero {
      /* -ms-transform: translateY(25vh) translateX(10vw); */
      width: 90vw;
      transform: translateY(25vh) translateX(5vw);
    }
    .btn {
      height: 7vh;
      font-size: 3vh;
    }

    .boton-ingresar {
      /* width: 80vw; */
      transform: translateY(35vh) translateX(0);
    }
    .boton-registrarse {
      /* width: 80vw; */
      transform: translateY(37vh) translateX(0);
    }
  }