guias/orl.html

<div id="otitis_media" class="treatment-card bg-white rounded-lg shadow-sm p-5 border border-gray-200 mb-6">
  <h2 class="text-base font-bold text-gray-800 mb-3 flex items-center gap-2"><i class="fas fa-ear-listen text-yellow-600 fa-fw"></i> Otitis Media Aguda</h2>
  <div class="pathogen-list flex flex-wrap gap-2 my-2">
    <span class="pathogen-item bg-blue-100 text-blue-700 px-3 py-1 rounded-full text-sm font-medium">S. pneumoniae</span>
    <span class="pathogen-item bg-pink-100 text-pink-700 px-3 py-1 rounded-full text-sm font-medium">H. influenzae</span>
    <span class="pathogen-item bg-purple-100 text-purple-700 px-3 py-1 rounded-full text-sm font-medium">M. catarrhalis</span>
    <span class="pathogen-item bg-red-100 text-red-700 px-3 py-1 rounded-full text-sm font-medium">Streptococo A</span>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-check-circle text-green-500 fa-fw"></i> Elección</div>
    <p class="text-base text-gray-700">Amoxicilina 1 g VO c/8 h (si criterios).</p>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-exchange-alt text-blue-500 fa-fw"></i> Segunda línea</div>
    <p class="text-base 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 bg-amber-50 border-l-4 border-amber-500 p-3 mt-4 rounded-r-lg">
    <div class="note-title text-base font-semibold text-amber-800 mb-1.5 flex items-center gap-2"><i class="fas fa-info-circle text-blue-500 fa-fw"></i> Observaciones</div>
    <ul class="list-disc list-outside ml-5 text-base text-gray-700 space-y-1">
      <li>Duración: 10 días.</li>
      <li>Criterios: fiebre >39 °C, otalgia intensa, sin mejoría en 48 h.</li>
    </ul>
  </div>
</div>

<div id="otitis_externa" class="treatment-card bg-white rounded-lg shadow-sm p-5 border border-gray-200 mb-6">
  <h2 class="text-base font-bold text-gray-800 mb-3 flex items-center gap-2"><i class="fas fa-water text-blue-600 fa-fw"></i> Otitis Externa</h2>
  <div class="pathogen-list flex flex-wrap gap-2 my-2">
    <span class="pathogen-item bg-teal-100 text-teal-700 px-3 py-1 rounded-full text-sm font-medium">Pseudomonas spp</span>
    <span class="pathogen-item bg-yellow-100 text-yellow-700 px-3 py-1 rounded-full text-sm font-medium">S. aureus</span>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-check-circle text-green-500 fa-fw"></i> Elección tópica</div>
    <p class="text-base text-gray-700">Ciprofloxacino gotas 4 gotas c/8 h ± corticoides.</p>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-orange-500">
    <div class="treatment-title text-base font-semibold text-orange-800 mb-1.5 flex items-center gap-2"><i class="fas fa-pastafarianism text-orange-400 fa-fw"></i> Fúngica</div>
    <p class="text-base text-gray-700">Clotrimazol gotas c/8 h o Clioquinol ótico 0.25 mg c/8 h.</p>
  </div>
  <div class="note-box bg-amber-50 border-l-4 border-amber-500 p-3 mt-4 rounded-r-lg">
    <div class="note-title text-base font-semibold text-amber-800 mb-1.5 flex items-center gap-2"><i class="fas fa-info-circle text-blue-500 fa-fw"></i> Observaciones</div>
    <ul class="list-disc list-outside ml-5 text-base text-gray-700 space-y-1">
      <li>Evitar humedad y manipulación.</li>
      <li>VO solo si extensión o tejidos blandos.</li>
    </ul>
  </div>
</div>

