File size: 16,823 Bytes
4134eda
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="UTF-8">
  <title>Apresentação: Anestesia para Transplante Hepático</title>
  <script src="https://cdn.tailwindcss.com"></script>
  <style>
    body {
      background-color: #111827;
      font-family: 'Segoe UI', sans-serif;
    }
    .slide {
      display: none;
    }
    .slide.active {
      display: block;
    }
    .bg-slide {
      background-color: #1f2937;
    }
    .text-highlight {
      color: #3b82f6;
    }
  </style>
</head>
<body class="text-white p-4">

  <div class="max-w-4xl mx-auto bg-gray-800 shadow-lg rounded-lg overflow-hidden">
    <div class="p-4 bg-blue-900 text-center text-2xl font-bold">Anestesia para Transplante Hepático</div>
    <div id="slides" class="p-6 space-y-6">
      <!-- Slide 1 -->
      <div class="slide active bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 1: Introdução</h2>
        <p>Transplante hepático é um procedimento complexo com grandes desafios anestésicos.</p>
        <img src="https://via.placeholder.com/600x200?text=Fígado+Saudável+vs+Cirrose" alt="Fígado" class="mt-4 mx-auto rounded">
      </div>

      <!-- Slide 2 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 2: Epidemiologia</h2>
        <ul class="list-disc pl-5 mt-2">
          <li>Indicações mais comuns: cirrose, hepatite C, hepatocarcinoma</li>
          <li>Doenças alcoólicas e NASH em crescimento</li>
        </ul>
      </div>

      <!-- Slide 3 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 3: Classificação</h2>
        <ul class="list-disc pl-5 mt-2">
          <li>Transplante ortotópico</li>
          <li>Transplante vivo</li>
          <li>Domínio cadavérico vs. domínio vivo</li>
        </ul>
      </div>

      <!-- Slide 4 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 4: Fisiopatologia da Cirrose</h2>
        <p>Pressão portal elevada, hipertensão pulmonar porto-sistêmica, encefalopatia hepática.</p>
        <img src="https://via.placeholder.com/600x200?text=Hipertensão+Portal" alt="Hipertensão Portal" class="mt-4 mx-auto rounded">
      </div>

      <!-- Slide 5 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 5: Avaliação Pré-Operatória</h2>
        <p>Identificar risco cirúrgico, função orgânica, MELD score, avaliação cardíaca e respiratória.</p>
      </div>

      <!-- Slide 6 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 6: Exames Laboratoriais</h2>
        <ul class="list-disc pl-5 mt-2">
          <li>Hemograma completo</li>
          <li>Função hepática (INR, bilirrubina, albumina)</li>
          <li>Eletrólitos, creatinina, gasometria</li>
        </ul>
      </div>

      <!-- Slide 7 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 7: Avaliação Cardíaca</h2>
        <p>ECG, ecocardiograma, teste de esforço, avaliação de cardiopatia associada à cirrose.</p>
        <img src="https://via.placeholder.com/600x200?text=Ecocardiograma" alt="Ecocardiograma" class="mt-4 mx-auto rounded">
      </div>

      <!-- Slide 8 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 8: Avaliação Respiratória</h2>
        <ul class="list-disc pl-5 mt-2">
          <li>Risco de derrame pleural, ascite, SARA</li>
          <li>Testes de função pulmonar (opcional)</li>
        </ul>
      </div>

      <!-- Slide 9 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 9: Avaliação Nutricional</h2>
        <p>Hipoproteinemia, déficit de vitaminas lipossolúveis, encefalopatia, sarcopenia.</p>
      </div>

      <!-- Slide 10 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 10: Coagulopatia e Sangramento</h2>
        <p>Desconforto hemostático: plaquetas, fatores de coagulação, fibrinólise.</p>
        <img src="https://via.placeholder.com/600x200?text=Coagulograma" alt="Coagulograma" class="mt-4 mx-auto rounded">
      </div>

      <!-- Slide 11 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 11: Anestesia Pré-Indução</h2>
        <p>Preparação do paciente, acesso vascular, monitorização, suporte hemodinâmico.</p>
      </div>

      <!-- Slide 12 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 12: Monitorização Não Invasiva</h2>
        <ul class="list-disc pl-5 mt-2">
          <li>PA, FC, SpO2, ECG</li>
          <li>Capnografia, temperatura</li>
        </ul>
      </div>

      <!-- Slide 13 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 13: Linhas Venosas Centrais</h2>
        <p>Acesso central para administração de fluidos, medicações e monitorização.</p>
        <img src="https://via.placeholder.com/600x200?text=Cateter+Venoso+Central" alt="CVC" class="mt-4 mx-auto rounded">
      </div>

      <!-- Slide 14 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 14: Linhas Arteriais</h2>
        <p>Monitorização contínua da pressão arterial, amostragem de sangue arterial.</p>
        <img src="https://via.placeholder.com/600x200?text=Cateter+Arterial" alt="Cateter Arterial" class="mt-4 mx-auto rounded">
      </div>

      <!-- Slide 15 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 15: Ecocardiografia Transesofágica</h2>
        <p>Monitoriza função ventricular, volume intravascular, PAM, e detecta complicações.</p>
        <img src="https://via.placeholder.com/600x200?text=TEE" alt="TEE" class="mt-4 mx-auto rounded">
      </div>

      <!-- Slide 16 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 16: Monitorização Cerebral (BIS)</h2>
        <p>Para titulação adequada de anestésicos e evitar despertar.</p>
        <img src="https://via.placeholder.com/600x200?text=BIS" alt="BIS" class="mt-4 mx-auto rounded">
      </div>

      <!-- Slide 17 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 17: Indução Anestésica</h2>
        <p>Uso de propofol, fentanil, rocurônio. Cuidado com hipotensão.</p>
      </div>

      <!-- Slide 18 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 18: Manutenção da Anestesia</h2>
        <p>Sevoflurano, remifentanilo, midazolam, monitorização contínua.</p>
      </div>

      <!-- Slide 19 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 19: Uso de Opioides</h2>
        <p>Remifentanilo é o mais usado por sua ação ultrarrápida e reversibilidade.</p>
      </div>

      <!-- Slide 20 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 20: Anestésicos Inalatórios</h2>
        <p>Sevoflurano e desflurano são preferidos por sua rápida recuperação.</p>
        <img src="https://via.placeholder.com/600x200?text=Anestésicos+Inalatórios" alt="Anestésicos" class="mt-4 mx-auto rounded">
      </div>

      <!-- Slide 21 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 21: Complicações Fase 1</h2>
        <p>Exsanguinação, hipotensão, hipóxia, acidose.</p>
      </div>

      <!-- Slide 22 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 22: Complicações Fase 2</h2>
        <p>Instabilidade hemodinâmica, necessidade de vasopressores, anisocoria.</p>
      </div>

      <!-- Slide 23 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 23: Complicações Fase 3</h2>
        <p>Reperfusão, hiperpotassemia, síndrome de reperfusão, hipotermia.</p>
      </div>

      <!-- Slide 24 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 24: Hemodinâmica na Fase Anhepática</h2>
        <p>Redução do débito cardíaco, hipotensão, necessidade de suporte volêmico.</p>
      </div>

      <!-- Slide 25 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 25: Síndrome de Reperfusão</h2>
        <p>Hipotensão aguda após reperfusão do enxerto, associada a acidose e hiperpotassemia.</p>
        <img src="https://via.placeholder.com/600x200?text=Síndrome+de+Reperfusão" alt="Reperfusão" class="mt-4 mx-auto rounded">
      </div>

      <!-- Slide 26 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 26: Manejo da Hipotensão</h2>
        <p>Reposição volêmica, uso de vasopressores (norepinefrina, vasopressina), bicarbonato.</p>
      </div>

      <!-- Slide 27 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 27: Hiperpotassemia</h2>
        <p>Risco de arritmias após reperfusão. Tratamento: Ca++, insulina/glicose, bicarbonato.</p>
      </div>

      <!-- Slide 28 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 28: Hipotermia e Coagulopatia</h2>
        <p>Mantém temperatura acima de 35°C. Aquecedores de fluidos, cobertores térmicos.</p>
        <img src="https://via.placeholder.com/600x200?text=Hipotermia+e+Coagulopatia" alt="Hipotermia" class="mt-4 mx-auto rounded">
      </div>

      <!-- Slide 29 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 29: Transfusão Sanguínea</h2>
        <p>Componentes: concentrado de hemácias, plaquetas, plasma, crioprecipitado.</p>
        <img src="https://via.placeholder.com/600x200?text=Componentes+Sanguíneos" alt="Componentes" class="mt-4 mx-auto rounded">
      </div>

      <!-- Slide 30 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 30: Fluxograma Ressuscitação</h2>
        <img src="https://via.placeholder.com/600x400?text=Fluxograma+de+Ressuscitação" alt="Fluxograma" class="mt-4 mx-auto rounded">
      </div>

      <!-- Slide 31 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 31: Manejo de Líquidos</h2>
        <p>Restrita e orientada por monitorização hemodinâmica. Evitar hipervolemia.</p>
      </div>

      <!-- Slide 32 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 32: Vasopressores</h2>
        <ul class="list-disc pl-5 mt-2">
          <li>Norepinefrina</li>
          <li>Vasopressina</li>
          <li>Dopamina (em casos específicos)</li>
        </ul>
      </div>

      <!-- Slide 33 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 33: Acidose Metabólica</h2>
        <p>Causada por isquemia, reperfusão, hipotensão. Tratamento: bicarbonato, suporte ventilatório.</p>
      </div>

      <!-- Slide 34 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 34: Diálise Intraoperatória</h2>
        <p>Indicada em pacientes com insuficiência renal severa ou hiperpotassemia refratária.</p>
        <img src="https://via.placeholder.com/600x200?text=Diálise+Intraoperatória" alt="Diálise" class="mt-4 mx-auto rounded">
      </div>

      <!-- Slide 35 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 35: Complicações Pós-Reperfusão</h2>
        <ul class="list-disc pl-5 mt-2">
          <li>Hipotensão</li>
          <li>Arritmias</li>
          <li>Coagulopatia</li>
        </ul>
      </div>

      <!-- Slide 36 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 36: Fluxograma Geral</h2>
        <img src="https://via.placeholder.com/600x400?text=Fluxograma+Anestésico" alt="Fluxograma" class="mt-4 mx-auto rounded">
      </div>

      <!-- Slide 37 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 37: Tabela Comparativa</h2>
        <table class="table-auto w-full text-left mt-2 border border-gray-600">
          <thead>
            <tr class="bg-gray-700">
              <th class="border px-4 py-2">Fase</th>
              <th class="border px-4 py-2">Monitorização</th>
              <th class="border px-4 py-2">Riscos</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="border px-4 py-2">Pré-anhepática</td>
              <td class="border px-4 py-2">PA, PVC, BIS</td>
              <td class="border px-4 py-2">Sangramento</td>
            </tr>
            <tr>
              <td class="border px-4 py-2">Anhepática</td>
              <td class="border px-4 py-2">TEE, PA invasiva</td>
              <td class="border px-4 py-2">Hipotensão</td>
            </tr>
            <tr>
              <td class="border px-4 py-2">Pós-reperfusão</td>
              <td class="border px-4 py-2">K+, ECG, TEE</td>
              <td class="border px-4 py-2">Arritmias</td>
            </tr>
          </tbody>
        </table>
      </div>

      <!-- Slide 38 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 38: Gráfico de Alterações Hemodinâmicas</h2>
        <img src="https://via.placeholder.com/600x300?text=Gráfico+Hemodinâmico" alt="Gráfico" class="mt-4 mx-auto rounded">
      </div>

      <!-- Slide 39 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 39: Considerações Pós-Operatórias</h2>
        <p>Transferência para UTI, monitorização contínua, suporte respiratório e renal.</p>
      </div>

      <!-- Slide 40 -->
      <div class="slide bg-slide rounded p-6">
        <h2 class="text-2xl font-bold text-highlight">Slide 40: Conclusão e Referências</h2>
        <ul class="list-disc pl-5 mt-2">
          <li>MELD score</li>
          <li>Monitorização avançada</li>
          <li>Ressuscitação guiada</li>
          <li>Controle de complicações</li>
        </ul>
        <p class="mt-4">Referências: Miller’s Anesthesia, Haddad & Kaminsky, artigos recentes da ASA.</p>
      </div>
    </div>

    <!-- Botões de navegação -->
    <div class="flex justify-between p-4 bg-gray-900">
      <button onclick="prevSlide()" class="bg-gray-600 hover:bg-gray-500 text-white px-4 py-2 rounded">Anterior</button>
      <button onclick="nextSlide()" class="bg-blue-600 hover:bg-blue-500 text-white px-4 py-2 rounded">Próximo</button>
    </div>
  </div>

  <script>
    let currentSlide = 0;
    const slides = document.querySelectorAll('.slide');

    function showSlide(index) {
      slides.forEach((slide, i) => {
        slide.classList.remove('active');
        if (i === index) {
          slide.classList.add('active');
        }
      });
    }

    function nextSlide() {
      currentSlide = (currentSlide + 1) % slides.length;
      showSlide(currentSlide);
    }

    function prevSlide() {
      currentSlide = (currentSlide - 1 + slides.length) % slides.length;
      showSlide(currentSlide);
    }
  </script>

<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-qwensite.hf.space/logo.svg" alt="qwensite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-qwensite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >QwenSite</a> - 🧬 <a href="https://enzostvs-qwensite.hf.space?remix=Cyrofranklin/transplante2" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>