transplante2 / index.html
Cyrofranklin's picture
Add 3 files
4134eda verified
<!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>