/* Cambiar el color de la barra de navegación superior (masthead) */
.account-masthead {
    background-color: #595956 !important; /* Un azul oscuro */
}

.masthead {
    background: #c2ced1 !important;
}

.account-masthead .account ul li a {
    display: block;
    text-decoration: none;
    color: #ededed;
    font-size: 13px;
    font-weight: bold;
    padding: 0 10px;
    line-height: 31px;
}
.masthead .main-navbar ul li:hover a, .masthead .main-navbar ul li:focus a, .masthead .main-navbar ul li.active a {
    border-radius: 0.3rem;
    background-color: #ffffff;
}

.btn-link {
    font-weight: 400;
    color: #ededed;
    text-decoration: none;
}

.site-footer .attribution p {
    color: rgb(89, 89, 86);
    font-size: 0.875rem;
}

.site-footer small, .site-footer .small {
    color: rgb(89, 89, 86);
}

.site-footer {
    background: #c2ced1;
    padding: 20px 0;
}

.site-footer a {
    color: #595956;
}

.masthead .main-navbar ul li a {
    padding: 0.6rem 0.9rem 14.4px;
    color: #595956;
    text-decoration: none;
}
.masthead .main-navbar ul li a {
    padding: 0.6rem 0.9rem;
    color: #595956;
    text-decoration: none;
}