Update index.html

index.html

@@ -39,10 +39,10 @@
   <div class="mx-auto max-w-2xl p-6 my-8 bg-white rounded-xl shadow-md">
 
     <div class="text-center mb-4">
-      <h1 class="text-3xl font-bold text-blue-800 flex items-center justify-center">
+      <h1 class="text-xl font-bold text-blue-800 flex items-center justify-center">
         <i class="fas fa-user-md mr-3 text-blue-600"></i>Asistente Médico Modular
       </h1>
-      <p class="text-xl text-gray-600 mt-1">Herramienta para transcripción y análisis</p>
+      <p class="text-gray-600 mt-1">Herramienta para transcripción y análisis</p>
     </div>
     <div class="flex justify-end mb-4">
       <button id="btnConfig" class="border border-blue-500 text-blue-700 hover:bg-blue-50 px-4 py-2 rounded-lg flex items-center transition-colors">
@@ -56,6 +56,7 @@
     </div>
     <div class="border-b border-gray-200 mb-6">
       <nav class="flex -mb-px space-x-1" aria-label="Tabs">
+        {/* --- Pestaña Análisis Médico (sin cambios) --- */}
         <button id="tab-medical-analysis"
                 class="tab-button w-16 h-12 flex items-center justify-center rounded-t-lg border-b-2 focus:outline-none transition-colors duration-150 ease-in-out cursor-pointer
                        bg-indigo-600 text-white border-indigo-600" data-content-id="content-medical-analysis"
@@ -65,6 +66,7 @@
                 title="Análisis Médico">
           <i class="fas fa-stethoscope text-xl"></i>
         </button>
+        {/* --- Pestaña Análisis Exámenes (sin cambios) --- */}
         <button id="tab-lab-analysis"
                 class="tab-button w-16 h-12 flex items-center justify-center rounded-t-lg border-b-2 focus:outline-none transition-colors duration-150 ease-in-out cursor-pointer
                        text-pink-500 border-transparent hover:bg-pink-100" data-content-id="content-lab-analysis"
@@ -74,11 +76,23 @@
                 title="Análisis de Exámenes">
           <i class="fas fa-flask text-xl"></i>
         </button>
+
+        {/* --- INICIO: Nuevo Enlace/Botón PROA --- */}
+        <a href="proa.html" id="link-proa"
+                class="w-16 h-12 flex items-center justify-center rounded-t-lg border-b-2 focus:outline-none transition-colors duration-150 ease-in-out cursor-pointer
+                       text-teal-600 border-transparent hover:bg-teal-100"
+                title="PROA (Plan Reorganización Atención)">
+          <i class="fas fa-clipboard-list text-xl"></i> {/* Icono de lista/plan */}
+        </a>
+        {/* --- FIN: Nuevo Enlace/Botón PROA --- */}
+
       </nav>
     </div>
     <div id="tab-content-container">
 
-      <div id="content-medical-analysis" class="tab-content active"> <div class="bg-blue-50 p-6 rounded-lg mb-6 border border-blue-100 shadow">
+      {/* --- Contenido Análisis Médico (sin cambios) --- */}
+      <div id="content-medical-analysis" class="tab-content active">
+        <div class="bg-blue-50 p-6 rounded-lg mb-6 border border-blue-100 shadow">
           <h2 class="text-base font-semibold text-blue-700 mb-3 flex items-center">
             <i class="fas fa-microphone-alt mr-2"></i>Audio de Consulta
           </h2>
@@ -129,8 +143,11 @@
             </button>
           </div>
         </div>
-        </div>
-      <div id="content-lab-analysis" class="tab-content"> <div class="bg-pink-50 p-6 rounded-lg mb-6 border border-pink-100 shadow">
+      </div>
+
+      {/* --- Contenido Análisis Exámenes (sin cambios) --- */}
+      <div id="content-lab-analysis" class="tab-content">
+        <div class="bg-pink-50 p-6 rounded-lg mb-6 border border-pink-100 shadow">
           <h2 class="text-base font-semibold text-pink-700 mb-4 flex items-center">
             <i class="fas fa-vial mr-2"></i>Introducir Resultados de Laboratorio
           </h2>
@@ -161,16 +178,18 @@
             </button>
           </div>
          </div>
-         </div>
-      </div>
+       </div>
+
     </div>
+  </div>
   <div class="text-center mt-8 pt-6 border-t border-gray-200">
     <p class="text-gray-600">
       Desarrollado por el Dr. Antonio J. Arnal Meinhardt<br>
       <span class="text-sm">Médico de Urgencias | Atención Primaria</span>
     </p>
   </div>
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+  {/* No se necesita bootstrap.bundle.min.js si no se usa explícitamente */}
+  {/* <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> */}
   <script type="module" src="./js/main.js"></script>
-  </body>
+</body>
 </html>