/* TELA DE LOGIN */
.body-login {
  background-image: linear-gradient(var(--light), var(--white)) !important;
  height: 100vh !important;
}

.container-page-login {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
}

.content-login {
  display: flex;
  flex-direction: column;
  align-items: center;
  width:100%;  
  height: 100%;

  /* background-image: url("../img/catimbau.jpg"); 
  background-repeat: no-repeat;
  background-size: cover;
  */
}

.container-login {
  flex: 1;
  width: 960px;
}

.image-login {
  width: 200px;
}

.container-form {
  height: 100%;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  box-shadow: 1.5px 0px 0px 0px var(--gray) inset;
  padding: 0 2rem;
  height: 50vh;
}

.form {
  width: 100%;
}

/* .opacity-0-9 {
  opacity: 0.6;
} */

.container-image-login {
  justify-content: center;
  align-items: center;
  padding: 0 2rem;
}

.footer-login {
  height: 3rem;
  width: 100%;
}

@media (max-width: 425px) {
  .container-login {
    flex-direction: column-reverse;
  }
}

@media (max-width: 992px) {
  .container-form {
    justify-content: center;
    padding: 1rem;
    height: 40vh;
    box-shadow: none;
  }

  .container-image-login {
    justify-content: center;
    align-items: center;
    padding: 0;
  }

  .image-login {
    height: 7rem;
    width: 50%;
  }

  .container-login {
    width: 320px;
  }
}


/* FINAL TELA DE LOGIN */