body {
    background-color: white;
}

.grupo {
    color: white;
    background-color: #5d50a0;
    padding: .375rem .75rem;
    border-radius: .25rem;
}

li {
    padding: .375rem .75rem;
    cursor: pointer;
}

li:active,
li:hover {
    color: white;
    background-color: #5ca7dc;
}

.encabezadoArea {
    color: white;
    background-color: #5ca7dc;
    text-align: center;
}

.encabezado {
    color: white;
    background-color: #5d50a0;
}

.dropdown .dropdown-toggle.grupo {
    background-color: #5d50a0; /* Color azul de Bootstrap */
    color: white;
}

.dropdown .dropdown-toggle.grupo:hover,
.dropdown .dropdown-toggle.grupo:focus,
.dropdown .dropdown-toggle.grupo:active {
    background-color: #5d50a0; /* Mantener el mismo azul */
    color: white;
    opacity: 0.9; /* Opcional: para un ligero efecto de profundidad */
}