<div id="faringoamigdalitis" class="treatment-card bg-white rounded-lg shadow-sm p-5 border border-gray-200 mb-6">
  <h2 class="text-base font-bold text-gray-800 mb-3 flex items-center gap-2"><i class="fas fa-head-side-cough text-red-500 fa-fw"></i> Faringoamigdalitis</h2>
  <div class="pathogen-list flex flex-wrap gap-2 my-2">
    <span class="pathogen-item bg-purple-100 text-purple-700 px-3 py-1 rounded-full text-sm font-medium">Virus</span>
    <span class="pathogen-item bg-red-100 text-red-700 px-3 py-1 rounded-full text-sm font-medium">Streptococo A</span>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-check-circle text-green-500 fa-fw"></i> Elección</div>
    <p class="text-base 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 bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-allergies text-orange-500 fa-fw"></i> Alergia</div>
    <p class="text-base text-gray-700">Clindamicina 300 mg VO c/8 h o Claritromicina 500 mg VO c/12 h.</p>
  </div>
  <div class="note-box bg-amber-50 border-l-4 border-amber-500 p-3 mt-4 rounded-r-lg">
    <div class="note-title text-base font-semibold text-amber-800 mb-1.5 flex items-center gap-2"><i class="fas fa-info-circle text-blue-500 fa-fw"></i> Observaciones</div>
    <p class="text-base text-gray-700">Duración: 7-10 días. Sintomático en virosis.</p>
  </div>
</div>

<div id="rinosinusitis" class="treatment-card bg-white rounded-lg shadow-sm p-5 border border-gray-200 mb-6">
  <h2 class="text-base font-bold text-gray-800 mb-3 flex items-center gap-2"><i class="fas fa-head-side-mask text-green-600 fa-fw"></i> Rinosinusitis Aguda</h2>
  <div class="pathogen-list flex flex-wrap gap-2 my-2">
    <span class="pathogen-item bg-blue-100 text-blue-700 px-3 py-1 rounded-full text-sm font-medium">S. pneumoniae</span>
    <span class="pathogen-item bg-pink-100 text-pink-700 px-3 py-1 rounded-full text-sm font-medium">H. influenzae</span>
    <span class="pathogen-item bg-purple-100 text-purple-700 px-3 py-1 rounded-full text-sm font-medium">M. catarrhalis</span>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-check-circle text-green-500 fa-fw"></i> Elección</div>
    <p class="text-base text-gray-700">Amoxicilina 1 g VO c/8 h 10 días.</p>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-exchange-alt text-blue-500 fa-fw"></i> Sin mejoría 48 h</div>
    <p class="text-base 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 bg-amber-50 border-l-4 border-amber-500 p-3 mt-4 rounded-r-lg">
    <div class="note-title text-base font-semibold text-amber-800 mb-1.5 flex items-center gap-2"><i class="fas fa-info-circle text-blue-500 fa-fw"></i> Observaciones</div>
    <ul class="list-disc list-outside ml-5 text-base text-gray-700 space-y-1">
      <li>Solo antibiótico si secreción purulenta o dolor intenso.</li>
      <li>Otros: lavados nasales, descongestionantes.</li>
    </ul>
  </div>
</div>

<div id="otomastoiditis" class="treatment-card bg-white rounded-lg shadow-sm p-5 border border-gray-200 mb-6">
  <h2 class="text-base font-bold text-gray-800 mb-3 flex items-center gap-2"><i class="fas fa-bone text-indigo-600 fa-fw"></i> Otomastoiditis</h2>
  <div class="pathogen-list flex flex-wrap gap-2 my-2">
     <span class="pathogen-item bg-blue-100 text-blue-700 px-3 py-1 rounded-full text-sm font-medium">S. pneumoniae</span>
    <span class="pathogen-item bg-pink-100 text-pink-700 px-3 py-1 rounded-full text-sm font-medium">H. influenzae</span>
    <span class="pathogen-item bg-purple-100 text-purple-700 px-3 py-1 rounded-full text-sm font-medium">M. catarrhalis</span>
    <span class="pathogen-item bg-red-100 text-red-700 px-3 py-1 rounded-full text-sm font-medium">Streptococo A</span>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-check-circle text-green-500 fa-fw"></i> Elección IV</div>
    <p class="text-base 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 bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-allergies text-orange-500 fa-fw"></i> Alergia</div>
    <p class="text-base text-gray-700">Levofloxacino 500 mg IV/24 h.</p>
  </div>
  <div class="note-box bg-amber-50 border-l-4 border-amber-500 p-3 mt-4 rounded-r-lg">
    <div class="note-title text-base font-semibold text-amber-800 mb-1.5 flex items-center gap-2"><i class="fas fa-info-circle text-blue-500 fa-fw"></i> Observaciones</div>
    <p class="text-base text-gray-700">Ingreso y valoración por ORL.</p>
  </div>
