Spaces:

aarnal80
/

AppConsulta360

Running

App Files Files Community

aarnal80 commited on Apr 22

Commit

ff0623b

verified ·

1 Parent(s): 9a807cc

Upload 20 files

Browse files

Files changed (20) hide show

proa/bacteremia_cateter.html +93 -0
proa/digestivo.html +126 -0
proa/digestivo_pediatrico.html +124 -0
proa/embarazadas.html +284 -0
proa/endocarditis_infecciosa.html +109 -0
proa/ginecologia.html +140 -0
proa/infecciones_tracto_urinario_adultos.html +278 -0
proa/neutropenia.html +180 -0
proa/oftalmologia.html +147 -0
proa/orl.html +192 -0
proa/orl_pediatrico.html +109 -0
proa/osteoarticular.html +167 -0
proa/osteoarticulares_pediatrico.html +120 -0
proa/piel_partes_blandas.html +153 -0
proa/proa.html +796 -0
proa/respiratorio.html +126 -0
proa/respiratorio_pediatrico.html +152 -0
proa/sindrome_febril_agudo_pediatrico.html +125 -0
proa/sistema_nervioso_central_pediatrico.html +124 -0
proa/urologia_pediatrica.html +118 -0

proa/bacteremia_cateter.html ADDED Viewed

	@@ -0,0 +1,93 @@

