Spaces:
Running
Running
<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> |