</div>

<div id="flemon" class="treatment-card bg-white rounded-lg shadow-sm p-5 border border-gray-200 mb-6">
  <h2 class="text-base font-bold text-gray-800 mb-3 flex items-center gap-2"><i class="fas fa-biohazard text-red-600 fa-fw"></i> Flemón Periamigdalino/Parafaríngeo</h2>
  <div class="pathogen-list flex flex-wrap gap-2 my-2">
    <span class="pathogen-item bg-gray-100 text-gray-700 px-3 py-1 rounded-full text-sm font-medium">Polimicrobiana</span>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-check-circle text-green-500 fa-fw"></i> Elección IV</div>
    <p class="text-base text-gray-700">Amoxicilina/Clavulánico 1g/200 mg IV c/8 h.</p>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-purple-600">
    <div class="treatment-title text-base font-semibold text-purple-800 mb-1.5 flex items-center gap-2"><i class="fas fa-shield-virus text-purple-500 fa-fw"></i> Riesgo SARM</div>
    <p class="text-base 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 bg-amber-50 border-l-4 border-amber-500 p-3 mt-4 rounded-r-lg">
    <div class="note-title text-base font-semibold text-amber-800 mb-1.5 flex items-center gap-2"><i class="fas fa-info-circle text-blue-500 fa-fw"></i> Observaciones</div>
    <ul class="list-disc list-outside ml-5 text-base text-gray-700 space-y-1">
      <li>Drenaje absceso si procede.</li>
      <li>TAC cervical si mala evolución.</li>
    </ul>
  </div>
</div>

<div id="candidiasis_oral" class="treatment-card bg-white rounded-lg shadow-sm p-5 border border-gray-200 mb-6">
  <h2 class="text-base font-bold text-gray-800 mb-3 flex items-center gap-2"><i class="fas fa-pastafarianism text-pink-500 fa-fw"></i> Candidiasis Oral</h2>
  <div class="pathogen-list flex flex-wrap gap-2 my-2">
    <span class="pathogen-item bg-orange-100 text-orange-700 px-3 py-1 rounded-full text-sm font-medium">Candida spp</span>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-check-circle text-green-500 fa-fw"></i> Elección</div>
    <p class="text-base text-gray-700">Nistatina 5 ml VO enjuagar y tragar c/6-8 h x7 días.</p>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-exchange-alt text-blue-500 fa-fw"></i> Alternativa</div>
    <p class="text-base text-gray-700">Fluconazol 50-100 mg VO/día x7 días.</p>
  </div>
  <div class="note-box bg-amber-50 border-l-4 border-amber-500 p-3 mt-4 rounded-r-lg">
    <div class="note-title text-base font-semibold text-amber-800 mb-1.5 flex items-center gap-2"><i class="fas fa-info-circle text-blue-500 fa-fw"></i> Observaciones</div>
    <p class="text-base text-gray-700">Cultivo si repetición o no respuesta.</p>
  </div>
</div>

