body {
    background-color: #1e1e2f;
    color: #fff;
}

.login-card {
    width: 100%;
    max-width: 400px;
    background-color: #212529;
    border-radius: 12px;
    border: none;
}

.form-control {
    background-color: #2a2d34;
    color: #fff;
    border: 1px solid #444;
}

.form-control::placeholder {
    color: #bbb;
}

.btn-info {
    background-color: #686868;  /* Celeste Bootstrap */
    border-color: #444444;
    color: white;
}

.btn-info:hover {
    background-color: #138496;
    border-color: #117a8b;
}

.form-check-label {
    color: #686868 !important; /* o #ced4da para un gris claro */
}