// Solución 1: Usando MutationObserver para detectar cuando se agregan opciones
// ============================================
// Solución 2: Modificando la función loadAreas directamente
// ============================================
// En tu función loadAreas, después de cargar las opciones:
async function loadAreas(campusSoadKey, periodSoadKey) {
const areaSelect = $('#area1');
// ... código existente ...
if (data.areas && Array.isArray(data.areas) && data.areas.length > 0) {
data.areas.forEach(area => {
areaSelect.append($('
