@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

*{
    font-family: "Nunito";
}

.login-container {
    max-width: 650px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 30px;
    border: 1px solid #bdd5bb;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}

.bloque-muestra-errores{
    max-width: 650px;
    margin: 0 auto;
}

.login-container form{
    margin-bottom: 20px;
}

.login-container input{
    border: 1px solid #bdd5bb;
}

.logo-container {    
    margin-top: 30px;
    margin-bottom: 25px;
    text-align: center;
}

.form-check-label {
    font-weight: normal;
}

.btn.my-custom-button-primary {
    background-color: #f7873f;
    border-color: #f7873f;
    border-radius: 10px;
    padding: 10px 50px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.btn.my-custom-button-primary:hover {
    background-color: #ff673e;
    border-color: #ff673e;
}

.btn.my-custom-button-secondary {
    background-color: #bdd5bb;
    border-color: #bdd5bb;
    border-radius: 10px;
    padding: 10px 50px;
    margin-bottom: 20px;
    width: 100%;
    color:#24302f;    
}

.btn.my-custom-button-secondary:hover {
    background-color: #b0c182;
    border-color: #b0c182;
    color:#24302f;
}

.forgot-password-link {
    padding-bottom: 30px;
}

.forgot-password-link a {
    color: #f7873f;
    text-decoration: none;
}

.forgot-password-link a:hover {
    color: #ff673e;
}

@media only screen and (max-width: 768px) {
    .login-container {
        padding: 20px;
    }

    .btn.my-custom-button-primary,
    .btn.my-custom-button-secondary {
        padding: 10px 30px;
    }

    .logo-container img {
        max-width: 100%;
        height: auto;
    }
}