.login {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    margin: 0 auto;
    height: 100%;
}


/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) {
    .login {
        width: 500px;
    }
}


/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px)  {

}

.login__contenedor {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap:50px;
}


.login__logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.login__imagen {
    width: 250px;
}

.login__form {
    display: flex;
    flex-direction: column;
    gap:20px;
    justify-content: space-between;
}

.login__botones {
    margin-top: var(--espacio);
}

.login__botones button {
    width:100%;
}