Update proa/proa.html

proa/proa.html

@@ -7,15 +7,11 @@
   <script src="https://cdn.tailwindcss.com"></script>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
   <style>
-    /* Estilos copiados de index.html para consistencia */
-    body { background-color: #f8fafc; font-family: 'Montserrat', sans-serif; /* Añadido font */ }
-    #configModal { display: flex; visibility: hidden; opacity: 0; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.7); align-items: center; justify-content: center; z-index: 9999; transition: opacity 0.2s, visibility 0.2s; }
-    #configModal.active { visibility: visible; opacity: 1; }
-    #configContent { background: white; padding: 24px 20px; border-radius: 8px; width: 100%; max-width: 420px; box-shadow: 0 8px 32px rgba(0,0,0,0.25); position: relative; z-index: 10000; }
+    /* Estilos */
+    body { background-color: #f8fafc; font-family: 'Montserrat', sans-serif; }
+    /* ... (otros estilos sin cambios) ... */
     textarea, pre { width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #ccc; border-radius: 4px; }
     button:disabled, a:disabled { opacity: 0.6; cursor: not-allowed; }
-
-    /* Estilos específicos para el visor de guías */
     .guide-list-item { display: block; padding: 0.75rem 1rem; border: 1px solid #e5e7eb; border-radius: 0.375rem; margin-bottom: 0.5rem; background-color: white; cursor: pointer; transition: background-color 0.2s, border-color 0.2s; font-weight: 500; color: #374151; }
     .guide-list-item:hover { background-color: #f9fafb; border-color: #9ca3af; }
     .guide-list-item.pediatric { /* border-left: 4px solid #db2777; */ }
@@ -32,36 +28,26 @@
       <h1 class="text-xl font-bold text-blue-800 flex items-center justify-center">
         <i class="fas fa-book-medical mr-3 text-teal-600"></i> Módulo Guías PROA
       </h1>
-      <p class="text-gray-600 mt-1">Consulta de Guías Clínicas</p>
+      <p class="text-gray-600 mt-1">Consulta de Guías Clínicas Hospital de Alcañiz</p>
     </div>
 
-    <div class="flex justify-between items-center mb-4">
-      <a href="../index.html" class="bg-gray-500 hover:bg-gray-600 text-white px-4 py-2 rounded-lg flex items-center text-base shadow transition-colors" title="Volver al Asistente">
+    <div class="flex justify-start mb-4"> <a href="../index.html" class="bg-gray-500 hover:bg-gray-600 text-white px-4 py-2 rounded-lg flex items-center text-base shadow transition-colors" title="Volver al Asistente">
         <i class="fas fa-arrow-left mr-2"></i>Volver al Asistente
       </a>
-      <button id="btnConfigProa" class="border border-blue-500 text-blue-700 hover:bg-blue-50 px-4 py-2 rounded-lg flex items-center transition-colors">
-        <i class="fas fa-cogs mr-2"></i>Configuración IA
-      </button>
-    </div>
-
-    <div id="configModal">
-      <div id="configContent">
-        <div id="iaConfigContainer"></div>
       </div>
-    </div>
 
     <div class="bg-teal-50 p-6 rounded-lg mb-6 border border-teal-100 shadow">
-
       <div class="mb-4 flex justify-end items-center">
          <label for="togglePediatric" class="mr-3 text-sm font-medium text-gray-700">Mostrar Guías Pediátricas:</label>
          <input type="checkbox" id="togglePediatric" class="form-checkbox h-5 w-5 text-pink-600 rounded focus:ring-pink-500 cursor-pointer">
       </div>
-
       <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
         <div class="md:col-span-1">
           <h2 class="text-lg font-semibold text-teal-800 mb-3">Guías Disponibles:</h2>
           <div id="guide-list-container" class="max-h-96 overflow-y-auto pr-2">
-            <p class="text-gray-500">Cargando lista de guías...</p>
+            <p class="text-red-500 font-semibold">Error al cargar lista de guías.</p>
+             <p class="text-sm text-gray-600 mt-1">Detalle: Error HTTP 404 al cargar index.html: .</p>
+             <p class="text-xs text-gray-500 mt-2">Asegúrate de que el archivo 'index.html' exista en la raíz del proyecto y que la aplicación se ejecute desde un servidor web (Hugging Face o local), no como archivo local (file:///...).</p>
           </div>
         </div>
         <div class="md:col-span-2">
@@ -80,5 +66,5 @@
     </div>
   </div> <script type="module" src="../js/proa.js"></script>
 
-  </body>
+</body>
 </html>