document.addEventListener('DOMContentLoaded', function() {
    const accordionItems = document.querySelectorAll('.accordion-item');

    accordionItems.forEach(item => {
        const header = item.querySelector('.accordion-header');
        if (header) {
            header.addEventListener('click', () => {
                // Si este ítem ya está activo, ciérralo
                if (item.classList.contains('active')) {
                    item.classList.remove('active');
                } else {
                    // Cierra cualquier otro ítem activo antes de abrir este
                    accordionItems.forEach(otherItem => {
                        if (otherItem !== item && otherItem.classList.contains('active')) {
                            otherItem.classList.remove('active');
                        }
                    });
                    // Abre este ítem
                    item.classList.add('active');
                }
                // Asegúrate de que los íconos de Lucide se rendericen si no lo han hecho
                if (typeof lucide !== 'undefined') {
                    lucide.createIcons();
                }
            });
        }
    });

    // Asegúrate de que la primera sección tenga el icono correcto al cargar
    const firstAccordionItem = document.querySelector('.accordion-item.active');
    if (firstAccordionItem) {
        if (typeof lucide !== 'undefined') {
            lucide.createIcons();
        }
    }
});