<div id="gingivoestomatitis" class="treatment-card bg-white rounded-lg shadow-sm p-5 border border-gray-200 mb-6">
  <h2 class="text-base font-bold text-gray-800 mb-3 flex items-center gap-2"><i class="fas fa-virus text-red-600 fa-fw"></i> Gingivoestomatitis Herpética</h2>
  <div class="pathogen-list flex flex-wrap gap-2 my-2">
    <span class="pathogen-item bg-purple-100 text-purple-700 px-3 py-1 rounded-full text-sm font-medium">VHS</span>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-check-circle text-green-500 fa-fw"></i> Elección</div>
    <p class="text-base text-gray-700">Aciclovir 400 mg VO 5 veces/día x7 días.</p>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-syringe text-blue-500 fa-fw"></i> IV si intolerancia</div>
    <p class="text-base text-gray-700">Aciclovir 5 mg/kg IV c/8 h.</p>
  </div>
  <div class="note-box bg-amber-50 border-l-4 border-amber-500 p-3 mt-4 rounded-r-lg">
    <div class="note-title text-base font-semibold text-amber-800 mb-1.5 flex items-center gap-2"><i class="fas fa-info-circle text-blue-500 fa-fw"></i> Observaciones</div>
    <p class="text-base text-gray-700">Úlceras múltiples, fiebre, difícil ingesta.</p>
  </div>
</div>

<div id="herpes_labial" class="treatment-card bg-white rounded-lg shadow-sm p-5 border border-gray-200 mb-6">
  <h2 class="text-base font-bold text-gray-800 mb-3 flex items-center gap-2"><i class="fas fa-kiss-wink-heart text-pink-600 fa-fw"></i> Herpes Labial</h2>
  <div class="pathogen-list flex flex-wrap gap-2 my-2">
     <span class="pathogen-item bg-purple-100 text-purple-700 px-3 py-1 rounded-full text-sm font-medium">VHS</span>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-check-circle text-green-500 fa-fw"></i> Elección</div>
    <p class="text-base 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 bg-amber-50 border-l-4 border-amber-500 p-3 mt-4 rounded-r-lg">
    <div class="note-title text-base font-semibold text-amber-800 mb-1.5 flex items-center gap-2"><i class="fas fa-info-circle text-blue-500 fa-fw"></i> Observaciones</div>
    <p class="text-base text-gray-700">Recurrencias >6/año: famciclovir o valaciclovir profiláctico.</p>
  </div>
</div>

<div id="infodont_sin" class="treatment-card bg-white rounded-lg shadow-sm p-5 border border-gray-200 mb-6">
  <h2 class="text-base font-bold text-gray-800 mb-3 flex items-center gap-2"><i class="fas fa-tooth text-yellow-700 fa-fw"></i> Infección Odontogénica sin Ingreso</h2>
  <div class="pathogen-list flex flex-wrap gap-2 my-2">
    <span class="pathogen-item bg-gray-100 text-gray-700 px-3 py-1 rounded-full text-sm font-medium">Polimicrobiana</span>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-check-circle text-green-500 fa-fw"></i> Elección</div>
    <p class="text-base text-gray-700">Amoxicilina/Clavulánico 875/125 mg VO c/8 h x5-7 días.</p>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-allergies text-orange-500 fa-fw"></i> Alergia</div>
    <p class="text-base 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 bg-amber-50 border-l-4 border-amber-500 p-3 mt-4 rounded-r-lg">
    <div class="note-title text-base font-semibold text-amber-800 mb-1.5 flex items-center gap-2"><i class="fas fa-info-circle text-blue-500 fa-fw"></i> Observaciones</div>
    <ul class="list-disc list-outside ml-5 text-base text-gray-700 space-y-1">
      <li>Drenar foco y/o exodoncia si necesario.</li>
      <li>Duración 5-7 días.</li>
    </ul>
  </div>
</div>

