Spread the love

Doença de Parkinson – Definição, Fisiopatologia, Causas, Manifestações Clínicas e Referências

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

<!DOCTYPE html>
<html lang=”pt-BR”>
<head>
<meta charset=”utf-8″ />
<meta name=”viewport” content=”width=device-width,initial-scale=1″ />
<title>Doença de Parkinson — Definição, Fisiopatologia e Causas</title>

<!– Fonte e ícones (opcional, leves) –>
<link href=”https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap” rel=”stylesheet”>

<style>
:root{
–bg:#fbfdfd;
–card:#ffffff;
–muted:#586069;
–accent1:#0ca4a4;
–accent2:#078080;
–pink:#d94862;
–glass: rgba(255,255,255,0.6);
–shadow: 0 6px 18px rgba(6,22,22,0.06);
–radius:14px;
–maxw:980px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
margin:0;
font-family: “Inter”, system-ui, -apple-system, “Segoe UI”, Roboto, “Helvetica Neue”, Arial;
background: linear-gradient(180deg, #f7feff 0%, #fbfffd 100%);
color:#122;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
padding:32px 18px;
display:flex;
justify-content:center;
}

.wrap{
width:100%;
max-width:var(–maxw);
background:linear-gradient(180deg, rgba(255,255,255,0.8), rgba(255,255,255,0.95));
border-radius:20px;
box-shadow:var(–shadow);
padding:28px;
border:1px solid rgba(6,22,22,0.03);
}

header{
text-align:center;
margin-bottom:20px;
}

.kicker{
display:inline-block;
padding:6px 12px;
color:var(–accent2);
border-radius:999px;
background:linear-gradient(90deg, rgba(12,164,164,0.08), rgba(7,128,128,0.06));
font-weight:600;
font-size:0.85rem;
letter-spacing:0.4px;
}

h1{
margin:14px 0 6px;
font-size:1.9rem;
color:var(–accent2);
line-height:1.08;
}

p.lead{
margin:0 auto;
max-width:860px;
color:var(–muted);
font-size:1.02rem;
}

.grid{
display:grid;
grid-template-columns: 1fr 340px;
gap:22px;
margin-top:22px;
}

@media (max-width:920px){
.grid{grid-template-columns:1fr}
}

.card{
background:var(–card);
border-radius:var(–radius);
padding:18px;
box-shadow: 0 6px 14px rgba(8,20,20,0.04);
border:1px solid rgba(10,105,115,0.04);
}

section + section{margin-top:18px}

h2{
display:flex;
align-items:center;
gap:12px;
font-size:1.15rem;
margin:0 0 10px 0;
color:#fff;
background: linear-gradient(90deg,var(–accent1),var(–accent2));
padding:10px 14px;
border-radius:10px;
box-shadow: 0 4px 10px rgba(10,105,115,0.08);
}

.intro p{margin:0 0 10px;color:var(–muted);line-height:1.6}

.two-cols{
display:flex;
gap:14px;
flex-wrap:wrap;
margin-top:10px;
}

.pill{
background:linear-gradient(180deg,#f7ffff,#ffffff);
border-radius:12px;
padding:10px 12px;
border:1px solid rgba(10,105,115,0.045);
box-shadow: 0 4px 10px rgba(8,20,20,0.02);
flex:1;
min-width:220px;
}

ul.simple{padding-left:18px;margin:8px 0;color:var(–muted)}
ul.simple li{margin:6px 0}

blockquote{
margin:12px 0;
padding:10px 14px;
border-left:4px solid rgba(12,164,164,0.9);
background:linear-gradient(90deg, rgba(12,164,164,0.03), rgba(12,164,164,0.01));
color:#274141;
border-radius:8px;
font-style:italic;
}

/* referências */
.refs p{margin:10px 0;color:var(–muted);font-size:0.95rem}
.refs a{color:var(–pink);text-decoration:none;font-weight:600}
.refs a:hover{text-decoration:underline}

/* GLOSSÁRIO – tooltip puro CSS */
.gloss{
margin-top:12px;
}

.term{
position:relative;
display:inline-block;
border-bottom:1px dotted rgba(0,0,0,0.12);
cursor:help;
color:var(–accent2);
font-weight:600;
}

.term .tip{
visibility:hidden;
opacity:0;
width:260px;
background:linear-gradient(180deg,#075f60,#0ca4a4);
color:#fff;
text-align:left;
padding:10px 12px;
border-radius:10px;
position:absolute;
left:50%;
transform:translateX(-50%);
bottom:130%;
box-shadow: 0 6px 18px rgba(6,22,22,0.12);
transition:all .18s ease;
font-size:0.92rem;
line-height:1.4;
z-index:20;
}

.term:hover .tip{
visibility:visible;
opacity:1;
bottom:110%;
}

.term .tip::after{
content:””;
position:absolute;
top:100%;
left:50%;
transform:translateX(-50%);
border-width:8px;
border-style:solid;
border-color: rgba(7,128,128,0.0) rgba(7,128,128,0.0) #0ca4a4 rgba(7,128,128,0.0);
}

/* lista de glossário em painel lateral */
.gloss-list li{margin:10px 0;color:var(–muted)}

footer{
margin-top:18px;
padding-top:12px;
border-top:1px dashed rgba(6,22,22,0.04);
color:var(–muted);
font-size:0.9rem;
text-align:center;
}

/* destaque visual (badge) */
.badge{
display:inline-block;
padding:6px 10px;
border-radius:999px;
background:linear-gradient(90deg,#fff,#f3ffff);
border:1px solid rgba(10,105,115,0.04);
font-weight:700;
color:var(–accent2);
font-size:0.82rem;
}

/* botão simples */
.btn{
display:inline-block;
background:linear-gradient(90deg,var(–accent1),var(–accent2));
color:white;
padding:10px 14px;
border-radius:10px;
text-decoration:none;
font-weight:700;
box-shadow: 0 8px 22px rgba(7,128,128,0.12);
border:0;
}

.meta{font-size:0.9rem;color:var(–muted);margin-top:4px}
</style>
</head>
<body>
<main class=”wrap” role=”main” aria-labelledby=”title”>
<header>
<div class=”kicker”>Conteúdo informativo</div>
<h1 id=”title”>Doença de Parkinson</h1>
<p class=”lead”>Definição, fisiopatologia, causas, manifestações clínicas e evidências científicas — formato limpo e pronto para publicar.</p>
</header>

<div class=”grid”>
<!– Coluna principal –>
<div>

<section class=”card intro” aria-labelledby=”sec-def”>
<h2 id=”sec-def”>Visão geral</h2>
<p>
A <span class=”term”>Doença de Parkinson<span class=”tip”>Condição neurológica progressiva que afeta o controle dos movimentos, associada à perda de neurônios dopaminérgicos na substância negra.</span></span>
é uma <strong>disfunção neurodegenerativa crônica</strong> marcada pela perda de neurônios que produzem <span class=”term”>dopamina<span class=”tip”>Neurotransmissor essencial para coordenação motora, humor e funções cognitivas.</span></span>.
Essa perda provoca lentidão de movimentos, rigidez muscular e tremor em repouso, e também pode afetar sono, humor e cognição.
</p>
</section>

<section class=”card” aria-labelledby=”sec-fisio”>
<h2 id=”sec-fisio”>Fisiopatologia</h2>

<p>
O núcleo do processo patológico é a <strong>degeneração dos neurônios dopaminérgicos</strong> e o acúmulo de
<span class=”term”>corpos de Lewy<span class=”tip”>Depósitos proteicos (agregados) encontrados em neurônios degenerados, contendo alfa-sinucleína.</span></span>,
formados por <span class=”term”>alfa-sinucleína<span class=”tip”>Proteína neuronal cuja forma mal dobrada está associada à disfunção celular e à morte neuronal.</span></span>.
Essas alterações perturbam a função mitocondrial, aumentam estresse oxidativo e conduzem à morte celular progressiva.
</p>

<blockquote>
“Os sintomas motores surgem apenas após perda de aproximadamente 60% dos neurônios dopaminérgicos.” — Lang &amp; Lozano (1998)
</blockquote>

<div class=”two-cols” aria-hidden=”false”>
<div class=”pill”>
<strong>Processos celulares</strong>
<ul class=”simple”>
<li>Acúmulo de alfa-sinucleína</li>
<li>Disfunção mitocondrial</li>
<li>Estresse oxidativo e perda neuronal</li>
</ul>
</div>

<div class=”pill”>
<strong>Impacto clínico</strong>
<ul class=”simple”>
<li>Déficit dopaminérgico → bradicinesia, rigidez, tremor</li>
<li>Manifestações não motoras por envolvimento sistêmico</li>
</ul>
</div>
</div>
</section>

<section class=”card” aria-labelledby=”sec-causas”>
<h2 id=”sec-causas”>Causas e mecanismos</h2>

<p>
A doença tem origem multifatorial. Aproximadamente 10% dos casos apresentam forte componente genético (mutações mensuráveis);
fatores ambientais e estilo de vida também modulam o risco.
</p>

<div class=”two-cols” style=”margin-top:8px;”>
<div class=”pill”>
<strong>Fatores genéticos</strong>
<ul class=”simple”>
<li>Mutações: <code>SNCA</code>, <code>LRRK2</code>, <code>GBA</code>, <code>PARK2</code></li>
<li>Vulnerabilidade mitocondrial e degradação proteica comprometida</li>
</ul>
</div>

<div class=”pill”>
<strong>Fatores ambientais</strong>
<ul class=”simple”>
<li>Exposição a pesticidas, metais pesados e solventes</li>
<li>Baixo consumo de antioxidantes pode aumentar risco</li>
<li>Atividade física e consumo moderado de cafeína associam-se a menor risco</li>
</ul>
</div>
</div>
</section>

<section class=”card” aria-labelledby=”sec-manif”>
<h2 id=”sec-manif”>Manifestações clínicas</h2>

<p>Os sintomas se dividem em motores e não motores — ambos importantes para diagnóstico, qualidade de vida e gestão clínica.</p>

<div class=”two-cols” style=”margin-top:10px;”>
<div class=”pill”>
<strong>Motores</strong>
<ul class=”simple”>
<li>Tremor de repouso (4–6 Hz)</li>
<li>Rigidez muscular</li>
<li>Bradicinesia (lentidão motora)</li>
<li>Instabilidade postural</li>
</ul>
</div>

<div class=”pill”>
<strong>Não motores</strong>
<ul class=”simple”>
<li>Depressão, ansiedade, apatia</li>
<li>Distúrbios do sono (incl. REM)</li>
<li>Constipação e disfunção autonômica</li>
<li>Comprometimento cognitivo leve a demência em fases avançadas</li>
</ul>
</div>
</div>
</section>

<section class=”card” aria-labelledby=”sec-evid”>
<h2 id=”sec-evid”>Estudos e evidências científicas</h2>

<div class=”refs”>
<p>
<strong>Braak, H.</strong> et al. (2003). <em>Stages of the pathology in Parkinson’s disease.</em>
<br><a href=”https://doi.org/10.1016/S0197-4580(02)00065-9″ target=”_blank” rel=”noopener noreferrer”>https://doi.org/10.1016/S0197-4580(02)00065-9</a>
<br><span class=”meta”>Estabelece os seis estágios da progressão patológica (tronco cerebral → córtex).</span>
</p>

<p>
<strong>Spillantini, M. G.</strong> et al. (1997). <em>Alpha-synuclein in Lewy bodies.</em>
<br><a href=”https://doi.org/10.1038/42166″ target=”_blank” rel=”noopener noreferrer”>https://doi.org/10.1038/42166</a>
<br><span class=”meta”>Identificou alfa-sinucleína como componente principal dos corpos de Lewy.</span>
</p>

<p>
<strong>Polymeropoulos, M. H.</strong> et al. (1997). <em>Mutation in the alpha-synuclein gene identified in familial Parkinson’s disease.</em>
<br><a href=”https://doi.org/10.1126/science.276.5321.2045″ target=”_blank” rel=”noopener noreferrer”>https://doi.org/10.1126/science.276.5321.2045</a>
<br><span class=”meta”>Primeira evidência genética da mutação A53T no gene SNCA associada ao Parkinson familiar.</span>
</p>
</div>

<p style=”margin-top:10px;color:var(–muted);font-size:0.95rem;”>
Obs.: os links acima apontam para os DOIs das publicações originais. Caso necessite, posso transformar em links diretos para PDFs (quando disponíveis).
</p>
</section>

</div>

<!– Coluna lateral –>
<aside>
<div class=”card” aria-labelledby=”sec-gloss”>
<h2 id=”sec-gloss”>Glossário interativo</h2>

<ul class=”gloss-list” aria-live=”polite”>
<li><strong>Dopamina</strong> — <span class=”term”>veja<span class=”tip”>Neurotransmissor essencial para movimento, motivação e regulação do humor.</span></span></li>
<li><strong>Substância Negra</strong> — <span class=”term”>veja<span class=”tip”>Núcleo do mesencéfalo responsável pela produção de dopamina; seu desgaste caracteriza o Parkinson.</span></span></li>
<li><strong>Corpos de Lewy</strong> — <span class=”term”>veja<span class=”tip”>Aglomerações proteicas (incluindo alfa-sinucleína) presentes em neurônios degenerados.</span></span></li>
<li><strong>Alfa-sinucleína</strong> — <span class=”term”>veja<span class=”tip”>Proteína neuronal cuja agregação é central na fisiopatologia de Parkinson.</span></span></li>
<li><strong>Bradicinesia</strong> — <span class=”term”>veja<span class=”tip”>Lentidão na execução dos movimentos voluntários; sintoma motor cardinal do Parkinson.</span></span></li>
</ul>

<p style=”margin-top:10px;color:var(–muted);font-size:0.92rem;”>
Passe o cursor/click nos termos marcados em azul no texto principal para ver definições rápidas.
</p>
</div>

<div style=”height:16px”></div>

<div class=”card”>
<h2>Recursos rápidos</h2>
<p style=”color:var(–muted);margin:0 0 8px;”>Baixe ou compartilhe:</p>
<a class=”btn” href=”#” onclick=”alert(‘Exportar/baixar não implementado nesta versão HTML. Se quiser, eu gero o arquivo pronto.’);return false;”>Exportar HTML</a>
<div style=”height:10px”></div>
<p class=”meta”>© 2025 — Conteúdo informativo. Consulte profissional de saúde antes de decisões terapêuticas.</p>
</div>
</aside>
</div>

<footer>
Documento formatado em HTML simples — feito para publicação e adaptação.
<div style=”margin-top:6px;color:var(–muted);font-size:0.88rem”>Precisa que eu gere o arquivo .html para download ou que eu converta para PDF/Word?</div>
</footer>
</main>

<!– Pequeno script para acessibilidade em telas touch: mostra dicas via click em vez de hover –>
<script>
(function(){
// Para dispositivos touch, permitir abrir/fechar as tooltips por toque
const terms = document.querySelectorAll(‘.term’);
let isTouch = (‘ontouchstart’ in window) || navigator.maxTouchPoints > 0;
if(isTouch){
terms.forEach(t => {
t.addEventListener(‘click’, function(e){
const tip = t.querySelector(‘.tip’);
if(!tip) return;
// fechar outros
document.querySelectorAll(‘.term .tip’).forEach(x=>{ if(x!==tip) x.style.visibility=’hidden’; x.style.opacity=’0′; });
if(tip.style.visibility === ‘visible’){
tip.style.visibility=’hidden’; tip.style.opacity=’0′;
} else {
tip.style.visibility=’visible’; tip.style.opacity=’1′;
}
e.stopPropagation();
});
});
// fechar quando clicar fora
document.addEventListener(‘click’, function(){ document.querySelectorAll(‘.term .tip’).forEach(x=>{ x.style.visibility=’hidden’; x.style.opacity=’0′; }); });
}
})();
</script>
</body>
</html>