soluciones finish

js/main.js

@@ -11,7 +11,7 @@ async function initApp() {
   initTheme();
   await loadIncludes();
   initModals();
-  initBrujulaIDE();
+  /*initBrujulaIDE();*/
   initAcademyCourses();
   initSolucionesFilters();
   initInsightsFeed();
@@ -621,7 +621,13 @@ function initSolucionesFilters() {
   const filterBtns = document.querySelectorAll('.soluciones-filter-btn');
   const solutionCards = document.querySelectorAll('.solution-card');
 
-  if (!filterBtns.length) return;
+  console.log('🔍 Filtros encontrados:', filterBtns.length);
+  console.log('📦 Tarjetas encontradas:', solutionCards.length);
+
+  if (!filterBtns.length) {
+    console.warn('⚠️ No se encontraron botones de filtro');
+    return;
+  }
 
   filterBtns.forEach(btn => {
     btn.addEventListener('click', () => {
@@ -629,13 +635,16 @@ function initSolucionesFilters() {
       btn.classList.add('active');
 
       const filter = btn.getAttribute('data-filter');
+      console.log('🎯 Filtro seleccionado:', filter);
 
       solutionCards.forEach(card => {
         const cat = card.getAttribute('data-category');
+        console.log(`  📌 Tarjeta: ${cat} → ${filter === 'all' || cat === filter ? 'MOSTRAR' : 'OCULTAR'}`);
+        
         if (filter === 'all' || cat === filter) {
-          card.style.display = 'block';
+          card.classList.remove('hidden');
         } else {
-          card.style.display = 'none';
+          card.classList.add('hidden');
         }
       });
     });