<div id="infodont_con" class="treatment-card bg-white rounded-lg shadow-sm p-5 border border-gray-200 mb-6">
  <h2 class="text-base font-bold text-gray-800 mb-3 flex items-center gap-2"><i class="fas fa-tooth text-red-700 fa-fw"></i> Infección Odontogénica con Ingreso</h2>
  <div class="pathogen-list flex flex-wrap gap-2 my-2">
    <span class="pathogen-item bg-gray-100 text-gray-700 px-3 py-1 rounded-full text-sm font-medium">Polimicrobiana</span>
    <span class="pathogen-item bg-pink-100 text-pink-700 px-3 py-1 rounded-full text-sm font-medium">Actinobacillus</span>
    <span class="pathogen-item bg-purple-100 text-purple-700 px-3 py-1 rounded-full text-sm font-medium">Porphyromonas</span>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-check-circle text-green-500 fa-fw"></i> Elección IV</div>
    <p class="text-base 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 bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-exchange-alt text-blue-500 fa-fw"></i> Alternativa</div>
    <p class="text-base 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 bg-amber-50 border-l-4 border-amber-500 p-3 mt-4 rounded-r-lg">
    <div class="note-title text-base font-semibold text-amber-800 mb-1.5 flex items-center gap-2"><i class="fas fa-info-circle text-blue-500 fa-fw"></i> Observaciones</div>
    <ul class="list-disc list-outside ml-5 text-base text-gray-700 space-y-1">
      <li>Ingresar y reevaluar 24-48 h.</li>
      <li>Hidratación, masaje glandular, antiinflamatorios.</li>
    </ul>
  </div>
</div>

<div id="gingivitis_aguda" class="treatment-card bg-white rounded-lg shadow-sm p-5 border border-gray-200 mb-6">
  <h2 class="text-base font-bold text-gray-800 mb-3 flex items-center gap-2"><i class="fas fa-tooth text-green-800 fa-fw"></i> Gingivitis Aguda</h2>
  <div class="pathogen-list flex flex-wrap gap-2 my-2">
     <span class="pathogen-item bg-gray-100 text-gray-700 px-3 py-1 rounded-full text-sm font-medium">Polimicrobiana</span>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-check-circle text-green-500 fa-fw"></i> Elección VO</div>
    <p class="text-base text-gray-700">Amoxicilina/Clavulánico 875/125 mg VO c/8 h.</p>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-allergies text-orange-500 fa-fw"></i> Alergia</div>
    <p class="text-base text-gray-700">Clindamicina 300 mg VO c/6 h.</p>
  </div>
  <div class="note-box bg-amber-50 border-l-4 border-amber-500 p-3 mt-4 rounded-r-lg">
    <div class="note-title text-base font-semibold text-amber-800 mb-1.5 flex items-center gap-2"><i class="fas fa-info-circle text-blue-500 fa-fw"></i> Observaciones</div>
    <ul class="list-disc list-outside ml-5 text-base text-gray-700 space-y-1">
      <li>Higiene oral intensa, enjuagues clorhexidina 0.12%.</li>
    </ul>
  </div>
</div>

<div id="sialoadenitis" class="treatment-card bg-white rounded-lg shadow-sm p-5 border border-gray-200 mb-6">
  <h2 class="text-base font-bold text-gray-800 mb-3 flex items-center gap-2"><i class="fas fa-head-side-virus text-indigo-700 fa-fw"></i> Sialoadenitis Aguda Supurada</h2>
  <div class="pathogen-list flex flex-wrap gap-2 my-2">
    <span class="pathogen-item bg-yellow-100 text-yellow-700 px-3 py-1 rounded-full text-sm font-medium">S. aureus</span>
    <span class="pathogen-item bg-blue-100 text-blue-700 px-3 py-1 rounded-full text-sm font-medium">S. pneumoniae</span>
    <span class="pathogen-item bg-pink-100 text-pink-700 px-3 py-1 rounded-full text-sm font-medium">H. influenzae</span>
    <span class="pathogen-item bg-cyan-100 text-cyan-700 px-3 py-1 rounded-full text-sm font-medium">E. coli</span>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-check-circle text-green-500 fa-fw"></i> Elección VO</div>
    <p class="text-base text-gray-700">Amoxicilina/Clavulánico 875/125 mg c/8 h + Metronidazol 500 mg c/8 h.</p>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-allergies text-orange-500 fa-fw"></i> Alergia</div>
    <p class="text-base text-gray-700">Clindamicina 600 mg IV c/8 h o Moxifloxacino 400 mg VO/24 h.</p>
  </div>
  <div class="note-box bg-amber-50 border-l-4 border-amber-500 p-3 mt-4 rounded-r-lg">
    <div class="note-title text-base font-semibold text-amber-800 mb-1.5 flex items-center gap-2"><i class="fas fa-info-circle text-blue-500 fa-fw"></i> Observaciones</div>
    <ul class="list-disc list-outside ml-5 text-base text-gray-700 space-y-1">
      <li>Hidratación, calor local, masaje glandular, antiinflamatorios.</li>
    </ul>
  </div>
