body, html {
  height: 100%;
  margin: 0;
}
body{
    font-family: 'Montserrat', sans-serif;
    background: #f5f5f5;
}
.container-fluid {
    max-width:480px;
    padding-top:20px;
}
.login-container {
    display: flex;
    justify-content: center;   /* Centrado horizontal */
    align-items: center;       /* Centrado vertical */
    min-height: 100vh;         /* Toda la altura de la pantalla */
}
.login {
    border-radius:20px;
    padding: 36px;
    background: #FFFFFF;
}
.registerX {
    max-width: 860px;
}
.logo {
    width:180px;
    margin:0 auto;
}
label {
    padding-left: 14px;
}
.form-control {
    border-radius:20px;
    padding:10px 10px;
    background:#F4F4F4;
    border:1px solid #F4F4F4;
}
h1 {
    font-size:22px;
    font-weight:600;
    padding-bottom:10px;
    text-align:left;
}
h2 {
    font-size:18px;
    font-weight:600;
    padding-bottom:15px;
    text-align:left;
}
.loginForm a {
    font-size:16px;
}
.togglePassword {
    background-color: #0d2340; 
    color: white;
    cursor: pointer; 
    padding: 9px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
}
.btn {
    width:100%;
    background-color:#5433EB;
    color:white;
    padding:15px 0;
    font-size:15px;
    text-transform:uppercase;
    letter-spacing:1;
    font-weight:600;
    border-radius:25px;
}
.btn:hover {
    width:100%;
    background-color:#5433BB;
    color:white;
    padding:15px 0;
}
.btn:active {
    width:100%;
    background-color:#002149;
    color:yellow;
    padding:15px 0;
}
.register {
    border:none;
    width:100%;
    color:#000;
    padding:15px 0;
    font-size:16px;
    text-decoration: underline;
}
.guest-checkout {
    background:#FFF;
    color:#000;
    width:100%;
    border-color:#000;
    padding:10px 0;
    font-size:15px;
}
.col-space {
    padding-top:20px;
    padding-bottom:20px;
}
@media(min-width: 320px) AND (max-width: 767px) {
    body {
        background: #FFFFFF;
    }
    .container-fluid {
        width: 100%;
        margin: 0 auto;
    }
    .login {
        padding: 14px;
    }
    .register {
        max-width: 480px;
    }
    .col-space {
        padding-top:10px;
        padding-bottom:10px;
    }
    .logo {
        width:160px;
        margin:0 auto;
    }
    .fix-padding {
        padding-left: 0;
        padding-right: 0;
    }
}