.nav-pill {
    padding: 8px 14px;
    border-radius: 8px;
    transition: 0.2s;
}

    .nav-pill:hover {
        background-color: rgba(255,255,255,0.15);
    }

.nav-link.active {
    background-color: #ffc107 !important;
    color: #000 !important;
    border-radius: 8px;
    font-weight: bold;
}

.active-gray {
    color: #cccccc !important; /* gris claro */
    background-color: rgba(255,255,255,0.1);
    border-radius: 8px;
}