‘ +
‘

‘ +
‘

‘;
} else {
tabAlban.classList.add(‘ec-active’);
tabMorales.classList.remove(‘ec-active’);
renderExpert(EC_EXPERTS.javierAlban);

answersContainer.innerHTML =
‘

‘ +
‘

‘ +
‘

‘;
}
}

function openQuestion(id) {
const data = EC_QUESTIONS_DATA[id];
if (!data) return;

qNumEl.innerText = data.num;
qTitleEl.innerText = data.title;
answersContainer.innerHTML = »;

if (data.type === ‘dual’) {
tabsBar.style.display = ‘flex’;
switchExpertQ9(‘carlosMorales’);
} else {
tabsBar.style.display = ‘none’;
renderExpert(EC_EXPERTS[data.expertKey]);

if (data.type === ‘unified’) {
answersContainer.innerHTML =
‘

‘;
} else {
answersContainer.innerHTML =
‘

‘ +
‘

‘ +
‘

‘;
}
}

viewQuestions.classList.remove(‘ec-active’);
viewDetail.classList.add(‘ec-active’);
widget.scrollIntoView({ behavior: ‘smooth’, block: ‘start’ });
}

function backToQuestions() {
viewDetail.classList.remove(‘ec-active’);
viewQuestions.classList.add(‘ec-active’);
widget.scrollIntoView({ behavior: ‘smooth’, block: ‘start’ });
}

// Event listener directo para botones de preguntas
widget.querySelectorAll(‘.ec-question-card’).forEach(function(card) {
card.addEventListener(‘click’, function(e) {
e.preventDefault();
const qId = parseInt(this.getAttribute(‘data-ec-q’), 10);
openQuestion(qId);
});
});

// Event listeners para pestañas de doble experto en pregunta 9
if (tabMorales && tabAlban) {
tabMorales.addEventListener(‘click’, function(e) {
e.preventDefault();
switchExpertQ9(‘carlosMorales’);
});
tabAlban.addEventListener(‘click’, function(e) {
e.preventDefault();
switchExpertQ9(‘javierAlban’);
});
}

// Event listener para volver atrás
if (backBtn) {
backBtn.addEventListener(‘click’, function(e) {
e.preventDefault();
backToQuestions();
});
}
}

if (document.readyState === ‘loading’) {
document.addEventListener(‘DOMContentLoaded’, initWidget);
} else {
initWidget();
}
})();