+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Guía PROA - Bacteriemia Asociada a Catéter</title>
+  <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>
+    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
+    body { font-family: 'Montserrat', sans-serif; background-color: #f8fafc; }
+    .treatment-card { transition: all 0.3s ease; }
+    .treatment-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05); }
+    .pathogen-list { display:flex;flex-wrap:wrap;gap:0.5rem;margin:0.5rem 0; }
+    .pathogen-item { background-color:#e0f2fe;color:#0369a1;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.875rem;font-weight:500; }
+    .treatment-option { background:white;border-radius:0.5rem;padding:1rem;margin:1rem 0 0.5rem 0;border-left:4px solid #3b82f6; }
+    .treatment-title { font-weight:600;color:#1e40af;margin-bottom:0.5rem;display:flex;align-items:center;gap:0.5rem; }
+    .note-box { background:#fffbeb;border-left:4px solid #f59e0b;padding:0.75rem;margin:1rem 0;border-radius:0 0.5rem 0.5rem 0; }
+    .note-title { font-weight:600;color:#92400e;display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem; }
+    .custom-select { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em; }
+    ul { list-style-position:outside;margin-left:1.25rem; }
+    li { margin-bottom:0.25rem; }
+  </style>
+</head>
+<body class="min-h-screen bg-gray-50">
+  <div class="max-w-4xl mx-auto px-4 py-8">
+    <div class="flex items-center gap-3 mb-6">
+      <div class="bg-blue-600 p-2 rounded-lg text-white"><i class="fas fa-procedures text-2xl"></i></div>
+      <h1 class="text-3xl font-bold text-gray-800">Guía PROA - Bacteriemia Asociada a Catéter</h1>
+    </div>
+    <div class="bg-white rounded-xl shadow-md p-6 mb-6">
+      <label for="diagSelector" class="block text-lg font-medium text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-arrow-down text-blue-500"></i> Clasificación</label>
+      <select id="diagSelector" class="custom-select block w-full pl-3 pr-10 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
+        <option value="">-- Selecciona una categoría --</option>
+        <option value="corta_sin_candida">Corta duración sin riesgo de Cándida</option>
+        <option value="corta_con_candida">Corta duración con riesgo de Cándida</option>
+        <option value="larga_sin_candida">Larga duración sin riesgo de Cándida</option>
+        <option value="larga_con_candida">Larga duración con riesgo de Cándida</option>
+      </select>
+    </div>
+    <div id="result" class="space-y-6"></div>
+    <div id="storage" class="hidden">
+      <!-- Corta sin Candida -->
+      <div id="corta_sin_candida" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-vial text-red-500"></i> Corta duración sin riesgo de Cándida</h2>
+        <div class="mb-4"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Etiología frecuente</h3><div class="pathogen-list"><span class="pathogen-item">S. epidermidis</span><span class="pathogen-item">Coagulasa-negativos</span><span class="pathogen-item">S. aureus</span><span class="pathogen-item">Enterococcus spp.</span><span class="pathogen-item">Enterobacterias</span><span class="pathogen-item">P. aeruginosa</span></div></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento de elección</div><p class="text-gray-700">Vancomicina 15 mg/kg IV cada 12 h* + Ceftazidima 2 g IV cada 8 h o Piperacilina-Tazobactam 4,5 g IV cada 6 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa (alergia BL)</div><p class="text-gray-700">Vancomicina 15 mg/kg IV cada 12 h* + Aztreonam 2 g IV cada 8 h o Amikacina 20 mg/kg/día IV.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Observaciones</div><ul><li>Extraer hemocultivos de todas las luces y de vena periférica.</li><li>Retirar catéter periférico siempre; central si no necesario o complicaciones.</li><li>Tratamiento en domicilio posible con mismas pautas.</li><li>*Solicitar niveles de vancomicina desde tercera dosis.</li></ul></div>
+      </div>
+      <!-- Corta con Candida -->
+      <div id="corta_con_candida" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-vial text-red-500"></i> Corta duración con riesgo de Cándida</h2>
+        <div class="mb-4"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Etiología frecuente</h3><div class="pathogen-list"><span class="pathogen-item">(previas)</span><span class="pathogen-item">+ Cándida spp.</span></div></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-star text-purple-500"></i> Shock o riesgo elevado</div><p class="text-gray-700">Anidulafungina 200 mg IV primer día, luego 100 mg IV/24 h + pauta antibacteriana estándar (Vancomicina + Ceftazidima o Piperacilina-Tazobactam).</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-star text-purple-500"></i> Resto de casos</div><p class="text-gray-700">Fluconazol 800 mg IV en dosis de carga, luego 400 mg IV/24 h + antibacteriana estándar.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-exclamation-circle text-yellow-500"></i> Factores de riesgo Candida</div><ul><li>Sepsis grave o shock</li><li>Nutrición parenteral, cirugía abdominal, pancreatitis</li><li>Neoplasias, neutropenia, trasplantes</li><li>Colonización previa, sondas femorales, UCI</li></ul></div>
+      </div>
+      <!-- Larga sin Candida -->
+      <div id="larga_sin_candida" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-lock text-blue-500"></i> Larga duración sin riesgo de Cándida</h2>
+        <div class="mb-4"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Etiología frecuente</h3><div class="pathogen-list"><span class="pathogen-item">S. epidermidis</span><span class="pathogen-item">S. aureus</span><span class="pathogen-item">Enterococcus spp.</span><span class="pathogen-item">Enterobacterias</span><span class="pathogen-item">P. aeruginosa</span></div></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento de elección</div><p class="text-gray-700">Vancomicina 15 mg/kg IV c/12 h* + Ceftazidima 2 g IV c/8 h o Piperacilina-Tazobactam 4,5 g IV c/6 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa (alergia BL)</div><p class="text-gray-700">Vancomicina 15 mg/kg IV c/12 h* + Aztreonam 2 g IV c/8 h o Amikacina 20 mg/kg/día IV.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Observaciones</div><ul><li>Considerar sellado de catéter si no se retira.</li><li>Hemocultivos de control cada 72 h hasta negativizar.</li><li>Retirar si persiste bacteriemia >72 h.</li></ul></div>
+      </div>
+      <!-- Larga con Candida -->
+      <div id="larga_con_candida" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-lock text-blue-500"></i> Larga duración con riesgo de Cándida</h2>
+        <div class="mb-4"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Etiología frecuente</h3><div class="pathogen-list"><span class="pathogen-item">(previas)</span><span class="pathogen-item">+ Cándida spp.</span></div></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-star text-purple-500"></i> Shock o riesgo elevado</div><p class="text-gray-700">Anidulafungina 200 mg IV primer día, luego 100 mg IV/24 h + antibacteriana estándar.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-star text-purple-500"></i> Resto de casos</div><p class="text-gray-700">Fluconazol 800 mg IV dosis de carga, luego 400 mg IV/24 h + antibacteriana estándar.</p></div>
+      </div>
+    </div>
+    <script>
+      const sel = document.getElementById('diagSelector');
+      const res = document.getElementById('result');
+      const store = document.getElementById('storage');
+      sel.addEventListener('change', () => {
+        res.innerHTML = '';
+        const id = sel.value;
+        if (!id) return;
+        const node = store.querySelector('#' + id);
+        if (node) res.appendChild(node.cloneNode(true));
+      });
+    </script>
+    <div class="mt-12 text-center text-sm text-gray-500">
+      <p>© 2025 Grupo PROA del Hospital de Alcañiz</p>
+      <p>Elaborado por Dr. Antonio J. Arnal Meinhardt | Médico de Urgencias</p>
+    </div>
+  </div>
+</body>
+</html>

proa/digestivo.html ADDED Viewed

	@@ -0,0 +1,126 @@

+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Guía PROA - Digestivo</title>
+  <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>
+    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
+    body { font-family: 'Montserrat', sans-serif; background-color: #f8fafc; }
+    .treatment-card { transition: all 0.3s ease; }
+    .treatment-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05); }
+    .pathogen-list { display:flex;flex-wrap:wrap;gap:0.5rem;margin:0.5rem 0; }
+    .pathogen-item { background:#e0f2fe;color:#0369a1;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.875rem;font-weight:500; }
+    .treatment-option { background:white;border-radius:0.5rem;padding:1rem;margin:1rem 0 0.5rem 0;border-left:4px solid #3b82f6; }
+    .treatment-title { font-weight:600;color:#1e40af;margin-bottom:0.5rem;display:flex;align-items:center;gap:0.5rem; }
+    .note-box { background:#fffbeb;border-left:4px solid #f59e0b;padding:0.75rem;margin:1rem 0;border-radius:0 0.5rem 0.5rem 0; }
+    .note-title { font-weight:600;color:#92400e;display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem; }
+    .custom-select { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em; }
+    ul { list-style-position:outside;margin-left:1.25rem; }
+    li { margin-bottom:0.25rem; }
+  </style>
+</head>
+<body class="min-h-screen bg-gray-50">
+  <div class="max-w-4xl mx-auto px-4 py-8">
+    <div class="flex items-center gap-3 mb-6">
+      <div class="bg-green-600 p-2 rounded-lg text-white"><i class="fas fa-stomach text-2xl"></i></div>
+      <h1 class="text-3xl font-bold text-gray-800">Guía PROA - Digestivo</h1>
+    </div>
+    <div class="bg-white rounded-xl shadow-md p-6 mb-6">
+      <label for="digSelector" class="block text-lg font-medium text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-arrow-down text-green-500"></i> Selecciona módulo</label>
+      <select id="digSelector" class="custom-select block w-full pl-3 pr-10 py-2 border border-gray-300 rounded-md focus:ring-green-500 focus:border-green-500">
+        <option value="">-- Elige un módulo --</option>
+        <option value="esofagitis">Esofagitis infecciosa</option>
+        <option value="gastroenteritis">Gastroenteritis aguda</option>
+        <option value="colitis_cd">Colitis por C. difficile</option>
+        <option value="colangitis">Colangitis</option>
+        <option value="colecistitis_simple">Colecistitis aguda simple</option>
+        <option value="colecistitis_comp">Colecistitis complicada</option>
+        <option value="peritonitis">Peritonitis bacteriana espontánea</option>
+      </select>
+    </div>
+    <div id="result" class="space-y-6"></div>
+    <div id="storage" class="hidden">
+      <!-- Esofagitis -->
+      <div id="esofagitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-virus text-red-500"></i> Esofagitis infecciosa</h2>
+        <h3 class="font-semibold text-gray-700 mt-4">Fúngica (Candidiasis)</h3>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Fluconazol 40 mg dosis única, seguido de 200-400 mg/24 h VO.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Voriconazol 200 mg/12 h VO.</p></div>
+        <h3 class="font-semibold text-gray-700 mt-4">Vírica (inmunodeprimidos)</h3>
+        <div class="treatment-option"><div class="treatment-title">VHS</div><p>Aciclovir 5-10 mg/kg/8 h IV o 400 mg 5 × día VO.</p></div>
+        <div class="treatment-option"><div class="treatment-title">CMV</div><p>Ganciclovir 5 mg/kg/12 h IV → Valganciclovir 900 mg/24 h VO.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Duración: Candida/VHS 14–21 días; CMV 21–28 días.</li><li>Si no responde, endoscopia y biopsia.</li></ul></div>
+      </div>
+      <!-- Gastroenteritis -->
+      <div id="gastroenteritis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-virus text-yellow-600"></i> Gastroenteritis aguda</h2>
+        <h3 class="font-semibold text-gray-700 mt-4">No inflamatoria</h3>
+        <div class="note-box"><div class="note-title">Manejo</div><ul><li>Tratamiento sintomático: dieta, evitar lácteos.</li><li>Estudios: coprocultivo y detección viral.</li></ul></div>
+        <h3 class="font-semibold text-gray-700 mt-4">Inflamatoria</h3>
+        <div class="pathogen-list"><span class="pathogen-item">Campylobacter</span><span class="pathogen-item">Salmonella</span><span class="pathogen-item">Shigella</span><span class="pathogen-item">E. coli ent.</span></div>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Azitromicina 500 mg/24 h IV/VO 3–5 días.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Ciprofloxacino 500 mg/12 h IV 5–7 días.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Solo antibiótico si: diarrea sanguinolenta, SRIS, >65 años, inmunodeprimidos, viajero grave.</li></ul></div>
+      </div>
+      <!-- Colitis C. difficile -->
+      <div id="colitis_cd" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-bacteria text-purple-500"></i> Colitis por C. difficile</h2>
+        <h3 class="font-semibold text-gray-700 mt-4">Primer episodio leve</h3>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Vancomicina 125 mg/6 h VO 10 días.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Metronidazol 500 mg/8 h VO 10 días.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Fidaxomicina</div><p>200 mg/12 h VO 10 días (vulnerable/recurrencia).</p></div>
+        <h3 class="font-semibold text-gray-700 mt-4">Episodios recurrencias</h3>
+        <div class="note-box"><div class="note-title">Ver protocolos de recidiva</div><ul><li>Pauta descendente de vancomicina o fidaxomicina ± bezlotoxumab.</li><li>Fecal microbiota transplant si ≥3 recidivas.</li></ul></div>
+      </div>
+      <!-- Colangitis -->
+      <div id="colangitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-biliary text-blue-500"></i> Colangitis</h2>
+        <h3 class="font-semibold text-gray-700 mt-4">Leve-moderada</h3>
+        <div class="pathogen-list"><span class="pathogen-item">E. coli</span><span class="pathogen-item">Enterobacterias</span></div>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Ceftriaxona 1–2 g/24 h IV o cefotaxima 2 g/8 h IV.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa (BLEE)</div><p>Ertapenem 1 g/24 h IV.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Drenaje biliar precoz (CPRE <48–72 h).</li><li>Duración según evolución; suspender tras 72 h afebril.</li></ul></div>
+        <h3 class="font-semibold text-gray-700 mt-4">Grave</h3>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Meropenem 1 g/8 h o Piperacilina/Tazobactam 4,5 g/6 h IV.</p></div>
+      </div>
+      <!-- Colecistitis simple -->
+      <div id="colecistitis_simple" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-gallbladder text-yellow-600"></i> Colecistitis aguda simple</h2>
+        <div class="pathogen-list"><span class="pathogen-item">E. coli</span><span class="pathogen-item">Enterobacterias</span></div>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Cefotaxima 1–2 g/8 h IV o ceftriaxona 1–2 g/24 h IV.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Aztreonam 1–2 g/8 h IV o Amikacina 15 mg/kg/día IV.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Colecistectomía precoz (48–72 h).</li><li>Duración ATB: 72 h post-colecistectomía o 7–10 días.</li></ul></div>
+      </div>
+      <!-- Colecistitis complicada -->
+      <div id="colecistitis_comp" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-gallbladder text-red-600"></i> Colecistitis complicada</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Enterobacterias</span><span class="pathogen-item">Enterococcus</span><span class="pathogen-item">P. aeruginosa</span></div>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Piperacilina/Tazobactam 4 g/6 h IV ± Meropenem 1–2 g/8 h si sepsis.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Colecistectomía urgente si absceso o gangrena.</li><li>Duración: 14 días IV.</li></ul></div>
+      </div>
+      <!-- Peritonitis -->
+      <div id="peritonitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-procedures text-teal-500"></i> Peritonitis bacteriana espontánea</h2>
+        <h3 class="font-semibold text-gray-700 mt-4">Comunitaria</h3>
+        <div class="pathogen-list"><span class="pathogen-item">E. coli</span><span class="pathogen-item">Klebsiella</span></div>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Ceftriaxona 2 g/24 h IV o cefotaxima 2 g/8 h IV.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Levofloxacino 750 mg/24 h IV o Aztreonam 2 g/8 h IV.</p></div>
+        <h3 class="font-semibold text-gray-700 mt-4">Nosocomial o con riesgo</h3>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Piperacilina/Tazobactam 4 g/8 h IV ± Linezolid 600 mg/12 h IV.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Duración: 5–7 días (ajustar).</li><li>Paracentesis diagnóstica y cultivos.</li><li>Albúmina profiláctica en cirróticos.</li></ul></div>
+      </div>
+    </div>
+    <script>
+      const sel=document.getElementById('digSelector'),res=document.getElementById('result'),store=document.getElementById('storage');
+      sel.addEventListener('change',()=>{res.innerHTML='';const id=sel.value; if(!id)return; const node=store.querySelector('#'+id); if(node)res.appendChild(node.cloneNode(true));});
+    </script>
+    <div class="mt-12 text-center text-sm text-gray-500">
+      <p>© 2025 Grupo PROA del Hospital de Alcañiz</p>
+      <p>Elaborado por Dr. Antonio J. Arnal Meinhardt | Médico de Urgencias</p>
+    </div>
+  </div>
+</body>
+</html>

proa/digestivo_pediatrico.html ADDED Viewed

	@@ -0,0 +1,124 @@

+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Guía PROA - Digestivo PED</title>
+  <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>
+    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
+    body{font-family:'Montserrat',sans-serif;background:#f8fafc;}
+    .treatment-card{transition:all .3s ease;} .treatment-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);}
+    .custom-select{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") no-repeat right .5rem center/1.5em 1.5em;}
+    ul{margin-left:1.25rem;} li{margin-bottom:.25rem;}
+    .treatment-option{background:#fff;border-radius:.5rem;padding:1rem;margin:1rem 0 .5rem 0;border-left:4px solid #3b82f6;}
+    .treatment-title{font-weight:600;color:#1e40af;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;}
+    .note-box{background:#fffbeb;border-left:4px solid #f59e0b;padding:.75rem;margin:1rem 0;border-radius:0 .5rem .5rem 0;}
+    .note-title{font-weight:600;color:#92400e;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;}
+    .pathogen-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0;}
+    .pathogen-item{background:#e0f2fe;color:#0369a1;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;}
+  </style>
+</head>
+<body class="min-h-screen bg-gray-50">
+  <div class="max-w-4xl mx-auto px-4 py-8">
+    <div class="flex items-center gap-3 mb-6">
+      <div class="bg-green-600 p-2 rounded-lg text-white"><i class="fas fa-stomach text-2xl"></i></div>
+      <h1 class="text-3xl font-bold text-gray-800">Guía PROA - Digestivo Pediátrico</h1>
+    </div>
+    <div class="bg-white rounded-xl shadow-md p-6 mb-6">
+      <label for="diagSelector" class="block text-lg font-medium text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-arrow-down text-green-500"></i> Patógeno / Síndrome</label>
+      <select id="diagSelector" class="custom-select block w-full pl-3 pr-10 py-2 border border-gray-300 rounded-md focus:ring-green-500 focus:border-green-500">
+        <option value="">-- Selecciona --</option>
+        <option value="campylobacter">Campylobacter spp.</option>
+        <option value="salmonella">Salmonella spp.</option>
+        <option value="c_difficile">Clostridioides difficile</option>
+        <option value="ehec">E. coli enterohemorrágico (O157:H7)</option>
+        <option value="ecet">E. coli enterotoxigénico</option>
+        <option value="shigella">Shigella</option>
+        <option value="yersinia">Yersinia</option>
+        <option value="virus">Virus entéricos</option>
+        <option value="giardia">Giardia lamblia</option>
+      </select>
+    </div>
+    <div id="result" class="space-y-6"></div>
+    <div id="storage" class="hidden">
+      <!-- Campylobacter -->
+      <div id="campylobacter" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-bug text-red-500"></i> Campylobacter spp.</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Diarrea inflamatoria</span><span class="pathogen-item">Toxiinfección alimentaria</span></div>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Azitromicina 10 mg/kg/24 h VO, 3 días (máx 500 mg/día) o Cefotaxima 100-200 mg/kg/día IV en 3-4 dosis, 3-5 días (máx 6 g/día) si bacteriemia.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Ciprofloxacino 15 mg/kg/12 h VO/IV, 3-5 días (máx 500 mg/12 h).</p></div>
+        <div class="note-box"><div class="note-title">Indicaciones / Comentarios</div><ul><li>Diarrea >7 días, GEA grave, reducir contagio institucional.</li><li>Generalmente autolimitada; antibiótico más eficaz primeros 3 días.</li></ul></div>
+      </div>
+      <!-- Salmonella -->
+      <div id="salmonella" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-bug text-red-500"></i> Salmonella spp.</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Diarrea inflamatoria</span><span class="pathogen-item">Toxiinfección alimentaria</span></div>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Cefixima 4-5 mg/kg/12 h VO, 5 días (máx 400 mg/día) o Cefotaxima 100-200 mg/kg/día IV en 3-4 dosis, 3-5 días (máx 6 g).</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Ciprofloxacino 15 mg/kg/12 h VO/IV o Cotrimoxazol 5 mg TMP/kg/12 h VO, 3-5 días.</p></div>
+        <div class="note-box"><div class="note-title">Indicaciones / Comentarios</div><ul><li>Diarrea >7 días, <3 meses, bacteriemia, inmunosupresión.</li><li>ATB no acorta síntomas; Salmonella typhi siempre tratar.</li></ul></div>
+      </div>
+      <!-- C. difficile -->
+      <div id="c_difficile" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-bacteria text-purple-500"></i> Clostridioides difficile</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Diarrea inflamatoria</span></div>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Metronidazol 30 mg/kg/día VO en 3-4 dosis, 10 días (máx 750 mg/dosis).</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Vancomicina 50 mg/kg/día VO en 4 dosis, 7-14 días (máx 500 mg/dosis).</p></div>
+        <div class="note-box"><div class="note-title">Indicaciones / Comentarios</div><ul><li>Tratar si no mejora tras retirar ATB, recaídas o casos graves.</li><li>Reservar vancomicina para ingresados o riesgo recurrencia.</li></ul></div>
+      </div>
+      <!-- EHEC -->
+      <div id="ehec" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-ban text-red-600"></i> E. coli enterohemorrágico (O157:H7)</h2>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Contraindicado el uso de antibióticos: aumenta riesgo de SHU.</li></ul></div>
+      </div>
+      <!-- ECET -->
+      <div id="ecet" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-bug text-blue-500"></i> E. coli enterotoxigénico</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Diarrea acuosa</span><span class="pathogen-item">Diarrea del viajero</span></div>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Azitromicina 10 mg/kg/24 h VO, dosis única, 3-5 días (máx 500 mg/día).</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Ciprofloxacino 15 mg/kg/12 h VO/IV, 3-5 días (máx 500 mg/12 h).</p></div>
+        <div class="note-box"><div class="note-title">Indicaciones</div><ul><li>Siempre.</li></ul></div>
+      </div>
+      <!-- Shigella -->
+      <div id="shigella" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-bug text-red-500"></i> Shigella</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Diarrea inflamatoria</span></div>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Azitromicina 12 mg/kg/24 h VO primer día; luego 6 mg/kg/24 h 4 días (máx 500 mg/día) o Cefotaxima 100-200 mg/kg/día IV en 3-4 dosis, 3-5 días.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Ciprofloxacino 15 mg/kg/12 h VO/IV, 3-5 días.</p></div>
+        <div class="note-box"><div class="note-title">Indicaciones</div><ul><li>Tratar siempre con cultivo positivo o sospecha fundada.</li></ul></div>
+      </div>
+      <!-- Yersinia -->
+      <div id="yersinia" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-bug text-red-500"></i> Yersinia</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Diarrea inflamatoria</span></div>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Cefixima 4-5 mg/kg/12 h VO, 5 días o Cefotaxima 100-200 mg/kg/día IV en 3-4 dosis, 3-5 días.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Ciprofloxacino 15 mg/kg/12 h VO/IV, 3-5 días o Cotrimoxazol 5 mg TMP/kg/12 h VO, 3-5 días.</p></div>
+        <div class="note-box"><div class="note-title">Indicaciones</div><ul><li>Bacteriemia, enfermedad invasiva, inmunosupresión, GEA grave.</li></ul></div>
+      </div>
+      <!-- Virus -->
+      <div id="virus" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-virus text-yellow-600"></i> Virus entéricos</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Adenovirus</span><span class="pathogen-item">Rotavirus</span><span class="pathogen-item">Astrovirus</span><span class="pathogen-item">Norovirus</span></div>
+        <div class="note-box"><div class="note-title">Tratamiento</div><ul><li>No está justificado el uso de antibióticos.</li></ul></div>
+      </div>
+      <!-- Giardia -->
+      <div id="giardia" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-flask text-green-500"></i> Giardia lamblia</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Diarrea no inflamatoria</span></div>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Metronidazol 5 mg/kg/8 h VO, 7 días (máx 500-750 mg/dosis).</p></div>
+        <div class="treatment-option"><div class="treatment-title">Recurrencia</div><p>Metronidazol 10 mg/kg/8 h VO.</p></div>
+        <div class="note-box"><div class="note-title">Indicaciones</div><ul><li>Siempre.</li></ul></div>
+      </div>
+    </div>
+    <script>
+      const sel=document.getElementById('diagSelector'), res=document.getElementById('result'), store=document.getElementById('storage');
+      sel.addEventListener('change',()=>{res.innerHTML='';const id=sel.value; if(!id) return; const node=store.querySelector('#'+id); if(node) res.appendChild(node.cloneNode(true));});
+    </script>
+    <div class="mt-12 text-center text-sm text-gray-500">
+      <p>© 2025 Grupo PROA del Hospital de Alcañiz</p>
+      <p>Elaborado por Dr. Antonio J. Arnal Meinhardt | Médico de Urgencias</p>
+    </div>
+  </div>
+</body>
+</html>

proa/embarazadas.html ADDED Viewed

	@@ -0,0 +1,284 @@

+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Guía PROA - Embarazadas</title>
+  <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>
+    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
+    body { font-family: 'Montserrat', sans-serif; background-color: #f8fafc; }
+    .treatment-card { transition: all 0.3s ease; }
+    .treatment-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05); }
+    .custom-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right .5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; }
+    .treatment-option { background: white; border-radius: .5rem; padding: 1rem; margin: 1rem 0 .5rem; border-left: 4px solid #db2777; }
+    .treatment-title { font-weight:600; color:#831843; margin-bottom:.5rem; display:flex; align-items:center; gap:.5rem; }
+    .note-box { background:#ffecf0; border-left:4px solid #ec4899; padding:.75rem; margin:1rem 0; border-radius:0 .5rem .5rem 0; }
+    .note-title { font-weight:600; color:#831843; display:flex; align-items:center; gap:.5rem; margin-bottom:.5rem; }
+    ul { margin-left:1.25rem; } li { margin-bottom:.25rem; }
+    optgroup { font-style:italic; }
+  </style>
+</head>
+<body class="min-h-screen bg-gray-50">
+  <div class="max-w-5xl mx-auto px-4 py-8">
+    <div class="flex items-center gap-3 mb-6">
+      <div class="bg-pink-600 p-2 rounded-lg text-white"><i class="fas fa-baby text-2xl"></i></div>
+      <h1 class="text-3xl font-bold text-gray-800">Guía PROA - Embarazadas y Puerperio</h1>
+    </div>
+    <div class="bg-white rounded-xl shadow-md p-6 mb-6">
+      <label for="sel" class="block text-lg font-medium text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-arrow-down text-pink-500"></i> Selecciona categoría</label>
+      <select id="sel" class="custom-select block w-full pl-3 pr-10 py-2 border border-gray-300 rounded-md focus:ring-pink-500 focus:border-pink-500">
+        <option value="">-- Elige categoría --</option>
+        <optgroup label="Infecciones específicas">
+          <option value="rpm_term_24h">RPM >37 sem < 24 h</option>
+          <option value="rpm_term_gt24h">RPM >37 sem > 24 h</option>
+          <option value="rpm_tardio">RPM 34+0–36+6</option>
+          <option value="rpm_preterm">RPM 24+0–33+6</option>
+          <option value="rpm_previabilidad">RPM < 24+0 (previabilidad)</option>
+          <option value="app">Amenaza parto prematuro</option>
+          <option value="corioamnionitis">Corioamnionitis</option>
+          <option value="fiebre_intraparto">Fiebre intraparto</option>
+          <option value="sgb">Presencia SGB</option>
+          <option value="cesarea">Cesárea</option>
+          <option value="alumbramiento_manual">Alumbramiento manual</option>
+          <option value="lesion_esfinter">Lesión esfínter anal 3º/4º grado</option>
+          <option value="legrado">Legrado obstétrico</option>
+          <option value="cerclaje">Cerclaje cervical</option>
+          <option value="mastitis">Mastitis puerperal</option>
+          <option value="herida_quirurgica">Infección herida quirúrgica</option>
+          <option value="endometritis">Endometritis</option>
+          <option value="abscesos">Abscesos intraabdominales</option>
+        </optgroup>
+        <optgroup label="Infecciones generales">
+          <option value="bacteriuria_asint">Bacteriuria asintomática</option>
+          <option value="cistitis">Cistitis</option>
+          <option value="pielonefritis">Pielonefritis</option>
+          <option value="faringoamigdalitis">Faringoamigdalitis</option>
+          <option value="bronquitis">Bronquitis</option>
+          <option value="gripe">Gripe</option>
+          <option value="neumonia">Neumonía comunitaria</option>
+          <option value="otitis_externa">Otitis externa</option>
+          <option value="otitis_media">Otitis media</option>
+          <option value="sinusitis">Sinusitis</option>
+          <option value="odontogena">Infección odontógena</option>
+          <option value="inf_locales">Piel: impétigo/foliculitis</option>
+          <option value="inf_moderadas">Celulitis/erisipela</option>
+          <option value="inf_necrotizante">Fascitis necrotizante</option>
+          <option value="gastroenteritis">Gastroenteritis</option>
+          <option value="colecistitis">Colecistitis/colangitis</option>
+          <option value="diverticulitis">Diverticulitis/absceso</option>
+        </optgroup>
+      </select>
+    </div>
+    <div id="result" class="space-y-6"></div>
+    <div id="store" class="hidden">
+      <!-- RPM >37 sem <24h -->
+      <div id="rpm_term_24h" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">RPM término &lt;24 h</h2>
+        <p>No infecciosa. Sin cobertura antibiótica si SGB negativo y bolsa rota &lt;24 h. Si inducción o progresión &gt;24 h, pauta SGB:</p>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Ampicilina 2 g IV (1ª) + Ampicilina 1 g/4 h IV hasta parto.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alergia</div><p>Clindamicina 900 mg/8 h IV o Vancomicina 1 g/12 h IV.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Duración: durante el parto.</li><li>Finalizar gestación &lt;24 h tras RPM.</li></ul></div>
+      </div>
+      <!-- RPM >37 sem >24h -->
+      <div id="rpm_term_gt24h" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">RPM término &gt;24 h</h2>
+        <div class="treatment-option"><div class="treatment-title">Profilaxis</div><p>Ampicilina 2 g IV + Ampicilina 1 g/4 h IV hasta parto.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alergia</div><p>Clindamicina 900 mg/8 h IV o Vancomicina 1 g/12 h IV.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Inducción inmediata.</li></ul></div>
+      </div>
+      <!-- RPM tardío 34+0–36+6 -->
+      <div id="rpm_tardio" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">RPM pretérmino tardío (34+0–36+6)</h2>
+        <div class="treatment-option"><div class="treatment-title">Profilaxis</div><p>Ampicilina 2 g IV + Ampicilina 1 g/4 h IV ×48 h.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Si trabajo de parto tras 48 h, iniciar cobertura SGB.</li></ul></div>
+      </div>
+      <!-- RPM pretérmino 24+0–33+6 -->
+      <div id="rpm_preterm" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">RPM pretérmino (24+0–33+6)</h2>
+        <div class="treatment-option"><div class="treatment-title">Tratamiento latencia</div><p>Azitromicina 1 g VO + Ampicilina 2 g/6 h IV ×48 h, luego Amoxicilina 500 mg/8 h VO ×5 d.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Si parto tras 7 días, iniciar profilaxis SGB.</li></ul></div>
+      </div>
+      <!-- RPM previabilidad <24+0 -->
+      <div id="rpm_previabilidad" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">RPM previabilidad (&lt;24+0)</h2>
+        <div class="treatment-option"><div class="treatment-title">Tratamiento latencia</div><p>Amoxicilina 500 mg/8 h VO ×5 d + Azitromicina 1 g VO dosis única.</p></div>
+        <div class="note-box"><div class="note-title">Alergia</div><p>Azitromicina 1 g VO + Clindamicina 300 mg/8 h VO ×5 d.</p></div>
+      </div>
+      <!-- Amenaza parto prematuro -->
+      <div id="app" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Amenaza parto prematuro</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Ampicilina 2 g/6 h IV + Ceftriaxona 1 g/12 h IV + Claritromicina 500 mg/12 h VO.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Solo si infección intraamniótica.</li></ul></div>
+      </div>
+      <!-- Corioamnionitis -->
+      <div id="corioamnionitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Corioamnionitis</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Piperacilina/Tazobactam 4 g/6 h IV + Claritromicina 500 mg/12 h VO.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Finalizar gestación bajo cobertura, mantener 48 h afebril.</li></ul></div>
+      </div>
+      <!-- Fiebre intraparto -->
+      <div id="fiebre_intraparto" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Fiebre intraparto</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección sin BLEE</div><p>&lt;37 sem: Piperacilina/Tazobactam 4 g/6 h IV + Claritromicina 500 mg/12 h VO; ��37 sem: Piperacilina/Tazobactam 4 g/6 h IV.</p></div>
+        <div class="note-box"><div class="note-title">Alergia</div><p>Teicoplanina + Aztreonam + Metronidazol o Tigeciclina + Metronidazol.</p></div>
+      </div>
+      <!-- Presencia SGB -->
+      <div id="sgb" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Positividad SGB</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Penicilina G 5 MUI carga → 2.5 MUI/4 h IV hasta parto.</p></div>
+        <div class="note-box"><div class="note-title">Alternativa / Alergia</div><ul><li>Ampicilina 2 g → 1 g/4 h IV.</li><li>Clindamicina 900 mg/8 h o Vancomicina 1 g/12 h.</li></ul></div>
+      </div>
+      <!-- Cesárea -->
+      <div id="cesarea" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Profilaxis en cesárea</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Cefazolina 2 g IV dosis única (60 min antes).</p></div>
+        <div class="note-box"><div class="note-title">Alergia</div><p>Clindamicina 1200 mg + Gentamicina 240 mg dosis única.</p></div>
+      </div>
+      <!-- Alumbramiento manual/lavado -->
+      <div id="alumbramiento_manual" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Alumbramiento/Revisión manual</h2>
+        <div class="treatment-option"><div class="treatment-title">Profilaxis</div><p>Cefazolina 2 g IV dosis única.</p></div>
+        <div class="note-box"><div class="note-title">Alergia</div><p>Clindamicina 1200 mg IV dosis única.</p></div>
+      </div>
+      <!-- Lesión esfínter anal -->
+      <div id="lesion_esfinter" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Lesión esfínter anal 3º/4º grado</h2>
+        <div class="treatment-option"><div class="treatment-title">3A</div><p>Cefotaxima 2 g IV dosis única.</p></div>
+        <div class="treatment-option"><div class="treatment-title">3B/3C</div><p>Cefotaxima 2 g IV + Cefuroxima 250 mg/12 h VO + Metronidazol 250 mg/8 h VO ×5 d.</p></div>
+        <div class="note-box"><div class="note-title">Alergia</div><p>Gentamicina + Metronidazol IV/VO.</p></div>
+      </div>
+      <!-- Legrado obstétrico y cerclaje (no ATB) -->
+      <div id="legrado" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200"><h2 class="text-2xl font-bold text-gray-800 mb-4">Legrado obstétrico / Cerclaje</h2><div class="note-box"><div class="note-title">Observaciones</div><ul><li>No precisa tratamiento ni profilaxis.</li></ul></div></div>
+      <!-- Mastitis -->
+      <div id="mastitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Mastitis puerperal</h2>
+        <div class="treatment-option"><div class="treatment-title">Leve</div><p>Cefalexina 500 mg/6 h VO o Cefadroxilo 1 g/12 h VO.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Grave</div><p>Cefazolina 2 g/8 h IV + Vancomicina 1 g/12 h IV.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>No interrumpir lactancia; duración 7-10 días.</li></ul></div>
+      </div>
+      <!-- Infección herida quirúrgica puerperal -->
+      <div id="herida_quirurgica" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Infección de herida quirúrgica</h2>
+        <div class="treatment-option"><div class="treatment-title">Superficial</div><p>Amoxi/clav 875/125 mg/8 h VO ×5 d.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Profunda</div><p>Ceftriaxona 2 g/24 h IV + Metronidazol 500 mg/8 h IV.</p></div>
+        <div class="note-box"><div class="note-title">Manejo</div><ul><li>Desbridamiento, muestras a Microbiología.</li></ul></div>
+      </div>
+      <!-- Endometritis puerperal -->
+      <div id="endometritis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Endometritis puerperal</h2>
+        <div class="treatment-option"><div class="treatment-title">Leve</div><p>Cefixima 400 mg/24 h VO + Metronidazol 500 mg/8 h VO ×5 d.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Grave</div><p>Ceftriaxona 2 g/24 h IV + Metronidazol 500 mg/8 h IV ± Azitromicina 1 g dosis única.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Mantener 48 h afebril.</li></ul></div>
+      </div>
+      <!-- Abscesos intraabdominales -->
+      <div id="abscesos" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Abscesos intraabdominales</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Amoxi/clav 1 g/6 h IV ×7 d o Ceftriaxona 2 g/24 h IV + Metronidazol 500 mg/8 h IV ×7 d.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Drenaje percutáneo o cirugía.</li></ul></div>
+      </div>
+      <!-- Bacteriuria asintomática -->
+      <div id="bacteriuria_asint" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Bacteriuria asintomática</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Fosfomicina trometamol 3 g VO dosis única.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Urocultivo de control 7-15 d después y trimestral.</li></ul></div>
+      </div>
+      <!-- Cistitis -->
+      <div id="cistitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Cistitis</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Fosfomicina trometamol 3 g VO dosis única.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Cefuroxima 500 mg/12 h VO ×5 d.</p></div>
+        <div class="note-box"><div class="note-title">Alergia</div><p>Nitrofurantoína 100 mg/8 h VO ×5 d.</p></div>
+      </div>
+      <!-- Pielonefritis -->
+      <div id="pielonefritis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Pielonefritis</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Ceftriaxona 2 g/24 h IV hasta 24-48 h afebril → Cefuroxima 500 mg/12 h VO.</p></div>
+        <div class="note-box"><div class="note-title">Alergia</div><p>Aztreonam 1 g/8 h IV.</p></div>
+      </div>
+      <!-- Faringoamigdalitis -->
+      <div id="faringoamigdalitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Faringoamigdalitis</h2>
+        <div class="note-box"><div class="note-title">Manejo inicial</div><p>Tratamiento sintomático; si criterios Centor ≥3 y test +: Penicilina V o Amoxicilina.</p></div>
+      </div>
+      <!-- Bronquitis -->
+      <div id="bronquitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Bronquitis</h2>
+        <div class="note-box"><div class="note-title">Manejo inicial</div><p>Tratamiento sintomático; si no mejora: Amoxicilina o Azitromicina.</p></div>
+      </div>
+      <!-- Gripe -->
+      <div id="gripe" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Gripe</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Oseltamivir 75 mg/12 h VO ×5 d.</p></div>
+      </div>
+      <!-- Neumonía -->
+      <div id="neumonia" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Neumonía comunitaria</h2>
+        <div class="treatment-option"><div class="treatment-title">Ambulatoria</div><p>Amoxicilina 1 g/8 h VO ± Azitromicina.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Ingreso</div><p>Ceftriaxona 2 g/24 h IV ± Azitromicina.</p></div>
+      </div>
+      <!-- Otitis externa -->
+      <div id="otitis_externa" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Otitis externa</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Ciprofloxacino o Tobramicina gotas, 7 d.</p></div>
+      </div>
+      <!-- Otitis media -->
+      <div id="otitis_media" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border_GRAY-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Otitis media</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Amoxicilina 750 mg/8 h VO ×5-7 d.</p></div>
+      </div>
+      <!-- Sinusitis -->
+      <div id="sinusitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Sinusitis</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Amoxicilina 500 mg/8 h VO ×5-7 d.</p></div>
+      </div>
+      <!-- Infección odontógena -->
+      <div id="odontogena" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Infección odontógena</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Amoxicilina 500-750 mg/8 h VO ×8-10 d.</p></div>
+      </div>
+      <!-- Piel impétigo/foliculitis -->
+      <div id="inf_locales" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Impétigo/Foliculitis</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Fusídico tópico ×5 d o Mupirocina tópico ×5 d.</p></div>
+      </div>
+      <!-- Celulitis/erisipela -->
+      <div id="inf_moderadas" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Celulitis/Erisipela</h2>
+        <div class="treatment-option"><div class="treatment-title">Leve</div><p>Amoxicilina 500 mg/8 h VO.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Moderada</div><p>Cefazolina 1 g/8 h IV.</p></div>
+      </div>
+      <!-- Fascitis necrotizante -->
+      <div id="inf_necrotizante" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border_GRAY-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Fascitis necrotizante</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Penicilina G 4 MU/4 h IV + Clindamicina 600-900 mg/8 h IV.</p></div>
+      </div>
+      <!-- Gastroenteritis -->
+      <div id="gastroenteritis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Gastroenteritis</h2>
+        <div class="note-box"><div class="note-title">Manejo</div><p>Tratamiento sintomático; si gravedad: Ceftriaxona 1 g/24 h IV ×3-5 d.</p></div>
+      </div>
+      <!-- Colecistitis/colangitis -->
+      <div id="colecistitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Colecistitis/colangitis</h2>
+        <div class="treatment-option"><div class="treatment-title">IQ</div><p>Ceftriaxona 1 g/24 h IV ×3 d tras cirugía.</p></div>
+        <div class="treatment-option"><div class="treatment-title">No IQ</div><p>Ceftriaxona 1 g/24 h IV ×7-10 d.</p></div>
+      </div>
+      <!-- Diverticulitis/absceso -->
+      <div id="diverticulitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Diverticulitis/absceso</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Amoxi/clav 1 g/8 h IV o Ceftriaxona + Metronidazol IV.</p></div>
+      </div>
+    </div>
+    <script>
+      const sel=document.getElementById('sel'),res=document.getElementById('result'),store=document.getElementById('store');
+      sel.addEventListener('change',()=>{res.innerHTML='';const id=sel.value;if(!id)return;const node=store.querySelector('#'+id);if(node)res.appendChild(node.cloneNode(true));});
+    </script>
+    <div class="mt-12 text-center text-sm text-gray-500">
+      <p>© 2025 Grupo PROA del Hospital de Alcañiz</p>
+      <p>Elaborado por Dr. Antonio J. Arnal Meinhardt | Médico de Urgencias</p>
+    </div>
+  </div>
+</body>
+</html>

proa/endocarditis_infecciosa.html ADDED Viewed

	@@ -0,0 +1,109 @@

+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Guía PROA - Endocarditis</title>
+  <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>
+    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
+    body { font-family: 'Montserrat', sans-serif; background-color: #f8fafc; }
+    .treatment-card { transition: all 0.3s ease; }
+    .treatment-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05); }
+    .custom-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; }
+    .treatment-option { background: white; border-radius: 0.5rem; padding: 1rem; margin: 1rem 0 0.5rem 0; border-left: 4px solid #3b82f6; }
+    .treatment-title { font-weight: 600; color: #1e40af; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
+    .note-box { background: #fffbeb; border-left: 4px solid #f59e0b; padding: 0.75rem; margin: 1rem 0; border-radius: 0 0.5rem 0.5rem 0; }
+    .note-title { font-weight: 600; color: #92400e; display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; }
+    ul { list-style-position: outside; margin-left: 1.25rem; }
+    li { margin-bottom: 0.25rem; }
+  </style>
+</head>
+<body class="min-h-screen bg-gray-50">
+  <div class="max-w-4xl mx-auto px-4 py-8">
+    <div class="flex items-center gap-3 mb-6">
+      <div class="bg-red-600 p-2 rounded-lg text-white"><i class="fas fa-heart text-2xl"></i></div>
+      <h1 class="text-3xl font-bold text-gray-800">Guía PROA - Endocarditis Infecciosa</h1>
+    </div>
+    <div class="bg-white rounded-xl shadow-md p-6 mb-6">
+      <label for="sel" class="block text-lg font-medium text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-arrow-down text-red-500"></i> Selecciona categoría</label>
+      <select id="sel" class="custom-select block w-full pl-3 pr-10 py-2 border border-gray-300 rounded-md focus:ring-red-500 focus:border-red-500">
+        <option value="">-- Elige categoría --</option>
+        <option value="nativa_aguda">Válvula nativa: Aguda</option>
+        <option value="nativa_subaguda">Válvula nativa: Subaguda</option>
+        <option value="protesica_precoz">Válvula protésica: Precoz</option>
+        <option value="protesica_tardia">Válvula protésica: Tardía</option>
+        <option value="disp_superficial">Dispositivo: Infección superficial</option>
+        <option value="disp_no_complicada">Dispositivo: No complicada</option>
+        <option value="disp_complicada">Dispositivo: Complicada</option>
+      </select>
+    </div>
+    <div id="result" class="space-y-6"></div>
+    <div id="store" class="hidden">
+      <!-- Válvula nativa: Aguda -->
+      <div id="nativa_aguda" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Válvula nativa: Aguda</h2>
+        <div class="pathogen-list"><span class="pathogen-item">S. aureus</span><span class="pathogen-item">Streptococos viridans</span></div>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Ampicilina 2 g c/4 h + Cefazolina 2 g c/8 h ± Gentamicina 3 mg/kg/d c/24 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Daptomicina 10 mg/kg/d + Fosfomicina 4 g c/6 h o Gentamicina 3 mg/kg/d c/24 h.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Empírico solo si IC, inestabilidad o embolia.</li><li>Hemocultivos seriados cada 48-72 h hasta negativizar.</li><li>Duración según germen y cirugía: 2–4 sem para viridans, ≥4 sem para aureus.</li></ul></div>
+      </div>
+      <!-- Válvula nativa: Subaguda -->
+      <div id="nativa_subaguda" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Válvula nativa: Subaguda</h2>
+        <div class="pathogen-list"><span class="pathogen-item">S. aureus</span><span class="pathogen-item">Streptococos viridans</span></div>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Ampicilina 2 g c/4 h + Ceftriaxona 2 g c/12 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Daptomicina 10 mg/kg/d.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Igual HaD tras fase inicial estable.</li><li>Duración ≥4 semanas.</li></ul></div>
+      </div>
+      <!-- Válvula protésica: Precoz -->
+      <div id="protesica_precoz" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Válvula protésica: Precoz</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Coagulasa-negativos</span><span class="pathogen-item">S. aureus</span><span class="pathogen-item">E. faecalis</span></div>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Daptomicina 10 mg/kg/d + Meropenem 2 g c/8 h o Piperacilina/Tazobactam 4,5 g c/6 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Daptomicina + Gentamicina 3 mg/kg/d (añadir Rifampicina 300 mg v.o c/8 h tras 3-5 d).</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Empírico solo si IC, embolia o inestabilidad.</li><li>Duración 6–8 semanas desde hemocultivo negativo.</li></ul></div>
+      </div>
+      <!-- Válvula protésica: Tardía -->
+      <div id="protesica_tardia" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Válvula protésica: Tardía</h2>
+        <div class="pathogen-list"><span class="pathogen-item">S. aureus</span><span class="pathogen-item">Viridans</span></div>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Cloxacilina 2 g c/4 h + Ampicilina 2 g c/4 h + Ceftriaxona 2 g c/12 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Ampicilina 2 g c/4 h + Ceftarolina 600 mg c/8 h (± Daptomicina si sepsis).</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Duración 6 semanas desde cultivo negativo.</li><li>HaD tras fase inical estable.</li></ul></div>
+      </div>
+      <!-- Dispositivo superficial -->
+      <div id="disp_superficial" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Dispositivo intracardíaco: Superficial</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Coagulasa-negativos</span><span class="pathogen-item">S. aureus</span></div>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Amoxi/clav 875/125 mg c/8 h VO o Cotrimoxazol 320/800 mg c/12 h VO.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Linezolid 600 mg c/12 h VO o Clindamicina 600 mg c/8 h VO.</p></div>
+        <div class="note-box"><div class="note-title">Duración</div><ul><li>7–10 días.</li></ul></div>
+      </div>
+      <!-- Dispositivo no complicada -->
+      <div id="disp_no_complicada" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Dispositivo intracardíaco: No complicada</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Linezolid 600 mg c/12 h VO/IV o Daptomicina 8–10 mg/kg/d + Ceftriaxona 1 g c/12 h IV.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Linezolid + Gentamicina 3 mg/kg/d IV.</p></div>
+        <div class="note-box"><div class="note-title">Duración</div><ul><li>Hasta 10 días tras extracción y ≥48 h tras nuevo implante.</li></ul></div>
+      </div>
+      <!-- Dispositivo complicada -->
+      <div id="disp_complicada" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Dispositivo intracardíaco: Complicada</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Daptomicina 10 mg/kg/d + Meropenem 2 g c/8 h o Piperacilina/Tazobactam 4,5 g c/6 h IV.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Daptomicina + Gentamicina 3 mg/kg/d + Rifampicina 900–1200 mg VO.</p></div>
+        <div class="note-box"><div class="note-title">Duración</div><ul><li>2 semanas tras extracción completa; ≥4 semanas si bacteriemia persistente; ≥6 semanas si endocarditis concomitante.</li></ul></div>
+      </div>
+    </div>
+    <script>
+      const sel = document.getElementById('sel'), res = document.getElementById('result'), store = document.getElementById('store');
+      sel.addEventListener('change', () => { res.innerHTML = ''; const id = sel.value; if (!id) return; const node = store.querySelector('#' + id); if (node) res.appendChild(node.cloneNode(true)); });
+    </script>
+    <div class="mt-12 text-center text-sm text-gray-500">
+      <p>© 2025 Grupo PROA del Hospital de Alcañiz</p>
+      <p>Elaborado por Dr. Antonio J. Arnal Meinhardt | Médico de Urgencias</p>
+    </div>
+  </div>
+</body>
+</html>

proa/ginecologia.html ADDED Viewed

	@@ -0,0 +1,140 @@

+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Guía PROA - Infecciones Ginecológicas</title>
+  <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>
+    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
+    body { font-family: 'Montserrat', sans-serif; background-color: #f8fafc; }
+    .treatment-card { transition: all .3s ease; }
+    .treatment-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05); }
+    .custom-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right .5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; }
+    .treatment-option { background:white; border-left:4px solid #8b5cf6; border-radius:.5rem; padding:1rem; margin:1rem 0 .5rem; }
+    .treatment-title { font-weight:600; color:#5b21b6; margin-bottom:.5rem; display:flex; align-items:center; gap:.5rem; }
+    .note-box { background:#f3e8ff; border-left:4px solid #a78bfa; padding:.75rem; margin:1rem 0; border-radius:0 .5rem .5rem 0; }
+    .note-title { font-weight:600; color:#5b21b6; display:flex; align-items:center; gap:.5rem; margin-bottom:.5rem; }
+    ul { margin-left:1.25rem; } li { margin-bottom:.25rem; }
+    optgroup { font-style:italic; }
+  </style>
+</head>
+<body class="min-h-screen bg-gray-50">
+  <div class="max-w-4xl mx-auto px-4 py-8">
+    <div class="flex items-center gap-3 mb-6">
+      <div class="bg-purple-600 p-2 rounded-lg text-white"><i class="fas fa-female text-2xl"></i></div>
+      <h1 class="text-3xl font-bold text-gray-800">Guía PROA - Infecciones Ginecológicas</h1>
+    </div>
+    <div class="bg-white rounded-xl shadow p-6 mb-6">
+      <label for="sel" class="block text-lg font-medium text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-layer-group text-purple-500"></i> Seleccione categoría</label>
+      <select id="sel" class="custom-select block w-full pl-3 pr-10 py-2 border border-gray-300 rounded-md focus:ring-purple-500 focus:border-purple-500">
+        <option value="">-- Elige categoría --</option>
+        <optgroup label="Cervicitis">
+          <option value="cerv_sin">Sin etiología conocida</option>
+          <option value="cerv_gono">N. gonorrhoeae</option>
+          <option value="cerv_chlam">C. trachomatis</option>
+        </optgroup>
+        <optgroup label="Vulvovaginitis">
+          <option value="vulvo_candi">Candidiasis</option>
+          <option value="vulvo_vagino">Vaginosis bacteriana</option>
+        </optgroup>
+        <optgroup label="Úlceras genitales">
+          <option value="ulc_sif_pri">Sífilis <1 año</option>
+          <option value="ulc_sif_lat">Sífilis >1 año</option>
+          <option value="ulc_neuro">Neurosífilis</option>
+        </optgroup>
+        <option value="epi">Enfermedad Inflamatoria Pélvica</option>
+        <option value="verru">Verrugas genitales</option>
+        <option value="endo_sec">Endometritis secundaria</option>
+      </select>
+    </div>
+    <div id="result" class="space-y-6"></div>
+    <div id="store" class="hidden">
+      <!-- Cervicitis sin etiología conocida -->
+      <div id="cerv_sin" class="treatment-card bg-white rounded-lg shadow p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Cervicitis (sin etiología conocida)</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Ceftriaxona 500 mg IM + Azitromicina 1 g VO o Doxiciclina 100 mg/12 h VO ×7 d.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Cefixima 400 mg VO + Azitromicina 2 g VO o Doxiciclina 100 mg/12 h VO ×7 d.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alergia</div><p>Azitromicina 2 g VO + Doxiciclina 100 mg/12 h VO ×7 d.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Alta sospecha gonococo: Azitromicina preferente.</li></ul></div>
+      </div>
+      <!-- Cervicitis gonocócica -->
+      <div id="cerv_gono" class="treatment-card bg-white rounded-lg shadow p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Cervicitis por N. gonorrhoeae</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Ceftriaxona 500 mg IM + Azitromicina 1 g VO.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Cefixima 400 mg VO + Azitromicina 2 g VO.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alergia</div><p>Azitromicina 2 g VO + Gentamicina 240 mg IV o Ciprofloxacino 500 mg VO.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Gonorrea puede diseminarse (conjuntivitis, artropatía).</li><li>Resistencia a quinolonas ≥50%.</li></ul></div>
+      </div>
+      <!-- Cervicitis por Chlamydia -->
+      <div id="cerv_chlam" class="treatment-card bg-white rounded-lg shadow p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Cervicitis por C. trachomatis</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Azitromicina 1 g VO dosis única o Doxiciclina 100 mg/12 h VO ×7 d.</p></div>
+        <div class="note-box"><div class="note-title">Linfogranuloma venéreo</div><p>Doxiciclina 100 mg/12 h VO ×21 d o Azitromicina 1 g VO semanal ×3 semanas.</p></div>
+      </div>
+      <!-- Vulvovaginitis candidiasis -->
+      <div id="vulvo_candi" class="treatment-card bg-white rounded-lg shadow p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Candidiasis Vulvovaginal</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Clotrimazol 500 mg óvulo único o 200 mg/24 h ×3 d; crema 1% ×7-14 d.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Fluconazol 15 mg VO dosis única.</p></div>
+        <div class="note-box"><div class="note-title">Recurrente / Embarazo</div><ul><li>Recurrente: Fluconazol 150 mg ×3, luego 150 mg semanal ×6 m.</li><li>Embarazadas: Clotrimazol 100 mg ×7 d.</li></ul></div>
+      </div>
+      <!-- Vulvovaginitis vaginosis -->
+      <div id="vulvo_vagino" class="treatment-card bg-white rounded-lg shadow p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Vaginosis Bacteriana</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Metronidazol 500 mg VO/12 h ×7 d o gel 0.75% 5 g/24 h ×5 d.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Clindamicina crema 2% 5 g/24 h ×7 d.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>No ITS, asociado mayor riesgo de ITS.</li></ul></div>
+      </div>
+      <!-- Úlceras genitales sífilis primaria -->
+      <div id="ulc_sif_pri" class="treatment-card bg-white rounded-lg shadow p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Sífilis primaria/latente precoz</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Penicilina G benzatina 2.4 MUI IM dosis única.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alergia</div><p>Azitromicina 2 g VO o Doxiciclina 100 mg/12 h ×14 d.</p></div>
+        <div class="note-box"><div class="note-title">Embarazo</div><p>Eritromicina 500 mg/6 h ×14 d + Azitromicina 2 g.</p></div>
+      </div>
+      <!-- Úlceras sífilis latente tardía -->
+      <div id="ulc_sif_lat" class="treatment-card bg-white rounded-lg shadow p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Sífilis latente tardía</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Penicilina G benzatina 2.4 MUI IM semanales ×3 semanas.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alergia</div><p>Doxiciclina 100 mg/12 h VO ×28 d.</p></div>
+      </div>
+      <!-- Neurosífilis -->
+      <div id="ulc_neuro" class="treatment-card bg-white rounded-lg shadow p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Neurosífilis</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Penicilina G IV 3-4 MUI/4 h o 18-24 MUI infusión continua ×14 d.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativa</div><p>Ceftriaxona 2 g/24 h IV ×14 d.</p></div>
+      </div>
+      <!-- EPI -->
+      <div id="epi" class="treatment-card bg-white rounded-lg shadow p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Enfermedad Inflamatoria Pélvica (EPI)</h2>
+        <div class="treatment-option"><div class="treatment-title">Ambulatorio</div><p>Ceftriaxona 0.5-1 g IM + Doxiciclina 100 mg/12 h VO ×14 d ± Metronidazol 500 mg/12 h ×14 d.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Hospitalización</div><p>Doxiciclina 100 mg/12 h + Ceftriaxona 2 g + Metronidazol 500 mg/8 h IV ×14 d.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Hospitalizar en embarazo, absceso o mala respuesta.</li></ul></div>
+      </div>
+      <!-- Verrugas genitales -->
+      <div id="verru" class="treatment-card bg-white rounded-lg shadow p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Verrugas Genitales</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Podofilotoxina 2 aplicaciones/d ×3 d/semana, Sinacatequinas 3 aplic/d ×16 sem, Imiquimod o 5-FU tópico.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>No requiere estudio etiológico; derivar a dermato (crioterapia).</li></ul></div>
+      </div>
+      <!-- Endometritis secundaria -->
+      <div id="endo_sec" class="treatment-card bg-white rounded-lg shadow p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4">Endometritis Secundaria</h2>
+        <div class="treatment-option"><div class="treatment-title">De elección</div><p>Clindamicina 900 mg IV + Gentamicina 5 mg/kg/24 h IV hasta 48 h afebril.</p></div>
+        <div class="treatment-option"><div class="treatment-title">Alternativas</div><p>Amoxi/clav 6-8 h o Piperacilina/Tazobactam 4 g/6 h; Ceftriaxona 1 g/24 h + Metronidazol 500 mg/8 h.</p></div>
+        <div class="note-box"><div class="note-title">Observaciones</div><ul><li>Clinda preferible en lactancia.</li><li>Completar 7 d VO si bacteriemia.</li></ul></div>
+      </div>
+    </div>
+    <script>
+      const sel=document.getElementById('sel'), res=document.getElementById('result'), store=document.getElementById('store');
+      sel.addEventListener('change', ()=>{ res.innerHTML=''; const id=sel.value; if(!id) return; const node=store.querySelector('#'+id); if(node) res.appendChild(node.cloneNode(true)); });
+    </script>
+    <div class="mt-12 text-center text-sm text-gray-500">
+      <p>© 2025 Grupo PROA del Hospital de Alcañiz</p>
+      <p>Elaborado por Dr. Antonio J. Arnal Meinhardt | Médico de Urgencias</p>
+    </div>
+  </div>
+</body>
+</html>

proa/infecciones_tracto_urinario_adultos.html ADDED Viewed

	@@ -0,0 +1,278 @@

+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Guía PROA - Infecciones Tracto Urinario (Adultos)</title>
+  <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>
+    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
+    body { font-family: 'Montserrat', sans-serif; background-color: #f8fafc; }
+    .treatment-card { transition: all 0.3s ease; }
+    .treatment-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); }
+    .pathogen-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.5rem 0; }
+    .pathogen-item { background-color: #e0f2fe; color: #0369a1; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.875rem; font-weight: 500; }
+    .treatment-option { background-color: white; border-radius: 0.5rem; padding: 1rem; margin: 1rem 0 0.5rem 0; border-left: 4px solid #3b82f6; }
+    .treatment-title { font-weight: 600; color: #1e40af; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
+    .note-box { background-color: #fffbeb; border-left: 4px solid #f59e0b; padding: 0.75rem; margin: 1rem 0; border-radius: 0 0.5rem 0.5rem 0; }
+    .note-title { font-weight: 600; color: #92400e; display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; }
+    .custom-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; }
+    ul { list-style-position: outside; margin-left: 1.25rem; }
+    li { margin-bottom: 0.25rem; }
+    .sub-category { border-top: 1px dashed #cbd5e1; margin-top: 1.5rem; padding-top: 1.5rem; }
+    .sub-category-title { font-size: 1.25rem; font-weight: 600; color: #4b5563; margin-bottom: 1rem; }
+  </style>
+</head>
+<body class="min-h-screen bg-gray-50">
+  <div class="max-w-4xl mx-auto px-4 py-8">
+    <div class="flex items-center gap-3 mb-6">
+      <div class="bg-cyan-600 p-2 rounded-lg text-white"><i class="fas fa-bacteria text-2xl"></i></div>
+      <h1 class="text-3xl font-bold text-gray-800">Guía PROA - Infecciones Tracto Urinario (Adultos)</h1>
+    </div>
+    <div class="bg-white rounded-xl shadow-md p-6 mb-6">
+      <label for="diagnosticSelector" class="block text-lg font-medium text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-arrow-down text-cyan-500"></i> Tipo de Infección Urinaria</label>
+      <select id="diagnosticSelector" class="custom-select block w-full pl-3 pr-10 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
+        <option value="">-- Selecciona un tipo --</option>
+        <option value="bacteriuria_asintomatica">Bacteriuria Asintomática</option>
+        <option value="cistitis_aguda">Cistitis Aguda</option>
+        <option value="pielonefritis_aguda">Pielonefritis Aguda</option>
+        <option value="prostatitis_aguda">Prostatitis Aguda</option>
+        <option value="orquiepididimitis">Orquiepididimitis</option>
+        <option value="paciente_sondado">Infección en Paciente Sondado</option>
+      </select>
+    </div>
+    <div id="result" class="space-y-6"></div>
+    <div id="guide-content-storage" class="hidden">
+      <div id="bacteriuria_asintomatica" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-ban text-gray-500"></i> Bacteriuria Asintomática</h2>
+        <p class="text-sm text-gray-600 mb-4">Definición: Mujeres ($\ge 10^5$ UFC/mL en 2 urocultivos), Varones ($\ge 10^5$ UFC/mL en 1 urocultivo).</p>
+        <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos Frecuentes</h3><div class="pathogen-list"><span class="pathogen-item">E. coli (más frecuente)</span><span class="pathogen-item">Otros microorganismos</span><span class="pathogen-item">Candida spp.</span></div></div>
+        <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-red-500"></i> Tratamiento</h3>
+          <div class="treatment-option border-red-500"><div class="treatment-title"><i class="fas fa-times-circle text-red-600"></i> Generalmente NO INDICADO</div><p class="text-gray-700">El tratamiento antibiótico no está indicado de forma rutinaria.</p></div>
+          <div class="treatment-option border-yellow-500"><div class="treatment-title"><i class="fas fa-exclamation-triangle text-yellow-600"></i> Excepciones (Tratar si):</div><ul class="list-disc text-gray-700 space-y-1 ml-5"><li>Embarazo.</li><li>Previo a procedimiento urológico con riesgo de sangrado.</li><li>Candiduria con riesgo de enfermedad diseminada (Neutropenia, inmunodepresión, procedimientos urológicos invasivos).</li></ul></div>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-pills text-blue-500"></i> Tratamiento (si indicado por excepción)</div><p class="text-gray-700 mb-1"><strong>Bacteriana:</strong></p><ul class="list-disc text-gray-700 space-y-1 ml-5"><li><strong>De elección (si sensible):</strong> Fosfomicina trometamol 3 g VO dosis única (toma nocturna).</li><li><strong>Alternativa:</strong> Cefuroxima 250 mg/12h VO, 5 días.</li><li><strong>Alergia Beta-lactámicos:</strong> Nitrofurantoína 100 mg/8h VO, 5 días.</li></ul><p class="text-gray-700 mt-2 mb-1"><strong>Candiduria (con riesgo diseminación):</strong></p><ul class="list-disc text-gray-700 space-y-1 ml-5"><li>Fluconazol 200 mg/día VO (400 mg si neutropenia) durante 2 semanas.</li></ul></div>
+        </div>
+        <div class="note-box mt-6"><div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Observaciones</div><ul class="list-disc text-gray-700 space-y-1"><li>La presencia de piuria aislada NO es criterio para tratamiento.</li><li>NO realizar urocultivo de rutina sin clínica en sondados, ancianos, diabéticos, etc.</li><li>Recambios de sonda vesical NO requieren profilaxis antibiótica.</li><li>En Candiduria: Retirar o recambiar sonda si es posible.</li><li><strong>Nitrofurantoína:</strong> NO usar si ClCr $< 50$ ml/min, ni en tto > 7 días o profilaxis. Evitar en 1er trimestre embarazo y a término si hay alternativas.</li><li>Si tto pre-procedimiento urológico y se mantiene sonda: continuar tto hasta retirada (máx 7 días post-intervención).</li></ul></div>
+      </div>
+      <div id="cistitis_aguda" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-fire text-orange-500"></i> Cistitis Aguda</h2>
+        <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos Frecuentes</h3><div class="pathogen-list"><span class="pathogen-item">E. coli (>80%)</span><span class="pathogen-item">Otras enterobacterias</span><span class="pathogen-item">E. faecalis</span><span class="pathogen-item">Proteus spp.</span><span class="pathogen-item">S. saprophyticus</span></div></div>
+        <div class="sub-category">
+          <h3 class="sub-category-title"><i class="fas fa-female text-pink-500 mr-2"></i>Cistitis Simple (No complicada)</h3>
+          <p class="text-sm text-gray-600 mb-4">Mujer no embarazada, sin alteración funcional/anatómica vía urinaria.</p>
+          <div class="mt-4"><h4 class="text-md font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico</h4>
+            <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> De elección</div><p class="text-gray-700">Fosfomicina trometamol 3 g VO dosis única (toma nocturna). Puede repetirse a las 48-72h si persiste clínica.</p></div>
+            <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa</div><p class="text-gray-700">Cefuroxima 250-500 mg/12h VO, 5 días.</p></div>
+            <div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia a Beta-lactámicos</div><p class="text-gray-700">Nitrofurantoína 100 mg/8h VO, 5 días.</p></div>
+          </div>
+          <div class="note-box mt-4"><div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Observaciones Cistitis Simple</div><ul class="list-disc text-gray-700 space-y-1"><li>NO indicado urocultivo en cistitis no complicadas y no recidivantes.</li><li>Urocultivo SÍ indicado si: sospecha pielonefritis, síntomas recurrentes (2-4 sem post-tto), síntomas atípicos.</li><li><span class="font-bold text-red-600">NO USAR EMPÍRICAMENTE:</span> Quinolonas y Cotrimoxazol (TMP/SMX) por alta resistencia (~20%).</li><li><strong>Nitrofurantoína:</strong> NO usar si ClCr $< 50$ ml/min, ni en tto > 7 días o profilaxis. Evitar en 1er trimestre embarazo y a término si hay alternativas.</li></ul></div>
+        </div>
+        <div class="sub-category">
+          <h3 class="sub-category-title"><i class="fas fa-male text-blue-500 mr-2"></i><i class="fas fa-notes-medical text-red-500 mr-2"></i>Cistitis Complicada</h3>
+          <p class="text-sm text-gray-600 mb-4">Varón, infección reciente, insuficiencia renal, diabetes, anomalía vía urinaria.</p>
+           <div class="mt-4"><h4 class="text-md font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico</h4>
+            <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> De elección</div><p class="text-gray-700">Fosfomicina trometamol 3 g VO y repetir dosis a las 48-72h.</p></div>
+            <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa</div><p class="text-gray-700">Cefuroxima 250-500 mg/12h VO, 7 días.</p></div>
+             <div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia a Beta-lactámicos</div><p class="text-gray-700">Nitrofurantoína 100 mg/8h VO, 7 días.</p></div>
+          </div>
+           <div class="note-box mt-4"><div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Observaciones Cistitis Complicada</div><ul class="list-disc text-gray-700 space-y-1"><li>Urocultivo SIEMPRE pre-tratamiento y adecuar según antibiograma.</li><li>Duración total: 7 días.</li><li>No se recomienda urocultivo de control salvo persistencia/empeoramiento a las 48-72h.</li><li>En varones, descartar siempre prostatitis/epididimitis.</li><li><span class="font-bold text-red-600">NO USAR EMPÍRICAMENTE:</span> Quinolonas y Cotrimoxazol (TMP/SMX) por alta resistencia (~20%).</li><li><strong>Nitrofurantoína:</strong> NO usar si ClCr $< 50$ ml/min, ni en tto > 7 días o profilaxis. Evitar en 1er trimestre embarazo y a término si hay alternativas.</li></ul></div>
+        </div>
+      </div>
+      <div id="pielonefritis_aguda" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-temperature-high text-red-600"></i> Pielonefritis Aguda</h2>
+        <p class="text-sm text-gray-600 mb-4">Síndrome miccional + fiebre y/o dolor fosa renal. Ancianos: clínica inespecífica (letargia, vómitos, dolor abdominal).</p>
+        <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos Frecuentes</h3><div class="pathogen-list"><span class="pathogen-item">E. coli (>80%)</span><span class="pathogen-item">Otras enterobacterias</span><span class="pathogen-item">S. saprophyticus</span><span class="pathogen-item">Pseudomonas aeruginosa (riesgo)</span><span class="pathogen-item">Enterococcus spp. (riesgo)</span><span class="pathogen-item">BLEES (riesgo)</span></div></div>
+        <div class="sub-category">
+          <h3 class="sub-category-title"><i class="fas fa-clinic-medical mr-2"></i>Sin Criterios de Ingreso</h3>
+           <div class="mt-4"><h4 class="text-md font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico</h4>
+            <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> De elección</div><p class="text-gray-700">Cefuroxima 500 mg/12h VO ó Cefixima 400 mg/24h VO (o 200 mg/12h VO), durante 7 días.<br>Considerar dosis inicial parenteral: Ceftriaxona 2g IV/IM ó Tobramicina 200mg IV/IM, reevaluar 6-24h y pasar a VO.</p></div>
+            <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa o Alergia Beta-lactámicos</div><p class="text-gray-700">Tobramicina 200 mg IM/24h, 5 días.</p></div>
+          </div>
+          <div class="note-box mt-4"><div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Observaciones PNA Ambulatoria</div><ul class="list-disc text-gray-700 space-y-1"><li>Urocultivo SIEMPRE antes de iniciar tratamiento. Hemocultivo NO necesario.</li><li>Pruebas de imagen (ECO/TC) NO necesarias de rutina. SÍ si: no mejoría 48-72h, recurrencia, hematuria macroscópica, cólico, masa renal, IRA, shock, litiasis, malformación, inmunosupresión.</li><li>Analítica orina / urocultivo post-tratamiento no estrictamente necesarios (a decisión facultativo).</li></ul></div>
+        </div>
+        <div class="sub-category">
+          <h3 class="sub-category-title"><i class="fas fa-procedures text-red-700 mr-2"></i>Con Criterios de Ingreso</h3>
+          <p class="text-sm text-gray-600 mb-4">Sepsis, deterioro general, complicación local, patología base (inmunodeprimidos, neoplasia, cirrosis, ancianos), DM mal controlada, no respuesta a tto previo, no estabilidad 6-12h observación, no posible tto oral.</p>
+           <div class="mt-4"><h4 class="text-md font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico (Sin Riesgo de Resistencias)</h4>
+            <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> De elección</div><p class="text-gray-700">Ceftriaxona 2 g/24h IV.</p></div>
+            <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa o Alergia Beta-lactámicos</div><p class="text-gray-700">Tobramicina 200 mg/24h IV ó Aztreonam 1 g/8h IV.</p></div>
+            <div class="treatment-option"><div class="treatment-title"><i class="fas fa-home text-purple-500"></i> Opción HaD (Hospitalización a Domicilio)</div><p class="text-gray-700">Ceftriaxona 2g/24h IV.</p></div>
+          </div>
+           <div class="note-box mt-4"><div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Observaciones PNA Ingreso (Sin Riesgo Resistencias)</div><ul class="list-disc text-gray-700 space-y-1"><li>Hemocultivo, urocultivo y prueba de imagen (ECO/TC).</li><li>Repetir imagen y cultivo si no respuesta en 48-72h.</li><li>Duración total tratamiento: 7-14 días.</li></ul></div>
+        </div>
+         <div class="sub-category">
+          <h3 class="sub-category-title"><i class="fas fa-shield-virus text-orange-600 mr-2"></i>Con Riesgo de Gérmenes Resistentes</h3>
+          <p class="text-sm text-gray-600 mb-4">Manipulación urológica reciente, sonda vesical permanente, tto AB IV 3 meses previos, infección intrahospitalaria, antecedentes gérmenes multiR (BLEES, Pseudomonas...).</p>
+           <div class="mt-4"><h4 class="text-md font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico</h4>
+            <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> De elección</div><p class="text-gray-700">Piperacilina/Tazobactam 4.5 g IV/6h (preferir si no atcds MultiR o si atcds Pseudomonas) <strong>ó</strong> Ertapenem 1 g IV/24h (preferir si atcds BLEE).</p></div>
+            <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa o Alergia Beta-lactámicos</div><p class="text-gray-700">Amikacina 15-20 mg/kg/24h IV.</p></div>
+            <div class="treatment-option"><div class="treatment-title"><i class="fas fa-home text-purple-500"></i> Opción HaD</div><p class="text-gray-700">Piperacilina/Tazobactam 4.5 g IV/6h <strong>ó</strong> Ertapenem 1 g IV/24h +/- Amikacina 15-20 mg/kg/24h IV.</p></div>
+          </div>
+          <div class="note-box mt-4"><div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Observaciones PNA Ingreso (Con Riesgo Resistencias)</div><ul class="list-disc text-gray-700 space-y-1"><li>Hemocultivo, urocultivo y prueba de imagen (ECO/TC).</li><li>Duración total tratamiento: 7-14 días.</li></ul></div>
+        </div>
+        <div class="sub-category">
+          <h3 class="sub-category-title"><i class="fas fa-exclamation-triangle text-red-700 mr-2"></i>Con Signos de Sepsis Grave o Shock Séptico</h3>
+           <div class="mt-4"><h4 class="text-md font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico</h4>
+            <div class="treatment-option border-blue-500"><div class="treatment-title"><i class="fas fa-users text-blue-600"></i> Paciente Comunitario SIN Riesgo Resistencias</div><p class="text-gray-700">Ceftriaxona 2g/24h IV + Amikacina 15-20 mg/kg IV en dosis única diaria.</p></div>
+            <div class="treatment-option border-orange-500"><div class="treatment-title"><i class="fas fa-shield-virus text-orange-600"></i> Paciente CON Riesgo Resistencias</div><p class="text-gray-700">Meropenem 1 g/8h IV <strong>ó</strong> Piperacilina/Tazobactam 4.5 g/6h IV<br><strong>+</strong> Amikacina 15 mg/kg/24h IV en dosis única diaria.</p></div>
+            <div class="treatment-option border-red-500"><div class="treatment-title"><i class="fas fa-allergies text-red-600"></i> Alternativa o Alergia Beta-lactámicos (en paciente con riesgo)</div><p class="text-gray-700">Aztreonam 2g/8h IV + Amikacina 15 mg/kg/24h IV.</p></div>
+            <div class="treatment-option border-purple-500"><div class="treatment-title"><i class="fas fa-plus-circle text-purple-600"></i> Añadir Cobertura Enterococcus spp (si factores riesgo*)</div><p class="text-gray-700">Vancomicina 20 mg/kg IV (dosis carga) y luego 15 mg/kg/12h (monitorizar niveles).<br><em>Si no monitorización Vanco:</em> Linezolid 600 mg/8h IV (día 1), luego 600 mg/12h IV.</p></div>
+          </div>
+          <div class="note-box mt-4"><div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Observaciones PNA Grave / Shock</div><ul class="list-disc text-gray-700 space-y-1"><li>*Factores Riesgo Enterococcus spp: ancianos, sonda vesical, tto AB previo amplio espectro (esp. Cefalosporinas).</li><li>Riesgo Resistencias: Manipulación urológica reciente, sonda vesical permanente, tto AB IV 3 meses previos, infección intrahospitalaria, antecedentes gérmenes multiR.</li><li>Hemocultivo, urocultivo y prueba de imagen (ECO/TC).</li><li>Duración total tratamiento: 7-14 días.</li><li>Ajustar siempre a funci��n renal.</li></ul></div>
+        </div>
+      </div>
+       <div id="prostatitis_aguda" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+         <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-male text-blue-700"></i> Prostatitis Aguda</h2>
+         <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos Frecuentes</h3><div class="pathogen-list"><span class="pathogen-item">E. coli (más frecuente)</span><span class="pathogen-item">Proteus spp.</span><span class="pathogen-item">Klebsiella spp.</span><span class="pathogen-item">Otras enterobacterias</span><span class="pathogen-item">Pseudomonas aeruginosa</span><span class="pathogen-item">Enterococcus faecalis</span><span class="pathogen-item">N. gonorrhoeae (ETS)</span><span class="pathogen-item">Chlamydia trachomatis (ETS)</span></div></div>
+        <div class="sub-category">
+           <h3 class="sub-category-title"><i class="fas fa-clinic-medical mr-2"></i>Sin Criterios de Ingreso</h3>
+           <div class="mt-4"><h4 class="text-md font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico</h4>
+             <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> De elección</div><p class="text-gray-700">Cefuroxima 500 mg/12h VO ó Cefixima 400 mg/24h VO (o 200 mg/12h VO).<br>Considerar dosis inicial parenteral: Ceftriaxona 2g IV/IM ó Aminoglucósido (Tobramicina o Gentamicina 5-7 mg/kg/24h).</p></div>
+             <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa o Alergia Beta-lactámicos</div><p class="text-gray-700">Tobramicina 5 mg/kg IV/IM dosis única, seguido de: Ciprofloxacino 750 mg/12h VO ó Trimetoprim/Sulfametoxazol (TMP/SMX) 160/800 mg/12h VO.</p></div>
+           </div>
+           <div class="note-box mt-4"><div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Observaciones Prostatitis Aguda Ambulatoria</div><ul class="list-disc text-gray-700 space-y-1"><li>Tomar urocultivo antes de iniciar tratamiento.</li><li>En sexualmente activos considerar ETS (N. gonorrhoeae, Chlamydia...).</li><li><span class="font-bold">Duración total tratamiento: 4 semanas.</span></li><li>Tratamiento secuencial (pasar a VO si sensible): Ciprofloxacino 750 mg/12h ó TMP/SMX 160/800 mg/12h.</li></ul></div>
+        </div>
+        <div class="sub-category">
+            <h3 class="sub-category-title"><i class="fas fa-procedures text-red-700 mr-2"></i>Con Criterios de Ingreso</h3>
+           <div class="mt-4"><h4 class="text-md font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico (Sin Riesgo Resistencias)</h4>
+             <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> De elección</div><p class="text-gray-700">Ceftriaxona 2 g/24h IV.</p></div>
+             <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa o Alergia Beta-lactámicos</div><p class="text-gray-700">Aztreonam 1-2 g/8h IV + Amikacina 15 mg/kg/24h IV.</p></div>
+              <div class="treatment-option"><div class="treatment-title"><i class="fas fa-home text-purple-500"></i> Opción HaD</div><p class="text-gray-700">Ceftriaxona 2g/24h IV ó [Aztreonam 1-2g/8h + Amikacina 15mg/kg/24h].</p></div>
+           </div>
+           <div class="note-box mt-4"><div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Observaciones Prostatitis Ingreso (Sin Riesgo)</div><ul class="list-disc text-gray-700 space-y-1"><li>Solicitar urocultivo y hemocultivo.</li><li>Si no mejoría en 72h: solicitar imagen (ECO transrectal o TC) y repetir cultivos.</li><li><span class="font-bold">Duración total tratamiento: 4 semanas.</span></li><li>Tratamiento secuencial (pasar a VO si sensible): Ciprofloxacino 750 mg/12h ó TMP/SMX 160/800 mg/12h.</li></ul></div>
+        </div>
+        <div class="sub-category">
+           <h3 class="sub-category-title"><i class="fas fa-shield-virus text-orange-600 mr-2"></i>Con Riesgo de Gérmenes Resistentes</h3>
+           <p class="text-sm text-gray-600 mb-4">Manipulación urológica reciente, sonda vesical permanente, tto AB IV 3 meses previos, infección intrahospitalaria, antecedentes gérmenes multiR (BLEES, Pseudomonas...).</p>
+           <div class="mt-4"><h4 class="text-md font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico</h4>
+             <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> De elección</div><p class="text-gray-700">Piperacilina/Tazobactam 4.5 g IV/6h (preferir si no atcds MultiR o si atcds Pseudomonas) <strong>ó</strong> Ertapenem 1 g IV/24h (preferir si atcds BLEE).</p></div>
+             <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa o Alergia Beta-lactámicos</div><p class="text-gray-700">Amikacina 15-20 mg/kg/24h IV.</p></div>
+              <div class="treatment-option"><div class="treatment-title"><i class="fas fa-home text-purple-500"></i> Opción HaD</div><p class="text-gray-700">Piperacilina/Tazobactam 4.5 g IV/6h <strong>ó</strong> Ertapenem 1 g IV/24h y/o Amikacina 15-20 mg/kg/24h IV.</p></div>
+           </div>
+           <div class="note-box mt-4"><div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Observaciones Prostatitis Ingreso (Con Riesgo)</div><ul class="list-disc text-gray-700 space-y-1"><li>Solicitar urocultivo y hemocultivo.</li><li><span class="font-bold">Duración total tratamiento: 4 semanas.</span></li><li>Tratamiento secuencial (pasar a VO si sensible): Ciprofloxacino 750 mg/12h ó TMP/SMX 160/800 mg/12h.</li></ul></div>
+        </div>
+         <div class="sub-category">
+           <h3 class="sub-category-title"><i class="fas fa-exclamation-triangle text-red-700 mr-2"></i>Con Signos de Sepsis Grave o Shock Séptico</h3>
+           <div class="mt-4"><h4 class="text-md font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico</h4>
+              <div class="treatment-option border-blue-500"><div class="treatment-title"><i class="fas fa-users text-blue-600"></i> Paciente Comunitario SIN Riesgo Resistencias</div><p class="text-gray-700">Ceftriaxona 2g/24h IV + Amikacina 15-20 mg/kg IV en dosis única diaria.</p></div>
+              <div class="treatment-option border-orange-500"><div class="treatment-title"><i class="fas fa-shield-virus text-orange-600"></i> Paciente CON Riesgo Resistencias</div><p class="text-gray-700">Meropenem 1 g/8h IV <strong>ó</strong> Piperacilina/Tazobactam 4.5 g/6h IV<br><strong>+</strong> Amikacina 15 mg/kg/24h IV en dosis única diaria.</p></div>
+              <div class="treatment-option border-red-500"><div class="treatment-title"><i class="fas fa-allergies text-red-600"></i> Alternativa o Alergia Beta-lactámicos (en paciente con riesgo)</div><p class="text-gray-700">Aztreonam 2g/8h IV + Amikacina 15 mg/kg/24h IV.</p></div>
+              <div class="treatment-option border-purple-500"><div class="treatment-title"><i class="fas fa-plus-circle text-purple-600"></i> Añadir Cobertura Enterococcus spp (si factores riesgo*)</div><p class="text-gray-700">Vancomicina 20 mg/kg IV (dosis carga) y luego 15 mg/kg/12h (monitorizar niveles).<br><em>Si no monitorización Vanco:</em> Linezolid 600 mg/8h IV (día 1), luego 600 mg/12h IV.</p></div>
+           </div>
+           <div class="note-box mt-4"><div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Observaciones Prostatitis Grave / Shock</div><ul class="list-disc text-gray-700 space-y-1"><li>*Factores Riesgo Enterococcus spp: ancianos, sonda vesical, tto AB previo amplio espectro (esp. Cefalosporinas).</li><li>Riesgo Resistencias: Manipulación urológica reciente, sonda vesical permanente, tto AB IV 3 meses previos, infección intrahospitalaria, antecedentes gérmenes multiR.</li><li>Hemocultivo, urocultivo. Considerar imagen.</li><li><span class="font-bold">Duración total tratamiento: 4 semanas.</span></li><li>Tratamiento secuencial (pasar a VO si sensible): Ciprofloxacino 750 mg/12h ó TMP/SMX 160/800 mg/12h.</li><li>Ajustar siempre a función renal.</li></ul></div>
+         </div>
+         <div class="sub-category">
+            <h3 class="sub-category-title"><i class="fas fa-history text-gray-600 mr-2"></i>Prostatitis Crónica (duración > 3 meses)</h3>
+            <div class="mt-4"><h4 class="text-md font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento</h4>
+              <div class="treatment-option border-blue-500"><div class="treatment-title"><i class="fas fa-microscope text-blue-600"></i> Tratamiento DIRIGIDO (NO EMPÍRICO)</div><p class="text-gray-700">Basado en resultados de Microbiología.</p></div>
+            </div>
+            <div class="note-box mt-4"><div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Observaciones Prostatitis Crónica</div><ul class="list-disc text-gray-700 space-y-1"><li>Etiología frecuente: Enterobacterias (E. coli), Pseudomonas aeruginosa, Enterococcus spp, S. aureus.</li><li>Duración del tratamiento: 4-6 semanas.</li></ul></div>
+         </div>
+       </div>
+       <div id="orquiepididimitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+         <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-male text-purple-700"></i> Orquiepididimitis</h2>
+         <div class="sub-category">
+             <h3 class="sub-category-title"><i class="fas fa-heart-broken text-pink-600 mr-2"></i>Sospecha ETS (Enfermedad Transmisión Sexual)</h3>
+             <p class="text-sm text-gray-600 mb-4">Considerar en varones jóvenes sexualmente activos.</p>
+             <div class="mb-4"><h4 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos Frecuentes</h4><div class="pathogen-list"><span class="pathogen-item">Chlamydia trachomatis</span><span class="pathogen-item">N. gonorrhoeae</span></div></div>
+             <div class="mt-4"><h4 class="text-md font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico</h4>
+               <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> De elección</div><p class="text-gray-700">(Ceftriaxona 1g IM/IV dosis única <strong>+</strong> Doxiciclina 100 mg/12h VO 10 días) <strong>ó</strong> (Cefixima 400 mg VO dosis única <strong>+</strong> Doxiciclina 100 mg/12h VO 7 días).</p></div>
+               <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa o Alergia Beta-lactámicos</div><p class="text-gray-700">Azitromicina 2g VO dosis única <strong>+</strong> Doxiciclina 100 mg/12h VO 7 días.</p></div>
+             </div>
+             <div class="note-box mt-4"><div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Observaciones Orquiepididimitis (ETS)</div><ul class="list-disc text-gray-700 space-y-1"><li>Si se confirma C. trachomatis o N. gonorrhoeae: tratar a la pareja(s).</li><li>Urocultivo (orina media micción).</li><li>Si sospecha ITS: frotis uretral. Si no es posible, recoger muestra de orina uretral (primer chorro).</li></ul></div>
+         </div>
+         <div class="sub-category">
+              <h3 class="sub-category-title"><i class="fas fa-times-circle text-gray-600 mr-2"></i>Sin Sospecha ETS</h3>
+              <p class="text-sm text-gray-600 mb-4">Considerar en varones mayores o con antecedentes urológicos previos.</p>
+              <div class="mb-4"><h4 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos Frecuentes</h4><div class="pathogen-list"><span class="pathogen-item">E. coli</span><span class="pathogen-item">Otras enterobacterias (BGN)</span></div></div>
+              <div class="mt-4"><h4 class="text-md font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico</h4>
+                <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> De elección</div><p class="text-gray-700">Cefuroxima 500 mg/12h VO ó Cefixima 400 mg/24h VO (o 200 mg/12h VO).<br>Considerar dosis inicial parenteral: Ceftriaxona 2g IV/IM ó Aminoglucósido (Tobramicina o Gentamicina 5-7 mg/kg/24h).</p></div>
+                <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa o Alergia Beta-lactámicos</div><p class="text-gray-700">Tobramicina 5 mg/kg IV/IM dosis única, seguido de: Ciprofloxacino 750 mg/12h VO ó Trimetoprim/Sulfametoxazol (TMP/SMX) 160/800 mg/12h VO.</p></div>
+              </div>
+              <div class="note-box mt-4"><div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Observaciones Orquiepididimitis (No ETS)</div><ul class="list-disc text-gray-700 space-y-1"><li>Urocultivo.</li><li>Ajustar a antibiograma, dando preferencia a TMP/SMX y fluoroquinolonas si son sensibles.</li><li>Duración del tratamiento: 2-3 semanas (valorar prostatitis asociada).</li></ul></div>
+         </div>
+       </div>
+       <div id="paciente_sondado" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+         <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-catheter text-teal-600"></i> Infección Urinaria en Paciente Sondado</h2>
+         <p class="text-sm text-gray-600 mb-4">La bacteriuria/candiduria asintomática en sondados NO se trata.</p>
+         <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos Frecuentes</h3><div class="pathogen-list"><span class="pathogen-item">E. coli</span><span class="pathogen-item">Otras Enterobacterias</span><span class="pathogen-item">Enterococcus spp.</span><span class="pathogen-item">Levaduras (Candida spp.)</span><span class="pathogen-item">Pseudomonas aeruginosa (riesgo)</span><span class="pathogen-item">BLEES (riesgo)</span></div></div>
+         <div class="sub-category">
+             <h3 class="sub-category-title"><i class="fas fa-clinic-medical mr-2"></i>Sin Criterios de Ingreso / Sin Riesgo Resistencias</h3>
+             <div class="mt-4"><h4 class="text-md font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico</h4>
+               <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> De elección</div><p class="text-gray-700">Revisar aislamientos previos. Si no hay: Cefuroxima 500 mg/12h VO ó Cefixima 400 mg/24h VO (o 200 mg/12h VO), 7 días.</p></div>
+               <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa o Alergia Beta-lactámicos</div><p class="text-gray-700">Tobramicina 5 mg/kg IM/24h, 5-7 días.</p></div>
+             </div>
+             <div class="note-box mt-4"><div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Observaciones Paciente Sondado (Leve)</div><ul class="list-disc text-gray-700 space-y-1"><li>Recambio de sonda SIEMPRE si lleva > 7 días.</li><li>Sedimento y urocultivo SIEMPRE tras cambio de sonda.</li><li>Si solo síntomas locales sin signos sistémicos: recomendable esperar resultado urocultivo.</li><li>Orina turbia o maloliente en asintomático NO es criterio de urocultivo ni tratamiento.</li><li>Ajustar tratamiento según urocultivo. Completar hasta 7 días totales.</li><li>Recordar: colonización 100% a los 30 días. Urocultivo positivo sin síntomas NO implica infección.</li></ul></div>
+          </div>
+          <div class="sub-category">
+              <h3 class="sub-category-title"><i class="fas fa-shield-virus text-orange-600 mr-2"></i>Con Riesgo de Gérmenes Resistentes</h3>
+              <p class="text-sm text-gray-600 mb-4">Manipulación urológica reciente, sonda vesical permanente, tto AB IV 3 meses previos, infección intrahospitalaria, antecedentes gérmenes multiR (BLEES, Pseudomonas...). Requiere ingreso.</p>
+               <div class="mt-4"><h4 class="text-md font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico</h4>
+                 <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> De elección</div><p class="text-gray-700">Piperacilina/Tazobactam 4.5 g IV/6h (preferir si no atcds MultiR o si atcds Pseudomonas) <strong>ó</strong> Ertapenem 1 g IV/24h (preferir si atcds BLEE).</p></div>
+                 <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa o Alergia Beta-lactámicos</div><p class="text-gray-700">Amikacina 15-20 mg/kg/24h IV.</p></div>
+                  <div class="treatment-option"><div class="treatment-title"><i class="fas fa-home text-purple-500"></i> Opción HaD</div><p class="text-gray-700">Piperacilina/Tazobactam 4.5 g IV/6h <strong>ó</strong> Ertapenem 1 g IV/24h ó Amikacina 15-20 mg/kg/24h IV.</p></div>
+               </div>
+               <div class="note-box mt-4"><div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Observaciones Paciente Sondado (Con Riesgo)</div><ul class="list-disc text-gray-700 space-y-1"><li>Recambio de sonda SIEMPRE si lleva > 7 días.</li><li>Sedimento y urocultivo SIEMPRE tras cambio de sonda. Hemocultivos.</li><li>Si solo síntomas locales sin signos sistémicos: recomendable esperar resultado urocultivo.</li><li>Duración: Guiada por evolución y antibiograma (generalmente 7-14 días).</li></ul></div>
+          </div>
+           <div class="sub-category">
+               <h3 class="sub-category-title"><i class="fas fa-exclamation-triangle text-red-700 mr-2"></i>Con Signos de Sepsis Grave o Shock Séptico</h3>
+               <div class="mt-4"><h4 class="text-md font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico</h4>
+                 <div class="treatment-option border-red-500"><div class="treatment-title"><i class="fas fa-check-circle text-red-600"></i> De elección</div><p class="text-gray-700">Meropenem 1 g/8h IV <strong>+</strong> Amikacina 15 mg/kg/24h IV (dosis única diaria) <strong>+</strong> Linezolid 600 mg/12h IV (o Vancomicina IV si niveles disponibles).</p></div>
+                 <div class="treatment-option border-orange-500"><div class="treatment-title"><i class="fas fa-allergies text-orange-600"></i> Alternativa o Alergia Beta-lactámicos</div><p class="text-gray-700">Aztreonam 2 g/8h IV <strong>+</strong> Amikacina 15 mg/kg/24h IV <strong>+</strong> Vancomicina 20 mg/kg IV (dosis carga) y luego 15 mg/kg/12h IV (monitorizar niveles).<br><em>Si no monitorización Vanco:</em> usar Linezolid 600 mg/8h IV (día 1), luego 600 mg/12h IV.</p></div>
+               </div>
+               <div class="note-box mt-4"><div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Observaciones Paciente Sondado (Grave / Shock)</div><ul class="list-disc text-gray-700 space-y-1"><li>Recambio de sonda SIEMPRE.</li><li>Sedimento y urocultivo SIEMPRE tras cambio de sonda. Hemocultivos antes de iniciar tratamiento.</li><li>Duración: Guiada por evolución y antibiograma (generalmente 7-14 días).</li><li>Ajustar siempre a función renal.</li></ul></div>
+           </div>
+       </div>
+    </div> <script>
+      const sel = document.getElementById('diagnosticSelector');
+      const res = document.getElementById('result');
+      const storage = document.getElementById('guide-content-storage');
+      sel.addEventListener('change', () => {
+        res.innerHTML = ''; // Limpia el resultado anterior
+        const id = sel.value;
+        if (!id) return; // Si se selecciona la opción vacía, no hacer nada
+        const node = storage.querySelector('#' + id);
+        if (node) {
+          // Clona el nodo del contenido y lo añade al área de resultados
+          res.appendChild(node.cloneNode(true));
+        } else {
+            // Opcional: Mostrar un mensaje si el contenido no se encuentra
+            res.innerHTML = `<p class="text-center text-red-500">Contenido para '${id}' no encontrado.</p>`;
+        }
+      });
+    </script>
+    <div class="mt-12 text-center text-sm text-gray-500">
+       <p>Basado en: GUÍA DE TRATAMIENTO EMPÍRICO DE INFECCIONES URINARIAS PC-15_AL(E)A-EP Rev. A (25/06/2024)</p>
+      <p>© 2025 Grupo PROA del Hospital de Alcañiz</p>
+      <p>Elaborado por Dr. Antonio J. Arnal Meinhardt | Médico de Urgencias</p>
+      <p class="mt-1 text-xs">Autores Guía Original: Marcela Castillo Jerez, Daniel Hijazo Gascón, Vicente Andrés Lázaro, Jesús Valero Milian, Marcos Díez Cornell.</p>
+    </div>
+  </div>
+</body>
+</html>

proa/neutropenia.html ADDED Viewed

	@@ -0,0 +1,180 @@

+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Guía PROA - Neutropenia Febril</title>
+  <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>
+    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
+    body { font-family: 'Montserrat', sans-serif; background-color: #f8fafc; }
+    .treatment-card { transition: all 0.3s ease; }
+    .treatment-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); }
+    .pathogen-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.5rem 0; }
+    .pathogen-item { background-color: #e0f2fe; color: #0369a1; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.875rem; font-weight: 500; }
+    .treatment-option { background-color: white; border-radius: 0.5rem; padding: 1rem; margin: 1rem 0 0.5rem 0; border-left: 4px solid #3b82f6; }
+    .treatment-title { font-weight: 600; color: #1e40af; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
+    .note-box { background-color: #fffbeb; border-left: 4px solid #f59e0b; padding: 0.75rem; margin: 1rem 0; border-radius: 0 0.5rem 0.5rem 0; }
+    .note-title { font-weight: 600; color: #92400e; display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; }
+    .custom-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; }
+    ul { list-style-position: outside; margin-left: 1.25rem; }
+    li { margin-bottom: 0.25rem; }
+  </style>
+</head>
+<body class="min-h-screen bg-gray-50">
+  <div class="max-w-4xl mx-auto px-4 py-8">
+    <div class="flex items-center gap-3 mb-6">
+      <div class="bg-blue-600 p-2 rounded-lg text-white"><i class="fas fa-vial text-2xl"></i></div>
+      <h1 class="text-3xl font-bold text-gray-800">Guía PROA - Neutropenia Febril</h1>
+    </div>
+    <div class="bg-white rounded-xl shadow-md p-6 mb-6">
+      <label for="diagnosticSelector" class="block text-lg font-medium text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-arrow-down text-red-500"></i> Situación</label>
+      <select id="diagnosticSelector" class="custom-select block w-full pl-3 pr-10 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
+        <option value="">-- Selecciona una situación --</option>
+        <option value="hematologico_bajo_riesgo">Hematológico - Bajo Riesgo</option>
+        <option value="hematologico_alto_riesgo">Hematológico - Alto Riesgo</option>
+        <option value="hematologico_sepsis">Hematológico - Alto Riesgo con Sepsis</option>
+        <option value="oncologico_bajo_riesgo">Oncológico - Bajo Riesgo</option>
+        <option value="oncologico_alto_riesgo">Oncológico - Alto Riesgo</option>
+        <option value="oncologico_especificas">Oncológico - Alto Riesgo (Condiciones Específicas)</option>
+      </select>
+    </div>
+    <div id="result" class="space-y-6"></div>
+    <div id="guide-content-storage" class="hidden">
+      <!-- Hematológico Bajo Riesgo -->
+      <div id="hematologico_bajo_riesgo" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-procedures text-green-600"></i> Neutropenia Febril Hematológico - Bajo Riesgo</h2>
+        <div class="mb-6">
+          <h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes Etiológicos Frecuentes</h3>
+          <div class="pathogen-list">
+            <span class="pathogen-item">Enterobacterias</span>
+            <span class="pathogen-item">Pseudomonas aeruginosa</span>
+          </div>
+        </div>
+        <div class="mt-6">
+          <h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico Oral</h3>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección</div><p class="text-gray-700">Levofloxacino 500 mg VO/24 h o Ciprofloxacino 750 mg VO/12 h + Amoxicilina/Clavulánico 875/125 mg VO/8 h (o Clindamicina 300-600 mg VO/8 h si alergia a betalactámicos).</p></div>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa</div><p class="text-gray-700">Ciprofloxacino 750 mg VO/12 h + Cefixima 400 mg VO/24 h o Cefuroxima 500 mg VO/12 h.</p></div>
+        </div>
+        <div class="note-box mt-6">
+          <div class="note-title"><i class="fas fa-exclamation-circle text-yellow-500"></i> Observaciones</div>
+          <ul class="list-disc text-gray-700 space-y-1">
+            <li>Índice MASCC ≥ 21.</li>
+            <li>Neutrófilos > 100/mm³ sin factores de alto riesgo.</li>
+            <li>Duración: suspender si afebril > 48 h y sin foco identificado, mínimo 7 días si foco confirmado.</li>
+            <li>Extraer hemocultivos y muestras antes del tratamiento.</li>
+            <li>Manejo ambulatorio con seguimiento estrecho.</li>
+          </ul>
+        </div>
+      </div>
+      <!-- Hematológico Alto Riesgo -->
+      <div id="hematologico_alto_riesgo" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-procedures text-red-500"></i> Neutropenia Febril Hematológico - Alto Riesgo</h2>
+        <div class="mb-6">
+          <h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Sin Focalidad Aparente</h3>
+          <div class="pathogen-list">
+            <span class="pathogen-item">Bacilos Gram negativos</span>
+            <span class="pathogen-item">Actividad antipseudomónica</span>
+          </div>
+        </div>
+        <div class="mt-6">
+          <h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico IV</h3>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-dot-circle text-blue-600"></i> Elección</div><p class="text-gray-700">Piperacilina/Tazobactam 4.5 g IV c/6 h o Cefepime 2 g IV c/8 h o Ceftazidima 2 g IV c/8 h.</p></div>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia a Beta-lactámicos</div><p class="text-gray-700">Vancomicina dosis inicial 20 mg/kg IV, luego 15 mg/kg IV c/12 h + Aztreonam 2 g IV c/8 h o Levofloxacino 750 mg IV/24 h + Amikacina 15-20 mg/kg IV/24 h.</p></div>
+        </div>
+        <div class="note-box mt-6">
+          <div class="note-title"><i class="fas fa-exclamation-circle text-yellow-500"></i> Observaciones</div>
+          <ul class="list-disc text-gray-700 space-y-1">
+            <li>Índice MASCC < 21.</li>
+            <li>Reevaluar a las 48-72 h, añadir amikacina o vancomicina si fiebre persistente.</li>
+            <li>Valorar sospecha fúngica con GMN sérico y TC tórax.</li>
+          </ul>
+        </div>
+      </div>
+      <!-- Hematológico Sepsis -->
+      <div id="hematologico_sepsis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-procedures text-black"></i> Hematológico - Alto Riesgo con Sepsis</h2>
+        <div class="mb-6">
+          <h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Sin Focalidad Aparente</h3>
+        </div>
+        <div class="mt-6">
+          <h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico</h3>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección</div><p class="text-gray-700">Meropenem 1 g IV c/8 h + Amikacina 15-20 mg/kg IV/24 h + Vancomicina dosis inicial 20 mg/kg IV, luego 15 mg/kg IV c/12 h + Anfotericina B liposomal (o Caspofungina/Anidulafungina si no neumonía).</p></div>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia a Beta-lactámicos</div><p class="text-gray-700">Vancomicina 20 mg/kg IV + Aztreonam 2 g IV c/8 h + Amikacina o Colistina ± Metronidazol si intrabdominal.</p></div>
+        </div>
+        <div class="note-box mt-6">
+          <div class="note-title"><i class="fas fa-exclamation-circle text-yellow-500"></i> Observaciones</div>
+          <ul class="list-disc text-gray-700 space-y-1">
+            <li>Quick SOFA ≥ 2 o disfunción orgánica.</li>
+            <li>Considerar criterios UCI y ajustar según cultivo.</li>
+          </ul>
+        </div>
+      </div>
+      <!-- Oncológico Bajo Riesgo -->
+      <div id="oncologico_bajo_riesgo" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-procedures text-green-600"></i> Neutropenia Febril Oncológico - Bajo Riesgo</h2>
+        <div class="mb-6">
+          <h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Etiología</h3>
+          <div class="pathogen-list">
+            <span class="pathogen-item">Enterobacterias</span>
+            <span class="pathogen-item">Pseudomonas aeruginosa</span>
+          </div>
+        </div>
+        <div class="mt-6">
+          <h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico Oral</h3>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección</div><p class="text-gray-700">Ciprofloxacino 750 mg VO/12 h + Amoxicilina/Clavulánico 875/125 mg VO/8 h.</p></div>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia a Beta-lactámicos</div><p class="text-gray-700">Ciprofloxacino 750 mg VO/12 h + Clindamicina 600 mg VO/6 h.</p></div>
+        </div>
+        <div class="note-box mt-6">
+          <div class="note-title"><i class="fas fa-exclamation-circle text-yellow-500"></i> Observaciones</div>
+          <ul class="list-disc text-gray-700 space-y-1">
+            <li>MASCC ≥ 21 o escala CISNE bajo riesgo.</li>
+            <li>Primera dosis IV, luego paso a VO si estable.</li>
+            <li>Ambulatorio si neutropenia < 7 días y buen soporte.</li>
+          </ul>
+        </div>
+      </div>
+      <!-- Oncológico Alto Riesgo -->
+      <div id="oncologico_alto_riesgo" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-procedures text-red-500"></i> Neutropenia Febril Oncológico - Alto Riesgo</h2>
+        <div class="mb-6">
+          <h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Tratamiento Empírico IV</h3>
+        </div>
+        <div class="mt-6">
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección</div><p class="text-gray-700">Piperacilina/Tazobactam 4.5 g IV c/6-8 h o Imipenem 0.5-1 g IV c/6 h o Meropenem 1-2 g IV c/8 h + Amikacina 15-20 mg/kg IV/24 h si Quick SOFA ≥ 2.</p></div>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia a Beta-lactámicos</div><p class="text-gray-700">Aztreonam 2 g IV c/8 h + Vancomicina 1 g IV c/12 h o Ciprofloxacino 400 mg IV c/12 h + Vancomicina 1 g IV c/12 h + Amikacina si SOFA ≥ 2.</p></div>
+        </div>
+      </div>
+      <!-- Oncológico Específicas -->
+      <div id="oncologico_especificas" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-procedures text-purple-600"></i> Oncológico - Alto Riesgo (Condiciones Específicas)</h2>
+        <div class="mt-6 space-y-4">
+          <div class="treatment-option border-blue-500"><div class="treatment-title"><i class="fas fa-plus-circle text-blue-600"></i> Historia de Colonización Pseudomonas</div><p class="text-gray-700">Añadir Amikacina 15 mg/kg IV/24 h o combinar Piperacilina/Tazobactam con Ciprofloxacino 400 mg IV/12 h.</p></div>
+          <div class="treatment-option border-red-500"><div class="treatment-title"><i class="fas fa-plus-circle text-red-600"></i> Sospecha MRSA, mucositis grave o foco SST</div><p class="text-gray-700">Añadir Vancomicina 15-20 mg/kg IV c/8-12 h o Linezolid 600 mg IV c/12 h o Daptomicina 6 mg/kg IV c/24 h.</p></div>
+          <div class="treatment-option border-yellow-500"><div class="treatment-title"><i class="fas fa-plus-circle text-yellow-600"></i> Enterocolitis/Perirectal</div><p class="text-gray-700">Añadir Metronidazol 500 mg IV c/6 h.</p></div>
+          <div class="treatment-option border-gray-500"><div class="treatment-title"><i class="fas fa-plus-circle text-gray-600"></i> Pseudomonas resistente carbapenémicos</div><p class="text-gray-700">Ceftolozano/Tazobactam 1.0/0.5 g IV c/8 h o Ceftazidima/Avibactam 2.0/0.5 g IV c/8 h.</p></div>
+        </div>
+      </div>
+    </div>
+    <script>
+      const sel = document.getElementById('diagnosticSelector');
+      const res = document.getElementById('result');
+      const storage = document.getElementById('guide-content-storage');
+      sel.addEventListener('change', () => {
+        res.innerHTML = '';
+        const id = sel.value;
+        if (!id) return;
+        const node = storage.querySelector('#' + id);
+        if (node) res.appendChild(node.cloneNode(true));
+      });
+    </script>
+    <div class="mt-12 text-center text-sm text-gray-500">
+      <p>© 2025 Grupo PROA del Hospital de Alcañiz</p>
+      <p>Elaborado por Dr. Antonio J. Arnal Meinhardt | Médico de Urgencias</p>
+    </div>
+  </div>
+</body>
+</html>

proa/oftalmologia.html ADDED Viewed

	@@ -0,0 +1,147 @@

+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Guía PROA - Infecciones Oftálmicas</title>
+  <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>
+    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
+    body { font-family: 'Montserrat', sans-serif; background-color: #f8fafc; }
+    .treatment-card { transition: all 0.3s ease; }
+    .treatment-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); }
+    .pathogen-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.5rem 0; }
+    .pathogen-item { background-color: #e0f2fe; color: #0369a1; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.875rem; font-weight: 500; }
+    .treatment-option { background-color: white; border-radius: 0.5rem; padding: 1rem; margin: 1rem 0 0.5rem 0; border-left: 4px solid #3b82f6; }
+    .treatment-title { font-weight: 600; color: #1e40af; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
+    .note-box { background-color: #fffbeb; border-left: 4px solid #f59e0b; padding: 0.75rem; margin: 1rem 0; border-radius: 0 0.5rem 0.5rem 0; }
+    .note-title { font-weight: 600; color: #92400e; display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; }
+    .custom-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; }
+    ul { list-style-position: outside; margin-left: 1.25rem; }
+    li { margin-bottom: 0.25rem; }
+  </style>
+</head>
+<body class="min-h-screen bg-gray-50">
+  <div class="max-w-4xl mx-auto px-4 py-8">
+    <div class="flex items-center gap-3 mb-6">
+      <div class="bg-blue-600 p-2 rounded-lg text-white"><i class="fas fa-eye text-2xl"></i></div>
+      <h1 class="text-3xl font-bold text-gray-800">Guía PROA - Infecciones Oftálmicas</h1>
+    </div>
+    <div class="bg-white rounded-xl shadow-md p-6 mb-6">
+      <label for="diagnosticSelector" class="block text-lg font-medium text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-arrow-down text-red-500"></i> Diagnóstico</label>
+      <select id="diagnosticSelector" class="custom-select block w-full pl-3 pr-10 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
+        <option value="">-- Selecciona un diagnóstico --</option>
+        <option value="celulitis_preseptal_orbitaria">Celulitis Preseptal y Orbitaria</option>
+        <option value="endoftalmitis">Endoftalmitis</option>
+        <option value="queratitis_bacteriana">Queratitis Bacteriana</option>
+        <option value="queratitis_viral">Queratitis Vírica</option>
+        <option value="queratitis_fungica">Queratitis Fúngica</option>
+      </select>
+    </div>
+    <div id="result" class="space-y-6"></div>
+    <div id="guide-content-storage" class="hidden">
+      <!-- Celulitis Preseptal y Orbitaria -->
+      <div id="celulitis_preseptal_orbitaria" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-hospital text-red-500"></i> Celulitis Preseptal y Orbitaria</h2>
+        <div class="mb-6">
+          <h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Etiología Frecuente</h3>
+          <ul class="list-disc text-gray-700 ml-6">
+            <li>Streptococcus spp, Staphylococcus spp</li>
+            <li>Haemophilus influenzae, Moraxella catarrhalis, Pseudomonas aeruginosa, anaerobios</li>
+          </ul>
+        </div>
+        <div class="mt-6">
+          <h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico IV</h3>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección</div><p class="text-gray-700">Ceftriaxona 2 g IV c/12 h + Cloxacilina 2 g IV c/4-6 h.</p></div>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia Beta-lactámicos</div><p class="text-gray-700">Vancomicina 1 g IV c/12 h + Levofloxacino 750 mg IV/24 h o Clindamicina 600-900 mg IV c/8 h o Linezolid 600 mg IV c/12 h.</p></div>
+        </div>
+        <div class="note-box mt-6"><div class="note-title"><i class="fas fa-notes-medical text-yellow-500"></i> Observaciones</div>
+          <ul class="list-disc text-gray-700 ml-6">
+            <li>Hospitalización y antibioterapia IV inmediata.</li>
+            <li>Pruebas: hemograma, bioquímica, cultivo conjuntival, TC/RM de órbita.</li>
+            <li>Medidas de soporte: AINEs, compresas frías, elevación de cabeza, control glucemia.</li>
+          </ul>
+        </div>
+      </div>
+      <!-- Endoftalmitis -->
+      <div id="endoftalmitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-vial text-purple-600"></i> Endoftalmitis</h2>
+        <div class="mb-6">
+          <h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-info-circle text-blue-500"></i> Clasificación</h3>
+          <ul class="list-disc text-gray-700 ml-6">
+            <li>Exógena (tras cirugía/intravítreo) vs Endógena</li>
+            <li>Aguda (<6 sem) vs Crónica (>6 sem)</li>
+          </ul>
+        </div>
+        <div class="mt-6">
+          <h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription text-blue-500"></i> Tratamiento Intravitreo</h3>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección</div><p class="text-gray-700">Vancomicina 1 mg/0.1 ml + Ceftazidima 2 mg/0.1 ml.</p></div>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia Beta-lactámicos</div><p class="text-gray-700">Amikacina 0.4 mg/0.1 ml intravítrea.</p></div>
+        </div>
+        <div class="note-box mt-6"><div class="note-title"><i class="fas fa-notes-medical text-yellow-500"></i> Observaciones</div>
+          <ul class="list-disc text-gray-700 ml-6">
+            <li>Agregar anfotericina B o voriconazol intravítreo si hongos.</li>
+            <li>Posible vitrectomía si agudeza ≤ movimiento de manos.</li>
+            <li>Añadir terapia tópica/oral según evolución y antibiograma.</li>
+          </ul>
+        </div>
+      </div>
+      <!-- Queratitis Bacteriana -->
+      <div id="queratitis_bacteriana" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-clinic-medical text-blue-700"></i> Queratitis Bacteriana</h2>
+        <div class="mb-6">
+          <h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Etiología y Gravedad</h3>
+          <ul class="list-disc text-gray-700 ml-6">
+            <li>+ Leve: Staph. epi, S. aureus, Strep spp.</li>
+            <li>+ Grave: Pseudomonas (LDC), Neisseria, Bacillus.</li>
+          </ul>
+        </div>
+        <div class="mt-6">
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Leve</div><p class="text-gray-700">Moxifloxacino 5 mg/ml colirio 2 gotas c/8 h. LDC: Ofloxacino 3 mg/ml o Ciprofloxacino 3 mg/ml c/8 h.</p></div>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-red-500"></i> Grave</div><p class="text-gray-700">Ceftazidima 50 mg/ml + Tobramicina 20 mg/ml, 2 gotas c/1 h 24-48 h, luego reducir según evolución. Asociar Moxifloxacino oral 400 mg/24 h si extension.</p></div>
+        </div>
+        <div class="note-box mt-6"><div class="note-title"><i class="fas fa-notes-medical text-yellow-500"></i> Observaciones</div>
+          <ul class="list-disc text-gray-700 ml-6">
+            <li>Evitar corticoides hasta 24-48 h tras antibiótico.</li>
+            <li>Diagnóstico: clínico y raspado corneal si indica.</li>
+          </ul>
+        </div>
+      </div>
+      <!-- Queratitis Vírica -->
+      <div id="queratitis_viral" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-virus text-purple-600"></i> Queratitis Vírica</h2>
+        <div class="mb-6">
+          <p class="text-gray-700">Incluye epitelial (dendrítica), neurotrófica, estromal inmune/necrotizante, endotelitis y uveítis anterior. Etiologías: VHS y VVZ.</p>
+        </div>
+        <div class="mt-6 space-y-4">
+          <div class="treatment-option border-blue-500"><div class="treatment-title"><i class="fas fa-prescription text-blue-600"></i> Epitelial (dendrítica)</div><p class="text-gray-700">Aciclovir 3% pomada 5 v/d + colirio antibiótico (Tobramicina/Moxifloxacino). Ciclopéjico 1% si dolor.</p></div>
+          <div class="treatment-option border-teal-500"><div class="treatment-title"><i class="fas fa-prescription text-teal-600"></i> Neurotrófica</div><p class="text-gray-700">Suero autólogo 1 got a3v/d. Doxiciclina 100 mg/d. Corticoides t��picos + adyuvancia plasmática.</p></div>
+          <div class="treatment-option border-yellow-500"><div class="treatment-title"><i class="fas fa-prescription text-yellow-600"></i> Estromal inmune/necrotizante</div><p class="text-gray-700">Aciclovir tópico + corticoides tópicos. Antivirales orales y profilaxis antibiótica. Ciclopéjico si uveítis.</p></div>
+          <div class="treatment-option border-indigo-500"><div class="treatment-title"><i class="fas fa-prescription text-indigo-600"></i> Endotelitis/Uveítis Anterior</div><p class="text-gray-700">Aciclovir 3% + corticoides tópicos (prednisolona), antivirales orales (aciclovir/valaciclovir). Profilaxis prolongada 6-12 meses.</p></div>
+        </div>
+      </div>
+      <!-- Queratitis Fúngica -->
+      <div id="queratitis_fungica" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-spa text-green-700"></i> Queratitis Fúngica</h2>
+        <div class="mb-6">
+          <p class="text-gray-700">Causadas por hongos filamentosos (Aspergillus, Fusarium) o levaduras (Candida).</p>
+        </div>
+        <div class="mt-6 space-y-4">
+          <div class="treatment-option border-red-500"><div class="treatment-title"><i class="fas fa-prescription text-red-600"></i> Filamentosos</div><p class="text-gray-700">Natamicina 5% colirio: 1 got c/1 h 24 h, luego progresivo c/2 h (4-6 sem). Alternativa Voriconazol 1% + vía oral.</p></div>
+          <div class="treatment-option border-blue-500"><div class="treatment-title"><i class="fas fa-prescription text-blue-600"></i> Levaduras</div><p class="text-gray-700">Anfotericina B 0.25% colirio: pauta similar. Alternativa Fluconazol tópico o flucitosina.</p></div>
+          <div class="treatment-option border-gray-500"><div class="treatment-title"><i class="fas fa-prescription text-gray-600"></i> Recalcitrante / Mixta</div><p class="text-gray-700">Natamicina + Anfotericina B; valorar inyecciones subconjuntivales/intrastromales y adjuntos de povidona o desbridamiento.</p></div>
+        </div>
+      </div>
+    </div>
+    <script>
+      const sel=document.getElementById('diagnosticSelector'), res=document.getElementById('result'), storage=document.getElementById('guide-content-storage');
+      sel.addEventListener('change',()=>{res.innerHTML='';const id=sel.value; if(!id)return; const node=storage.querySelector('#'+id); if(node)res.appendChild(node.cloneNode(true));});
+    </script>
+    <div class="mt-12 text-center text-sm text-gray-500">
+      <p>© 2025 Grupo PROA del Hospital de Alcañiz</p>
+      <p>Elaborado por Dr. Antonio J. Arnal Meinhardt | Médico de Urgencias</p>
+    </div>
+  </div>
+</body>
+</html>

proa/orl.html ADDED Viewed

	@@ -0,0 +1,192 @@

+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Guía PROA - Infecciones ORL</title>
+  <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>
+    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
+    body { font-family: 'Montserrat', sans-serif; background-color: #f8fafc; }
+    .treatment-card { transition: all 0.3s ease; }
+    .treatment-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); }
+    .pathogen-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.5rem 0; }
+    .pathogen-item { background-color: #e0f2fe; color: #0369a1; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.875rem; font-weight: 500; }
+    .treatment-option { background-color: white; border-radius: 0.5rem; padding: 1rem; margin: 1rem 0 0.5rem; border-left: 4px solid #3b82f6; }
+    .treatment-title { font-weight: 600; color: #1e40af; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
+    .note-box { background-color: #fffbeb; border-left: 4px solid #f59e0b; padding: 0.75rem; margin: 1rem 0; border-radius: 0 0.5rem 0.5rem 0; }
+    .note-title { font-weight: 600; color: #92400e; display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; }
+    .custom-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em; }
+    ul { list-style-position: outside; margin-left: 1.25rem; }
+    li { margin-bottom: 0.25rem; }
+  </style>
+</head>
+<body class="min-h-screen bg-gray-50">
+  <div class="max-w-4xl mx-auto px-4 py-8">
+    <div class="flex items-center gap-3 mb-6">
+      <div class="bg-blue-600 p-2 rounded-lg text-white"><i class="fas fa-head-side-mask text-2xl"></i></div>
+      <h1 class="text-3xl font-bold text-gray-800">Guía PROA - Infecciones ORL</h1>
+    </div>
+    <div class="bg-white rounded-xl shadow-md p-6 mb-6">
+      <label for="diagnosticSelector" class="block text-lg font-medium text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-arrow-down text-red-500"></i> Síndrome/Infección</label>
+      <select id="diagnosticSelector" class="custom-select block w-full pl-3 pr-10 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
+        <option value="">-- Selecciona un síndrome/infección --</option>
+        <option value="otitis_media">Otitis Media Aguda</option>
+        <option value="otitis_externa">Otitis Externa</option>
+        <option value="faringoamigdalitis">Faringoamigdalitis</option>
+        <option value="rinosinusitis">Rinosinusitis Aguda</option>
+        <option value="otomastoiditis">Otomastoiditis</option>
+        <option value="flemon">Flemón Periamigdalino/Parafaríngeo</option>
+        <option value="candidiasis_oral">Candidiasis Oral</option>
+        <option value="gingivoestomatitis">Gingivoestomatitis Herpética</option>
+        <option value="herpes_labial">Herpes Labial</option>
+        <option value="infodont_sin">Infección Odontogénica sin Ingreso</option>
+        <option value="infodont_con">Infección Odontogénica con Ingreso</option>
+        <option value="gingivitis_aguda">Gingivitis Aguda</option>
+        <option value="sialoadenitis">Sialoadenitis Aguda</option>
+        <option value="absceso_cutaneo">Absceso Cutáneo Cervicofacial</option>
+        <option value="fascitis">Fascitis Necrotizante Cervicofacial</option>
+      </select>
+    </div>
+    <div id="result" class="space-y-6"></div>
+    <div id="guide-content-storage" class="hidden">
+      <!-- Otitis Media -->
+      <div id="otitis_media" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-ear text-yellow-600"></i> Otitis Media Aguda</h2>
+        <div class="pathogen-list"><span class="pathogen-item">S. pneumoniae</span><span class="pathogen-item">H. influenzae</span><span class="pathogen-item">M. catarrhalis</span><span class="pathogen-item">Streptococo A</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección</div><p class="text-gray-700">Amoxicilina 1 g VO c/8 h (si criterios).</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Segunda línea</div><p class="text-gray-700">Amoxicilina/Clavulánico 875/125 mg VO c/8 h o Cefditoreno 400 mg VO c/12 h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><ul class="list-disc text-gray-700"><li>Duración: 10 días.</li><li>Criterios: fiebre >39 °C, otalgia intensa, sin mejoría en 48 h.</li></ul></div>
+      </div>
+      <!-- Otitis Externa -->
+      <div id="otitis_externa" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-water text-blue-600"></i> Otitis Externa</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Pseudomonas spp</span><span class="pathogen-item">S. aureus</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección tópica</div><p class="text-gray-700">Ciprofloxacino gotas 4 gotas c/8 h ± corticoides.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Fúngica</div><p class="text-gray-700">Clotrimazol gotas c/8 h o Clioquinol ótico 0.25 mg c/8 h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><ul class="list-disc text-gray-700"><li>Evitar humedad y manipulación.</li><li>VO solo si extensión o tejidos blandos.</li></ul></div>
+      </div>
+      <!-- Faringoamigdalitis -->
+      <div id="faringoamigdalitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-throat text-red-500"></i> Faringoamigdalitis</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Virus</span><span class="pathogen-item">Streptococo A</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección</div><p class="text-gray-700">Penicilina V 500-800 mg VO c/12 h o Amoxicilina 1 g VO c/8 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alergia</div><p class="text-gray-700">Clindamicina 300 mg VO c/8 h o Claritromicina 500 mg VO c/12 h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><p class="text-gray-700">Duración: 7-10 días. Sintomático en virosis.</p></div>
+      </div>
+      <!-- Rinosinusitis -->
+      <div id="rinosinusitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-nose text-green-600"></i> Rinosinusitis Aguda</h2>
+        <div class="pathogen-list"><span class="pathogen-item">S. pneumoniae</span><span class="pathogen-item">H. influenzae</span><span class="pathogen-item">M. catarrhalis</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección</div><p class="text-gray-700">Amoxicilina 1 g VO c/8 h 10 días.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Sin mejoría 48 h</div><p class="text-gray-700">Amoxicilina/Clavulánico 875/125 mg VO c/8 h o Cefditoreno 400 mg VO c/12 h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><ul class="list-disc text-gray-700"><li>Solo antibiótico si secreción purulenta o dolor intenso.</li><li>Otros: lavados nasales, descongestionantes.</li></ul></div>
+      </div>
+      <!-- Otomastoiditis -->
+      <div id="otomastoiditis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-bone text-indigo-600"></i> Otomastoiditis</h2>
+        <div class="pathogen-list"><span class="pathogen-item">S. pneumoniae</span><span class="pathogen-item">H. influenzae</span><span class="pathogen-item">M. catarrhalis</span><span class="pathogen-item">Streptococo A</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección IV</div><p class="text-gray-700">Amoxicilina/Clavulánico 1g/200 mg IV c/8 h o Ceftriaxona 1-2 g IV/24 h o Cefotaxima 1-2 g IV c/8 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia</div><p class="text-gray-700">Levofloxacino 500 mg IV/24 h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><p class="text-gray-700">Ingreso y valoración por ORL.</p></div>
+      </div>
+      <!-- Flemón -->
+      <div id="flemon" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-tooth text-red-600"></i> Flemón Periamigdalino/Parafaríngeo</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Polimicrobiana</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección IV</div><p class="text-gray-700">Amoxicilina/Clavulánico 1g/200 mg IV c/8 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-procedures text-purple-500"></i> Riesgo SARM</div><p class="text-gray-700">Ertapenem 1 g IV/24 h ± Vancomicina 15‑20 mg/kg IV c/8‑12 h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><ul class="list-disc text-gray-700"><li>Drenaje absceso si procede.</li><li>TAC cervical si mala evolución.</li></ul></div>
+      </div>
+      <!-- Candidiasis Oral -->
+      <div id="candidiasis_oral" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-utensils text-pink-500"></i> Candidiasis Oral</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Candida spp</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección</div><p class="text-gray-700">Nistatina 5 ml VO enjuagar y tragar c/6-8 h x7 días.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa</div><p class="text-gray-700">Fluconazol 50-100 mg VO/día x7 días.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><p class="text-gray-700">Cultivo si repetición o no respuesta.</p></div>
+      </div>
+      <!-- Gingivoestomatitis -->
+      <div id="gingivoestomatitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-virus text-red-600"></i> Gingivoestomatitis Herpética</h2>
+        <div class="pathogen-list"><span class="pathogen-item">VHS</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección</div><p class="text-gray-700">Aciclovir 400 mg VO 5 veces/día x7 días.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> IV si intolerancia</div><p class="text-gray-700">Aciclovir 5 mg/kg IV c/8 h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><p class="text-gray-700">Úlceras múltiples, fiebre, difícil ingesta.</p></div>
+      </div>
+      <!-- Herpes Labial -->
+      <div id="herpes_labial" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-kiss text-pink-600"></i> Herpes Labial</h2>
+        <div class="pathogen-list"><span class="pathogen-item">VHS</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección</div><p class="text-gray-700">Aciclovir 400 mg VO 5x/día x5 días o tópico 5% 4x/día x4 días.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><p class="text-gray-700">Recurrencias >6/año: famciclovir o valaciclovir profiláctico.</p></div>
+      </div>
+      <!-- Inf. Odontogénica Sin Ingreso -->
+      <div id="infodont_sin" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-tooth text-yellow-700"></i> Infección Odontogénica sin Ingreso</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Polimicrobiana</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección</div><p class="text-gray-700">Amoxicilina/Clavulánico 875/125 mg VO c/8 h x5-7 días.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alergia</div><p class="text-gray-700">Clindamicina 300 mg VO c/6 h o Metronidazol 500 mg VO c/8 h o Moxifloxacino 400 mg VO/24 h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><ul class="list-disc text-gray-700"><li>Drenar foco y/o exodoncia si necesario.</li><li>Duración 5-7 días.</li></ul></div>
+      </div>
+      <!-- Inf. Odontogénica Con Ingreso -->
+      <div id="infodont_con" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-tooth text-red-700"></i> Infección Odontogénica con Ingreso</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Polimicrobiana</span><span class="pathogen-item">Actinobacillus</span><span class="pathogen-item">Porphyromonas</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección IV</div><p class="text-gray-700">Amoxicilina/Clavulánico 1g/200 mg IV c/8 h + Gentamicina 240 mg IV/24 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa</div><p class="text-gray-700">Clindamicina 600 mg IV c/8 h o Moxifloxacino 400 mg IV/24 h o Vancomicina 1g IV c/12 h + Metronidazol 500 mg IV c/8 h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><ul class="list-disc text-gray-700"><li>Ingresar y reevaluar 24-48 h.</li><li>Hidratación, masaje glandular, antiinflamatorios.</li></ul></div>
+      </div>
+      <!-- Gingivitis Aguda -->
+      <div id="gingivitis_aguda" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-tooth text-green-800"></i> Gingivitis Aguda</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Polimicrobiana</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección VO</div><p class="text-gray-700">Amoxicilina/Clavulánico 875/125 mg VO c/8 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alergia</div><p class="text-gray-700">Clindamicina 300 mg VO c/6 h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><ul class="list-disc text-gray-700"><li>Higiene oral intensa, enjuagues clorhexidina 0.12%.</li></ul></div>
+      </div>
+      <!-- Sialoadenitis -->
+      <div id="sialoadenitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-syringe text-indigo-700"></i> Sialoadenitis Aguda Supurada</h2>
+        <div class="pathogen-list"><span class="pathogen-item">S. aureus</span><span class="pathogen-item">S. pneumoniae</span><span class="pathogen-item">H. influenzae</span><span class="pathogen-item">E. coli</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección VO</div><p class="text-gray-700">Amoxicilina/Clavulánico 875/125 mg c/8 h + Metronidazol 500 mg c/8 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alergia</div><p class="text-gray-700">Clindamicina 600 mg IV c/8 h o Moxifloxacino 400 mg VO/24 h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><ul class="list-disc text-gray-700"><li>Hidratación, calor local, masaje glandular, antiinflamatorios.</li></ul></div>
+      </div>
+      <!-- Absceso Cutáneo -->
+      <div id="absceso_cutaneo" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-cut text-red-500"></i> Absceso Cutáneo Cervicofacial</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Polimicrobiana</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección VO</div><p class="text-gray-700">Amoxicilina/Clavulánico 875/125 mg VO c/8 h x7 días.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alergia</div><p class="text-gray-700">Clindamicina 300 mg VO c/6 h x7 días.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><p class="text-gray-700">Drenaje de absceso si procede.</p></div>
+      </div>
+      <!-- Fascitis Necrotizante -->
+      <div id="fascitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-skull-crossbones text-black"></i> Fascitis Necrotizante Cervicofacial</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Polimicrobiana</span><span class="pathogen-item">Streptococo A</span><span class="pathogen-item">Enterobacterias</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección IV</div><p class="text-gray-700">Piperacilina/Tazobactam 4g/0.5g IV c/6 h + Clindamicina 600 mg IV c/6 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa</div><p class="text-gray-700">Meropenem 1 g IV c/8 h + Clindamicina o Linezolid 600 mg IV c/12 h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><p class="text-gray-700">Ingresar y desbridamiento quirúrgico urgente.</p></div>
+      </div>
+    </div>
+    <script>
+      const sel = document.getElementById('diagnosticSelector');
+      const res = document.getElementById('result');
+      const storage = document.getElementById('guide-content-storage');
+      sel.addEventListener('change', () => {
+        res.innerHTML = '';
+        const id = sel.value;
+        if (!id) return;
+        const node = storage.querySelector('#' + id);
+        if (node) res.appendChild(node.cloneNode(true));
+      });
+    </script>
+    <div class="mt-12 text-center text-sm text-gray-500">
+      <p>© 2025 Grupo PROA del Hospital de Alcañiz</p>
+      <p>Elaborado por Dr. Antonio J. Arnal Meinhardt | Médico de Urgencias</p>
+    </div>
+  </div>
+</body>
+</html>

proa/orl_pediatrico.html ADDED Viewed

	@@ -0,0 +1,109 @@

+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Guía PROA - Infecciones ORL Pediátricas</title>
+  <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>
+    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
+    body { font-family: 'Montserrat', sans-serif; background-color: #f8fafc; }
+    .treatment-card { transition: all 0.3s ease; }
+    .treatment-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); }
+    .pathogen-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.5rem 0; }
+    .pathogen-item { background-color: #e0f2fe; color: #0369a1; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.875rem; font-weight: 500; }
+    .treatment-option { background-color: white; border-radius: 0.5rem; padding: 1rem; margin: 1rem 0 0.5rem; border-left: 4px solid #3b82f6; }
+    .treatment-title { font-weight: 600; color: #1e40af; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
+    .note-box { background-color: #fffbeb; border-left: 4px solid #f59e0b; padding: 0.75rem; margin: 1rem 0; border-radius: 0 0.5rem 0.5rem 0; }
+    .note-title { font-weight: 600; color: #92400e; display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; }
+    .custom-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em; }
+    ul { list-style-position: outside; margin-left: 1.25rem; }
+    li { margin-bottom: 0.25rem; }
+  </style>
+</head>
+<body class="min-h-screen bg-gray-50">
+  <div class="max-w-4xl mx-auto px-4 py-8">
+    <div class="flex items-center gap-3 mb-6">
+      <div class="bg-green-600 p-2 rounded-lg text-white"><i class="fas fa-child text-2xl"></i></div>
+      <h1 class="text-3xl font-bold text-gray-800">Guía PROA - Infecciones ORL Pediátricas</h1>
+    </div>
+    <div class="bg-white rounded-xl shadow-md p-6 mb-6">
+      <label for="diagnosticSelector" class="block text-lg font-medium text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-arrow-down text-red-500"></i> Episodio</label>
+      <select id="diagnosticSelector" class="custom-select block w-full pl-3 pr-10 py-2 border border-gray-300 rounded-md focus:ring-green-500 focus:border-green-500">
+        <option value="">-- Selecciona un episodio --</option>
+        <option value="faringoamigdalitis">Faringoamigdalitis Aguda</option>
+        <option value="otitis_media">Otitis Media Aguda</option>
+        <option value="otitis_externa">Otitis Externa</option>
+        <option value="sinusitis">Sinusitis</option>
+      </select>
+    </div>
+    <div id="result" class="space-y-6"></div>
+    <div id="guide-content-storage" class="hidden">
+      <!-- Faringoamigdalitis Aguda -->
+      <div id="faringoamigdalitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-throat text-red-600"></i> Faringoamigdalitis Aguda</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Viral (mayoría)</span><span class="pathogen-item">S. pyogenes</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección</div><p class="text-gray-700">Penicilina V: 250 mg (<27 kg) o 500 mg (>27 kg) VO c/12 h x10 días.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa</div><p class="text-gray-700">Amoxicilina 25 mg/kg VO c/12 h x10 días.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-syringe text-purple-500"></i> IM (única dosis)</div><p class="text-gray-700">Penicilina benzatina: 600 000 UI (<27 kg) o 1 200 000 UI (>27 kg).</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia penicilinas</div><p class="text-gray-700">Azitromicina 10 mg/kg VO d/1 x5 días o Josamicina 20 mg/kg VO c/12 h x10 días.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div>
+          <ul class="list-disc text-gray-700">
+            <li>Centor-McIsaac ≥ 3 o test rápido positivo.</li>
+            <li>En <3 años y criterios extras, también test o cultivo.</li>
+          </ul>
+        </div>
+      </div>
+      <!-- Otitis Media Aguda -->
+      <div id="otitis_media" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-ear text-yellow-700"></i> Otitis Media Aguda</h2>
+        <div class="pathogen-list"><span class="pathogen-item">S. pneumoniae</span><span class="pathogen-item">H. influenzae</span><span class="pathogen-item">M. catarrhalis</span></div>
+        <!-- <2 meses -->
+        <div class="note-box mb-4"><div class="note-title"><i class="fas fa-hospital text-red-500"></i> <2 meses</div><p class="text-gray-700">Ingreso. Si afebril y bien: Amox/Clav 40 mg/kg VO c/12 h + observación 2-3 días. Si fiebre o mal estado: Cefotaxima 50 mg/kg IV c/6 h o Amox/Clav 12.5 mg/kg IV c/8 h.</p></div>
+        <!-- 2-6 meses -->
+        <div class="note-box mb-4"><div class="note-title"><i class="fas fa-child text-green-600"></i> 2-6 meses</div><p class="text-gray-700">Amox/Clav 40 mg/kg VO c/12 h x10 días.</p></div>
+        <!-- 6m-2a -->
+        <div class="note-box mb-4"><div class="note-title"><i class="fas fa-medkit text-blue-600"></i> 6 m-2 años</div><p class="text-gray-700">Síntomas leves sin riesgo: analgésico 48-72 h y reevaluar; si empeora: Amoxicilina 40 mg/kg VO c/12 h x7-10 días. Riesgo o certeza: Amox/Clav 40-45 mg/kg VO c/12 h x10 días.</p></div>
+        <!-- >2 años -->
+        <div class="note-box"><div class="note-title"><i class="fas fa-check-circle text-green-600"></i> >2 años</div><p class="text-gray-700">Leve: analgésico y reevaluar; si persiste: Amoxicilina 40 mg/kg VO c/12 h x5 días. Grave o riesgo: Amoxicilina 40-45 mg/kg VO c/12 h x7-10 días.</p>
+          <ul class="list-disc text-gray-700 mt-2"><li>Alergia no anafiláctica: Cefuroxima axetilo 15 mg/kg VO c/12 h x10 días.</li><li>Alergia tipo 1: Azitromicina o Claritromicina según sospecha.</li></ul>
+        </div>
+      </div>
+      <!-- Otitis Externa -->
+      <div id="otitis_externa" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-water text-blue-600"></i> Otitis Externa</h2>
+        <div class="pathogen-list"><span class="pathogen-item">S. aureus (furúnculo)</span><span class="pathogen-item">P. aeruginosa</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-prescription text-green-500"></i> Tópico</div><p class="text-gray-700">Ciprofloxacino gotas 4-6 gotas c/8 h x5-7 días + calor local y analgesia. Evitar agua.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-pills text-blue-500"></i> Sistémico</div><p class="text-gray-700">Cloxacilina o Amox/Clav VO x7 días si extensión o compromiso general.</p></div>
+      </div>
+      <!-- Sinusitis -->
+      <div id="sinusitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-nose text-green-600"></i> Sinusitis</h2>
+        <div class="pathogen-list"><span class="pathogen-item">S. pneumoniae</span><span class="pathogen-item">H. influenzae</span><span class="pathogen-item">M. catarrhalis</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección</div><p class="text-gray-700">Amoxicilina 40-45 mg/kg VO c/12 h x10 días; si riesgo: Amox/Clav 40-45 mg/kg c/12 h x10 días.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia</div><p class="text-gray-700">No anafiláctica: Cefuroxima axetilo 15 mg/kg VO c/12 h x10 días; Tipo 1: Azitromicina o Claritromicina según edad.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><p class="text-gray-700">Expectante 3 días si leve; antibiótico si no mejora o empeora.</p></div>
+      </div>
+    </div>
+    <script>
+      const sel = document.getElementById('diagnosticSelector');
+      const res = document.getElementById('result');
+      const storage = document.getElementById('guide-content-storage');
+      sel.addEventListener('change', () => {
+        res.innerHTML = '';
+        const id = sel.value;
+        if (!id) return;
+        const node = storage.querySelector('#' + id);
+        if (node) res.appendChild(node.cloneNode(true));
+      });
+    </script>
+    <div class="mt-12 text-center text-sm text-gray-500">
+      <p>© 2025 Grupo PROA del Hospital de Alcañiz</p>
+      <p>Elaborado por Dr. Antonio J. Arnal Meinhardt | Médico de Urgencias</p>
+    </div>
+  </div>
+</body>
+</html>

proa/osteoarticular.html ADDED Viewed

	@@ -0,0 +1,167 @@

+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Guía PROA - Infecciones Osteoarticulares</title>
+  <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>
+    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
+    body { font-family: 'Montserrat', sans-serif; background-color: #f8fafc; }
+    .treatment-card { transition: all 0.3s ease; }
+    .treatment-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); }
+    .pathogen-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.5rem 0; }
+    .pathogen-item { background-color: #e0f2fe; color: #0369a1; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.875rem; font-weight: 500; }
+    .treatment-option { background-color: white; border-radius: 0.5rem; padding: 1rem; margin: 1rem 0 0.5rem; border-left: 4px solid #3b82f6; }
+    .treatment-title { font-weight: 600; color: #1e40af; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
+    .note-box { background-color: #fffbeb; border-left: 4px solid #f59e0b; padding: 0.75rem; margin: 1rem 0; border-radius: 0 0.5rem 0.5rem 0; }
+    .note-title { font-weight: 600; color: #92400e; display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; }
+    .custom-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em; }
+    ul { list-style-position: outside; margin-left: 1.25rem; }
+    li { margin-bottom: 0.25rem; }
+  </style>
+</head>
+<body class="min-h-screen bg-gray-50">
+  <div class="max-w-4xl mx-auto px-4 py-8">
+    <div class="flex items-center gap-3 mb-6">
+      <div class="bg-blue-800 p-2 rounded-lg text-white"><i class="fas fa-bone text-2xl"></i></div>
+      <h1 class="text-3xl font-bold text-gray-800">Guía PROA - Infecciones Osteoarticulares</h1>
+    </div>
+    <div class="bg-white rounded-xl shadow-md p-6 mb-6">
+      <label for="conditionSelector" class="block text-lg font-medium text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-arrow-down text-red-500"></i> Patología</label>
+      <select id="conditionSelector" class="custom-select block w-full pl-3 pr-10 py-2 border border-gray-300 rounded-md focus:ring-blue-800 focus:border-blue-800">
+        <option value="">-- Selecciona una patología --</option>
+        <option value="bursitis">Bursitis Infecciosa</option>
+        <option value="artritis_comunitaria">Artritis Infecciosa - Comunitaria</option>
+        <option value="artritis_nosocomial">Artritis Infecciosa - Nosocomial/Post-Infiltración</option>
+        <option value="artritis_mordedura">Artritis Infecciosa - Herida Penetrante/Mordedura</option>
+        <option value="espondilo_comunitaria">Espondilodiscitis/Osteomielitis Aguda - Comunitaria</option>
+        <option value="espondilo_nosocomial">Espondilodiscitis/Osteomielitis Aguda - Nosocomial</option>
+        <option value="pie_punzante">Osteomielitis Aguda - Pie Punzante</option>
+        <option value="insuf_vascular">Osteomielitis - Insuficiencia Vascular</option>
+        <option value="osteomielitis_cronica">Osteomielitis Crónica</option>
+        <option value="prot_precoz">Infección Protésica - Precoz</option>
+        <option value="prot_hematogena">Infección Protésica - Hematógena Aguda</option>
+        <option value="prot_cronica">Infección Protésica - Crónica Tardía</option>
+      </select>
+    </div>
+    <div id="result" class="space-y-6"></div>
+    <div id="guide-content-storage" class="hidden">
+      <!-- Bursitis Infecciosa -->
+      <div id="bursitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-water text-blue-800"></i> Bursitis Infecciosa</h2>
+        <div class="pathogen-list"><span class="pathogen-item">S. aureus</span><span class="pathogen-item">Estreptococos</span><span class="pathogen-item">Bacilos G(-)</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Sin ingreso</div><p class="text-gray-700">Cefadroxilo 1 g VO c/12 h. Si SARM: Linezolid 600 mg VO c/12 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-hospital text-red-500"></i> Con ingreso</div><p class="text-gray-700">Cefazolina 2 g IV c/8 h. Si SARM: Daptomicina 8-10 mg/kg IV/24 h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><ul class="list-disc text-gray-700"><li>Duración 7-14 días según evolución.</li><li>Valorar punción o drenaje si no mejora en 48 h.</li></ul></div>
+      </div>
+      <!-- Artritis Comunitaria -->
+      <div id="artritis_comunitaria" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-hand-paper text-red-700"></i> Artritis Infecciosa - Comunitaria</h2>
+        <div class="pathogen-list"><span class="pathogen-item">S. aureus</span><span class="pathogen-item">Estreptococos</span><span class="pathogen-item">N. gonorrhoeae</span><span class="pathogen-item">Bacilos G(-)</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-prescription text-green-500"></i> Elección IV</div><p class="text-gray-700">Cloxacilina 2 g IV c/4 h + Ceftriaxona 2 g IV/24 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia BL</div><p class="text-gray-700">Aztreonam 2 g IV c/8 h + Linezolid 600 mg IV c/12 h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><ul class="list-disc text-gray-700"><li>Artrocentesis y hemocultivos iniciales.</li><li>Drenaje quirúrgico precoz; 4-6 semanas de ATB para S. aureus.</li></ul></div>
+      </div>
+      <!-- Artritis Nosocomial -->
+      <div id="artritis_nosocomial" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-procedures text-purple-600"></i> Artritis Infecciosa - Nosocomial/Post-Infiltración</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Staf. Coagulasa-neg.</span><span class="pathogen-item">S. aureus</span><span class="pathogen-item">P. aeruginosa</span><span class="pathogen-item">Cutibacterium acnes</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección</div><p class="text-gray-700">Daptomicina 8-10 mg/kg IV/24 h + Ceftazidima 2 g IV c/8 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia BL</div><p class="text-gray-700">Daptomicina + Aztreonam 2 g IV c/8 h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><p class="text-gray-700">Artrocentesis y drenaje repetido; 4-6 semanas de tratamiento.</p></div>
+      </div>
+      <!-- Artritis Herida -->
+      <div id="artritis_mordedura" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-tooth text-green-800"></i> Artritis Infecciosa - Herida/Mordedura</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Polimicrobiana</span><span class="pathogen-item">Pasteurella spp.</span><span class="pathogen-item">Eikenella corrodens</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Sin ingreso</div><p class="text-gray-700">Amox/Clav 875/125 mg VO c/8 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-hospital text-red-500"></i> Con ingreso</div><p class="text-gray-700">Amox/Clav 2 g IV c/8 h ± Metronidazol 500 mg IV c/8 h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div>
+          <p class="text-gray-700">Artrocentesis y drenaje; 4-6 semanas tratamiento según germen.</p>
+        </div>
+      </div>
+      <!-- Espondilodiscitis Comunitaria -->
+      <div id="espondilo_comunitaria" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-spine text-indigo-600"></i> Espondilodiscitis/Osteomielitis Aguda - Comunitaria</h2>
+        <div class="pathogen-list"><span class="pathogen-item">S. aureus</span><span class="pathogen-item">Estreptococos</span><span class="pathogen-item">Bacilos G(-)</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-prescription text-green-500"></i> Elección</div><p class="text-gray-700">Cloxacilina 2 g IV c/4 h + Ceftriaxona 2 g IV/24 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia BL</div><p class="text-gray-700">Aztreonam 2 g IV c/8 h + Linezolid 600 mg IV c/12 h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div>
+          <ul class="list-disc text-gray-700">
+            <li>Hemocultivos y biopsia ósea pre-ATB.</li>
+            <li>Duración ≥ 6 semanas; valorar cirugía si abscesos.</li>
+          </ul>
+        </div>
+      </div>
+      <!-- Espondilodiscitis Nosocomial -->
+      <div id="espondilo_nosocomial" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-hospital text-red-600"></i> Espondilodiscitis/Osteomielitis Aguda - Nosocomial</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Staf. Coag-neg.</span><span class="pathogen-item">S. aureus</span><span class="pathogen-item">P. aeruginosa</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección</div><p class="text-gray-700">Daptomicina 8-10 mg/kg IV/24 h + Ceftazidima 2 g IV c/8 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia BL</div><p class="text-gray-700">Daptomicina + Aztreonam 2 g IV c/8 h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><p class="text-gray-700">Hemocultivos y biopsia; duración ≥ 6 semanas.</p></div>
+      </div>
+      <!-- Pie Punzante -->
+      <div id="pie_punzante" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-shoe-prints text-blue-700"></i> Osteomielitis Aguda - Pie Punzante</h2>
+        <div class="pathogen-list"><span class="pathogen-item">P. aeruginosa</span><span class="pathogen-item">S. aureus</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Sin ingreso</div><p class="text-gray-700">Ciprofloxacino 750 mg VO c/12 h x7-14 días.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-hospital text-red-500"></i> Con ingreso</div><p class="text-gray-700">Ceftazidima 2 g IV c/8 h. Si alergia BL: Ciprofloxacino 400 mg IV c/8 h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><p class="text-gray-700">Valorar desbridamiento quirúrgico.</p></div>
+      </div>
+      <!-- Insuficiencia Vascular -->
+      <div id="insuf_vascular" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-hospital text-yellow-600"></i> Osteomielitis - Insuficiencia Vascular</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Polimicrobiana</span><span class="pathogen-item">S. aureus</span><span class="pathogen-item">Bacilos G(-)</span><span class="pathogen-item">Anaerobios</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Sin ingreso</div><p class="text-gray-700">Amox/Clav 875/125 mg VO c/8 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-hospital text-red-500"></i> Con ingreso</div><p class="text-gray-700">Piperacilina/Tazobactam 4.5 g IV c/6 h. Alergia BL: Aztreonam 2 g IV c/8 h + Metronidazol 500 mg IV c/8 h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><p class="text-gray-700">Duración ≥ 6 semanas; multisciplinar: vascular, quirúrgico, descarga.</p></div>
+      </div>
+      <!-- Osteomielitis Crónica -->
+      <div id="osteomielitis_cronica" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-clock text-gray-700"></i> Osteomielitis Crónica</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Coag-neg.</span><span class="pathogen-item">Enterococcus</span><span class="pathogen-item">Bacilos G(-)</span></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><ul class="list-disc text-gray-700"><li>No ATB empírico; always dirigir según cultivo.</li><li>Cirugía: desbridamiento, resección de secuestros.</li><li>ATB dirigido, mín. 8 semanas; quinolonas + rifampicina en G(+).</li></ul></div>
+      </div>
+      <!-- Protésica Precoz -->
+      <div id="prot_precoz" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-procedures text-blue-400"></i> Infección Protésica - Precoz</h2>
+        <div class="pathogen-list"><span class="pathogen-item">S. aureus</span><span class="pathogen-item">Coag-neg.</span><span class="pathogen-item">P. aeruginosa</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección</div><p class="text-gray-700">Ceftazidima 2 g IV c/8 h + Daptomicina 8-10 mg/kg IV/24 h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><ul class="list-disc text-gray-700"><li>Tomar muestra periprotésica (>=5 biopsias).</li><li>Desbridamiento + retención protésica.</li><li>ATB IV 2 sem + VO hasta min. 8 semanas.</li></ul></div>
+      </div>
+      <!-- Protésica Hematógena -->
+      <div id="prot_hematogena" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-procedures text-red-400"></i> Infección Protésica - Hematógena</h2>
+        <div class="pathogen-list"><span class="pathogen-item">S. aureus</span><span class="pathogen-item">Coag-neg.</span><span class="pathogen-item">Bacilos G(-)</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección</div><p class="text-gray-700">Ceftazidima + Daptomicina (mismas dosis).</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><p class="text-gray-700">Hemocultivos + biopsia; desbridamiento y retención.</p></div>
+      </div>
+      <!-- Protésica Crónica -->
+      <div id="prot_cronica" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl	font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-calendar-alt text-gray-600"></i> Infección Protésica - Crónica Tardía</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Coag-neg.</span><span class="pathogen-item">S. aureus</span><span class="pathogen-item">Bacilos G(-)</span></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><ul class="list-disc text-gray-700"><li>No ATB empírico; muestras intraoperatorias.</li><li>Recambio protésico en 2 tiempos + ATB IV 1-2 sem + VO hasta 6 semanas.</li></ul></div>
+      </div>
+    </div>
+    <script>
+      const sel = document.getElementById('conditionSelector');
+      const res = document.getElementById('result');
+      const storage = document.getElementById('guide-content-storage');
+      sel.addEventListener('change', () => {
+        res.innerHTML = '';
+        const id = sel.value;
+        if (!id) return;
+        const node = storage.querySelector('#' + id);
+        if (node) res.appendChild(node.cloneNode(true));
+      });
+    </script>
+    <div class="mt-12 text-center text-sm text-gray-500">
+      <p>© 2025 Grupo PROA del Hospital de Alcañiz</p>
+      <p>Elaborado por Dr. Antonio J. Arnal Meinhardt | Médico de Urgencias</p>
+    </div>
+  </div>
+</body>
+</html>

proa/osteoarticulares_pediatrico.html ADDED Viewed

	@@ -0,0 +1,120 @@

+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Guía PROA - Infecciones Osteoarticulares Pediátricas</title>
+  <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>
+    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
+    body { font-family: 'Montserrat', sans-serif; background-color: #f8fafc; }
+    .treatment-card { transition: all 0.3s ease; }
+    .treatment-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); }
+    .pathogen-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.5rem 0; }
+    .pathogen-item { background-color: #e0f2fe; color: #0369a1; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.875rem; font-weight: 500; }
+    .treatment-option { background-color: white; border-radius: 0.5rem; padding: 1rem; margin: 1rem 0 0.5rem; border-left: 4px solid #3b82f6; }
+    .treatment-title { font-weight: 600; color: #1e40af; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
+    .note-box { background-color: #fffbeb; border-left: 4px solid #f59e0b; padding: 0.75rem; margin: 1rem 0; border-radius: 0 0.5rem 0.5rem 0; }
+    .note-title { font-weight: 600; color: #92400e; display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; }
+    .custom-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em; }
+    ul { list-style-position: outside; margin-left: 1.25rem; }
+    li { margin-bottom: 0.25rem; }
+  </style>
+</head>
+<body class="min-h-screen bg-gray-50">
+  <div class="max-w-4xl mx-auto px-4 py-8">
+    <div class="flex items-center gap-3 mb-6">
+      <div class="bg-green-800 p-2 rounded-lg text-white"><i class="fas fa-child text-2xl"></i></div>
+      <h1 class="text-3xl font-bold text-gray-800">Guía PROA - Infecciones Osteoarticulares Pediátricas</h1>
+    </div>
+    <div class="bg-white rounded-xl shadow-md p-6 mb-6">
+      <label for="episodeSelector" class="block text-lg font-medium text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-arrow-down text-red-500"></i> Grupo de edad/Situación</label>
+      <select id="episodeSelector" class="custom-select block w-full pl-3 pr-10 py-2 border border-gray-300 rounded-md focus:ring-green-800 focus:border-green-800">
+        <option value="">-- Selecciona --</option>
+        <option value="neonatos"><3 meses</option>
+        <option value="tresmeses_cuatroanos">3 meses – 4 años</option>
+        <option value="cincoanos_mas">>=5 años</option>
+        <option value="postrauma">Postraumatismo (pie)</option>
+        <option value="anemia_falciforme">Anemia falciforme</option>
+        <option value="alergia_bl">Alergia betalactámicos</option>
+        <option value="sus_anaerobios">Sospecha anaerobios</option>
+        <option value="sus_sarm">Sospecha SARM</option>
+        <option value="trat_oral">Tratamiento oral</option>
+      </select>
+    </div>
+    <div id="result" class="space-y-6"></div>
+    <div id="guide-content-storage" class="hidden">
+      <div id="neonatos" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-baby text-blue-800"></i> Neonatos y lactantes (<3 meses)</h2>
+        <div class="pathogen-list"><span class="pathogen-item">S. aureus</span><span class="pathogen-item">S. agalactiae</span><span class="pathogen-item">E. coli</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-prescription text-green-500"></i> Elección IV</div><p class="text-gray-700">Cloxacilina 37.5-50 mg/kg IV c/6 h + Cefotaxima 50 mg/kg IV c/6 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa</div><p class="text-gray-700">Cloxacilina + Gentamicina 5-7.5 mg/kg/día IV dosis única.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><ul class="list-disc text-gray-700"><li>ATB IV 2-4 días en artritis séptica, 5-10 días en osteomielitis.</li><li>Duración total 2-3 semanas (4-6 si osteomielitis aguda o complicaciones).</li></ul></div>
+      </div>
+      <div id="tresmeses_cuatroanos" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-child text-green-700"></i> 3 meses – 4 años</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Kingella kingae</span><span class="pathogen-item">S. aureus</span><span class="pathogen-item">S. pyogenes</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-prescription text-green-500"></i> Elección IV</div><p class="text-gray-700">Cefuroxima 50 mg/kg IV c/8 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativas</div><p class="text-gray-700">Cloxacilina + Cefotaxima o Amoxicilina/Clavulánico 25-37.5 mg/kg IV c/6 h.</p></div>
+      </div>
+      <div id="cincoanos_mas" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-user-graduate text-indigo-800"></i> >=5 años</h2>
+        <div class="pathogen-list"><span class="pathogen-item">S. aureus</span><span class="pathogen-item">S. pyogenes</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-prescription text-green-500"></i> Elección IV</div><p class="text-gray-700">Cloxacilina 37.5-50 mg/kg IV c/6 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativas</div><p class="text-gray-700">Cefazolina 100 mg/kg/día IV en 3-4 dosis o Clindamicina 30-40 mg/kg/día IV.</p></div>
+      </div>
+      <div id="postrauma" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-shoe-prints text-red-800"></i> Postraumatismo (pie)</h2>
+        <div class="pathogen-list"><span class="pathogen-item">P. aeruginosa</span><span class="pathogen-item">S. aureus</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-prescription text-green-500"></i> Elección IV</div><p class="text-gray-700">Cloxacilina 37.5-50 mg/kg IV c/6 h + Ceftazidima 50 mg/kg IV c/8 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa</div><p class="text-gray-700">Levofloxacino >6 m-5 a: 8-10 mg/kg c/12 h; >5 a: 10 mg/kg c/24 h IV.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><p class="text-gray-700">Factor de riesgo Pseudomonas y S. aureus.</p></div>
+      </div>
+      <div id="anemia_falciforme" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-tint text-blue-900"></i> Anemia de células falciformes</h2>
+        <div class="pathogen-list"><span class="pathogen-item">S. aureus</span><span class="pathogen-item">Salmonella</span><span class="pathogen-item">E. coli</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-prescription text-green-500"></i> Elección IV</div><p class="text-gray-700">Cloxacilina 37.5-50 mg/kg IV c/6 h + Cefotaxima 50 mg/kg IV c/6 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa</div><p class="text-gray-700">Amoxicilina/Clavulánico 25-37.5 mg/kg IV c/6 h.</p></div>
+      </div>
+      <div id="alergia_bl" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-allergies text-orange-600"></i> Alergia a betalactámicos</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Varía según patología</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa</div><p class="text-gray-700">Clindamicina 30-40 mg/kg/día IV en 3-4 dosis.</p></div>
+      </div>
+      <div id="sus_anaerobios" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-bacterium text-purple-600"></i> Sospecha de anaerobios</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Anaerobios mixtos</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-prescription text-green-500"></i> Opciones IV</div><p class="text-gray-700">Clindamicina 30-40 mg/kg/día o Amoxicilina/Clavulánico 25-37.5 mg/kg c/6 h o Metronidazol 20-30 mg/kg/día IV.</p></div>
+      </div>
+      <div id="sus_sarm" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-skull-crossbones text-red-800"></i> Sospecha de SARM</h2>
+        <div class="pathogen-list"><span class="pathogen-item">SARM</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección</div><p class="text-gray-700">Vancomicina 40-60 mg/kg/día en 3-4 dosis o Linezolid 10 mg/kg c/8 h ± Rifampicina o Daptomicina.</p></div>
+      </div>
+      <div id="trat_oral" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-pills text-green-500"></i> Tratamiento Antimicrobiano Oral</h2>
+        <div class="pathogen-list"><span class="pathogen-item">Cultivos negativos</span></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-prescription text-green-500"></i> Menores de 5 años</div><p class="text-gray-700">Cefuroxima-axetilo 30 mg/kg VO c/8 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Mayores de 5 años</div><p class="text-gray-700">Cefadroxilo 30 mg/kg VO c/8 h.</p></div>
+      </div>
+    </div>
+    <script>
+      const sel = document.getElementById('episodeSelector');
+      const res = document.getElementById('result');
+      const storage = document.getElementById('guide-content-storage');
+      sel.addEventListener('change', () => {
+        res.innerHTML = '';
+        const id = sel.value;
+        if (!id) return;
+        const node = storage.querySelector('#' + id);
+        if (node) res.appendChild(node.cloneNode(true));
+      });
+    </script>
+    <div class="mt-12 text-center text-sm text-gray-500">
+      <p>© 2025 Grupo PROA del Hospital de Alcañiz</p>
+      <p>Elaborado por Dr. Antonio J. Arnal Meinhardt | Médico de Urgencias</p>
+    </div>
+  </div>
+</body>
+</html>

proa/piel_partes_blandas.html ADDED Viewed

	@@ -0,0 +1,153 @@

+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Guía PROA - Piel y Partes Blandas</title>
+  <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>
+    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
+    body { font-family: 'Montserrat', sans-serif; background-color: #f8fafc; }
+    .treatment-card { transition: all 0.3s ease; }
+    .treatment-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); }
+    .pathogen-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.5rem 0; }
+    .pathogen-item { background-color: #e0f2fe; color: #0369a1; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.875rem; font-weight: 500; }
+    .treatment-option { background-color: white; border-radius: 0.5rem; padding: 1rem; margin: 1rem 0 0.5rem 0; border-left: 4px solid #3b82f6; }
+    .treatment-title { font-weight: 600; color: #1e40af; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
+    .note-box { background-color: #fffbeb; border-left: 4px solid #f59e0b; padding: 0.75rem; margin: 1rem 0; border-radius: 0 0.5rem 0.5rem 0; }
+    .note-title { font-weight: 600; color: #92400e; display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; }
+    .custom-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; }
+    ul { list-style-position: outside; margin-left: 1.25rem; }
+    li { margin-bottom: 0.25rem; }
+  </style>
+</head>
+<body class="min-h-screen bg-gray-50">
+  <div class="max-w-4xl mx-auto px-4 py-8">
+    <div class="flex items-center gap-3 mb-6">
+      <div class="bg-blue-600 p-2 rounded-lg text-white"><i class="fas fa-cut text-2xl"></i></div>
+      <h1 class="text-3xl font-bold text-gray-800">Guía PROA - Piel y Partes Blandas</h1>
+    </div>
+    <div class="bg-white rounded-xl shadow-md p-6 mb-6">
+      <label for="diagnosticSelector" class="block text-lg font-medium text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-arrow-down text-red-500"></i> Diagnóstico</label>
+      <select id="diagnosticSelector" class="custom-select block w-full pl-3 pr-10 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
+        <option value="">-- Selecciona un diagnóstico --</option>
+        <option value="absceso_cutaneo">Absceso Cutáneo</option>
+        <option value="erisipela_celulitis">Erisipela/Celulitis/Linfangitis</option>
+        <option value="celulitis_especiales">Celulitis Contextos Específicos</option>
+        <option value="mordeduras">Mordeduras</option>
+        <option value="impetigo">Impétigo</option>
+        <option value="infecciones_profundas">Infecciones Profundas/Necrotizantes</option>
+        <option value="pie_diabetico">Pie Diabético</option>
+        <option value="ulceras_presion">Úlceras por Presión</option>
+        <option value="herpes_zoster">Herpes Zoster</option>
+      </select>
+    </div>
+    <div id="result" class="space-y-6"></div>
+    <div id="guide-content-storage" class="hidden">
+      <!-- Absceso Cutáneo -->
+      <div id="absceso_cutaneo" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-cut text-red-500"></i> Absceso Cutáneo</h2>
+        <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos Frecuentes</h3><div class="pathogen-list"><span class="pathogen-item">S. aureus</span><span class="pathogen-item">Otros (según exposición/localización)</span></div></div>
+        <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de tratamiento empírico (si indicado¹)</h3>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento de elección</div><p class="text-gray-700">Cefalexina 0.5-1 g VO cada 8h durante 5 días.</p></div>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa</div><p class="text-gray-700">Amoxicilina/Ácido clavulánico 875/125 mg VO cada 8h durante 5 días.</p></div>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-map-marker-alt text-purple-500"></i> Caso específico: Absceso Perianal/Perirectal²</div><p class="text-gray-700">Amoxicilina/Ácido clavulánico 875/125 mg VO cada 8h durante 5-7 días.<br><span class="inline-flex items-center"><i class="fas fa-allergies text-orange-500 mr-2"></i><strong>Alergia Beta-lactámicos:</strong></span><br> Ciprofloxacino 500-750 mg VO cada 12h + Metronidazol 500 mg VO cada 8h durante 5 días.</p></div>
+        </div>
+        <div class="note-box mt-6"><div class="note-title"><i class="fas fa-exclamation-circle text-yellow-500"></i> Observaciones</div><ul class="list-disc text-gray-700 space-y-1"><li>Muchos abscesos cutáneos precisan solo <strong>drenaje</strong>.</li><li>¹Indicación de antibioterapia:<ul><li>Fiebre u otros signos sistémicos de infección.</li><li>Tamaño ≥ 5 cm.</li><li>Celulitis significativa alrededor del absceso.</li><li>Múltiples localizaciones o localizaciones complicadas (cara, mano, genitales).</li><li>Portador de material protésico osteoarticular o cardiovascular.</li><li>Valvulopatía cardíaca significativa.</li><li>Pacientes inmunodeprimidos.</li></ul></li><li>²Si absceso perianal/perirectal, avisar a Cirugía.</li></ul></div>
+      </div>
+      <!-- Erisipela/Celulitis -->
+      <div id="erisipela_celulitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-bacterium text-red-500"></i> Erisipela, Celulitis y Linfangitis (Inicio Comunitario)</h2>
+        <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos Frecuentes</h3><div class="pathogen-list"><span class="pathogen-item">S. pyogenes</span><span class="pathogen-item">Estreptococos Grupo B, C, G</span><span class="pathogen-item">S. aureus</span><span class="pathogen-item">Bacilos Gramnegativos (en inmunodeprimidos/hepatópatas)</span></div></div>
+        <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de tratamiento empírico</h3>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-dot-circle text-pink-500"></i> Erisipela</div><p class="text-gray-700"><strong>De elección:</strong> Amoxicilina/Ácido clavulánico 875/125 mg VO cada 8h durante 5-10 días.</p><p class="mt-2 text-gray-700"><span class="inline-flex items-center"><i class="fas fa-allergies text-orange-500 mr-2"></i><strong>Alergia Beta-lactámicos:</strong></span> Clindamicina 300-600 mg VO cada 8h durante 5-10 días.</p></div>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-dot-circle text-red-500"></i> Celulitis, Linfangitis o Duda (Erisipela vs Celulitis)</div><p class="text-gray-700"><strong>De elección:</strong> Cefalexina 0.5-1 g VO cada 6-8h durante 5-10 días.</p><p class="mt-2 text-gray-700"><span class="inline-flex items-center"><i class="fas fa-allergies text-orange-500 mr-2"></i><strong>Alergia Beta-lactámicos:</strong></span> Clindamicina 300-600 mg VO cada 8h durante 5-10 días.</p></div>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-procedures text-red-700"></i> Si Criterios de Ingreso</div><p class="text-gray-700"><strong>De elección:</strong> Cefazolina 2 g IV cada 8h durante 7-10 días.</p></div>
+        </div>
+      </div>
+      <!-- Celulitis Específica -->
+      <div id="celulitis_especiales" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-tint text-cyan-500"></i> Celulitis en Contextos Específicos</h2>
+        <div class="treatment-option border-cyan-500"><div class="treatment-title"><i class="fas fa-water text-cyan-600"></i> Celulitis asociada al Agua y Medio Acuático</div><h4 class="font-semibold text-gray-600 mb-1">Agentes etiológicos:</h4><div class="pathogen-list mb-2"><span class="pathogen-item">Vibrio vulnificus (agua salada)</span><span class="pathogen-item">P. aeruginosa</span></div><p class="text-gray-700"><strong>De elección:</strong> Ciprofloxacino 750 mg VO cada 12h durante 5-7 días.</p></div>
+        <div class="treatment-option border-gray-500"><div class="treatment-title"><i class="fas fa-shoe-prints text-gray-600"></i> Celulitis asociada a Punción de Pie</div><h4 class="font-semibold text-gray-600 mb-1">Agente etiológico:</h4><div class="pathogen-list mb-2"><span class="pathogen-item">P. aeruginosa</span></div><p class="text-gray-700"><strong>De elección:</strong> Ciprofloxacino 750 mg VO cada 12h durante 5-7 días.</p></div>
+        <div class="treatment-option border-pink-500"><div class="treatment-title"><i class="fas fa-fish text-pink-600"></i> Celulitis asociada a Manejo de Carne o Pescado</div><h4 class="font-semibold text-gray-600 mb-1">Agente etiológico:</h4><div class="pathogen-list mb-2"><span class="pathogen-item">Erysipelothrix rhusiopathiae</span></div><p class="text-gray-700"><strong>De elección:</strong> Amoxicilina 1 g VO cada 8h ó Ciprofloxacino 500 mg VO cada 12h durante 5-7 días.</p></div>
+      </div>
+      <!-- Mordeduras -->
+      <div id="mordeduras" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-tooth text-gray-700"></i> Infección asociada a Mordedura</h2>
+        <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos Frecuentes</h3><div class="pathogen-list"><span class="pathogen-item">Polimicrobianas</span><span class="pathogen-item">Gato: P. multocida</span><span class="pathogen-item">Perro: P. multocida, Capnocytophaga</span><span class="pathogen-item">Humano: Eikenella corrodens</span></div></div>
+        <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de tratamiento / profilaxis</h3>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento/Profilaxis de elección</div><p class="text-gray-700">Amoxicilina/Ácido clavulánico 875/125 mg VO cada 8h.</p></div>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia a Beta-lactámicos</div><p class="text-gray-700">Cotrimoxazol 800/160 mg/12h VO ó Doxiciclina 100 mg/12h VO + Clindamicina 450-600 mg/8h VO ó Metronidazol 500 mg/8h VO.</p></div>
+        </div>
+      </div>
+      <!-- Impétigo -->
+      <div id="impetigo" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-child text-yellow-600"></i> Impétigo</h2>
+        <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos Frecuentes</h3><div class="pathogen-list"><span class="pathogen-item">S. aureus</span><span class="pathogen-item">S. pyogenes (Grupo A)</span></div></div>
+        <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de tratamiento empírico</h3>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento de elección (tópico)</div><p class="text-gray-700">Ácido fusídico ó Mupirocina tópica cada 8h durante 5-7 días.</p></div>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-pills text-blue-500"></i> Tratamiento sistémico (casos extensos)</div><p class="text-gray-700">Amoxicilina/Ácido clavulánico 875/125 mg VO cada 8h durante 5-10 días.</p></div>
+        </div>
+        <div class="note-box mt-6"><div class="note-title"><i class="fas fa-stethoscope text-yellow-500"></i> Observaciones</div><p class="text-gray-700">El diagnóstico suele ser clínico.</p></div>
+      </div>
+      <!-- Infecciones Profundas -->
+      <div id="infecciones_profundas" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-skull-crossbones text-black"></i> Infecciones Profundas y/o Necrotizantes</h2>
+        <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos Frecuentes</h3><div class="pathogen-list"><span class="pathogen-item">Estreptococos Grupo A o B</span><span class="pathogen-item">Clostridium</span><span class="pathogen-item">S. aureus</span></div></div>
+        <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de tratamiento empírico</h3>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento de elección</div><p class="text-gray-700">Piperacilina/Tazobactam 4.5 g IV cada 6h + Clindamicina 600-900 mg IV cada 8h.</p></div>
+          <div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia a Beta-lactámicos</div><p class="text-gray-700">Vancomicina 25 mg/kg IV + Aztreonam 2 g IV cada 8h + Clindamicina 600 mg IV cada 8h.</p></div>
+        </div>
+      </div>
+      <!-- Pie Diabético -->
+      <div id="pie_diabetico" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-shoe-prints text-red-600"></i> Infección de Pie Diabético</h2>
+        <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos Frecuentes</h3><p class="text-gray-600 text-sm mb-2">Varían según gravedad y tratamientos previos:</p><div class="pathogen-list"><span class="pathogen-item">Gram positivos (Leve)</span><span class="pathogen-item">S. aureus</span><span class="pathogen-item">S. agalactiae</span><span class="pathogen-item">S. pyogenes</span><span class="pathogen-item">Polimicrobianas (Grave)</span><span class="pathogen-item">Enterobacterias</span><span class="pathogen-item">P. aeruginosa</span><span class="pathogen-item">Bacteroides spp</span><span class="pathogen-item">Clostridium</span></div></div>
+        <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico</h3>
+          <div class="treatment-option border-green-500"><div class="treatment-title"><i class="fas fa-thermometer-empty text-green-600"></i> Pie Diabético - Leve</div><p class="text-gray-700">Cefalexina 0.5-1 g VO cada 6-8h por 5-10 días.</p></div>
+          <div class="treatment-option border-yellow-500"><div class="treatment-title"><i class="fas fa-thermometer-half text-yellow-600"></i> Pie Diabético - Moderada</div><p class="text-gray-700">Cefazolina 2 g IV cada 6-8h por 7-10 días.</p></div>
+          <div class="treatment-option border-red-500"><div class="treatment-title"><i class="fas fa-thermometer-full text-red-600"></i> Pie Diabético - Grave</div><p class="text-gray-700">Piperacilina/Tazobactam 4.5 g IV c/6h + Clindamicina 600-900 mg IV c/8h.</p></div>
+        </div>
+      </div>
+      <!-- Úlceras por Presión -->
+      <div id="ulceras_presion" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-bed text-blue-700"></i> Infección de Úlceras por Presión (UPP)</h2>
+        <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos Frecuentes</h3><div class="pathogen-list"><span class="pathogen-item">Polimicrobiana</span></div></div>
+        <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de tratamiento</h3>
+          <div class="treatment-option border-red-500"><div class="treatment-title"><i class="fas fa-procedures text-red-600"></i> Infección Profunda</div><p class="text-gray-700">Piperacilina/Tazobactam 4.5 g IV c/6h + Vancomicina 20 mg/kg IV (dosis inicial) seguido 15 mg/kg/12h.</p></div>
+        </div>
+      </div>
+      <!-- Herpes Zoster -->
+      <div id="herpes_zoster" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-virus text-purple-600"></i> Herpes Zoster</h2>
+        <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agente etiológico</h3><div class="pathogen-list"><span class="pathogen-item">Virus Varicela-Zoster</span></div></div>
+        <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de tratamiento</h3>
+          <div class="treatment-option border-green-500"><div class="treatment-title"><i class="fas fa-user text-green-600"></i> Leve/Immunocompetentes</div><p class="text-gray-700">Aciclovir 800 mg VO 5 veces/día por 7 días.</p></div>
+          <div class="treatment-option border-red-500"><div class="treatment-title"><i class="fas fa-user-shield text-red-600"></i> Grave/Inmunodeprimidos</div><p class="text-gray-700">Aciclovir 10 mg/kg IV c/8h por 7 días.</p></div>
+        </div>
+      </div>
+    </div>
+    <script>
+      const sel = document.getElementById('diagnosticSelector');
+      const res = document.getElementById('result');
+      const storage = document.getElementById('guide-content-storage');
+      sel.addEventListener('change', () => {
+        res.innerHTML = '';
+        const id = sel.value;
+        if (!id) return;
+        const node = storage.querySelector('#' + id);
+        if (node) res.appendChild(node.cloneNode(true));
+      });
+    </script>
+    <div class="mt-12 text-center text-sm text-gray-500">
+      <p>© 2025 Grupo PROA del Hospital de Alcañiz</p>
+      <p>Elaborado por Dr. Antonio J. Arnal Meinhardt | Médico de Urgencias</p>
+    </div>
+  </div>
+</body>
+</html>

proa/proa.html ADDED Viewed

	@@ -0,0 +1,796 @@

+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Guía PROA - Tratamientos Empíricos (Integrada V2)</title>
+  <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>
+    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
+    body {
+      font-family: 'Montserrat', sans-serif;
+      background-color: #f8fafc; /* bg-gray-50 */
+    }
+    .treatment-card { transition: all 0.3s ease; }
+    .treatment-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }
+    .pathogen-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.5rem 0; }
+    .pathogen-item { background-color: #e0f2fe; /* bg-sky-100 */ color: #0369a1; /* text-sky-800 */ padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.875rem; font-weight: 500; }
+    .treatment-option { background-color: white; border-radius: 0.5rem; padding: 1rem; margin: 1rem 0 0.5rem 0; border-left: 4px solid #3b82f6; /* border-blue-500 */ }
+    .treatment-title { font-weight: 600; color: #1e40af; /* text-blue-800 */ margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
+    .note-box { background-color: #fffbeb; /* bg-amber-50 */ border-left: 4px solid #f59e0b; /* border-amber-500 */ padding: 0.75rem; margin: 1rem 0; border-radius: 0 0.5rem 0.5rem 0; }
+    .note-title { font-weight: 600; color: #92400e; /* text-amber-800 */ display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; }
+    .custom-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
+    ul { list-style-position: outside; margin-left: 1.25rem; /* Equivalente a pl-5 de Tailwind */ }
+    li { margin-bottom: 0.25rem; /* Espaciado entre elementos de lista */ }
+    .sub-selector-container { display: grid; grid-template-columns: 1fr; } /* Contenedor para sub-selectores */
+     @media (min-width: 768px) { /* md breakpoint */
+        .sub-selector-container { grid-template-columns: repeat(3, 1fr); /* Tres columnas en desktop */ }
+    }
+  </style>
+</head>
+<body class="min-h-screen bg-gray-50">
+  <div class="max-w-6xl mx-auto px-4 py-8">
+    <div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-8 gap-4">
+       <div>
+         <div class="flex items-center gap-3 mb-2">
+           <div class="bg-blue-600 p-2 rounded-lg text-white"><i class="fas fa-book-medical text-2xl"></i></div>
+           <h1 class="text-3xl font-bold text-gray-800">Guía PROA - Tratamientos Empíricos (Integrada V2)</h1>
+         </div>
+         <p class="text-gray-600">Selección de protocolos terapéuticos basados en evidencia</p>
+       </div>
+       <div class="bg-blue-50 px-4 py-2 rounded-lg border border-blue-100 flex items-center gap-2">
+         <i class="fas fa-info-circle text-blue-500"></i>
+         <span class="text-sm text-blue-700">Versión: Abr 2025 (Integrada)</span>
+       </div>
+     </div>
+    <div class="bg-white rounded-xl shadow-md overflow-hidden">
+      <div class="p-6 border-b border-gray-200">
+         <h2 class="text-xl font-semibold text-gray-800 mb-4 flex items-center gap-2">
+          <i class="fas fa-search text-blue-500"></i>
+          Seleccione la categoría y guía a consultar
+        </h2>
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
+            <div>
+              <label for="mainGuideSelector" class="block text-sm font-medium text-gray-700 mb-1">
+                <i class="fas fa-layer-group text-gray-500 mr-1"></i>
+                Categoría principal
+              </label>
+              <select id="mainGuideSelector" class="custom-select mt-1 block w-full pl-3 pr-10 py-2 text-base border border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md">
+                <option value="">-- Seleccione una guía --</option>
+                <option value="bacteremia_cateter">Bacteremia Asociada a Catéter</option>
+                <option value="digestivo">Digestivo</option>
+                <option value="digestivo_ped">Digestivo PED</option>
+                <option value="endocarditis_infecciosa">Endocarditis infecciosa</option>
+                <option value="embarazadas">Embarazadas</option>
+                <option value="ginecologicas">Ginecología</option>
+                <option value="neutropenia">Neutropénia</option>
+                <option value="oftalmologia">Oftalmologia</option>
+                <option value="orl">ORL</option> <option value="orl_ped">ORL PED</option>
+                <option value="osteoarticular">Osteoarticular</option>
+                <option value="osteoarticulares_ped">Osteoarticulares PED</option>
+                <option value="piel_partes_blandas">Piel y partes blandas</option> <option value="respiratorio">Respiratorio</option>
+                <option value="respiratorias_ped">Respiratorias PED</option>
+                <option value="sistema_nervioso_central_ped">Sistema Nervioso Central PED</option>
+                <option value="sindrome_febril_ped">Síndrome febril agudo sin foco PED</option>
+                <option value="infecciones_tracto_urinario_adultos">Urología</option> <option value="urologia_ped">Urología PED</option>
+              </select>
+            </div>
+        </div>
+        <div id="subSelectorsContainer" class="grid grid-cols-1 md:grid-cols-3 gap-6">
+             <div id="utiSubSelectorDiv" class="hidden">
+               <label for="utiSelector" class="block text-sm font-medium text-gray-700 mb-1">
+                 <i class="fas fa-arrow-down text-blue-500 mr-1"></i>
+                 Diagnóstico (Urología)
+               </label>
+               <select id="utiSelector" class="custom-select mt-1 block w-full pl-3 pr-10 py-2 text-base border border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md">
+                 <option value="">-- Seleccione diagnóstico --</option>
+                 <option value="bacteriuria_asintomatica">Bacteriuria asintomática</option>
+                 <option value="cistitis_simple">Cistitis simple (no complicada)</option>
+                 <option value="cistitis_complicada">Cistitis complicada</option>
+                 <option value="pielonefritis_aguda">Pielonefritis aguda</option>
+                 <option value="prostatitis_aguda">Prostatitis aguda</option>
+                 <option value="prostatitis_ingreso">Prostatitis aguda (ingreso)</option>
+                 <option value="prostatitis_cronica">Prostatitis crónica</option>
+                 <option value="orquiepididimitis">Orquiepididimitis</option>
+                 <option value="infecciones_sondado">Paciente sondado</option>
+               </select>
+             </div>
+              <div id="ppbSubSelectorDiv" class="hidden">
+                <label for="ppbSelector" class="block text-sm font-medium text-gray-700 mb-1">
+                  <i class="fas fa-arrow-down text-red-500 mr-1"></i>
+                  Diagnóstico (Piel/PB)
+                </label>
+                <select id="ppbSelector" class="custom-select mt-1 block w-full pl-3 pr-10 py-2 text-base border border-gray-300 focus:outline-none focus:ring-red-500 focus:border-red-500 sm:text-sm rounded-md">
+                  <option value="">-- Seleccione diagnóstico --</option>
+                  <option value="absceso_cutaneo">Absceso Cutáneo</option>
+                  <option value="erisipela_celulitis">Erisipela/Celulitis/Linfangitis</option>
+                  <option value="celulitis_especiales">Celulitis (Contextos Específicos)</option>
+                  <option value="mordeduras">Mordeduras</option>
+                  <option value="impetigo">Impétigo</option>
+                  <option value="infecciones_profundas">Inf. Profundas/Necrotizantes</option>
+                  <option value="pie_diabetico">Pie Diabético</option>
+                  <option value="ulceras_presion">Úlceras por Presión</option>
+                  <option value="herpes_zoster">Herpes Zoster</option>
+                </select>
+              </div>
+             <div id="orlSubSelectorDiv" class="hidden">
+                <label for="orlSelector" class="block text-sm font-medium text-gray-700 mb-1">
+                  <i class="fas fa-arrow-down text-purple-500 mr-1"></i>
+                  Diagnóstico (ORL)
+                </label>
+                <select id="orlSelector" class="custom-select mt-1 block w-full pl-3 pr-10 py-2 text-base border border-gray-300 focus:outline-none focus:ring-purple-500 focus:border-purple-500 sm:text-sm rounded-md">
+                  <option value="">-- Seleccione diagnóstico --</option>
+                  <option value="otitis_media_aguda">Otitis Media Aguda</option>
+                  <option value="otitis_externa">Otitis Externa</option>
+                  <option value="faringoamigdalitis">Faringoamigdalitis</option>
+                  <option value="rinosinusitis_aguda">Rinosinusitis Aguda</option>
+                  <option value="otomastoiditis">Otomastoiditis</option>
+                  <option value="candidiasis_oral">Candidiasis Oral</option>
+                  <option value="gingivoestomatitis_herpetica">Gingivoestomatitis Herpética</option>
+                  <option value="herpes_labial">Herpes Labial</option>
+                  <option value="infeccion_odontogenica_no_ingreso">Inf. Odontogénica (no ingreso)</option>
+                  <option value="infeccion_odontogenica_ingreso">Inf. Odontogénica (ingreso)</option>
+                  <option value="sialoadenitis_supurada">Sialoadenitis Aguda Supurada</option>
+                  <option value="fascitis_necrotizante">Fascitis Necrotizante Cervicofacial</option>
+                  </select>
+             </div>
+        </div>
+      </div>
+      <div id="result" class="p-6">
+        </div>
+    </div>
+    <div class="mt-8 text-center text-sm text-gray-500">
+      <p>© 2025 Comité de PROA - Todos los derechos reservados</p>
+      <p class="mt-1">Para uso exclusivo del personal médico</p>
+    </div>
+  </div>
+  <div id="guide-content-storage" style="display: none;">
+    <div id="content-infecciones_tracto_urinario_adultos">
+        <div class="space-y-8">
+          <div id="bacteriuria_asintomatica" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+            <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-urinal text-blue-500"></i> Bacteriuria Asintomática</h2>
+            <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos</h3><p class="text-gray-700">Cualquier microorganismo, siendo <strong>E. coli</strong> el más frecuente.</p></div>
+            <div class="note-box mt-6"><div class="note-title"><i class="fas fa-exclamation-circle text-yellow-500"></i> Observaciones</div><ul class="list-disc pl-5 text-gray-700 space-y-1"><li>No se indica tratamiento en pacientes asintomáticos, salvo en embarazo o antes de procedimientos con riesgo de sangrado.</li></ul></div>
+          </div>
+          <div id="cistitis_simple" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+              <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-bladder text-blue-500"></i> Cistitis Simple (no complicada)</h2>
+              <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos</h3><div class="pathogen-list"><span class="pathogen-item">E. coli</span><span class="pathogen-item">Otras enterobacterias (>80%)</span><span class="pathogen-item">E. faecalis</span><span class="pathogen-item">Proteus spp</span><span class="pathogen-item">Staphylococcus saprophyticus</span></div></div>
+              <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de tratamiento</h3><div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento de elección</div><p class="text-gray-700">Fosfomicina trometamol 3 g VO, dosis única en toma nocturna.<br> Puede repetirse a las 48–72 h si persisten los síntomas.</p></div><div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa</div><p class="text-gray-700">Cefuroxima 250–500 mg VO cada 12 h durante 5 días.</p></div><div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia a Beta-lactámicos</div><p class="text-gray-700">Nitrofurantoína 100 mg VO cada 8 h durante 5 días.</p></div></div>
+              <div class="note-box mt-6"><div class="note-title"><i class="fas fa-exclamation-circle text-yellow-500"></i> Observaciones</div><ul class="list-disc pl-5 text-gray-700 space-y-1"><li>En cistitis no complicadas y no recidivantes, no se indica urocultivo de rutina.</li><li>Se recomienda urocultivo en caso de sospecha de pielonefritis, síntomas persistentes o recurrencia entre 2–4 semanas, o en mujeres con síntomas atípicos.</li><li>Quinolonas y TMT/SMX tienen resistencia aproximada del 20% y no se usan en tratamiento empírico.</li><li>Nitrofurantoína está contraindicada si Clcreat &lt;50 ml/min, en tratamientos >7 días y en el primer trimestre del embarazo.</li></ul></div>
+          </div>
+          <div id="cistitis_complicada" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+              <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-bladder text-blue-500"></i> Cistitis Complicada</h2>
+              <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos</h3><div class="pathogen-list"><span class="pathogen-item">E. coli</span><span class="pathogen-item">Otras enterobacterias (>80%)</span><span class="pathogen-item">E. faecalis</span><span class="pathogen-item">Proteus spp</span><span class="pathogen-item">Staphylococcus saprophyticus</span></div></div>
+              <div class="note-box"><p class="font-medium text-gray-700">Observaciones:</p><ul class="list-disc pl-5 text-gray-600"><li>Realizar urocultivo pretratamiento y ajustar según antibiograma.</li><li>La duración del tratamiento debe ser de 7 días.</li></ul></div>
+              <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de tratamiento</h3><div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento de elección</div><p class="text-gray-700">Fosfomicina trometamol 3 g VO, repetir a las 48–72 h.<br> Mantener tratamiento durante 7 días.</p></div><div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativas</div><p class="text-gray-700">Pautas similares a la cistitis simple, con tratamiento de 7 días:<br> - Cefuroxima 500 mg/12 h VO<br> - Cefixima 400 mg/24 h VO</p></div></div>
+          </div>
+          <div id="pielonefritis_aguda" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+              <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-kidneys text-blue-500"></i> Pielonefritis Aguda</h2>
+              <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos</h3><div class="pathogen-list"><span class="pathogen-item">E. coli</span><span class="pathogen-item">Otras enterobacterias (>80%)</span><span class="pathogen-item">Staphylococcus saprophyticus</span></div></div>
+              <div class="note-box"><p class="font-medium text-gray-700">Observaciones iniciales:</p><ul class="list-disc pl-5 text-gray-600"><li>Realizar urocultivo antes del inicio del tratamiento.</li><li>En casos graves, considerar inicio parenteral.</li></ul></div>
+              <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de tratamiento</h3><div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento de elección</div><ul class="list-disc pl-5 text-gray-700"><li>Cefuroxima 500 mg/12 h VO</li><li>Cefixima 200 mg/12 h VO o 400 mg/24 h VO</li></ul><p class="text-sm text-gray-500 mt-2">Duración: 7 días</p></div><div class="treatment-option"><div class="treatment-title"><i class="fas fa-syringe text-blue-500"></i> Inicio parenteral (opcional)</div><p class="text-gray-700">Ceftriaxona 2 g IV/IM dosis única</p><p class="text-sm text-gray-500 mt-1">En algunos casos, puede asociarse Tobramicina 200 mg IV/IM</p></div><div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia a Beta-lactámicos</div><p class="text-gray-700">Tobramicina 200 mg IM/24 h durante 5 días</p></div></div>
+          </div>
+          <div id="prostatitis_aguda" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+              <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-mars text-blue-500"></i> Prostatitis Aguda</h2>
+              <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos</h3><div class="pathogen-list"><span class="pathogen-item">E. coli (más común)</span><span class="pathogen-item">Proteus spp</span><span class="pathogen-item">Klebsiella spp</span><span class="pathogen-item">Pseudomonas aeruginosa</span><span class="pathogen-item">Enterococcus faecalis</span></div><p class="text-sm text-gray-500 mt-2">En pacientes sexualmente activos, considerar ETS (N. gonorrhoeae, Chlamydia).</p></div>
+              <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de tratamiento</h3><div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento de elección</div><ul class="list-disc pl-5 text-gray-700"><li>Cefuroxima 500 mg/12 h VO</li><li>Cefixima 200 mg/12 h VO</li></ul><p class="text-sm text-gray-500 mt-2">Puede iniciarse con dosis parenteral única: Ceftriaxona 2 g IV/IM o Tobramicina/Gentamicina 5–7 mg/kg/24 h.</p></div><div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia a Beta-lactámicos</div><p class="text-gray-700">Tobramicina 5 mg/kg IV/IM (dosis única) seguida de:</p><ul class="list-disc pl-5 text-gray-600"><li>Ciprofloxacino 750 mg/12 h VO</li><li>Trimetroprim/Sulfametoxazol</li></ul></div></div>
+              <div class="note-box mt-6"><div class="note-title"><i class="fas fa-clock text-yellow-500"></i> Observaciones</div><p class="text-gray-700">El tratamiento debe mantenerse durante 14–21 días en prostatitis aguda.</p></div>
+          </div>
+          <div id="prostatitis_ingreso" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+              <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-procedures text-red-500"></i> Prostatitis Aguda (con criterios de ingreso)</h2>
+              <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos</h3><div class="pathogen-list"><span class="pathogen-item">E. coli</span><span class="pathogen-item">Proteus spp</span><span class="pathogen-item">Klebsiella spp</span><span class="pathogen-item">Pseudomonas aeruginosa</span><span class="pathogen-item">Enterococcus spp</span></div></div>
+              <div class="note-box"><p class="font-medium text-gray-700">Observaciones iniciales:</p><ul class="list-disc pl-5 text-gray-600"><li>Solicitar urocultivo y hemocultivos.</li><li>Evaluación por urología y monitorización estrecha.</li></ul></div>
+              <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de tratamiento</h3><div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento de elección</div><p class="text-gray-700">Ceftriaxona 2 g/24 h IV. En casos graves, puede asociarse a aminoglucósido.</p></div><div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia a Beta-lactámicos</div><p class="text-gray-700">Aztreonam 1–2 g/8 h IV + Amikacina 15 mg/kg/24 h IV</p></div></div>
+              <div class="note-box mt-6"><div class="note-title"><i class="fas fa-clipboard-check text-yellow-500"></i> Seguimiento</div><ul class="list-disc pl-5 text-gray-700"><li>Reevaluar a las 72 h.</li><li>Realizar pruebas de imagen (ecografía, TAC) si no hay mejoría.</li><li>Repetir cultivos si persiste la fiebre.</li></ul></div>
+          </div>
+          <div id="prostatitis_cronica" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+              <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-history text-blue-500"></i> Prostatitis Crónica</h2>
+              <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos (forma bacteriana)</h3><div class="pathogen-list"><span class="pathogen-item">Enterobacterias (E. coli)</span><span class="pathogen-item">Pseudomonas aeruginosa</span><span class="pathogen-item">Enterococcus spp</span><span class="pathogen-item">Staphylococcus aureus</span></div></div>
+              <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de tratamiento</h3><div class="treatment-option"><div class="treatment-title"><i class="fas fa-pills text-blue-500"></i> Opciones frecuentes (según antibiograma)</div><ul class="list-disc pl-5 text-gray-700"><li>Fluoroquinolonas (Ciprofloxacino, Levofloxacino)</li><li>Trimetroprim-Sulfametoxazol</li><li>Doxiciclina (en casos seleccionados)</li></ul><p class="text-sm text-gray-500 mt-2">Duración: Generalmente 4-6 semanas.</p></div></div>
+              <div class="note-box mt-6"><div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Importante</div><p class="text-gray-700">El diagnóstico y manejo de la prostatitis crónica puede ser complejo y requiere evaluación urológica detallada.</p></div>
+          </div>
+          <div id="orquiepididimitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+              <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-male text-blue-500"></i> Orquiepididimitis</h2>
+              <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos</h3><div class="pathogen-list"><span class="pathogen-item">Chlamydia trachomatis (&lt;35 años)</span><span class="pathogen-item">Neisseria gonorrhoeae (&lt;35 años)</span><span class="pathogen-item">Patógenos urinarios (E. coli, etc. en >35 años o prácticas de riesgo)</span></div></div>
+              <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de tratamiento</h3><div class="treatment-option"><div class="treatment-title"><i class="fas fa-venus-mars text-green-500"></i> Sospecha ETS (&lt;35 años o riesgo)</div><ul class="list-disc pl-5 text-gray-700"><li>Ceftriaxona 1 g IM dosis única +</li><li>Doxiciclina 100 mg/12 h VO durante 10 días</li></ul></div><div class="treatment-option"><div class="treatment-title"><i class="fas fa-bacteria text-blue-500"></i> Sospecha Enterobacterias (>35 años, bajo riesgo ETS)</div><ul class="list-disc pl-5 text-gray-700"><li>Levofloxacino 500 mg/24 h VO durante 10 días</li><li>Ofloxacino 300 mg/12 h VO durante 10 días</li></ul><p class="text-sm text-gray-500 mt-2">Considerar ajustar según urocultivo si se realiza.</p></div><div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia Beta-lactámicos (en caso ETS)</div><p class="text-gray-700">Consultar guías específicas de ETS o especialista. Azitromicina puede ser una opción pero evaluar resistencias.</p></div></div>
+              <div class="note-box mt-6"><div class="note-title"><i class="fas fa-users text-yellow-500"></i> Observaciones</div><ul class="list-disc pl-5 text-gray-700"><li>Se debe tratar a la pareja sexual si se confirma ETS.</li><li>Reposo, elevación escrotal y analgésicos (AINEs) son cruciales.</li><li>Seguimiento clínico a los 3–7 días para evaluar respuesta.</li><li>Descartar torsión testicular (urgencia quirúrgica).</li></ul></div>
+          </div>
+          <div id="infecciones_sondado" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+              <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-catheter text-blue-500"></i> Infecciones en Paciente Sondado (Sintomático)</h2>
+              <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-info-circle text-blue-500"></i> Consideraciones Clave</h3><p class="text-gray-700">La bacteriuria asintomática en paciente sondado <strong>NO</strong> se trata habitualmente. Tratar sólo si hay <strong>síntomas</strong> de infección (fiebre, dolor suprapúbico, afectación sistémica).</p></div>
+              <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos</h3><div class="pathogen-list"><span class="pathogen-item">E. coli</span><span class="pathogen-item">Klebsiella spp</span><span class="pathogen-item">Proteus spp</span><span class="pathogen-item">Pseudomonas aeruginosa</span><span class="pathogen-item">Enterococos</span><span class="pathogen-item">Levaduras (Candida spp)</span><span class="pathogen-item">Flora polimicrobiana</span></div></div>
+              <div class="note-box"><p class="font-medium text-gray-700">Manejo Inicial:</p><ul class="list-disc pl-5 text-gray-600"><li>Evaluar la necesidad real de mantener la sonda. Retirar o cambiar si es posible.</li><li>Recoger urocultivo <strong>tras el cambio de sonda o por punción suprapúbica</strong> si no se puede cambiar, NO de la bolsa colectora.</li><li>Revisar aislamientos y antibiogramas previos del paciente.</li></ul></div>
+              <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de tratamiento (ajustar según gravedad y previos)</h3><div class="treatment-option"><div class="treatment-title"><i class="fas fa-notes-medical text-green-500"></i> Tratamiento empírico inicial (si no hay datos previos/gravedad moderada)</div><p class="text-gray-700">Similar a Pielonefritis/ITU complicada, considerar cobertura más amplia:</p><ul class="list-disc pl-5 text-gray-700"><li>Ceftriaxona 2g IV/24h</li><li>Cefepime 1-2g IV/8-12h (si sospecha P. aeruginosa)</li><li>Piperacilina-Tazobactam 4g/0.5g IV/6-8h (cobertura amplia, incl. P. aeruginosa, Enterococo)</li><li>Meropenem 1g IV/8h (si riesgo de BLEE/MDR alto)</li></ul><p class="text-sm text-gray-500 mt-2">Añadir Vancomicina si sospecha S. aureus meticilin-resistente (SAMR) o Enterococo resistente.</p></div><div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia a Beta-lactámicos</div><p class="text-gray-700">Opciones complejas, dependen del tipo de alergia y patógeno sospechado:</p><ul class="list-disc pl-5 text-gray-600"><li>Aztreonam (cubre Gram negativos, NO P. aeruginosa bien, NO Gram positivos ni anaerobios) + Aminoglucósido (Amikacina/Tobramicina)</li><li>Aminoglucósido + Vancomicina (si cubre Gram positivos)</li><li>Consultar especialista en infecciosas.</li></ul></div><div class="treatment-option"><div class="treatment-title"><i class="fas fa-history text-blue-500"></i> Ajuste según Cultivo</div><p class="text-gray-700">Imprescindible ajustar el tratamiento al antibiótico de menor espectro posible según el resultado del urocultivo y antibiograma.</p><p class="text-sm text-gray-500 mt-2">Duración: Generalmente 7 días si hay respuesta rápida. Puede ser 10-14 días en casos más graves o bacteriémicos.</p></div></div>
+              <div class="note-box mt-6"><div class="note-title"><i class="fas fa-procedures text-yellow-500"></i> Medidas preventivas (CAUTI Bundle)</div><ul class="list-disc pl-5 text-gray-700"><li>Insertar sondas sólo por indicación apropiada y personal entrenado.</li><li>Técnica aséptica estricta durante inserción y manipulación.</li><li>Mantener sistema cerrado de drenaje y flujo sin obstrucciones.</li><li>Fijación adecuada para evitar movimiento.</li><li>Higiene perineal diaria.</li><li>Evaluar diariamente la necesidad de la sonda y retirarla lo antes posible.</li><li>Considerar alternativas (colectores externos, sondaje intermitente).</li></ul></div>
+          </div>
+        </div>
+    </div>
+    <div id="content-piel_partes_blandas">
+        <div class="space-y-8">
+          <div id="absceso_cutaneo" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+            <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-cut text-red-500"></i> Absceso Cutáneo</h2>
+            <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos Frecuentes</h3><div class="pathogen-list"><span class="pathogen-item">S. aureus</span><span class="pathogen-item">Otros (según exposición/localización)</span></div></div>
+            <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de tratamiento empírico (si indicado¹)</h3><div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento de elección</div><p class="text-gray-700">Cefalexina 0.5-1 g VO cada 8h durante 5 días.</p></div><div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa</div><p class="text-gray-700">Amoxicilina/Ácido clavulánico 875/125 mg VO cada 8h durante 5 días.</p></div><div class="treatment-option"><div class="treatment-title"><i class="fas fa-map-marker-alt text-purple-500"></i> Caso específico: Absceso Perianal/Perirectal²</div><p class="text-gray-700">Amoxicilina/Ácido clavulánico 875/125 mg VO cada 8h durante 5-7 días.</p><p class="mt-2 text-gray-700"><span class="inline-flex items-center"><i class="fas fa-allergies text-orange-500 mr-2"></i><strong>Alergia Beta-lactámicos:</strong></span><br> Ciprofloxacino 500-750 mg VO cada 12h + Metronidazol 500 mg VO cada 8h durante 5 días.</p></div></div>
+            <div class="note-box mt-6"><div class="note-title"><i class="fas fa-exclamation-circle text-yellow-500"></i> Observaciones</div><ul class="list-disc text-gray-700 space-y-1"><li>Muchos abscesos cutáneos precisan solo <strong>drenaje</strong>.</li><li>¹Indicación de antibioterapia:<ul><li>Fiebre u otros signos sistémicos de infección.</li><li>Tamaño ≥ 5 cm.</li><li>Celulitis significativa alrededor del absceso.</li><li>Múltiples localizaciones o localizaciones complicadas (cara, mano, genitales).</li><li>Portador de material protésico osteoarticular o cardiovascular.</li><li>Valvulopatía cardíaca significativa.</li><li>Pacientes inmunodeprimidos.</li></ul></li><li>²Si absceso perianal/perirectal, avisar a Cirugía.</li></ul></div>
+          </div>
+          <div id="erisipela_celulitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+            <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-bacterium text-red-500"></i> Erisipela, Celulitis y Linfangitis (Inicio Comunitario)</h2>
+            <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos Frecuentes</h3><div class="pathogen-list"><span class="pathogen-item">S. pyogenes</span><span class="pathogen-item">Estreptococos Grupo B, C, G</span><span class="pathogen-item">S. aureus</span><span class="pathogen-item">Bacilos Gramnegativos (en inmunodeprimidos/hepatópatas)</span><span class="pathogen-item">Otros (según exposición)</span></div></div>
+            <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de tratamiento empírico</h3><div class="treatment-option"><div class="treatment-title"><i class="fas fa-dot-circle text-pink-500"></i> Erisipela</div><p class="text-gray-700"><strong>De elección:</strong> Amoxicilina/Ácido clavulánico 875/125 mg VO cada 8h durante 5-10 días.</p><p class="mt-2 text-gray-700"><span class="inline-flex items-center"><i class="fas fa-allergies text-orange-500 mr-2"></i><strong>Alergia Beta-lactámicos:</strong></span> Clindamicina 300-600 mg VO cada 8h durante 5-10 días.</p></div><div class="treatment-option"><div class="treatment-title"><i class="fas fa-dot-circle text-red-500"></i> Celulitis, Linfangitis o Duda (Erisipela vs Celulitis)</div><p class="text-gray-700"><strong>De elección:</strong> Cefalexina 0.5-1 g VO cada 6-8h durante 5-10 días.</p><p class="mt-2 text-gray-700"><span class="inline-flex items-center"><i class="fas fa-allergies text-orange-500 mr-2"></i><strong>Alergia Beta-lactámicos:</strong></span> Clindamicina 300-600 mg VO cada 8h durante 5-10 días.</p><p class="mt-2 text-gray-700"><span class="inline-flex items-center"><i class="fas fa-exclamation-triangle text-red-600 mr-2"></i><strong>Si sospecha SARM:</strong></span> Clindamicina 300-600 mg/8h VO ó Cotrimoxazol 800/160 mg/12h VO ó Linezolid 600 mg/12h VO.</p></div><div class="treatment-option"><div class="treatment-title"><i class="fas fa-procedures text-red-700"></i> Si Criterios de Ingreso</div><p class="text-gray-700"><strong>De elección:</strong> Cefazolina 2 g IV cada 8h durante 7-10 días.</p><p class="mt-2 text-gray-700"><span class="inline-flex items-center"><i class="fas fa-allergies text-orange-500 mr-2"></i><strong>Alergia Beta-lactámicos:</strong></span> Clindamicina 600-900 mg IV cada 8h durante 7-10 días.</p><p class="mt-2 text-gray-700"><span class="inline-flex items-center"><i class="fas fa-exclamation-triangle text-red-600 mr-2"></i><strong>Si sospecha SARM:</strong></span> Añadir Vancomicina 20 mg/kg IV (dosis inicial) seguido de 15 mg/kg/12h IV ó Linezolid 600 mg/12h IV.</p><p class="mt-2 text-gray-700"><span class="inline-flex items-center"><i class="fas fa-hospital-user text-teal-500 mr-2"></i><strong>HaD (Hospitalización a Domicilio):</strong></span> Ceftriaxona 2 gramos IV cada 24 horas.</p></div></div>
+            <div class="note-box mt-6"><div class="note-title"><i class="fas fa-exclamation-circle text-yellow-500"></i> Observaciones (Sospecha SARM)</div><p class="text-gray-700 mb-2">Considerar SARM (Staphylococcus aureus Meticilin-Resistente) si:</p><ul class="list-disc text-gray-700 space-y-1"><li>Colonización / Infección previa por SARM (último año).</li><li>Hemodiálisis.</li><li>Múltiples ingresos o ingresos en otros hospitales.</li><li>Pacientes inmigrantes con lesiones necróticas (SARM comunitario).</li><li>Residencia en centro sociosanitario en situación de dependencia.</li></ul></div>
+          </div>
+          <div id="celulitis_especiales" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+            <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-tint text-cyan-500"></i> Celulitis en Contextos Específicos</h2>
+            <div class="treatment-option border-cyan-500"><div class="treatment-title"><i class="fas fa-water text-cyan-600"></i> Celulitis asociada al Agua y Medio Acuático</div><h4 class="font-semibold text-gray-600 mb-1">Agentes etiológicos:</h4><div class="pathogen-list mb-2"><span class="pathogen-item">Vibrio vulnificus (agua salada)</span><span class="pathogen-item">P. aeruginosa</span><span class="pathogen-item">Micobacterias (agua dulce)</span></div><p class="text-gray-700"><strong>De elección:</strong> Ciprofloxacino 750 mg VO cada 12h durante 5-7 días.</p><p class="mt-2 text-gray-700"><span class="inline-flex items-center"><i class="fas fa-procedures text-red-500 mr-2"></i><strong>Si gravedad:</strong></span> Ceftazidima 2 g IV cada 8h durante 7-10 días.</p></div>
+            <div class="treatment-option border-gray-500"><div class="treatment-title"><i class="fas fa-shoe-prints text-gray-600"></i> Celulitis asociada a Punción de Pie</div><h4 class="font-semibold text-gray-600 mb-1">Agente etiológico:</h4><div class="pathogen-list mb-2"><span class="pathogen-item">P. aeruginosa</span></div><p class="text-gray-700"><strong>De elección:</strong> Ciprofloxacino 750 mg VO cada 12h durante 5-7 días.</p><p class="mt-2 text-gray-700"><span class="inline-flex items-center"><i class="fas fa-procedures text-red-500 mr-2"></i><strong>Si gravedad:</strong></span> Ceftazidima 2 g IV cada 8h durante 7-10 días.</p></div>
+            <div class="treatment-option border-pink-500"><div class="treatment-title"><i class="fas fa-fish text-pink-600"></i> Celulitis asociada a Manejo de Carne o Pescado</div><h4 class="font-semibold text-gray-600 mb-1">Agente etiológico:</h4><div class="pathogen-list mb-2"><span class="pathogen-item">Erysipelothrix rhusiopathiae</span></div><p class="text-gray-700"><strong>De elección:</strong> Amoxicilina 1 g VO cada 8h ó Ciprofloxacino 500 mg VO cada 12h durante 5-7 días.</p><p class="mt-2 text-gray-700"><span class="inline-flex items-center"><i class="fas fa-procedures text-red-500 mr-2"></i><strong>Si gravedad:</strong></span> Ceftriaxona 2 g IV cada 24h durante 7-10 días.</p></div>
+          </div>
+          <div id="mordeduras" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+            <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-tooth text-gray-700"></i> Infección asociada a Mordedura</h2>
+            <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos Frecuentes</h3><div class="pathogen-list"><span class="pathogen-item">Polimicrobianas</span><span class="pathogen-item">Gato: P. multocida</span><span class="pathogen-item">Perro: P. multocida, Capnocytophaga</span><span class="pathogen-item">Rata: Spirillum minor</span><span class="pathogen-item">Humano: Eikenella corrodens</span></div></div>
+            <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de tratamiento / profilaxis</h3><div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento/Profilaxis de elección</div><p class="text-gray-700">Amoxicilina/Ácido clavulánico 875/125 mg VO cada 8h.</p><p class="text-sm text-gray-500 mt-1">Duración: Profilaxis 3-5 días. Tratamiento según características y evolución.</p></div><div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia a Beta-lactámicos</div><p class="text-gray-700">(Cotrimoxazol 800/160 mg/12h VO ó Doxiciclina 100 mg/12h VO)</p><p class="text-gray-700">+ (Clindamicina 450-600 mg/8h VO ó Metronidazol 500 mg/8h VO)</p><p class="text-sm text-gray-500 mt-1">Duración: Según indicación (profilaxis o tratamiento).</p></div></div>
+            <div class="note-box mt-6"><div class="note-title"><i class="fas fa-exclamation-circle text-yellow-500"></i> Indicación de Profilaxis</div><ul class="list-disc text-gray-700 space-y-1"><li>Mordedura profunda (p. ej., gato).</li><li>Afectación significativa de partes blandas.</li><li>Mordeduras en mano, genitales, cara o cerca de articulaciones/prótesis.</li><li>Mordeduras en extremidades con compromiso vascular/linfático.</li><li>Pacientes inmunodeprimidos o diabéticos.</li><li>Mordeduras que requieren sutura.</li></ul></div>
+          </div>
+          <div id="impetigo" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+            <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-child text-yellow-600"></i> Impétigo</h2>
+            <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos Frecuentes</h3><div class="pathogen-list"><span class="pathogen-item">S. aureus</span><span class="pathogen-item">S. pyogenes (Grupo A)</span></div></div>
+            <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de tratamiento empírico</h3><div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento de elección (tópico)</div><p class="text-gray-700">Ácido fusídico ó Mupirocina tópica cada 8h durante 5-7 días.</p></div><div class="treatment-option"><div class="treatment-title"><i class="fas fa-pills text-blue-500"></i> Tratamiento sistémico (casos extensos)</div><p class="text-gray-700"><strong>De elección:</strong> Amoxicilina/Ácido clavulánico 875/125 mg VO cada 8h durante 5-10 días.</p><p class="mt-2 text-gray-700"><span class="inline-flex items-center"><i class="fas fa-allergies text-orange-500 mr-2"></i><strong>Alergia Beta-lactámicos:</strong></span> Clindamicina 300-600 mg VO cada 8h durante 5-10 días.</p></div></div>
+            <div class="note-box mt-6"><div class="note-title"><i class="fas fa-stethoscope text-yellow-500"></i> Observaciones</div><p class="text-gray-700">El diagnóstico suele ser clínico (impétigo no ampolloso, ampolloso, ectima).</p></div>
+          </div>
+          <div id="infecciones_profundas" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+            <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-skull-crossbones text-black"></i> Infecciones Profundas y/o Necrotizantes</h2>
+            <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos Frecuentes</h3><div class="pathogen-list"><span class="pathogen-item">Estreptococos (Grupo A o B)</span><span class="pathogen-item">Clostridium</span><span class="pathogen-item">S. aureus</span></div></div>
+            <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de tratamiento empírico</h3><div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento de elección</div><p class="text-gray-700">Piperacilina/Tazobactam 4.5 g IV cada 6h + Clindamicina 600-900 mg IV cada 8h.</p></div><div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia a Beta-lactámicos</div><p class="text-gray-700">Vancomicina 25 mg/kg IV (dosis inicial) seguido de 15 mg/kg/12h IV* + Aztreonam 2 g IV cada 8h + Clindamicina 600 mg IV cada 8h*.</p><p class="mt-2 text-gray-700"><strong>O Alternativa Alergia:</strong> Tigeciclina 100 mg IV (dosis inicial) seguido de 50 mg IV cada 12h + Clindamicina 600-900 mg IV cada 8h.</p><p class="text-xs text-gray-500 mt-1">*Sustituir Clindamicina por Metronidazol si sospecha Bacteroides (periné, pared abdominal).</p></div><div class="treatment-option"><div class="treatment-title"><i class="fas fa-exclamation-triangle text-red-600"></i> Si riesgo de SARM</div><p class="text-gray-700">Añadir Linezolid 600 mg IV cada 12h ó Vancomicina 20 mg/kg IV (dosis inicial) seguido de 15 mg/kg/12h IV.</p></div></div>
+            <div class="note-box mt-6"><div class="note-title"><i class="fas fa-exclamation-circle text-yellow-500"></i> Observaciones Cruciales</div><ul class="list-disc text-gray-700 space-y-1"><li>Consultar <strong>urgentemente</strong> con Cirugía General / Urología: el <strong>desbridamiento amplio/repetido</strong> es crucial.</li><li>Mantener tratamiento IV hasta desaparición de clínica sistémica y desbridamiento completo del tejido necrosado.</li><li>Ajustar dosis de Vancomicina según niveles plasmáticos y función renal.</li></ul></div>
+          </div>
+          <div id="pie_diabetico" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+            <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-shoe-prints text-red-600"></i> Infección de Pie Diabético</h2>
+            <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos Frecuentes</h3><p class="text-gray-600 text-sm mb-2">Varían según gravedad y tratamientos previos:</p><div class="pathogen-list"><span class="pathogen-item">Gram positivos (Leve)</span><span class="pathogen-item">S. aureus (SASM hab.)</span><span class="pathogen-item">S. agalactiae</span><span class="pathogen-item">S. pyogenes</span><span class="pathogen-item">Polimicrobianas (Moderada/Grave)</span><span class="pathogen-item">Enterobacterias</span><span class="pathogen-item">P. aeruginosa</span><span class="pathogen-item">Bacteroides spp</span><span class="pathogen-item">Clostridium</span></div></div>
+            <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de tratamiento empírico</h3><div class="treatment-option border-green-500"><div class="treatment-title"><i class="fas fa-thermometer-empty text-green-600"></i> Pie Diabético - Infección Leve</div><p class="text-gray-700"><strong>De elección:</strong> Cefalexina 0.5-1 g VO cada 6-8h durante 5-10 días.</p><p class="mt-2 text-gray-700"><span class="inline-flex items-center"><i class="fas fa-allergies text-orange-500 mr-2"></i><strong>Alergia Beta-lactámicos:</strong></span> Clindamicina 450-600 mg VO cada 6-8h ó Cotrimoxazol 800/160 mg VO cada 12h, durante 5-10 días.</p></div><div class="treatment-option border-yellow-500"><div class="treatment-title"><i class="fas fa-thermometer-half text-yellow-600"></i> Pie Diabético - Moderada sin Ttos Previos</div><p class="text-gray-700"><strong>De elección:</strong> Cefazolina 2 g IV cada 6-8h durante 7-10 días.</p><p class="mt-2 text-gray-700"><span class="inline-flex items-center"><i class="fas fa-allergies text-orange-500 mr-2"></i><strong>Alergia Beta-lactámicos:</strong></span> Clindamicina 600-900 mg IV cada 6-8h ó Cotrimoxazol 1600/320 mg VO cada 12h (si es VO), durante 7-10 días.</p></div><div class="treatment-option border-red-500"><div class="treatment-title"><i class="fas fa-thermometer-full text-red-600"></i> Pie Diabético - Infección Grave o Moderada con Ttos Previos</div><p class="text-gray-700"><strong>De elección:</strong> Piperacilina/Tazobactam 4.5 g IV cada 6h + Clindamicina 600-900 mg IV cada 8h.</p><p class="mt-2 text-gray-700"><span class="inline-flex items-center"><i class="fas fa-exclamation-triangle text-red-600 mr-2"></i><strong>Si riesgo SARM:</strong></span> Añadir Linezolid 600 mg IV cada 12h ó Vancomicina 20 mg/kg IV (dosis inicial) seguido de 15 mg/kg/12h IV.</p><p class="mt-2 text-gray-700"><span class="inline-flex items-center"><i class="fas fa-shield-virus text-purple-600 mr-2"></i><strong>Si riesgo BLEE:</strong></span> Sustituir Piperacilina/Tazobactam por Meropenem 1 g IV cada 8h.</p><p class="mt-2 text-gray-700"><span class="inline-flex items-center"><i class="fas fa-allergies text-orange-500 mr-2"></i><strong>Alergia Beta-lactámicos:</strong></span> Vancomicina 20 mg/kg IV (dosis inicial) seguido de 15 mg/kg/12h IV + Aztreonam 2 g IV cada 8h +/- Clindamicina 600-900 mg IV cada 8h.</p></div></div>
+            <div class="note-box mt-6"><div class="note-title"><i class="fas fa-ruler-combined text-yellow-500"></i> Definición de Gravedad</div><ul class="list-disc text-gray-700 space-y-1"><li><strong>Leve:</strong> ≥2 signos inflamación, pero extensión ≤2 cm bordes lesión, limitada a piel/subcutáneo, sin signos sistémicos.</li><li><strong>Moderada:</strong> (Sin signos sistémicos) Celulitis >2 cm, Linfangitis, Absceso, Afectación tejidos profundos (músculo, tendón, articulación, hueso).</li><li><strong>Grave:</strong> Signos sistémicos (fiebre, tiritona, leucocitosis, taquicardia) +/- hipotensión o disfunción orgánica (hiperlactacidemia, IRA, confusión...).</li><li><strong>Duración:</strong> Depende de profundidad, desbridamiento y evolución. Si no hueso y buena evolución, 7-10 días suelen ser suficientes.</li></ul></div>
+          </div>
+          <div id="ulceras_presion" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+            <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-bed text-blue-700"></i> Infección de Úlceras por Presión (UPP)</h2>
+            <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos Frecuentes (Infección Profunda)</h3><div class="pathogen-list"><span class="pathogen-item">Polimicrobiana</span></div></div>
+            <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de tratamiento</h3><div class="treatment-option border-gray-300"><div class="treatment-title"><i class="fas fa-layer-group text-gray-500"></i> Infección Superficial</div><p class="text-gray-700">No precisa tratamiento antibiótico sistémico. Enfocar en cuidados locales de la herida.</p></div><div class="treatment-option border-red-500"><div class="treatment-title"><i class="fas fa-procedures text-red-600"></i> Infección Profunda</div><p class="text-gray-700 mb-2"><strong>Tratamiento de elección (Cubrir Polimicrobiana y SARM):</strong></p><ul class="list-disc text-gray-700 pl-5 space-y-1"><li>Piperacilina/Tazobactam 4.5 g IV cada 6h</li><li><strong>+</strong> Vancomicina 20 mg/kg IV (dosis inicial) y después 15 mg/kg/12h IV</li><li><em>ó</em> <strong>+</strong> Linezolid 600 mg IV cada 12h (elección si insuficiencia renal)</li></ul><p class="text-sm text-gray-500 mt-2">Duración: Si no afectación ósea, desbridamiento satisfactorio y buena evolución, 7-10 días suelen ser suficientes.</p></div></div>
+            <div class="note-box mt-6"><div class="note-title"><i class="fas fa-stethoscope text-yellow-500"></i> Indicativo de Infección Profunda</div><ul class="list-disc text-gray-700 space-y-1"><li>Celulitis perilesional (no confundir maceración con celulitis).</li><li>Signos/síntomas sistémicos de infección (fiebre, leucocitosis...) o bacteriemia en ausencia de otro foco.</li></ul></div>
+          </div>
+          <div id="herpes_zoster" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+            <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-virus text-purple-600"></i> Herpes Zoster</h2>
+            <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agente etiológico</h3><div class="pathogen-list"><span class="pathogen-item">Virus Varicela-Zoster (VVZ)</span></div></div>
+            <div class="mt-6"><h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de tratamiento</h3><div class="treatment-option border-green-500"><div class="treatment-title"><i class="fas fa-user text-green-600"></i> Presentación Leve o Inmunocompetentes (&lt;72h, >50 años)</div><p class="text-gray-700"><strong>De elección:</strong> Aciclovir 800 mg VO, 5 veces/día durante 7 días (respetando descanso nocturno).</p><p class="mt-2 text-gray-700"><span class="inline-flex items-center"><i class="fas fa-exchange-alt text-blue-500 mr-2"></i><strong>Alternativas:</strong></span></p><ul class="list-disc pl-5 text-gray-700"><li>Valaciclovir 1 g VO cada 8h durante 7 días.</li><li>Famciclovir 500 mg VO cada 8h durante 7 días.</li><li>Brivudina 125 mg VO cada 24h durante 7 días.</li></ul></div><div class="treatment-option border-red-500"><div class="treatment-title"><i class="fas fa-user-shield text-red-600"></i> Presentación Severa o Inmunodeprimidos</div><p class="text-gray-700">Aciclovir 10 mg/kg IV cada 8h durante 7 días.</p></div></div>
+            <div class="note-box mt-6"><div class="note-title"><i class="fas fa-exclamation-circle text-yellow-500"></i> Observaciones</div><ul class="list-disc text-gray-700 space-y-1"><li>En inmunocompetentes, recomendar tratamiento si:<ul><li>Tiempo desde inicio síntomas &lt; 72h.</li><li>Edad > 50 años (mayor beneficio).</li></ul></li><li>En paciente inmunodeprimido, <strong>siempre</strong> hay indicación de tratamiento (IV en casos severos).</li><li>Si afectación ocular (Zoster oftálmico), ótica/auricular (Ramsay Hunt) o neurológica, pueden requerir tratamiento IV.</li><li>Ajustar siempre dosis a función renal.</li><li>Considerar diagnóstico microbiológico si hay dudas.</li></ul></div>
+          </div>
+        </div>
+    </div> <div id="content-orl">
+        <div class="space-y-8">
+            <div id="otitis_media_aguda" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+                <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2">
+                <i class="fas fa-ear text-purple-500"></i> Otitis Media Aguda
+                </h2>
+                <div class="mb-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes Etiológicos</h3>
+                <div class="pathogen-list">
+                    <span class="pathogen-item">S. pneumoniae</span>
+                    <span class="pathogen-item">H. influenzae</span>
+                    <span class="pathogen-item">M. catarrhalis</span>
+                    <span class="pathogen-item">Streptococo grupo A</span>
+                </div>
+                </div>
+                <div class="mt-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de Tratamiento</h3>
+                <div class="treatment-option">
+                    <div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento de elección (si indicado)</div>
+                    <p class="text-gray-700">Amoxicilina 1 g VO cada 8h.</p>
+                    <p class="text-xs text-gray-500 mt-1">Indicado si: falta de mejoría tras 48–72 h, fiebre >39ºC, otalgia intensa.</p>
+                </div>
+                <div class="treatment-option">
+                    <div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativas / Falta de respuesta / Alergia</div>
+                    <p class="text-gray-700"><strong>Si no responde o intolerancia:</strong><br>Amoxicilina/Ácido clavulánico 875/125 mg VO cada 8h ó Cefditoreno 400 mg VO cada 12h.</p>
+                    <p class="mt-2 text-gray-700"><strong>Otras alternativas / Alergia:</strong><br>Levofloxacino 500 mg/24h VO, Moxifloxacino 400 mg/24h VO ó Claritromicina 500 mg/12h VO.</p>
+                </div>
+                </div>
+                <div class="note-box mt-6">
+                <div class="note-title"><i class="fas fa-exclamation-circle text-yellow-500"></i> Observaciones</div>
+                <ul class="list-disc pl-5 text-gray-700 space-y-1">
+                    <li>Duración del tratamiento: 10 días.</li>
+                    <li>En pacientes inmunodeprimidos, valoración especializada por ORL.</li>
+                </ul>
+                </div>
+            </div>
+            <div id="otitis_externa" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+                <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2">
+                <i class="fas fa-headphones-alt text-purple-500"></i> Otitis Externa
+                </h2>
+                <div class="mb-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes Etiológicos</h3>
+                 <div class="pathogen-list">
+                    <span class="pathogen-item">Pseudomonas spp</span>
+                    <span class="pathogen-item">Staphylococcus aureus</span>
+                    <span class="pathogen-item">Enterobacterias</span>
+                    <span class="pathogen-item">Anaerobios</span>
+                    <span class="pathogen-item">Hongos (Aspergillus/Candida)</span>
+                </div>
+                </div>
+                <div class="mt-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de Tratamiento (Tópico)</h3>
+                <div class="treatment-option">
+                    <div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento de elección (Bacteriana)</div>
+                    <p class="text-gray-700">Ciprofloxacino gotas (4 gotas/8h). Combinar con corticoides tópicos si edema del conducto.</p>
+                </div>
+                <div class="treatment-option">
+                    <div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Sospecha de Infección Fúngica</div>
+                    <p class="text-gray-700">Clotrimazol gotas (4 gotas/8h) ó Clioquinol otológico 0.25 mg (4 gotas/8h).</p>
+                </div>
+                </div>
+                <div class="note-box mt-6">
+                <div class="note-title"><i class="fas fa-exclamation-circle text-yellow-500"></i> Observaciones</div>
+                <ul class="list-disc pl-5 text-gray-700 space-y-1">
+                    <li>No mojar ni manipular el oído.</li>
+                    <li>Considerar tratamiento sistémico si persiste o hay afectación de tejidos blandos periauriculares.</li>
+                </ul>
+                </div>
+            </div>
+            <div id="faringoamigdalitis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+                <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2">
+                <i class="fas fa-lungs-virus text-purple-500"></i> Faringoamigdalitis
+                </h2>
+                <div class="mb-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes Etiológicos</h3>
+                 <div class="pathogen-list">
+                    <span class="pathogen-item">Virus (mayoría adultos)</span>
+                    <span class="pathogen-item">Streptococcus pyogenes (Grupo A)</span>
+                </div>
+                </div>
+                <div class="mt-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de Tratamiento (si sospecha bacteriana / confirmada)</h3>
+                <div class="treatment-option">
+                    <div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento de elección</div>
+                    <p class="text-gray-700">Penicilina V 500–800 mg VO cada 12h ó Amoxicilina 1 g VO cada 8h.</p>
+                </div>
+                <div class="treatment-option">
+                    <div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alternativas / Alergia a Beta-lactámicos</div>
+                    <p class="text-gray-700">Clindamicina 300 mg VO cada 8h ó Claritromicina 500 mg VO cada 12h.</p>
+                </div>
+                <div class="treatment-option border-gray-300">
+                    <div class="treatment-title"><i class="fas fa-info-circle text-gray-500"></i> Tratamiento Sintomático</div>
+                    <p class="text-gray-700">Hidratación y analgesia adecuadas (especialmente en cuadros víricos).</p>
+                </div>
+                </div>
+                <div class="note-box mt-6">
+                <div class="note-title"><i class="fas fa-exclamation-circle text-yellow-500"></i> Observaciones</div>
+                <ul class="list-disc pl-5 text-gray-700 space-y-1">
+                    <li>Duración del tratamiento antibiótico: 7–10 días.</li>
+                    <li>Considerar test rápido de detección de antígeno estreptocócico (TRDA) para guiar tratamiento.</li>
+                </ul>
+                </div>
+            </div>
+            <div id="rinosinusitis_aguda" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+                <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2">
+                <i class="fas fa-head-side-cough text-purple-500"></i> Rinosinusitis Aguda
+                </h2>
+                <div class="mb-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes Etiológicos</h3>
+                 <div class="pathogen-list">
+                    <span class="pathogen-item">S. pneumoniae</span>
+                    <span class="pathogen-item">H. influenzae</span>
+                    <span class="pathogen-item">M. catarrhalis</span>
+                    <span class="pathogen-item">Rhinovirus (y otros virus)</span>
+                </div>
+                </div>
+                <div class="mt-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de Tratamiento (si sospecha bacteriana)</h3>
+                <div class="treatment-option">
+                    <div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento de elección</div>
+                    <p class="text-gray-700">Amoxicilina 1 g VO cada 8h.</p>
+                </div>
+                <div class="treatment-option">
+                    <div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Si no mejoría en 48h / Alergia</div>
+                    <p class="text-gray-700"><strong>Falta de mejoría:</strong> Amoxicilina/Ácido clavulánico 875/125 mg VO cada 8h ó Cefditoreno 400 mg VO cada 12h (duración total 10 días).</p>
+                    <p class="mt-2 text-gray-700"><strong>Alergia Beta-lactámicos:</strong> Moxifloxacino 400 mg VO cada 24h.</p>
+                </div>
+                </div>
+                <div class="note-box mt-6">
+                <div class="note-title"><i class="fas fa-exclamation-circle text-yellow-500"></i> Observaciones</div>
+                <ul class="list-disc pl-5 text-gray-700">
+                    <li>Lavados nasales abundantes y descongestionantes son recomendados.</li>
+                    <li>Considerar antibiótico si síntomas > 10 días, empeoramiento tras mejoría inicial ("doble enfermedad"), o síntomas severos (fiebre alta, dolor facial intenso).</li>
+                    <li>Realizar imagen (Rx senos o TAC) si sospecha de complicación.</li>
+                </ul>
+                </div>
+            </div>
+            <div id="otomastoiditis" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+                <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2">
+                <i class="fas fa-skull text-red-700"></i> Otomastoiditis
+                </h2>
+                <div class="mb-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes Etiológicos</h3>
+                <div class="pathogen-list">
+                    <span class="pathogen-item">S. pneumoniae</span>
+                    <span class="pathogen-item">H. influenzae</span>
+                    <span class="pathogen-item">M. catarrhalis</span>
+                    <span class="pathogen-item">Streptococo grupo A</span>
+                </div>
+                </div>
+                <div class="mt-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de Tratamiento (Requiere Ingreso/Valoración Urgente ORL)</h3>
+                <div class="treatment-option">
+                    <div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento IV de elección</div>
+                    <p class="text-gray-700">Amoxicilina/Ácido clavulánico 1 g/200 mg IV cada 8h.</p>
+                    <p class="mt-2 text-gray-700"><strong>Alternativas IV:</strong> Ceftriaxona 1–2 g IV cada 24h ó Cefotaxima 1–2 g IV cada 8h.</p>
+                    <p class="text-sm text-gray-500 mt-1">Considerar paso a VO según evolución clínica.</p>
+                </div>
+                <div class="treatment-option">
+                    <div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alternativa Alergia a Beta-lactámicos</div>
+                    <p class="text-gray-700">Levofloxacino 500 mg IV cada 24h.</p>
+                </div>
+                </div>
+                <div class="note-box mt-6">
+                <div class="note-title"><i class="fas fa-exclamation-circle text-yellow-500"></i> Observaciones</div>
+                <ul class="list-disc pl-5 text-gray-700">
+                    <li>Requiere valoración urgente por ORL.</li>
+                    <li>Drenaje quirúrgico (miringotomía +/- tubos, mastoidectomía) puede ser necesario.</li>
+                    <li>Realizar pruebas de imagen (TAC de peñascos).</li>
+                </ul>
+                </div>
+            </div>
+            <div id="candidiasis_oral" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+                <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2">
+                <i class="fas fa-disease text-gray-500"></i> Candidiasis Oral (Muguet)
+                </h2>
+                <div class="mb-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agente Etiológico</h3>
+                 <div class="pathogen-list"><span class="pathogen-item">Candida spp.</span></div>
+                </div>
+                <div class="mt-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de Tratamiento</h3>
+                <div class="treatment-option">
+                    <div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento Tópico de elección</div>
+                    <p class="text-gray-700">Nistatina suspensión oral 5 mL (500,000 UI) cada 6–8h (enjuagar y tragar) durante 7 días.</p>
+                    <p class="mt-2 text-gray-700"><strong>Alternativa Tópica:</strong> Miconazol gel oral 2% cada 6h.</p>
+                </div>
+                <div class="treatment-option">
+                    <div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Tratamiento Sistémico (Casos refractarios/severos)</div>
+                    <p class="text-gray-700">Fluconazol 50–100 mg VO cada 24h durante 7 días.</p>
+                </div>
+                </div>
+                <div class="note-box mt-6">
+                <div class="note-title"><i class="fas fa-exclamation-circle text-yellow-500"></i> Observaciones</div>
+                <ul class="list-disc pl-5 text-gray-700">
+                    <li>Realizar cultivo para antifungigrama en candidiasis recurrente o sin respuesta.</li>
+                    <li>Investigar factores predisponentes (inmunosupresión, xerostomía, corticoides inhalados, prótesis dentales).</li>
+                </ul>
+                </div>
+            </div>
+            <div id="gingivoestomatitis_herpetica" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+                <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2">
+                <i class="fas fa-mouth-guard text-purple-500"></i> Gingivoestomatitis Herpética
+                </h2>
+                <div class="mb-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agente Etiológico</h3>
+                 <div class="pathogen-list"><span class="pathogen-item">Virus Herpes Simple (VHS-1 > VHS-2)</span></div>
+                </div>
+                <div class="mt-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de Tratamiento (Iniciar precozmente)</h3>
+                <div class="treatment-option">
+                    <div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento de elección</div>
+                    <p class="text-gray-700">Aciclovir 400 mg VO, 5 veces al día durante 7 días.</p>
+                    <p class="mt-2 text-gray-700"><strong>Si intolerancia oral / Inmunocompromiso severo:</strong> Aciclovir 5 mg/kg IV cada 8h.</p>
+                </div>
+                </div>
+                 <div class="note-box mt-6">
+                    <div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Notas</div>
+                    <p class="text-gray-700">Tratamiento sintomático con analgésicos y anestésicos tópicos es importante.</p>
+                </div>
+            </div>
+            <div id="herpes_labial" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+                <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2">
+                <i class="fas fa-face-angry text-purple-500"></i> Herpes Labial (Recurrente)
+                </h2>
+                <div class="mb-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agente Etiológico</h3>
+                 <div class="pathogen-list"><span class="pathogen-item">Virus Herpes Simple (VHS-1)</span></div>
+                </div>
+                <div class="mt-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de Tratamiento (Iniciar al primer síntoma)</h3>
+                <div class="treatment-option">
+                    <div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento Episódico</div>
+                    <p class="text-gray-700"><strong>Sistémico (más eficaz):</strong> Aciclovir 400 mg VO, 5 veces/día durante 5 días.</p>
+                    <p class="mt-2 text-gray-700"><strong>Tópico (menos eficaz):</strong> Aciclovir 5% crema, 4-5 aplic./día durante 4-5 días.</p>
+                </div>
+                 <div class="treatment-option">
+                    <div class="treatment-title"><i class="fas fa-calendar-alt text-blue-500"></i> Tratamiento Supresor (Recurrencias frecuentes >6/año)</div>
+                    <p class="text-gray-700">Valaciclovir 500 mg VO cada 24h ó Famciclovir 250 mg VO cada 12h (Evaluar duración, ej. 1 año).</p>
+                </div>
+                </div>
+            </div>
+            <div id="infeccion_odontogenica_no_ingreso" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+                <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2">
+                <i class="fas fa-tooth text-red-500"></i> Infección Odontogénica (Ambulatoria)
+                </h2>
+                <div class="mb-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes Etiológicos</h3>
+                 <div class="pathogen-list"><span class="pathogen-item">Polimicrobiana (aerobios y anaerobios)</span></div>
+                </div>
+                <div class="mt-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de Tratamiento</h3>
+                <div class="treatment-option">
+                    <div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento de elección</div>
+                    <p class="text-gray-700">Amoxicilina/Ácido clavulánico 875/125 mg VO cada 8h.</p>
+                </div>
+                 <div class="treatment-option">
+                    <div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alternativa / Alergia Beta-lactámicos</div>
+                    <p class="text-gray-700">Clindamicina 300 mg VO cada 6h ó Metronidazol 500 mg VO cada 8h (asociado a otro si cubre aerobios) ó Moxifloxacino 400 mg VO cada 24h.</p>
+                </div>
+                </div>
+                 <div class="note-box mt-6">
+                    <div class="note-title"><i class="fas fa-wrench text-yellow-500"></i> Importante</div>
+                    <p class="text-gray-700">El tratamiento dental (drenaje, endodoncia, extracción) es fundamental.</p>
+                </div>
+            </div>
+            <div id="infeccion_odontogenica_ingreso" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+                <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2">
+                <i class="fas fa-procedures text-red-700"></i> Infección Odontogénica (Ingreso)
+                </h2>
+                 <div class="mb-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes Etiológicos</h3>
+                 <div class="pathogen-list">
+                    <span class="pathogen-item">Polimicrobiana</span>
+                    <span class="pathogen-item">Actinobacillus</span>
+                    <span class="pathogen-item">Porphyromonas</span>
+                    <span class="pathogen-item">Prevotella</span>
+                    <span class="pathogen-item">Tannerella</span>
+                    <span class="pathogen-item">Peptostreptococcus</span>
+                    <span class="pathogen-item">Streptococcus orales</span>
+                </div>
+                </div>
+                <div class="mt-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de Tratamiento IV</h3>
+                <div class="treatment-option">
+                    <div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento de elección</div>
+                    <p class="text-gray-700">Amoxicilina/Ácido clavulánico 1 g/200 mg IV cada 8h.</p>
+                    <p class="text-sm text-gray-500 mt-1">Considerar añadir aminoglucósido (Gentamicina/Tobramicina) si sospecha bacilos Gram-negativos aerobios resistentes o en sepsis grave.</p>
+                </div>
+                 <div class="treatment-option">
+                    <div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alternativas / Alergia Beta-lactámicos</div>
+                    <p class="text-gray-700">Clindamicina 600 mg IV cada 8h ó Moxifloxacino 400 mg IV cada 24h.</p>
+                    <p class="mt-2 text-gray-700"><strong>Otra opción alergia grave:</strong> Vancomicina (dosis según peso/función renal) + Metronidazol 500 mg IV cada 8h.</p>
+                </div>
+                </div>
+                 <div class="note-box mt-6">
+                    <div class="note-title"><i class="fas fa-exclamation-circle text-yellow-500"></i> Criterios de Ingreso / Observaciones</div>
+                    <ul class="list-disc pl-5 text-gray-700">
+                         <li>Signos de sepsis / toxicidad sistémica.</li>
+                         <li>Trismo severo, compromiso vía aérea, extensión a espacios profundos del cuello.</li>
+                         <li>Inmunocompromiso.</li>
+                         <li>Necesidad de tratamiento quirúrgico urgente (drenaje).</li>
+                         <li>Tratamiento dental es crucial.</li>
+                     </ul>
+                </div>
+            </div>
+            <div id="sialoadenitis_supurada" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+                <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2">
+                <i class="fas fa-head-side-virus text-red-500"></i> Sialoadenitis Aguda Supurada
+                </h2>
+                <div class="mb-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes Etiológicos</h3>
+                 <div class="pathogen-list">
+                    <span class="pathogen-item">Staphylococcus aureus</span>
+                    <span class="pathogen-item">Streptococcus spp.</span>
+                    <span class="pathogen-item">Haemophilus influenzae</span>
+                    <span class="pathogen-item">Escherichia coli</span>
+                    <span class="pathogen-item">Anaerobios</span>
+                 </div>
+                </div>
+                <div class="mt-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de Tratamiento (cubrir S. aureus y anaerobios)</h3>
+                 <div class="treatment-option">
+                    <div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento de elección</div>
+                    <p class="text-gray-700">Amoxicilina/Ácido clavulánico 875/125 mg VO cada 8h (si ambulatorio) ó 1 g/200 mg IV cada 8h (si ingreso).</p>
+                    <p class="text-sm text-gray-500 mt-1">Considerar añadir Metronidazol 500 mg VO/IV cada 8h si sospecha alta de anaerobios o no mejoría.</p>
+                 </div>
+                 <div class="treatment-option">
+                     <div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alternativa / Alergia Beta-lactámicos</div>
+                     <p class="text-gray-700">Clindamicina 300-600 mg VO cada 8h ó 600 mg IV cada 8h.</p>
+                 </div>
+                </div>
+                 <div class="note-box mt-6">
+                    <div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Manejo Adicional</div>
+                     <ul class="list-disc pl-5 text-gray-700">
+                         <li>Hidratación, analgésicos, sialogogos (limón, caramelos ácidos), masaje glandular.</li>
+                         <li>Valorar ecografía o TAC si sospecha de absceso o cálculo.</li>
+                         <li>Drenaje si absceso.</li>
+                     </ul>
+                </div>
+            </div>
+             <div id="fascitis_necrotizante" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+                <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2">
+                <i class="fas fa-skull-crossbones text-black"></i> Fascitis Necrotizante Cervicofacial
+                </h2>
+                <div class="mb-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes Etiológicos</h3>
+                 <div class="pathogen-list">
+                    <span class="pathogen-item">Polimicrobiana (Aerobios + Anaerobios)</span>
+                    <span class="pathogen-item">Streptococcus pyogenes</span>
+                    <span class="pathogen-item">S. aureus (incl. SARM)</span>
+                    <span class="pathogen-item">Enterobacterias</span>
+                    <span class="pathogen-item">Clostridium spp.</span>
+                 </div>
+                </div>
+                <div class="mt-6">
+                <h3 class="text-lg font-semibold text-gray-700 mb-3 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Opciones de Tratamiento (Urgencia Quirúrgica + Antibiótico Amplio Espectro)</h3>
+                <div class="treatment-option">
+                    <div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Tratamiento Empírico Inicial IV</div>
+                     <p class="text-gray-700"><strong>Opción 1:</strong> Piperacilina/Tazobactam 4/0.5 g IV cada 6h + Clindamicina 600-900 mg IV cada 8h.</p>
+                     <p class="mt-2 text-gray-700"><strong>Opción 2:</strong> Meropenem 1 g IV cada 8h + Clindamicina 600-900 mg IV cada 8h.</p>
+                     <p class="mt-2 text-gray-700"><strong>Añadir cobertura SARM si factores de riesgo:</strong> + Vancomicina ó Linezolid.</p>
+                 </div>
+                 <div class="treatment-option">
+                     <div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alternativa Alergia Beta-lactámicos</div>
+                     <p class="text-gray-700">Tigeciclina (dosis carga 100mg IV, luego 50mg/12h) ó [Aztreonam + Vancomicina/Linezolid + Metronidazol/Clindamicina]. Consultar infecciosas.</p>
+                 </div>
+                </div>
+                <div class="note-box mt-6">
+                <div class="note-title"><i class="fas fa-exclamation-triangle text-red-700"></i> ¡¡URGENCIA VITAL!!</div>
+                <ul class="list-disc pl-5 text-gray-700">
+                    <li>Ingreso inmediato (preferiblemente UCI).</li>
+                    <li>Desbridamiento quirúrgico agresivo y precoz es <strong>imprescindible</strong> y salva vidas.</li>
+                    <li>Soporte hemodinámico.</li>
+                    <li>Valoración por Cirugía Maxilofacial / ORL / Cirugía Plástica urgente.</li>
+                </ul>
+                </div>
+            </div>
+            </div>
+    </div> </div> <script>
+    // --- ELEMENTOS DEL DOM ---
+    const mainSelector = document.getElementById('mainGuideSelector');
+    const resultDiv = document.getElementById('result');
+    const guideStorage = document.getElementById('guide-content-storage');
+    // Selectores específicos y sus contenedores
+    const utiSelector = document.getElementById('utiSelector');
+    const utiDiv = document.getElementById('utiSubSelectorDiv');
+    const ppbSelector = document.getElementById('ppbSelector');
+    const ppbDiv = document.getElementById('ppbSubSelectorDiv');
+    const orlSelector = document.getElementById('orlSelector');
+    const orlDiv = document.getElementById('orlSubSelectorDiv');
+    // Agrupar sub-selectores para facilitar manejo
+    const subSelectors = [
+        { selector: utiSelector, container: utiDiv, key: 'infecciones_tracto_urinario_adultos' },
+        { selector: ppbSelector, container: ppbDiv, key: 'piel_partes_blandas' },
+        { selector: orlSelector, container: orlDiv, key: 'orl' }
+    ];
+    // --- CACHÉ PARA CONTENIDO ---
+    let contentCache = {}; // Usar un objeto para cachear múltiples guías
+    // --- MENSAJES REUTILIZABLES ---
+    const initialMessage = `<div class="text-center py-12"><div class="mx-auto inline-flex items-center justify-center rounded-full bg-gray-100 p-4 mb-4"><i class="fas fa-book-open text-3xl text-gray-400"></i></div><h3 class="text-lg font-medium text-gray-900">Seleccione una guía para comenzar</h3><p class="mt-1 text-sm text-gray-500">Utilice los menús desplegables para seleccionar la categoría y guía que desea consultar.</p></div>`;
+    const selectDiagnosisMessage = (category) => `<div class="text-center py-12"><div class="mx-auto inline-flex items-center justify-center rounded-full bg-blue-100 p-4 mb-4"><i class="fas fa-arrow-down text-3xl text-blue-500"></i></div><h3 class="text-lg font-medium text-gray-900">Seleccione un diagnóstico específico</h3><p class="mt-1 text-sm text-gray-500">Por favor, elija un diagnóstico de ${category} en el menú desplegable para ver la información.</p></div>`;
+    const errorMessage = (errorMsg, context, guideId = '') => `<div class="text-center py-12 bg-red-50 p-4 rounded border border-red-200"><div class="mx-auto inline-flex items-center justify-center rounded-full bg-red-100 p-4 mb-4"><i class="fas fa-exclamation-triangle text-3xl text-red-500"></i></div><h3 class="text-lg font-medium text-gray-900">Error al Mostrar Contenido</h3><p class="mt-1 text-sm text-red-700">${context} ${guideId ? `(ID esperado: 'content-${guideId}' o sección específica)` : ''}</p><p class="mt-2 text-xs text-gray-500">Detalle: ${errorMsg}</p></div>`;
+    const notFoundMessage = (guideId) => `<div class="text-center py-12 bg-yellow-50 p-4 rounded border border-yellow-200"><div class="mx-auto inline-flex items-center justify-center rounded-full bg-yellow-100 p-4 mb-4"><i class="fas fa-question-circle text-3xl text-yellow-500"></i></div><h3 class="text-lg font-medium text-gray-900">Contenido No Integrado</h3><p class="mt-1 text-sm text-yellow-700">La guía para '${guideId}' no se encontró integrada en este archivo.</p><p class="mt-1 text-xs text-gray-500">Se esperaba encontrar un elemento con ID 'content-${guideId}' dentro del div 'guide-content-storage'.</p></div>`;
+    // --- FUNCIÓN PARA MOSTRAR SECCIÓN ESPECÍFICA ---
+    function displaySection(guideKey, sectionId) {
+        const contentHtml = contentCache[guideKey];
+        if (!contentHtml) {
+            resultDiv.innerHTML = errorMessage("Error interno", `El contenido para ${guideKey} no está en caché.`, guideKey);
+            return;
+        }
+        try {
+            const parser = new DOMParser();
+            const tempDiv = document.createElement('div');
+            tempDiv.innerHTML = contentHtml;
+            const sectionElement = tempDiv.querySelector(`#${sectionId}`);
+            if (sectionElement) {
+                resultDiv.innerHTML = sectionElement.outerHTML;
+            } else {
+                console.error(`ID '${sectionId}' no encontrado en el HTML interno de ${guideKey}.`);
+                resultDiv.innerHTML = errorMessage(`ID de sección no encontrado: '${sectionId}'`, `No se encontró la sección para el diagnóstico seleccionado dentro del contenido de ${guideKey} integrado.`, guideKey);
+            }
+        } catch (parseError) {
+            console.error(`Error parseando/buscando en HTML de ${guideKey}:`, parseError);
+            resultDiv.innerHTML = errorMessage(parseError.message, `Ocurrió un error al procesar el contenido de ${guideKey}.`, guideKey);
+        }
+    }
+    // --- FUNCIÓN PRINCIPAL DE ACTUALIZACIÓN ---
+    function updateContent() {
+        const mainValue = mainSelector.value;
+        // 1. Resetear estado inicial o si no hay selección
+        resultDiv.innerHTML = initialMessage;
+        subSelectors.forEach(sub => sub.container.classList.add('hidden')); // Ocultar todos los sub-selectores
+        if (!mainValue) {
+            contentCache = {}; // Limpiar toda la caché
+            return;
+        }
+        // 2. Determinar si la guía seleccionada tiene sub-selector
+        const subSelectorInfo = subSelectors.find(sub => sub.key === mainValue);
+        if (subSelectorInfo) {
+            // 2a. Guía CON sub-selector (Urología, Piel/PB, ORL)
+            const { selector, container, key } = subSelectorInfo;
+            const subValue = selector.value;
+            container.classList.remove('hidden'); // Mostrar el sub-selector correcto
+            // Cargar contenido en caché si no está
+            if (!contentCache[key]) {
+                const contentContainer = document.getElementById(`content-${key}`);
+                if (contentContainer) {
+                    contentCache[key] = contentContainer.innerHTML;
+                } else {
+                    resultDiv.innerHTML = errorMessage(`Contenedor no encontrado`, `No se pudo encontrar el div con ID 'content-${key}' en el HTML.`, key);
+                    container.classList.add('hidden'); // Ocultar sub-selector si hay error
+                    return;
+                }
+            }
+            // Mostrar mensaje o sección según sub-selector
+            if (!subValue) {
+                 // Determinar el nombre de la categoría para el mensaje
+                 let categoryName = key.replace(/_/g, ' ').replace('infecciones tracto urinario adultos', 'Urología');
+                 categoryName = categoryName.charAt(0).toUpperCase() + categoryName.slice(1); // Capitalizar
+                 resultDiv.innerHTML = selectDiagnosisMessage(categoryName);
+            } else {
+                displaySection(key, subValue);
+            }
+        } else {
+            // 2b. Guía SIN sub-selector
+            const guideContentId = `content-${mainValue}`;
+            const guideContentElement = document.getElementById(guideContentId);
+            if (guideContentElement) {
+                resultDiv.innerHTML = guideContentElement.innerHTML;
+            } else {
+                console.warn(`Contenido no encontrado para ID: ${guideContentId}`);
+                resultDiv.innerHTML = notFoundMessage(mainValue);
+            }
+        }
+    }
+    // --- EVENT LISTENERS ---
+    mainSelector.addEventListener('change', () => {
+      // Resetear todos los sub-selectores al cambiar la guía principal
+      subSelectors.forEach(sub => sub.selector.value = "");
+      updateContent();
+    });
+    // Añadir listeners para todos los sub-selectores
+    subSelectors.forEach(sub => {
+        sub.selector.addEventListener('change', updateContent);
+    });
+    // --- INICIALIZACIÓN ---
+    updateContent(); // Establecer estado inicial
+  </script>
+</body>
+</html>

proa/respiratorio.html ADDED Viewed

	@@ -0,0 +1,126 @@

+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Guía PROA - Infecciones Respiratorias</title>
+  <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>
+    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
+    body { font-family: 'Montserrat', sans-serif; background-color: #f8fafc; }
+    .treatment-card { transition: all 0.3s ease; }
+    .treatment-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); }
+    .treatment-option { background-color: white; border-radius: 0.5rem; padding: 1rem; margin: 1rem 0; border-left: 4px solid #3b82f6; }
+    .treatment-title { font-weight: 600; color: #1e40af; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
+    .note-box { background-color: #fffbeb; border-left: 4px solid #f59e0b; padding: 0.75rem; margin: 1rem 0; border-radius: 0 0.5rem 0.5rem 0; }
+    .note-title { font-weight: 600; color: #92400e; display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; }
+    .custom-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em; }
+    h3 { font-size: 1.125rem; font-weight: 500; color: #374151; margin-top: 1rem; }
+  </style>
+</head>
+<body class="min-h-screen bg-gray-50">
+  <div class="max-w-4xl mx-auto px-4 py-8">
+    <div class="flex items-center gap-3 mb-6">
+      <div class="bg-blue-600 p-2 rounded-lg text-white"><i class="fas fa-lungs text-2xl"></i></div>
+      <h1 class="text-3xl font-bold text-gray-800">Guía PROA - Infecciones Respiratorias</h1>
+    </div>
+    <div class="bg-white rounded-xl shadow-md p-6 mb-6">
+      <label for="respSelector" class="block text-lg font-medium text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-arrow-down text-red-500"></i> Condición</label>
+      <select id="respSelector" class="custom-select block w-full pl-3 pr-10 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
+        <option value="">-- Selecciona una condición --</option>
+        <option value="epoc">Exacerbación de EPOC</option>
+        <option value="bronquiectasias">Bronquiectasias</option>
+        <option value="nac">Neumonía Adquirida en la Comunidad</option>
+        <option value="nac_especial">Neumonía Especial (Aspirativa/Necrotizante/Inmunodeprimidos)</option>
+        <option value="nosocomial">Neumonía Nosocomial</option>
+      </select>
+    </div>
+    <div id="result"></div>
+    <div id="guide-content-storage" class="hidden">
+      <!-- Exacerbación EPOC -->
+      <div id="epoc" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-lungs text-green-600"></i> Exacerbación de EPOC</h2>
+        <h3>Leve (Ambulatorio)</h3>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> De elección</div><p>Amoxicilina/Clavulánico 875/125 mg VO c/8 h por 5 días.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa</div><p>Cefditoreno 200-400 mg VO c/12 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia</div><p>Moxifloxacino 400 mg VO c/24 h o Levofloxacino 500 mg VO c/24 h.</p></div>
+        <h3>Moderada/Grave sin riesgo de P. aeruginosa</h3>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> De elección</div><p>Moxifloxacino 400 mg VO c/24 h o Levofloxacino 500 mg VO c/24 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa</div><p>Amoxicilina/Clavulánico 875/125 mg VO c/8 h o Ceftriaxona 1-2 g IV.</p></div>
+        <h3>Moderada/Grave con riesgo de P. aeruginosa</h3>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> De elección</div><p>Levofloxacino 500 mg VO/IV c/12 h o Ciprofloxacino 750 mg VO c/12 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativa</div><p>Ceftazidima 2 g IV c/8 h o Meropenem 1 g IV c/6-8 h.</p></div>
+        <h3>Con Influenza confirmada</h3>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-virus text-red-500"></i> Antivírico</div><p>Oseltamivir 75 mg VO c/12 h por 5 días (prueba PCR o Ag).</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><ul class="list-disc text-gray-700 ml-5"><li>Iniciar ATB si ≥2 criterios de Anthonisen.</li><li>Obtener cultivo de esputo si es posible.</li><li>No realizar antigenuria para neumococo/Legionella.</li></ul></div>
+      </div>
+      <!-- Bronquiectasias -->
+      <div id="bronquiectasias" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-bacteria text-teal-600"></i> Bronquiectasias</h2>
+        <h3>Agudización leve-moderada (Ambulatorio)</h3>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> H. influenzae</div><p>Amoxicilina/Clavulánico 875/125 mg VO c/8 h por 10-21 días.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> S. aureus</div><p>Cloxacilina 500-1000 mg VO c/6 h. Alergia: Cotrimoxazol 160/800 mg VO c/12 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> P. aeruginosa</div><p>Ciprofloxacino 750 mg VO c/12 h. Alternativa: Levofloxacino 750 mg VO c/24 h.</p></div>
+        <h3>Agudización grave (Hospitalización)</h3>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-prescription text-green-500"></i> H. influenzae</div><p>Amoxicilina/Clavulánico IV 1-2 g c/8 h o Ceftriaxona 2 g IV/24 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-prescription text-green-500"></i> S. aureus</div><p>Cloxacilina 1-2 g IV c/4-6 h. Alergia: Vancomicina 15-20 mg/kg IV c/8-12 h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><ul class="list-disc text-gray-700 ml-5"><li>Obtener cultivo de esputo.</li><li>Duración 10-21 días.</li></ul></div>
+      </div>
+      <!-- Neumonía Adquirida en la Comunidad -->
+      <div id="nac" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-home text-blue-600"></i> Neumonía Adquirida en la Comunidad</h2>
+        <h3>Ambulatoria (PSI &lt;70 / CURB-65=0)</h3>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> De elección</div><p>Amoxicilina 1 g VO c/8 h (o Amox/Clav 875/125 mg VO c/8 h si &gt;65 años, comorbilidad).</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-plus text-blue-500"></i> Macrólido</div><p>Azitromicina 500 mg VO/día por 3 días (sospecha atípicas).</p></div>
+        <h3>Ingreso hospitalario (PSI 71-130 / CURB-65=1-2)</h3>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Beta-lactámico</div><p>Amox/Clav IV 1-2 g c/8 h o Ceftriaxona 1-2 g IV/24 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-plus text-blue-500"></i> Macrólido</div><p>Azitromicina 500 mg IV/24 h o Levofloxacino 500 mg IV c/12 h.</p></div>
+        <h3>UCI (PSI &gt;130 / CURB-65 &gt;2)</h3>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Ceftriaxona</div><p>Ceftriaxona 2 g IV c/12 h + Azitromicina o Levofloxacino.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><ul class="list-disc text-gray-700 ml-5"><li>No requiere microbiología en ambulatorio.</li><li>En temporada gripal considerar oseltamivir.</li></ul></div>
+      </div>
+      <!-- Neumonía Especial -->
+      <div id="nac_especial" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-skull-crossbones text-purple-600"></i> Neumonía Especial</h2>
+        <h3>Broncoaspiración</h3>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> De elección</div><p>Amoxicilina/Clavulánico 2 g IV c/8 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia</div><p>Clindamicina 600 mg IV c/8 h + Levofloxacino 500 mg IV.</p></div>
+        <h3>Neumonía necrotizante/absceso</h3>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> De elección</div><p>Amoxicilina/Clavulánico 2 g IV c/6-8 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia</div><p>Clindamicina 600-900 mg IV c/8 h.</p></div>
+        <h3>Paciente inmunodeprimido</h3>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Pseudomonas</div><p>Cefepime 2 g IV c/8 h o Piperacilina/Tazobactam 4.5 g IV c/6 h.</p></div>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> PCP</div><p>Cotrimoxazol 15 mg/kg/día IV dividido en 3-4 dosis ± Metilprednisolona.</p></div>
+      </div>
+      <!-- Neumonía Nosocomial -->
+      <div id="nosocomial" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-hospital text-red-700"></i> Neumonía Nosocomial</h2>
+        <h3>No grave, sin resistencia</h3>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección</div><p>Ceftriaxona 2 g IV/24 h.</p></div>
+        <h3>No grave, con resistencia</h3>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección</div><p>Cefepime 2 g IV c/8 h + Linezolid 600 mg IV c/12 h.</p></div>
+        <h3>Grave o VMI/factores riesgo</h3>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Elección</div><p>Imipenem 1 g IV c/8 h o Meropenem 2 g IV c/8 h + Amikacina 1 g IV/24 h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle text-blue-500"></i> Observaciones</div><ul class="list-disc text-gray-700 ml-5"><li>Duración 5-14 días según severidad.</li><li>Obtener cultivos, secuenciar a VO cuando sea posible.</li></ul></div>
+      </div>
+    </div>
+    <script>
+      const sel = document.getElementById('respSelector');
+      const res = document.getElementById('result');
+      const st = document.getElementById('guide-content-storage');
+      sel.addEventListener('change', () => {
+        res.innerHTML = '';
+        const id = sel.value;
+        if (!id) return;
+        const node = st.querySelector('#' + id);
+        if (node) res.appendChild(node.cloneNode(true));
+      });
+    </script>
+    <div class="mt-12 text-center text-sm text-gray-500">
+      <p>© 2025 Grupo PROA del Hospital de Alcañiz</p>
+      <p>Elaborado por Dr. Antonio J. Arnal Meinhardt | Médico de Urgencias</p>
+    </div>
+  </div>
+</body>
+</html>

proa/respiratorio_pediatrico.html ADDED Viewed

	@@ -0,0 +1,152 @@

+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Guía PROA - Respiratorio Pediátrico</title>
+  <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>
+    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
+    body { font-family: 'Montserrat', sans-serif; background-color: #f8fafc; }
+    .treatment-card { transition: all 0.3s ease; }
+    .treatment-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); }
+    .custom-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; }
+    ul { list-style-position: outside; margin-left: 1.25rem; }
+    li { margin-bottom: 0.25rem; }
+  </style>
+</head>
+<body class="min-h-screen bg-gray-50">
+  <div class="max-w-4xl mx-auto px-4 py-8">
+    <div class="flex items-center gap-3 mb-6">
+      <div class="bg-blue-600 p-2 rounded-lg text-white"><i class="fas fa-lungs text-2xl"></i></div>
+      <h1 class="text-3xl font-bold text-gray-800">Guía PROA - Respiratorio Pediátrico</h1>
+    </div>
+    <div class="bg-white rounded-xl shadow-md p-6 mb-6">
+      <label for="diagnosticSelector" class="block text-lg font-medium text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-arrow-down text-red-500"></i> Escenario</label>
+      <select id="diagnosticSelector" class="custom-select block w-full pl-3 pr-10 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
+        <option value="">-- Selecciona un escenario --</option>
+        <option value="ambulatorio_4m_4a_viral">Ambulatorio 4m-4a: Sospecha vírica</option>
+        <option value="ambulatorio_4m_4a_tipica_vac">Ambulatorio 4m-4a: Neumonía típica (vacunados Hib)</option>
+        <option value="ambulatorio_4m_4a_tipica_no_vac">Ambulatorio 4m-4a: Neumonía típica (no vacunados/coinf. gripal)</option>
+        <option value="ambulatorio_4m_4a_atipica">Ambulatorio 4m-4a: Neumonía atípica</option>
+        <option value="ambulatorio_5m_mayores_tipica">Ambulatorio ≥5a: Neumonía típica</option>
+        <option value="ambulatorio_5m_mayores_atipica">Ambulatorio ≥5a: Neumonía atípica</option>
+        <option value="hosp_0_4s">Hospitalizados 0-4 semanas</option>
+        <option value="hosp_1_3m">Hospitalizados 1-3 meses</option>
+        <option value="hosp_4m_4a">Hospitalizados 4m-4a</option>
+        <option value="hosp_mayores5">Hospitalizados >5 años</option>
+        <option value="especial_aspiracion">Situaciones especiales: Aspiración</option>
+        <option value="especial_inmune_no_grave">Situaciones especiales: Inmunodepresión no grave</option>
+        <option value="especial_inmune_grave">Situaciones especiales: Inmunodepresión grave</option>
+        <option value="especial_nosocomial_precoz">Situaciones especiales: Neumonía nosocomial precoz (&lt;5d)</option>
+        <option value="especial_nosocomial_tardia">Situaciones especiales: Neumonía nosocomial tardía (&gt;5d)</option>
+      </select>
+    </div>
+    <div id="result" class="space-y-6"></div>
+    <div id="guide-content-storage" class="hidden">
+      <!-- Ambulatorio 4m-4a Viral -->
+      <div id="ambulatorio_4m_4a_viral" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-virus text-purple-600"></i> Ambulatorio 4m-4a: Sospecha vírica</h2>
+        <p class="text-gray-700">No se recomienda tratamiento antibiótico empírico.</p>
+        <div class="mt-4 text-sm text-gray-600">Revaluar si empeora o persiste >48-72h.</div>
+      </div>
+      <!-- Ambulatorio 4m-4a Típica vacunados -->
+      <div id="ambulatorio_4m_4a_tipica_vac" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Ambulatorio 4m-4a: Neumonía típica (vacunados Hib)</h2>
+        <p class="text-gray-700"><strong>Tratamiento:</strong> Amoxicilina VO 80-90 mg/kg/día en 3 dosis (máx. 4-6 g/día) durante 5-7 días.</p>
+        <div class="mt-4 text-sm text-gray-600">Si mala respuesta a 48-72h, añadir o cambiar a azitromicina.</div>
+      </div>
+      <!-- Ambulatorio 4m-4a Típica no vacunados -->
+      <div id="ambulatorio_4m_4a_tipica_no_vac" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Ambulatorio 4m-4a: Neumonía típica (no vacunados/coinf. gripal)</h2>
+        <p class="text-gray-700"><strong>Tratamiento:</strong> Amoxicilina-Clavulánico VO 80-90 mg/kg/día de amoxicilina + clavulánico (máx. 375 mg/día) en 3 dosis durante 5-7 días.</p>
+      </div>
+      <!-- Ambulatorio 4m-4a Atípica -->
+      <div id="ambulatorio_4m_4a_atipica" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Ambulatorio 4m-4a: Neumonía atípica</h2>
+        <p class="text-gray-700"><strong>Tratamiento:</strong> Azitromicina VO 10 mg/kg cada 24h (máx. 500 mg) durante 3 días.</p>
+      </div>
+      <!-- Ambulatorio ≥5 Tipica -->
+      <div id="ambulatorio_5m_mayores_tipica" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Ambulatorio ≥5a: Neumonía típica</h2>
+        <p class="text-gray-700"><strong>Tratamiento:</strong> Amoxicilina VO 80-90 mg/kg/día en 3 dosis (máx. 4-6 g/día) durante 5-7 días.</p>
+      </div>
+      <!-- Ambulatorio ≥5 Atipica -->
+      <div id="ambulatorio_5m_mayores_atipica" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Ambulatorio ≥5a: Neumonía atípica</h2>
+        <p class="text-gray-700"><strong>Tratamiento:</strong> Azitromicina VO 10 mg/kg cada 24h (máx. 500 mg) durante 3 días.<br><strong>Alternativa:</strong> Claritromicina VO 7,5 mg/kg/12h (máx. 1 g/día) 5 días.</p>
+      </div>
+      <!-- Hospitalizados 0-4 semanas -->
+      <div id="hosp_0_4s" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-hospital text-red-600"></i> Hospitalizados 0-4 semanas</h2>
+        <p class="text-gray-700"><strong>Tratamiento:</strong> Ampicilina IV 37,5-75 mg/kg c/6h (máx. 12 g/día) + Gentamicina IV 5-7,5 mg/kg/día 7 días.<br>Si grave o derrame pleural: ampliar a 10-14 días.</p>
+      </div>
+      <!-- Hospitalizados 1-3 meses -->
+      <div id="hosp_1_3m" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-hospital text-red-600"></i> Hospitalizados 1-3 meses</h2>
+        <p class="text-gray-700"><strong>Tratamiento:</strong> Ampicilina IV 37,5-75 mg/kg c/6h + Cefotaxima IV 137,5-75 mg/kg c/6h 7 días.<br>Si grave o derrame pleural: 10-14 días.</p>
+      </div>
+      <!-- Hospitalizados 4m-4a -->
+      <div id="hosp_4m_4a" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-hospital text-red-600"></i> Hospitalizados 4m-4a: Neumonía típica</h2>
+        <p class="text-gray-700"><strong>Tratamiento:</strong> Ampicilina IV 37,5-75 mg/kg c/6h 7 días.</p>
+        <p class="mt-2 text-gray-700"><strong><6m no vacunados/coinf.gripal:</strong> Amoxicilina-Clavulánico IV 100-150 mg/kg/día en 3-4 dosis 7 días.</p>
+        <p class="mt-2 text-gray-700"><strong>Alergia:</strong> Tipo I: Levofloxacino IV 10 mg/kg c/12h; Sin I: Cefotaxima IV 37,5-75 mg/kg c/6h.</p>
+        <p class="mt-2 text-gray-700"><strong>Derrame:</strong> Ampicilina 75 mg/kg c/6h 10-14 días.</p>
+        <p class="mt-2 text-gray-700"><strong>Necrosante/absceso:</strong> Cefotaxima + Clindamicina IV 7,5-10 mg/kg c/6h 14 días.</p>
+      </div>
+      <!-- Hospitalizados >5 años -->
+      <div id="hosp_mayores5" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-hospital text-red-600"></i> Hospitalizados >5 años</h2>
+        <p class="text-gray-700"><strong>Típica:</strong> Ampicilina IV 37,5-75 mg/kg c/6h 7 días (alergia similar a <5a).</p>
+        <p class="mt-2 text-gray-700"><strong>Atípica:</strong> Azitromicina VO 10 mg/kg c/24h 3 días.</p>
+      </div>
+      <!-- Especial Aspiración -->
+      <div id="especial_aspiracion" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-exchange-alt text-orange-500"></i> Situaciones especiales: Aspiración</h2>
+        <p class="text-gray-700"><strong>De elección:</strong> Amoxicilina-Clavulánico IV 100-150 mg/kg/día en 3 dosis 10 días.<br><strong>Alternativa:</strong> Clindamicina IV 7,5-10 mg/kg ± Gentamicina 5,5-7,5 mg/kg/día 10-14 días.</p>
+      </div>
+      <!-- Especial Inmunodepresión no grave -->
+      <div id="especial_inmune_no_grave" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-user-shield text-red-600"></i> Situaciones especiales: Inmunodepresión no grave</h2>
+        <p class="text-gray-700">Cefotaxima IV 37,5 mg/kg c/6h 14 días.</p>
+      </div>
+      <!-- Especial Inmunodepresión grave -->
+      <div id="especial_inmune_grave" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-user-shield text-black"></i> Situaciones especiales: Inmunodepresión grave</h2>
+        <p class="text-gray-700">Cefepime IV 50 mg/kg c/8h 14 días.</p>
+      </div>
+      <!-- Especial Nosocomial Precoz -->
+      <div id="especial_nosocomial_precoz" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-hospital-user text-purple-600"></i> Situaciones especiales: Neumonía nosocomial precoz (&lt;5d)</h2>
+        <p class="text-gray-700">Cefotaxima IV 37,5 mg/kg c/6h 14 días.</p>
+      </div>
+      <!-- Especial Nosocomial Tardía -->
+      <div id="especial_nosocomial_tardia" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4"><i class="fas fa-hospital-user text-purple-600"></i> Situaciones especiales: Neumonía nosocomial tardía (&gt;5d)</h2>
+        <p class="text-gray-700">Cefepime IV 50 mg/kg c/8h + Amikacina IV 7,5-10 mg/kg c/12h 14 días.</p>
+      </div>
+    </div>
+    <script>
+      const sel = document.getElementById('diagnosticSelector');
+      const res = document.getElementById('result');
+      const storage = document.getElementById('guide-content-storage');
+      sel.addEventListener('change', () => {
+        res.innerHTML = '';
+        const id = sel.value;
+        if (!id) return;
+        const node = storage.querySelector('#' + id);
+        if (node) res.appendChild(node.cloneNode(true));
+      });
+    </script>
+    <div class="mt-12 text-center text-sm text-gray-500">
+      <p>© 2025 Grupo PROA del Hospital de Alcañiz</p>
+      <p>Elaborado por Dr. Antonio J. Arnal Meinhardt | Médico de Urgencias</p>
+    </div>
+  </div>
+</body>
+</html>

proa/sindrome_febril_agudo_pediatrico.html ADDED Viewed

	@@ -0,0 +1,125 @@

+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Guía PROA - Síndrome Febril Agudo sin Foco Pediátrico</title>
+  <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>
+    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
+    body { font-family: 'Montserrat', sans-serif; background-color: #f8fafc; }
+    .treatment-card { background-color: white; border: 1px solid #e5e7eb; border-radius: 0.75rem; padding: 1.5rem; transition: all 0.3s ease; }
+    .treatment-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); }
+    .pathogen-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.5rem 0; }
+    .pathogen-item { background-color: #e0f2fe; color: #0369a1; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.875rem; font-weight: 500; }
+    .treatment-option { background-color: white; border-radius: 0.5rem; padding: 1rem; margin-top: 1rem; border-left: 4px solid #3b82f6; }
+    .treatment-title { font-weight: 600; color: #1e40af; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
+    .note-box { background-color: #fffbeb; border-left: 4px solid #f59e0b; padding: 0.75rem; margin-top: 1rem; border-radius: 0 0.5rem 0.5rem 0; }
+    .note-title { font-weight: 600; color: #92400e; display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; }
+    .custom-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; }
+    ul { list-style-position: outside; margin-left: 1.25rem; }
+    li { margin-bottom: 0.25rem; }
+  </style>
+</head>
+<body class="min-h-screen bg-gray-50">
+  <div class="max-w-4xl mx-auto px-4 py-8">
+    <div class="flex items-center gap-3 mb-6">
+      <div class="bg-blue-600 p-2 rounded-lg text-white"><i class="fas fa-thermometer-half text-2xl"></i></div>
+      <h1 class="text-3xl font-bold text-gray-800">Guía PROA - Síndrome Febril Agudo sin Foco (Pediátrico)</h1>
+    </div>
+    <div class="bg-white rounded-xl shadow-md p-6 mb-6">
+      <label for="selector" class="block text-lg font-medium text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-arrow-down text-red-500"></i> Escenario</label>
+      <select id="selector" class="custom-select block w-full pl-3 pr-10 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
+        <option value="">-- Selecciona un escenario --</option>
+        <option value="menor1mes">Menor de 1 mes</option>
+        <option value="lactantes1_3">1-3 meses</option>
+        <option value="ninos3_36">3-36 meses</option>
+      </select>
+    </div>
+    <div id="result" class="space-y-6"></div>
+    <div id="guide-content" class="hidden">
+      <!-- Menor 1 mes -->
+      <div id="menor1mes" class="treatment-card">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-baby text-blue-500"></i> Menor de 1 mes</h2>
+        <h3 class="font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Etiología Frecuente</h3>
+        <div class="pathogen-list">
+          <span class="pathogen-item">S. agalactiae</span>
+          <span class="pathogen-item">E. coli</span>
+          <span class="pathogen-item">Enterobacterias</span>
+          <span class="pathogen-item">L. monocytogenes</span>
+          <span class="pathogen-item">Enterococos</span>
+        </div>
+        <h3 class="font-semibold text-gray-700 mt-4 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico</h3>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> De elección</div><p>Ampicilina IV 50 mg/kg c/12h (<7d) o c/8h (>7d) + Gentamicina IV 4 mg/kg/día.</p></div>
+        <div class="treatment-option border-blue-500"><div class="treatment-title"><i class="fas fa-exclamation-triangle text-blue-500"></i> Sospecha de meningitis</div><p>Ampicilina IV 65-100 mg/kg c/8h (<7d) o 75 mg/kg c/6h (>7d) + Cefotaxima IV 50 mg/kg c/6h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle"></i> Observaciones</div>
+          <ul>
+            <li>Neonatos con buen estado y pruebas normales: ingresar sin antibiótico, observar y repetir cultivos.</li>
+            <li>Alta precoz tras 48h de cultivos negativos con seguimiento estrecho.</li>
+          </ul>
+        </div>
+      </div>
+      <!-- Lactantes 1-3 meses -->
+      <div id="lactantes1_3" class="treatment-card">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-infant text-purple-600"></i> Lactantes (1-3 meses)</h2>
+        <h3 class="font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Etiología Frecuente</h3>
+        <div class="pathogen-list">
+          <span class="pathogen-item">Neumococo</span>
+          <span class="pathogen-item">Meningococo</span>
+          <span class="pathogen-item">H. influenzae</span>
+          <span class="pathogen-item">S. agalactiae</span>
+          <span class="pathogen-item">E. coli</span>
+          <span class="pathogen-item">L. monocytogenes</span>
+        </div>
+        <h3 class="font-semibold text-gray-700 mt-4 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico</h3>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> No bajo riesgo</div><p>Ampicilina IV 50 mg/kg c/6h + Gentamicina IV 4 mg/kg/día.</p></div>
+        <div class="treatment-option border-blue-500"><div class="treatment-title"><i class="fas fa-exclamation-triangle text-blue-500"></i> Sospecha meningitis</div><p>Cefotaxima IV 50-75 mg/kg c/6h + Ampicilina IV 50 mg/kg c/6h.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle"></i> Bajo riesgo</div>
+          <p class="text-gray-700">Criterios clínicos (YIOS &lt;7) y analíticos (leucocitos 5-15k, neutrófilos &lt;10k, PCR &lt;20, PCT &lt;0.5, tira orina negativa). Repetir analítica a 6h; si estable, observar sin antibiótico.</p>
+        </div>
+      </div>
+      <!-- Niños 3-36 meses -->
+      <div id="ninos3_36" class="treatment-card">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-child text-green-600"></i> Niños (3-36 meses)</h2>
+        <h3 class="font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Etiología Frecuente</h3>
+        <div class="pathogen-list">
+          <span class="pathogen-item">Neumococo</span>
+          <span class="pathogen-item">Meningococo</span>
+          <span class="pathogen-item">H. influenzae</span>
+          <span class="pathogen-item">Salmonella spp.</span>
+        </div>
+        <h3 class="font-semibold text-gray-700 mt-4 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico</h3>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> Estado grave (YALE >15)</div><p>Cefotaxima IV 50 mg/kg c/6h ± Vancomicina IV 10 mg/kg c/6h.</p></div>
+        <div class="treatment-option border-green-500"><div class="treatment-title"><i class="fas fa-home text-green-500"></i> Posible alta</div><p>Ceftriaxona IM/IV 50 mg/kg dosis única, luego Amoxicilina VO 25-30 mg/kg c/8h hasta cultivos.</p></div>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle"></i> Observaciones</div>
+          <ul>
+            <li>Buen estado (YALE &lt;11) y T &lt;39°C: alta sin antibiótico.</li>
+            <li>T ≥39°C: estudio de orina y vacunación; según resultados, valorar antibioterapia.</li>
+            <li>Elevación de PCR &gt;30 mg/L o PCT &gt;0.5 ng/mL: iniciar antibioterapia.</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+    <script>
+      const sel = document.getElementById('selector');
+      const res = document.getElementById('result');
+      const storage = document.getElementById('guide-content');
+      sel.addEventListener('change', () => {
+        res.innerHTML = '';
+        const id = sel.value;
+        if (!id) return;
+        const node = storage.querySelector('#' + id);
+        if (node) res.appendChild(node.cloneNode(true));
+      });
+    </script>
+    <div class="mt-12 text-center text-sm text-gray-500">
+      <p>© 2025 Grupo PROA del Hospital de Alcañiz</p>
+      <p>Elaborado por Dr. Antonio J. Arnal Meinhardt | Médico de Urgencias</p>
+    </div>
+  </div>
+</body>
+</html>

proa/sistema_nervioso_central_pediatrico.html ADDED Viewed

	@@ -0,0 +1,124 @@

+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Guía PROA - SNC Pediátrico</title>
+  <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>
+    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
+    body { font-family: 'Montserrat', sans-serif; background-color: #f8fafc; }
+    .treatment-card { background-color: white; border: 1px solid #e5e7eb; border-radius: 0.75rem; padding: 1.5rem; transition: all 0.3s ease; }
+    .treatment-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); }
+    .pathogen-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.5rem 0; }
+    .pathogen-item { background-color: #e0f2fe; color: #0369a1; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.875rem; font-weight: 500; }
+    .treatment-option { background-color: white; border-radius: 0.5rem; padding: 1rem; margin-top: 1rem; border-left: 4px solid #3b82f6; }
+    .treatment-title { font-weight: 600; color: #1e40af; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
+    .note-box { background-color: #fffbeb; border-left: 4px solid #f59e0b; padding: 0.75rem; margin-top: 1rem; border-radius: 0 0.5rem 0.5rem 0; }
+    .note-title { font-weight: 600; color: #92400e; display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; }
+    .custom-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; }
+    ul { list-style-position: outside; margin-left: 1.25rem; }
+    li { margin-bottom: 0.25rem; }
+  </style>
+</head>
+<body class="min-h-screen bg-gray-50">
+  <div class="max-w-4xl mx-auto px-4 py-8">
+    <div class="flex items-center gap-3 mb-6">
+      <div class="bg-blue-600 p-2 rounded-lg text-white"><i class="fas fa-brain text-2xl"></i></div>
+      <h1 class="text-3xl font-bold text-gray-800">Guía PROA - Sistema Nervioso Central (Pediátrico)</h1>
+    </div>
+    <div class="bg-white rounded-xl shadow-md p-6 mb-6">
+      <label for="selector" class="block text-lg font-medium text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-arrow-down text-red-500"></i> Selecciona</label>
+      <select id="selector" class="custom-select block w-full pl-3 pr-10 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
+        <option value="">-- Escenario clínico --</option>
+        <option value="neonatal">Meningitis Neonatal (<1 mes)</option>
+        <option value="lactantes">Meningitis Lactantes (1-3 meses)</option>
+        <option value="mayores">Meningitis (>3 meses)</option>
+        <option value="alergia">Manejo: Alergia Beta-lactámicos</option>
+        <option value="dexametasona">Uso de Dexametasona</option>
+        <option value="duracion">Duración del Tratamiento</option>
+      </select>
+    </div>
+    <div id="result" class="space-y-6"></div>
+    <div id="guide-content" class="hidden">
+      <!-- Neonatal -->
+      <div id="neonatal" class="treatment-card">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-baby text-blue-500"></i> Neonatal (&lt;1 mes)</h2>
+        <h3 class="font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Etiología Frecuente</h3>
+        <div class="pathogen-list"><span class="pathogen-item">S. agalactiae</span><span class="pathogen-item">E. coli</span><span class="pathogen-item">L. monocytogenes</span></div>
+        <h3 class="font-semibold text-gray-700 mt-4 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico</h3>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> De elección</div><p>Cefotaxima IV 300 mg/kg/día c/6h + Ampicilina IV 300 mg/kg/día c/6h.</p></div>
+        <div class="treatment-option border-orange-500"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia confirmada</div><p>Aztreonam IV 150 mg/kg/día c/6h + Vancomicina IV 60 mg/kg/día c/6h <br>o Levofloxacino 10 mg/kg/día c/24h (<i>≥6m: 20 mg/kg/día c/12h</i>).</p></div>
+      </div>
+      <!-- Lactantes -->
+      <div id="lactantes" class="treatment-card">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-infant text-purple-600"></i> Lactantes (1-3 meses)</h2>
+        <h3 class="font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Etiología Frecuente</h3>
+        <div class="pathogen-list"><span class="pathogen-item">S. agalactiae</span><span class="pathogen-item">H. influenzae</span><span class="pathogen-item">E. coli</span><span class="pathogen-item">N. meningitidis</span><span class="pathogen-item">L. monocytogenes</span><span class="pathogen-item">S. pneumoniae</span></div>
+        <h3 class="font-semibold text-gray-700 mt-4 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico</h3>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> De elección</div><p>Cefotaxima IV 300 mg/kg/día c/6h <i>o</i> Ceftriaxona IV 100 mg/kg/día c/12h + Ampicilina IV 300 mg/kg/día c/6h + Vancomicina IV 60 mg/kg/día c/6h.</p></div>
+        <div class="treatment-option border-orange-500"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia</div><p>Aztreonam IV 150 mg/kg/día c/6h + Vancomicina IV 60 mg/kg/día c/6h.</p></div>
+      </div>
+      <!-- Mayores -->
+      <div id="mayores" class="treatment-card">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-child text-green-600"></i> Mayores de 3 meses</h2>
+        <h3 class="font-semibold text-gray-700 mb-2 flex	items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Etiología Frecuente</h3>
+        <div class="pathogen-list"><span class="pathogen-item">N. meningitidis</span><span class="pathogen-item">H. influenzae</span><span class="pathogen-item">S. pneumoniae</span></div>
+        <h3 class="font-semibold text-gray-700 mt-4 mb-2 flex	items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico</h3>
+        <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> De elección</div><p>Cefotaxima IV 300 mg/kg/día c/6h <i>o</i> Ceftriaxona IV 100 mg/kg/día c/12h + Vancomicina IV 60 mg/kg/día c/6h.</p></div>
+        <div class="treatment-option border-orange-500"><div class="treatment-title"><i class="fas fa-allergies text-orange-500"></i> Alergia</div><p>Aztreonam IV 150 mg/kg/día c/6h + Vancomicina IV 60 mg/kg/día c/6h.</p></div>
+      </div>
+      <!-- Alergia -->
+      <div id="alergia" class="treatment-card">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex	items-center gap-2"><i class="fas fa-allergies text-red-500"></i> Alergia a Beta-lactámicos</h2>
+        <div class="note-box"><div class="note-title"><i class="fas fa-info-circle"></i> Consideraciones</div>
+          <ul>
+            <li>Penicilinas/aminopenicilinas (tardía no grave): usar cefalosporinas no relacionadas + vancomicina.</li>
+            <li>Reacción grave (anafilaxia, urticaria): Aztreonam + vancomicina.</li>
+            <li>Reacción a cefalosporinas: Aztreonam + vancomicina.</li>
+          </ul>
+        </div>
+      </div>
+      <!-- Dexametasona -->
+      <div id="dexametasona" class="treatment-card">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex	items-center gap-2"><i class="fas fa-pills text-yellow-600"></i> Uso de Dexametasona</h2>
+        <p class="text-gray-700"><strong>Dosis:</strong> 0.15 mg/kg IV c/6h (máx. 10 mg) durante 2-4 días.</p>
+        <p class="text-gray-700 mt-2">Administrar antes o con primer antibiótico. Indicado ≥6 semanas; suspender si se descarta Hib, neumococo o TBC.</p>
+      </div>
+      <!-- Duración -->
+      <div id="duracion" class="treatment-card">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex	items-center gap-2"><i class="fas fa-clock text-gray-700"></i> Duración del Tratamiento</h2>
+        <ul class="text-gray-700">
+          <li>Neumococo: 10-14 días</li>
+          <li>Meningococo: 7 días</li>
+          <li>H. influenzae: 7-10 días</li>
+          <li>S. agalactiae: 14-21 días</li>
+          <li>Bacilos Gram-negativos: 14-21 días</li>
+          <li>Listeria monocytogenes: 21 días</li>
+          <li>S. aureus: mínimo 14 días</li>
+        </ul>
+      </div>
+    </div>
+    <script>
+      const sel = document.getElementById('selector');
+      const res = document.getElementById('result');
+      const storage = document.getElementById('guide-content');
+      sel.addEventListener('change', () => {
+        res.innerHTML = '';
+        const id = sel.value;
+        if (!id) return;
+        const node = storage.querySelector('#' + id);
+        if (node) res.appendChild(node.cloneNode(true));
+      });
+    </script>
+    <div class="mt-12 text-center text-sm text-gray-500">
+      <p>© 2025 Grupo PROA del Hospital de Alcañiz</p>
+      <p>Elaborado por Dr. Antonio J. Arnal Meinhardt | Médico de Urgencias</p>
+    </div>
+  </div>
+</body>
+</html>

proa/urologia_pediatrica.html ADDED Viewed

	@@ -0,0 +1,118 @@

+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Guía PROA - Infecciones Tracto Urinario (Pediatría)</title>
+  <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>
+    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
+    body { font-family: 'Montserrat', sans-serif; background-color: #f8fafc; }
+    .treatment-card { transition: all 0.3s ease; }
+    .treatment-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); }
+    .pathogen-list { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.5rem 0; }
+    .pathogen-item { background-color: #e0f2fe; color: #0369a1; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.875rem; font-weight: 500; }
+    .treatment-option { background-color: white; border-radius: 0.5rem; padding: 1rem; margin: 1rem 0 0.5rem 0; border-left: 4px solid #3b82f6; }
+    .treatment-title { font-weight: 600; color: #1e40af; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
+    .note-box { background-color: #fffbeb; border-left: 4px solid #f59e0b; padding: 0.75rem; margin: 1rem 0; border-radius: 0 0.5rem 0.5rem 0; }
+    .note-title { font-weight: 600; color: #92400e; display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; }
+    .custom-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; }
+    ul { list-style-position: outside; margin-left: 1.25rem; }
+    li { margin-bottom: 0.25rem; }
+    .sub-category { border-top: 1px dashed #cbd5e1; margin-top: 1.5rem; padding-top: 1.5rem; }
+    .sub-category-title { font-size: 1.25rem; font-weight: 600; color: #4b5563; margin-bottom: 1rem; }
+  </style>
+</head>
+<body class="min-h-screen bg-gray-50">
+  <div class="max-w-4xl mx-auto px-4 py-8">
+    <div class="flex items-center gap-3 mb-6">
+      <div class="bg-pink-500 p-2 rounded-lg text-white"><i class="fas fa-child text-2xl"></i></div>
+      <h1 class="text-3xl font-bold text-gray-800">Guía PROA - Infecciones Tracto Urinario (Pediatría)</h1>
+    </div>
+    <div class="bg-white rounded-xl shadow-md p-6 mb-6">
+      <label for="diagnosticSelector" class="block text-lg font-medium text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-arrow-down text-pink-500"></i> Tipo de Infección Urinaria</label>
+      <select id="diagnosticSelector" class="custom-select block w-full pl-3 pr-10 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
+        <option value="">-- Selecciona un tipo --</option>
+        <option value="cistitis_ped">Cistitis (ITU Baja)</option>
+        <option value="pielonefritis_ped">Pielonefritis Aguda (ITU Alta)</option>
+      </select>
+    </div>
+    <div id="result" class="space-y-6"></div>
+    <div id="guide-content-storage" class="hidden">
+      <div id="cistitis_ped" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-bladder text-orange-500"></i> Cistitis (Infección Tracto Urinario Baja)</h2>
+        <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos Frecuentes</h3><div class="pathogen-list"><span class="pathogen-item">Escherichia coli (70-90%)</span><span class="pathogen-item">Klebsiella spp</span><span class="pathogen-item">Proteus mirabilis</span><span class="pathogen-item">Otras enterobacterias</span><span class="pathogen-item">Enterococcus faecalis</span></div></div>
+        <div class="sub-category">
+          <h3 class="sub-category-title"><i class="fas fa-baby text-purple-500 mr-2"></i>Niños Menores de 6 años</h3>
+           <div class="mt-4"><h4 class="text-md font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico (VO)</h4>
+             <div class="treatment-option"><div class="treatment-title"><i class="fas fa-pills text-blue-500"></i> Opciones (Elegir una)</div><ul class="list-disc text-gray-700 space-y-1 ml-5"><li><strong>Cefuroxima:</strong> 7.5-15 mg/kg/dosis cada 12 horas VO.</li><li><strong>Amoxicilina-clavulánico:</strong> 40-50 mg/kg/día (dosis de amoxicilina) repartido cada 8 horas VO.</li><li><strong>Trimetoprim-sulfametoxazol (TMP/SMX):</strong> 2-3 mg/kg/dosis (dosis de trimetoprim) cada 12 horas VO. <span class="font-bold text-red-600">(NO usar en < 6 semanas de vida).</span></li></ul></div>
+              <div class="treatment-option border-green-500"><div class="treatment-title"><i class="far fa-calendar-alt text-green-600"></i> Duración</div><p class="text-gray-700">5-7 días.</p></div>
+          </div>
+        </div>
+        <div class="sub-category">
+          <h3 class="sub-category-title"><i class="fas fa-child text-teal-500 mr-2"></i>Niños de 6 años o Mayores</h3>
+           <div class="mt-4"><h4 class="text-md font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico (VO)</h4>
+             <div class="treatment-option"><div class="treatment-title"><i class="fas fa-check-circle text-green-500"></i> De elección (Fosfomicina)</div><ul class="list-disc text-gray-700 space-y-1 ml-5"><li><strong>Niños 6-12 años:</strong> Fosfomicina-trometamol 1 sobre de 2 g VO dosis única.</li><li><strong>Niños >12 años:</strong> Fosfomicina-trometamol 1 sobre de 3 g VO dosis única.</li><li><span class="text-sm italic">Nota: Puede ser necesaria una segunda dosis separada 24 horas si persistencia.</span></li></ul></div>
+             <div class="treatment-option"><div class="treatment-title"><i class="fas fa-exchange-alt text-blue-500"></i> Alternativas</div><p class="text-gray-700">Cualquiera de los fármacos indicados para menores de 6 años (Cefuroxima, Amoxi-clav, TMP/SMX).</p></div>
+             <div class="treatment-option border-green-500"><div class="treatment-title"><i class="far fa-calendar-alt text-green-600"></i> Duración</div><ul class="list-disc text-gray-700 space-y-1 ml-5"><li><strong>Fosfomicina:</strong> Dosis única (o 2 dosis separadas 24h).</li><li><strong>Otros fármacos:</strong> 3-5 días.</li></ul></div>
+           </div>
+        </div>
+        <div class="note-box mt-6"><div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Observaciones Generales Cistitis</div><ul class="list-disc text-gray-700 space-y-1"><li>No es necesario realizar urocultivo de control post-tratamiento si la respuesta clínica es adecuada.</li><li>Recordar la restricción de TMP/SMX en menores de 6 semanas.</li></ul></div>
+      </div>
+      <div id="pielonefritis_ped" class="treatment-card bg-white rounded-lg shadow-sm p-6 border border-gray-200">
+        <h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fas fa-temperature-high text-red-600"></i> Pielonefritis Aguda (Infección Tracto Urinario Alta)</h2>
+        <div class="mb-6"><h3 class="text-lg font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-bug text-blue-500"></i> Agentes etiológicos Frecuentes</h3><div class="pathogen-list"><span class="pathogen-item">Escherichia coli (70-90%)</span><span class="pathogen-item">Klebsiella spp</span><span class="pathogen-item">Proteus mirabilis</span><span class="pathogen-item">Otras enterobacterias</span><span class="pathogen-item">Enterococcus faecalis</span></div></div>
+        <div class="sub-category">
+          <h3 class="sub-category-title"><i class="fas fa-clinic-medical mr-2"></i>Tratamiento Ambulatorio (Sin Ingreso)</h3>
+           <div class="mt-4"><h4 class="text-md font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico</h4>
+             <div class="treatment-option"><div class="treatment-title"><i class="fas fa-pills text-blue-500"></i> Opción (VO)</div><p class="text-gray-700"><strong>Cefixima:</strong> 8 mg/kg cada 12 horas VO el primer día, luego continuar con 8 mg/kg cada 24 horas VO.</p></div>
+           </div>
+        </div>
+        <div class="sub-category">
+           <h3 class="sub-category-title"><i class="fas fa-procedures text-red-700 mr-2"></i>Tratamiento con Ingreso Hospitalario</h3>
+           <div class="mt-4"><h4 class="text-md font-semibold text-gray-700 mb-2 flex items-center gap-2"><i class="fas fa-prescription-bottle-alt text-blue-500"></i> Tratamiento Empírico (IV)</h4>
+             <div class="treatment-option border-purple-500"><div class="treatment-title"><i class="fas fa-baby text-purple-600"></i> Menores de 3 meses</div><p class="text-gray-700 mb-1"><strong>De elección:</strong></p><ul class="list-disc text-gray-700 space-y-1 ml-5"><li>Ampicilina 25 mg/kg/dosis cada 6 horas IV <strong>+</strong> Gentamicina¹ 3-5 mg/kg/día cada 24 horas IV.</li></ul><p class="text-gray-700 mt-2 mb-1"><strong>Alternativa²:</strong></p><ul class="list-disc text-gray-700 space-y-1 ml-5"><li>Ampicilina 25 mg/kg/dosis cada 6 horas IV <strong>+</strong> Cefotaxima 100-150 mg/kg/día repartido cada 6-8 horas IV.</li></ul></div>
+             <div class="treatment-option border-teal-500"><div class="treatment-title"><i class="fas fa-child text-teal-600"></i> Mayores de 3 meses</div><p class="text-gray-700 mb-1"><strong>Opciones (Elegir una):</strong></p><ul class="list-disc text-gray-700 space-y-1 ml-5"><li><strong>Gentamicina¹:</strong> 5 mg/kg/día cada 24 horas IV.</li><li><strong>Cefotaxima:</strong> 150-200 mg/kg/día repartido cada 6-8 horas IV.</li><li><strong>Ceftriaxona:</strong> 50-75 mg/kg/día cada 12-24 horas IV.</li></ul></div>
+           </div>
+        </div>
+        <div class="note-box mt-6"><div class="note-title"><i class="fas fa-info-circle text-yellow-500"></i> Observaciones Generales Pielonefritis</div><ul class="list-disc text-gray-700 space-y-1"><li><strong>Duración total del tratamiento:</strong> 10 días.</li><li>Puede prolongarse a 2 semanas en lactantes pequeños o hasta 3 semanas si hay complicaciones o mala evolución.</li><li>En paciente hospitalizado: mantener antibioterapia parenteral hasta afebril, buen estado general y tolerancia oral adecuada, luego pasar a VO hasta completar duración total.</li><li>¹ Considerar Amikacina 20 mg/kg cada 24h IV en lugar de Gentamicina si existe riesgo de bacterias productoras de BLEE.</li><li>² Usar Alternativa (Ampicilina + Cefotaxima) en < 3 meses si: aspecto séptico, no descartada meningitis, insuficiencia renal o daño renal previo.</li><li>No es necesario realizar urocultivo de control post-tratamiento si la respuesta clínica es adecuada.</li></ul></div>
+      </div>
+    </div> <script>
+      const sel = document.getElementById('diagnosticSelector');
+      const res = document.getElementById('result');
+      const storage = document.getElementById('guide-content-storage');
+      sel.addEventListener('change', () => {
+        res.innerHTML = ''; // Limpia el resultado anterior
+        const id = sel.value;
+        if (!id) return; // Si se selecciona la opción vacía, no hacer nada
+        const node = storage.querySelector('#' + id);
+        if (node) {
+          // Clona el nodo del contenido y lo añade al área de resultados
+          res.appendChild(node.cloneNode(true));
+        } else {
+            // Opcional: Mostrar un mensaje si el contenido no se encuentra
+            res.innerHTML = `<p class="text-center text-red-500">Contenido para '${id}' no encontrado.</p>`;
+        }
+      });
+    </script>
+    <div class="mt-12 text-center text-sm text-gray-500">
+       <p>Basado en: GUÍA DE TRATAMIENTO EMPÍRICO INFECCIONES TRACTO URINARIO EN PEDIATRÍA PC-21_AL(E)A-EP Rev. A (16/10/2023)</p>
+      <p>© 2025 Grupo PROA del Hospital de Alcañiz</p>
+      <p>Elaborado por Dr. Antonio J. Arnal Meinhardt | Médico de Urgencias</p>
+      <p class="mt-1 text-xs">Autores Guía Original: Estela Soro Ferrer, Ana Revuelta Cabello, Nuria Clavero Montañés, Laura Ochoa Gómez, Claudia Orden Rueda, Andrea Pinilla Rello, Eva Queipo.</p>
+    </div>
+  </div>
+</body>
+</html>