.text-primary {
    color: #6b4e9b;
}
.text-secondary {
    color: #8b7a92;
}
.text-p {
    color: #2d1b3d;
}
.back_primary{
    background-color: #6b4e9b;
}
.gallery-item {
    transition: opacity .3s ease, transform .3s ease;
    margin-bottom: 1rem;
}
.gallery-item.hover {
    transform: scale(1.1);
}
.gallery-item.gallery-hidden {
    opacity: 0;
    transform: scale(.95);
    pointer-events: none;
    display: none;
}
#filter-controls button {
    padding: 10px 15px;
    margin: 5px;
    border: 1px solid #ccc;
    background-color: #ffff;
    color: #8b7a92;
    
    cursor: pointer;
    transition: background-color 0.3s; /* Para un cambio suave */
}
#filter-controls button.activo {
    background-color: #6b4e9b; /* Un azul llamativo, por ejemplo */
    color: white; /* Letras blancas para contraste */
    border-color: #8b7a92;
}
a {
    text-decoration: none; /* Elimina el subrayado solo en los enlaces dentro de .main-nav */
}
/*  Responsividad (Para pantallas pequeñas, como móviles) 
@media (max-width: 768px) {
 Oculta el menú de navegación principal para que se pueda usar un menú de hamburguesa 
    .header-nav {
        display: none;
    }#8b7a92
    
Nota: Para añadir un menú móvil desplegable se requeriría JavaScript o CSS más avanzado (como el "checkbox trick") 
}*/