Update js/proa.js

js/proa.js

@@ -1,10 +1,10 @@
-// js/proa.js - Lógica para el visor de Guías PROA (v13 - Rutas para Space)
+// js/proa.js - Lógica para el visor de Guías PROA (v14 - Rutas corregidas)
 // ======================================================================
 // BLOCK START: DOM Elements Selection & Initial Setup
 // ======================================================================
-console.log("[proa.js v13] Script cargado. Esperando DOMContentLoaded...");
+console.log("[proa.js v14] Script cargado. Esperando DOMContentLoaded...");
 window.addEventListener('DOMContentLoaded', () => {
-  console.log("[proa.js v13] DOMContentLoaded detectado. Iniciando setup...");
+  console.log("[proa.js v14] DOMContentLoaded detectado. Iniciando setup...");
 
   // Selectores y Contenedores
   const guideSelector = document.getElementById('guideSelector');
@@ -13,16 +13,16 @@ window.addEventListener('DOMContentLoaded', () => {
   const guideContentDisplay = document.getElementById('guide-content-display');
   const togglePediatricCheckbox = document.getElementById('togglePediatric');
 
-  // ! RUTA ACTUALIZADA AL JSON !
-  const guidesDataUrl = './data/guides_data.json'; // Asume que está en data/
+  // Ruta al JSON
+  const guidesDataUrl = './data/guides_data.json'; // Mantenemos ./ aquí, ya que funciona
 
   // Verificar elementos críticos
   if (!guideSelector || !diagnosisSelectorContainer || !diagnosisSelector || !guideContentDisplay || !togglePediatricCheckbox) {
-    console.error("[proa.js v13] Error Crítico: No se encontraron elementos DOM esenciales.");
+    console.error("[proa.js v14] Error Crítico: No se encontraron elementos DOM esenciales.");
     guideContentDisplay.innerHTML = '<p class="text-red-500 font-semibold text-center py-10">Error: Interfaz no inicializada correctamente.</p>';
     return;
   }
-  console.log("[proa.js v13] Elementos DOM encontrados.");
+  console.log("[proa.js v14] Elementos DOM encontrados.");
   // ======================================================================
   // BLOCK END: DOM Elements Selection & Initial Setup
   // ======================================================================
@@ -30,9 +30,9 @@ window.addEventListener('DOMContentLoaded', () => {
   // ======================================================================
   // BLOCK START: State Variables
   // ======================================================================
-  let allGuides = []; // Almacenará todas las guías del JSON
-  let currentSelectedGuideData = null; // Guarda los datos completos de la guía seleccionada
-  let currentGuideHTMLContent = null; // Cache para el HTML de la guía actual con diagnósticos
+  let allGuides = [];
+  let currentSelectedGuideData = null;
+  let currentGuideHTMLContent = null;
   // ======================================================================
   // BLOCK END: State Variables
   // ======================================================================
@@ -41,33 +41,31 @@ window.addEventListener('DOMContentLoaded', () => {
   // BLOCK START: Function to Fetch Guides Data (from JSON)
   // ======================================================================
   async function loadGuidesData() {
-    console.log(`[proa.js v13] Iniciando loadGuidesData desde: ${guidesDataUrl}`);
+    console.log(`[proa.js v14] Iniciando loadGuidesData desde: ${guidesDataUrl}`);
     guideSelector.innerHTML = '<option value="">Cargando...</option>';
     guideSelector.disabled = true;
-    resetUI(); // Limpia todo
+    resetUI();
 
     try {
-      console.log("[proa.js v13] Realizando fetch...");
+      console.log("[proa.js v14] Realizando fetch...");
       const response = await fetch(guidesDataUrl);
-      console.log(`[proa.js v13] Fetch completado. Status: ${response.status}`);
+      console.log(`[proa.js v14] Fetch completado. Status: ${response.status}`);
       if (!response.ok) throw new Error(`Error HTTP ${response.status} al cargar ${guidesDataUrl}. Verifica que el archivo exista y sea accesible.`);
 
-      console.log("[proa.js v13] Parseando JSON...");
+      console.log("[proa.js v14] Parseando JSON...");
       const rawData = await response.json();
-      console.log("[proa.js v13] JSON parseado.");
+      console.log("[proa.js v14] JSON parseado.");
 
       if (!Array.isArray(rawData)) throw new Error("El formato del JSON no es un array válido.");
 
-      // Filtrar y validar guías
       allGuides = rawData.filter(g => g.id && g.title && g.file && typeof g.isPediatric === 'boolean');
-      console.log(`[proa.js v13] Guías válidas iniciales: ${allGuides.length}`);
+      console.log(`[proa.js v14] Guías válidas iniciales: ${allGuides.length}`);
 
-      // Validar estructura de diagnóstico si existe
       allGuides = allGuides.map(g => {
         if (g.hasDiagnoses === true) {
           if (!Array.isArray(g.diagnoses) || g.diagnoses.some(d => !d.id || !d.title)) {
-            console.warn(`[proa.js v13] Guía '${g.title}' marcada con 'hasDiagnoses' pero la estructura 'diagnoses' es inválida. Se tratará como guía normal.`);
-            return { ...g, hasDiagnoses: false, diagnoses: undefined }; // Corregir datos inválidos
+            console.warn(`[proa.js v14] Guía '${g.title}' marcada con 'hasDiagnoses' pero la estructura 'diagnoses' es inválida. Se tratará como guía normal.`);
+            return { ...g, hasDiagnoses: false, diagnoses: undefined };
           }
         }
         return g;
@@ -75,16 +73,15 @@ window.addEventListener('DOMContentLoaded', () => {
 
       if (allGuides.length === 0) throw new Error("No se encontraron guías válidas en los datos después de la validación.");
 
-      // Ordenar alfabéticamente para el desplegable principal
       allGuides.sort((a, b) => a.title.localeCompare(b.title));
 
-      console.log("[proa.js v13] Llamando a populateGuideSelector (mostrará Adultos por defecto)...");
-      populateGuideSelector(); // Poblar el desplegable principal
-      guideSelector.disabled = false; // Habilitar selector principal
-      console.log("[proa.js v13] Carga inicial de datos completada.");
+      console.log("[proa.js v14] Llamando a populateGuideSelector (mostrará Adultos por defecto)...");
+      populateGuideSelector();
+      guideSelector.disabled = false;
+      console.log("[proa.js v14] Carga inicial de datos completada.");
 
     } catch (error) {
-      console.error("[proa.js v13] Error durante loadGuidesData:", error);
+      console.error("[proa.js v14] Error durante loadGuidesData:", error);
       guideSelector.innerHTML = `<option value="">Error al cargar</option>`;
       guideSelector.disabled = true;
       guideContentDisplay.innerHTML = `<p class="text-red-600 font-semibold text-center py-10">Error crítico al cargar datos: ${error.message}. Revisa la consola y el archivo '${guidesDataUrl}'.</p>`;
@@ -98,75 +95,66 @@ window.addEventListener('DOMContentLoaded', () => {
   // BLOCK START: UI Update Functions
   // ======================================================================
 
-  // Resetea el área de contenido y el selector de diagnóstico
   function resetUI(fullReset = true) {
        guideContentDisplay.innerHTML = '<div class="text-center py-16 text-gray-400"><i class="fas fa-file-alt text-5xl mb-4"></i><p>Selecciona una guía del desplegable.</p></div>';
-       diagnosisSelector.innerHTML = '<option value="">-- Seleccione Diagnóstico --</option>'; // Limpiar opciones
-       diagnosisSelectorContainer.classList.add('hidden'); // Ocultar contenedor
+       diagnosisSelector.innerHTML = '<option value="">-- Seleccione Diagnóstico --</option>';
+       diagnosisSelectorContainer.classList.add('hidden');
        currentSelectedGuideData = null;
-       currentGuideHTMLContent = null; // Limpiar cache de HTML
+       currentGuideHTMLContent = null;
 
        if(fullReset && guideSelector.options.length > 1) {
-           guideSelector.value = ""; // Resetear también el selector principal si no es el reset inicial
+           guideSelector.value = "";
        }
   }
 
-  // Llena el selector PRINCIPAL de guías aplicando el filtro Pediátrico/Adulto
   function populateGuideSelector() {
       const showOnlyPediatric = togglePediatricCheckbox.checked;
-      console.log(`[proa.js v13] Poblando selector principal. Mostrar Pediátricas: ${showOnlyPediatric}`);
+      console.log(`[proa.js v14] Poblando selector principal. Mostrar Pediátricas: ${showOnlyPediatric}`);
 
-      // Filtrar por Adulto o Pediátrico
       const filteredGuides = allGuides.filter(guide => guide.isPediatric === showOnlyPediatric);
-
-      // Ordenar alfabéticamente (ya deberían estar ordenadas, pero por si acaso)
       filteredGuides.sort((a, b) => a.title.localeCompare(b.title));
 
-      // Limpiar selector principal
       guideSelector.innerHTML = `<option value="">-- Seleccione Guía (${showOnlyPediatric ? 'Pediátricas' : 'Adultos'}) --</option>`;
 
       if (filteredGuides.length > 0) {
           const fragment = document.createDocumentFragment();
           filteredGuides.forEach(guide => {
               const option = document.createElement('option');
-              option.value = guide.id; // Usar el ID único de la guía como valor
+              option.value = guide.id;
               option.textContent = guide.isPediatric ? `${guide.title} (PED)` : guide.title;
-              // Guardar datos importantes en el dataset para fácil acceso
               option.dataset.hasDiagnoses = guide.hasDiagnoses || false;
-              option.dataset.file = guide.file; // La ruta al archivo HTML de la guía (debe estar correcta en el JSON)
+              option.dataset.file = guide.file;
               fragment.appendChild(option);
           });
           guideSelector.appendChild(fragment);
-          console.log(`[proa.js v13] Selector principal poblado con ${filteredGuides.length} guías.`);
+          console.log(`[proa.js v14] Selector principal poblado con ${filteredGuides.length} guías.`);
       } else {
           guideSelector.innerHTML = `<option value="">-- No hay guías ${showOnlyPediatric ? 'Pediátricas' : 'Adultos'} --</option>`;
-          console.log(`[proa.js v13] No se encontraron guías para el filtro actual.`);
+          console.log(`[proa.js v14] No se encontraron guías para el filtro actual.`);
       }
-      resetUI(false); // Resetear UI secundaria sin deseleccionar la guía principal
+      resetUI(false);
   }
 
-  // Puebla el selector de DIAGNÓSTICOS
   function populateDiagnosisSelector(guideData) {
-    console.log(`[proa.js v13] Poblando selector de diagnósticos para: ${guideData.title}`);
-    diagnosisSelector.innerHTML = '<option value="">-- Seleccione Diagnóstico --</option>'; // Limpiar
+    console.log(`[proa.js v14] Poblando selector de diagnósticos para: ${guideData.title}`);
+    diagnosisSelector.innerHTML = '<option value="">-- Seleccione Diagnóstico --</option>';
 
     if (guideData.hasDiagnoses && Array.isArray(guideData.diagnoses)) {
       const fragment = document.createDocumentFragment();
       guideData.diagnoses.forEach(diagnosis => {
         const option = document.createElement('option');
-        option.value = diagnosis.id; // Usar el ID del diagnóstico como valor
+        option.value = diagnosis.id;
         option.textContent = diagnosis.title;
         fragment.appendChild(option);
       });
       diagnosisSelector.appendChild(fragment);
-      diagnosisSelectorContainer.classList.remove('hidden'); // Mostrar contenedor
-      console.log(`[proa.js v13] Selector de diagnósticos poblado con ${guideData.diagnoses.length} opciones.`);
+      diagnosisSelectorContainer.classList.remove('hidden');
+      console.log(`[proa.js v14] Selector de diagnósticos poblado con ${guideData.diagnoses.length} opciones.`);
     } else {
-      console.warn("[proa.js v13] Se intentó poblar diagnósticos para una guía sin ellos o con datos inválidos.");
-      diagnosisSelectorContainer.classList.add('hidden'); // Asegurarse que esté oculto
+      console.warn("[proa.js v14] Se intentó poblar diagnósticos para una guía sin ellos o con datos inválidos.");
+      diagnosisSelectorContainer.classList.add('hidden');
     }
   }
-
   // ======================================================================
   // BLOCK END: UI Update Functions
   // ======================================================================
@@ -175,99 +163,98 @@ window.addEventListener('DOMContentLoaded', () => {
   // BLOCK START: Content Loading Functions
   // ======================================================================
 
-  // Carga el CONTENIDO COMPLETO de una guía (para guías SIN diagnósticos)
   async function loadFullGuideContent(guideFile) {
     if (!guideFile) {
       resetUI();
       return;
     }
-    // ! RUTA ACTUALIZADA PARA CARGAR GUÍA !
-    const guideUrl = `./${guideFile}`; // Asume que la ruta en JSON (ej. "guias/archivo.html") es relativa a la raíz
-    console.log(`[proa.js v13] Solicitando contenido COMPLETO de: ${guideUrl}`);
+    // ! RUTA CORREGIDA: Sin ./ !
+    const guideUrl = guideFile; // Asume que la ruta en JSON (ej. "guias/archivo.html") es relativa a la raíz
+    console.log(`[proa.js v14] Solicitando contenido COMPLETO de: ${guideUrl}`);
     guideContentDisplay.innerHTML = '<div class="text-center py-20"><i class="fas fa-spinner fa-spin text-3xl text-gray-400"></i><p class="mt-2 text-gray-500">Cargando guía completa...</p></div>';
-    currentGuideHTMLContent = null; // Limpiar cache
+    currentGuideHTMLContent = null;
 
     try {
-      const response = await fetch(guideUrl); // Usar la ruta completa
+      const response = await fetch(guideUrl);
       if (!response.ok) throw new Error(`Error HTTP ${response.status} al cargar ${guideUrl}`);
       const htmlText = await response.text();
 
-      // Parsear y extraer contenido principal (mismo método que antes)
       const parser = new DOMParser();
       const doc = parser.parseFromString(htmlText, 'text/html');
-      // Intentar selector específico, si no, usar body
-      const contentNode = doc.querySelector('.treatment-card') || doc.body; // Ajustado para buscar .treatment-card si no hay un contenedor principal definido
+      // Intenta buscar el primer div con clase treatment-card como contenedor principal
+      const contentNode = doc.querySelector('.treatment-card') || doc.body;
 
       if (contentNode) {
         const clonedContent = contentNode.cloneNode(true);
-        // Eliminar scripts del contenido clonado
         const scripts = clonedContent.querySelectorAll('script');
         scripts.forEach(script => script.remove());
-        if (scripts.length > 0) console.log(`[proa.js v13] Eliminados ${scripts.length} script(s) de ${guideUrl}.`);
+        if (scripts.length > 0) console.log(`[proa.js v14] Eliminados ${scripts.length} script(s) de ${guideUrl}.`);
 
-        guideContentDisplay.innerHTML = ''; // Limpiar área
-        guideContentDisplay.appendChild(clonedContent); // Añadir contenido limpio
-        console.log(`[proa.js v13] Contenido COMPLETO de ${guideUrl} mostrado.`);
-        guideContentDisplay.scrollTop = 0; // Ir al inicio del contenido
+        guideContentDisplay.innerHTML = '';
+        guideContentDisplay.appendChild(clonedContent);
+        console.log(`[proa.js v14] Contenido COMPLETO de ${guideUrl} mostrado.`);
+        guideContentDisplay.scrollTop = 0;
       } else {
-        throw new Error(`No se encontró nodo de contenido principal en '${guideUrl}'.`);
+        // Si no encuentra .treatment-card, intenta mostrar el body entero (menos scripts)
+        const bodyNode = doc.body;
+        if(bodyNode){
+           const clonedBody = bodyNode.cloneNode(true);
+           const scripts = clonedBody.querySelectorAll('script');
+           scripts.forEach(script => script.remove());
+           guideContentDisplay.innerHTML = '';
+           guideContentDisplay.appendChild(clonedBody);
+           console.warn(`[proa.js v14] No se encontró .treatment-card en '${guideUrl}'. Mostrando contenido del body.`);
+           guideContentDisplay.scrollTop = 0;
+        } else {
+           throw new Error(`No se encontró nodo de contenido principal (ni .treatment-card ni body) en '${guideUrl}'.`);
+        }
       }
     } catch (error) {
-      console.error(`[proa.js v13] Error al cargar/mostrar contenido COMPLETO de ${guideUrl}:`, error);
+      console.error(`[proa.js v14] Error al cargar/mostrar contenido COMPLETO de ${guideUrl}:`, error);
       guideContentDisplay.innerHTML = `<div class="text-center py-20 text-red-600">Error al cargar contenido: ${error.message}</div>`;
     }
   }
 
-  // Carga y cachea el HTML de una guía CON diagnósticos, luego muestra el diagnóstico especificado
   async function loadAndDisplayDiagnosisContent(guideData, diagnosisId) {
-    // ! RUTA ACTUALIZADA PARA CARGAR GUÍA !
-    const guideFileUrl = `./${guideData.file}`; // Asume que la ruta en JSON es relativa a la raíz
-    console.log(`[proa.js v13] Solicitando diagnóstico '${diagnosisId}' de la guía '${guideData.title}' (${guideFileUrl})`);
+    // ! RUTA CORREGIDA: Sin ./ !
+    const guideFileUrl = guideData.file; // Asume que la ruta en JSON es relativa a la raíz
+    console.log(`[proa.js v14] Solicitando diagnóstico '${diagnosisId}' de la guía '${guideData.title}' (${guideFileUrl})`);
     guideContentDisplay.innerHTML = '<div class="text-center py-20"><i class="fas fa-spinner fa-spin text-3xl text-gray-400"></i><p class="mt-2 text-gray-500">Cargando diagnóstico...</p></div>';
 
     try {
-      // Si el HTML de la guía no está cacheado, cargarlo
       if (!currentGuideHTMLContent) {
-        console.log(`[proa.js v13] HTML de ${guideFileUrl} no cacheado. Realizando fetch...`);
-        const response = await fetch(guideFileUrl); // Usar la ruta completa
+        console.log(`[proa.js v14] HTML de ${guideFileUrl} no cacheado. Realizando fetch...`);
+        const response = await fetch(guideFileUrl);
         if (!response.ok) throw new Error(`Error HTTP ${response.status} al cargar ${guideFileUrl}`);
         currentGuideHTMLContent = await response.text();
-        console.log(`[proa.js v13] HTML de ${guideFileUrl} cargado y cacheado.`);
+        console.log(`[proa.js v14] HTML de ${guideFileUrl} cargado y cacheado.`);
       } else {
-         console.log(`[proa.js v13] Usando HTML cacheado de ${guideFileUrl}.`);
+         console.log(`[proa.js v14] Usando HTML cacheado de ${guideFileUrl}.`);
       }
 
-      // Parsear el HTML (cacheado o recién cargado)
       const parser = new DOMParser();
       const doc = parser.parseFromString(currentGuideHTMLContent, 'text/html');
-
-      // Buscar el div específico del diagnóstico por su ID
       const diagnosisNode = doc.getElementById(diagnosisId);
 
       if (diagnosisNode) {
-        console.log(`[proa.js v13] Nodo para diagnóstico ID '${diagnosisId}' encontrado.`);
+        console.log(`[proa.js v14] Nodo para diagnóstico ID '${diagnosisId}' encontrado.`);
         const clonedDiagnosisContent = diagnosisNode.cloneNode(true);
-
-        // Opcional: Limpiar scripts si los hubiera dentro del div del diagnóstico
         const scripts = clonedDiagnosisContent.querySelectorAll('script');
         scripts.forEach(script => script.remove());
-         if (scripts.length > 0) console.log(`[proa.js v13] Eliminados ${scripts.length} script(s) del nodo de diagnóstico.`);
+         if (scripts.length > 0) console.log(`[proa.js v14] Eliminados ${scripts.length} script(s) del nodo de diagnóstico.`);
 
-        guideContentDisplay.innerHTML = ''; // Limpiar área
-        guideContentDisplay.appendChild(clonedDiagnosisContent); // Añadir contenido del diagnóstico
-        console.log(`[proa.js v13] Contenido del diagnóstico '${diagnosisId}' mostrado.`);
-        guideContentDisplay.scrollTop = 0; // Ir al inicio
+        guideContentDisplay.innerHTML = '';
+        guideContentDisplay.appendChild(clonedDiagnosisContent);
+        console.log(`[proa.js v14] Contenido del diagnóstico '${diagnosisId}' mostrado.`);
+        guideContentDisplay.scrollTop = 0;
       } else {
         throw new Error(`No se encontró el elemento con ID '${diagnosisId}' dentro de '${guideFileUrl}'. Verifica la estructura del HTML de la guía.`);
       }
     } catch (error) {
-      console.error(`[proa.js v13] Error al cargar/mostrar diagnóstico '${diagnosisId}' de ${guideFileUrl}:`, error);
+      console.error(`[proa.js v14] Error al cargar/mostrar diagnóstico '${diagnosisId}' de ${guideFileUrl}:`, error);
       guideContentDisplay.innerHTML = `<div class="text-center py-20 text-red-600">Error al cargar diagnóstico: ${error.message}</div>`;
-      // Podríamos querer limpiar el cache si falla la carga
-      // currentGuideHTMLContent = null;
     }
   }
-
   // ======================================================================
   // BLOCK END: Content Loading Functions
   // ======================================================================
@@ -276,49 +263,40 @@ window.addEventListener('DOMContentLoaded', () => {
   // BLOCK START: Event Listeners Setup
   // ======================================================================
 
-  // --- Listener para el selector PRINCIPAL de Guías ---
   guideSelector.addEventListener('change', (event) => {
     const selectedOption = event.target.selectedOptions[0];
     const guideId = selectedOption.value;
-    console.log(`[proa.js v13] Cambió la guía principal seleccionada. ID: ${guideId}`);
-
-    // Limpiar UI secundaria y cache de contenido
-    resetUI(false); // No resetea el selector principal
+    console.log(`[proa.js v14] Cambió la guía principal seleccionada. ID: ${guideId}`);
+    resetUI(false);
 
     if (!guideId) {
-      // Si se seleccionó la opción placeholder "-- Seleccione Guía --"
-      return; // No hacer nada más
+      return;
     }
 
-    // Encontrar los datos completos de la guía seleccionada
     currentSelectedGuideData = allGuides.find(g => g.id === guideId);
 
     if (!currentSelectedGuideData) {
-        console.error(`[proa.js v13] No se encontraron datos para la guía con ID: ${guideId}`);
+        console.error(`[proa.js v14] No se encontraron datos para la guía con ID: ${guideId}`);
         guideContentDisplay.innerHTML = '<p class="text-red-500 text-center py-10">Error: Datos de guía no encontrados.</p>';
         return;
     }
 
-    // Decidir si mostrar selector de diagnóstico o cargar contenido completo
     if (currentSelectedGuideData.hasDiagnoses === true) {
-        console.log(`[proa.js v13] La guía '${currentSelectedGuideData.title}' tiene diagnósticos. Poblando selector secundario.`);
+        console.log(`[proa.js v14] La guía '${currentSelectedGuideData.title}' tiene diagnósticos. Poblando selector secundario.`);
         populateDiagnosisSelector(currentSelectedGuideData);
-        // Mostrar un mensaje inicial diferente en el área de contenido
         guideContentDisplay.innerHTML = '<div class="text-center py-16 text-gray-400"><i class="fas fa-stethoscope text-5xl mb-4"></i><p>Selecciona un diagnóstico específico del desplegable superior.</p></div>';
     } else {
-        console.log(`[proa.js v13] La guía '${currentSelectedGuideData.title}' no tiene diagnósticos. Cargando contenido completo.`);
-        diagnosisSelectorContainer.classList.add('hidden'); // Asegurarse que el selector de diagnóstico esté oculto
-        loadFullGuideContent(currentSelectedGuideData.file); // Pasamos la ruta relativa desde el JSON
+        console.log(`[proa.js v14] La guía '${currentSelectedGuideData.title}' no tiene diagnósticos. Cargando contenido completo.`);
+        diagnosisSelectorContainer.classList.add('hidden');
+        loadFullGuideContent(currentSelectedGuideData.file);
     }
   });
 
-  // --- Listener para el selector SECUNDARIO de Diagnósticos ---
   diagnosisSelector.addEventListener('change', (event) => {
     const diagnosisId = event.target.value;
-    console.log(`[proa.js v13] Cambió el diagnóstico seleccionado. ID: ${diagnosisId}`);
+    console.log(`[proa.js v14] Cambió el diagnóstico seleccionado. ID: ${diagnosisId}`);
 
     if (!diagnosisId) {
-      // Si se seleccionó "-- Seleccione Diagnóstico --"
       guideContentDisplay.innerHTML = '<div class="text-center py-16 text-gray-400"><i class="fas fa-stethoscope text-5xl mb-4"></i><p>Selecciona un diagnóstico específico del desplegable superior.</p></div>';
       return;
     }
@@ -326,20 +304,17 @@ window.addEventListener('DOMContentLoaded', () => {
     if (currentSelectedGuideData && currentSelectedGuideData.hasDiagnoses) {
       loadAndDisplayDiagnosisContent(currentSelectedGuideData, diagnosisId);
     } else {
-      console.error("[proa.js v13] Se intentó cargar un diagnóstico pero no hay guía con diagnósticos seleccionada.");
+      console.error("[proa.js v14] Se intentó cargar un diagnóstico pero no hay guía con diagnósticos seleccionada.");
        guideContentDisplay.innerHTML = '<p class="text-red-500 text-center py-10">Error: Guía base no seleccionada correctamente.</p>';
     }
   });
 
-  // --- Listener para el checkbox Pediátrico/Adulto ---
   togglePediatricCheckbox.addEventListener('change', () => {
-      console.log('[proa.js v13] Cambiado filtro pediátrico.');
-      // Repoblar el selector principal y resetear completamente la UI
+      console.log('[proa.js v14] Cambiado filtro pediátrico.');
       populateGuideSelector();
-      // resetUI() ya se llama dentro de populateGuideSelector, así que no hace falta llamarlo de nuevo explícitamente aquí.
   });
 
-  console.log("[proa.js v13] Listeners añadidos.");
+  console.log("[proa.js v14] Listeners añadidos.");
   // ======================================================================
   // BLOCK END: Event Listeners Setup
   // ======================================================================
@@ -347,10 +322,10 @@ window.addEventListener('DOMContentLoaded', () => {
   // ======================================================================
   // BLOCK START: Initial Execution
   // ======================================================================
-  loadGuidesData(); // Cargar JSON e iniciar UI
+  loadGuidesData();
   // ======================================================================
   // BLOCK END: Initial Execution
   // ======================================================================
 
 }); // Fin DOMContentLoaded
-console.log("[proa.js v13] Script completamente definido.");
+console.log("[proa.js v14] Script completamente definido.");