window.addEventListener('load', function() {
document.querySelectorAll('.e-loop-item').forEach(function(item) {
const match = [...item.classList].find(c => c.startsWith('e-loop-item-'));
if (!match) return;
const postId = match.replace('e-loop-item-', '');
fetch('/wp-json/wp/v2/horario-actividad/' + postId)
.then(r => r.text())
.then(text => {
const data = JSON.parse(text);
const actividadId = data?.acf?.actividad?.[0];
if (!actividadId) return;
return fetch('/wp-json/wp/v2/actividad/' + actividadId)
.then(r => r.text())
.then(text => {
const actData = JSON.parse(text);
const tipoClass = actData?.class_list?.find(c => c.startsWith('tipo-actividad-'));
if (!tipoClass) return;
const slug = tipoClass.replace('tipo-actividad-', '');
const container = item.querySelector('.e-con.e-parent');
if (container && slug) container.classList.add('tarjeta-tipo--' + slug);
});
})
.catch(err => console.error('Error:', err));
});
});