</div>

<div id="absceso_cutaneo" class="treatment-card bg-white rounded-lg shadow-sm p-5 border border-gray-200 mb-6">
  <h2 class="text-base font-bold text-gray-800 mb-3 flex items-center gap-2"><i class="fas fa-cut text-red-500 fa-fw"></i> Absceso Cutáneo Cervicofacial</h2>
  <div class="pathogen-list flex flex-wrap gap-2 my-2">
     <span class="pathogen-item bg-gray-100 text-gray-700 px-3 py-1 rounded-full text-sm font-medium">Polimicrobiana</span>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-check-circle text-green-500 fa-fw"></i> Elección VO</div>
    <p class="text-base text-gray-700">Amoxicilina/Clavulánico 875/125 mg VO c/8 h x7 días.</p>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-allergies text-orange-500 fa-fw"></i> Alergia</div>
    <p class="text-base text-gray-700">Clindamicina 300 mg VO c/6 h x7 días.</p>
  </div>
  <div class="note-box bg-amber-50 border-l-4 border-amber-500 p-3 mt-4 rounded-r-lg">
    <div class="note-title text-base font-semibold text-amber-800 mb-1.5 flex items-center gap-2"><i class="fas fa-info-circle text-blue-500 fa-fw"></i> Observaciones</div>
    <p class="text-base text-gray-700">Drenaje de absceso si procede.</p>
  </div>
</div>

<div id="fascitis" class="treatment-card bg-white rounded-lg shadow-sm p-5 border border-gray-200 mb-6">
  <h2 class="text-base font-bold text-gray-800 mb-3 flex items-center gap-2"><i class="fas fa-skull-crossbones text-black fa-fw"></i> Fascitis Necrotizante Cervicofacial</h2>
  <div class="pathogen-list flex flex-wrap gap-2 my-2">
    <span class="pathogen-item bg-gray-100 text-gray-700 px-3 py-1 rounded-full text-sm font-medium">Polimicrobiana</span>
    <span class="pathogen-item bg-red-100 text-red-700 px-3 py-1 rounded-full text-sm font-medium">Streptococo A</span>
    <span class="pathogen-item bg-cyan-100 text-cyan-700 px-3 py-1 rounded-full text-sm font-medium">Enterobacterias</span>
  </div>
  <div class="treatment-option bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-check-circle text-green-500 fa-fw"></i> Elección IV</div>
    <p class="text-base 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 bg-white rounded-lg p-3 my-3 border-l-4 border-blue-600">
    <div class="treatment-title text-base font-semibold text-blue-800 mb-1.5 flex items-center gap-2"><i class="fas fa-exchange-alt text-blue-500 fa-fw"></i> Alternativa</div>
    <p class="text-base 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 bg-amber-50 border-l-4 border-amber-500 p-3 mt-4 rounded-r-lg">
    <div class="note-title text-base font-semibold text-amber-800 mb-1.5 flex items-center gap-2"><i class="fas fa-info-circle text-blue-500 fa-fw"></i> Observaciones</div>
    <p class="text-base text-gray-700">Ingresar y desbridamiento quirúrgico urgente.</p>
  </div>
</div>