// Navegación entre secciones function mostrarSeccion(id, btn) { document.getElementById('sec-mis-cursos').style.display = id === 'mis-cursos' ? '' : 'none'; document.getElementById('sec-todos-cursos').style.display = id === 'todos-cursos' ? '' : 'none'; document.getElementById('sec-blog').style.display = id === 'blog' ? '' : 'none'; document.querySelectorAll('.nav-tab').forEach(t => t.classList.remove('active')); if (btn) btn.classList.add('active'); window.scrollTo({ top: 0, behavior: 'smooth' }); } function salir() { if (confirm('¿Cerrar sesión?')) window.location.href = 'el-refugio-home.html'; } // Fade in const obs = new IntersectionObserver(entries => { entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); }); }, { threshold: 0.08 }); document.querySelectorAll('.fade-in').forEach(el => obs.observe(el)); // Activar barras de progreso con animación setTimeout(() => { document.querySelectorAll('.mc-progreso-fill').forEach(bar => { const w = bar.style.width; bar.style.width = '0'; setTimeout(() => { bar.style.width = w; }, 100); }); }, 300); // Scroll window.addEventListener('scroll', () => { document.querySelector('nav').style.borderBottomColor = window.scrollY > 20 ? 'rgba(26,110,189,0.2)' : 'rgba(26,110,189,0.12)'; });