.login{
  width:100%;
  display: flex;
  
  align-items: center;
}

  .login__info{

    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }

    .login__titulo{
      text-align: right;
    }

    .login__descricao{
      background-color:var(--cinza-claro)
    }

      .login__texto{
        color: var(--preto-claro);
        text-align: right;
      }

      .login__form{
        height: 100%;
        padding: 0.5rem;
        background-color: var(--preto-claro);

        display: flex;
        flex-direction: column;
        gap: 0.1rem;
      }

        .login__label{
          width: 100%;
          color: var(--branco);
          font-size: 0.9rem;
        }

        .login__input{
          width: 100%;
          height: 1.5rem;
          padding: 0.25rem;
          color: var(--preto-claro);
          margin-bottom: 0.5rem;
        }

        .login__rodape{
          width: 100%;
          height: 2.5rem;

          display: flex;
          align-items: center;
          justify-content: space-between;
        }
          .login__botao{
            height: 100%;
            padding: 0.25rem 2rem;

            background-color: var(--amarelo);
            color: var(--preto);
            font-weight: var(--pesoFonte-titulo);

            border: none;
          }

          .login__link{
            color: var(--branco);
          }
            .login__link:hover{
              text-decoration: underline;
            }

/* MOBILE */
@media screen and (min-width:0){
  .login{
    flex-direction: column;
    height: fit-content;
  }
  .login__info{
    height: 100%;
    width: 100%;
  }

  .login__descricao{
    margin-left: calc(0px - var(--padding-lateral));
    width: calc(100%  + 2*var(--padding-lateral));

    height: 10rem;
  }

  .login__form{
    margin-top: -5rem;
    order: 1;
    width: 100%;
  }

  .login__rodape{
    margin-top: 0.5rem;
    flex-direction: column-reverse;
    gap: 0.5rem;
  }
}/* MOBILE - FIM */


/* TABLET */
@media screen and (min-width: 768px){
  
}/* TABLET - FIM */


/* 1024 */
@media screen and (min-width: 1024px){
  .login{
    flex-direction: row;
    height: 10rem;
  }
  
  .login__info{
    height: 100%;
    width: 50%;
  }

  .login__descricao{
    margin-left: unset;
    margin-right: calc(0px - var(--padding-lateral));
    width: calc(100% + var(--padding-lateral));

    height: fit-content;
  }

  .login__form{
    margin-top: unset;
    order: unset;
    width: 50%;
  }

  .login__rodape{
    margin-top: unset;
    flex-direction: row;
    gap: unset;
  }
}/* 1024 - FIM */


/* 1200 */
@media screen and (min-width: 1200px){
  
}/* 1200 - FIM */