// article-detail.jsx — Full article drawer for blog posts

const ARTICLE_CONTENT = {
  1: { // Microscopia
    lead: "Imagine olhar para o seu organismo em tempo real, vendo as células se moverem, conversarem e se defenderem — sem precisar de uma série de exames isolados, sem esperar dias por um laudo. É exatamente isso que a microscopia de sangue vivo permite.",
    sections: [
      { h: "Como o exame funciona",
        b: "A análise é feita a partir de uma única gota de sangue colhida da ponta do dedo, sem necessidade de jejum prolongado. Essa gota é colocada entre lâmina e lamínula e observada imediatamente em um microscópio de campo escuro — uma técnica que ilumina o sangue de modo que cada elemento fique nítido e em movimento. Você acompanha tudo junto, em uma tela ampliada, enquanto a profissional explica o que está vendo." },
      { h: "O que pode revelar",
        b: "Diferente dos exames laboratoriais clássicos, que entregam valores quantitativos (como hemoglobina ou glicemia), a microscopia mostra padrões funcionais: qualidade da membrana das hemácias, sinais de inflamação, presença de cristais, oxidação do plasma, hidratação celular, presença de fungos ou parasitas. São informações que, somadas ao quadro clínico, ajudam a entender o funcionamento atual do organismo." },
      { h: "Não substitui — complementa",
        b: "A microscopia de sangue vivo não substitui exames laboratoriais padrão. Ela complementa o olhar clínico, especialmente para quem tem sintomas reais sem diagnóstico fechado, ou para quem busca acompanhamento funcional ao longo do tempo. É comum repetir a análise depois de alguns meses de tratamento para visualizar o progresso." },
      { h: "Para quem faz sentido",
        b: "Pacientes com fadiga crônica, baixa imunidade, alterações intestinais, inflamações recorrentes ou que estão em programas de longevidade encontram nessa análise uma camada adicional de informação. É um exame indolor, rápido e que devolve um relatório personalizado no mesmo dia." }
    ]
  },

  2: { // Menopausa
    lead: "A menopausa não é uma doença a ser tratada — é uma fase natural da vida da mulher. Mas isso não significa que precise ser vivida com sofrimento. Nas últimas décadas, a medicina hormonal feminina avançou muito, e hoje temos ferramentas seguras e individualizadas para que essa transição seja vivida com energia, clareza e qualidade.",
    sections: [
      { h: "O que está acontecendo no corpo",
        b: "A menopausa marca o fim da menstruação, mas o processo começa antes, no climatério, quando os ovários reduzem gradativamente a produção de estrogênio e progesterona. Essa queda hormonal afeta muito mais do que o ciclo menstrual: muda o sono, o humor, a pele, o cabelo, a libido, a composição corporal, a saúde óssea e cardiovascular." },
      { h: "Sintomas que merecem atenção",
        b: "Ondas de calor, suores noturnos, alterações de humor, irritabilidade, perda de memória recente, insônia, ressecamento vaginal, queda de libido, ganho de peso na região abdominal, queda de cabelo. Cada mulher vive essa fase de um jeito — e nenhum sintoma precisa ser \"aguentado\" como destino." },
      { h: "O que mudou na terapia hormonal",
        b: "Os estudos antigos que assustaram uma geração de mulheres usavam hormônios sintéticos em doses padronizadas. Hoje trabalhamos com hormônios bioidênticos — moléculas idênticas às produzidas pelo seu próprio corpo —, em doses individualizadas, com acompanhamento próximo. A indicação é criteriosa, baseada em exames e na história de cada paciente." },
      { h: "Além dos hormônios",
        b: "A modulação hormonal é uma das ferramentas, mas não a única. Alimentação anti-inflamatória, exercício de força, sono de qualidade, suporte psicológico, suplementação direcionada e cuidado com o intestino são parte do plano. A menopausa bem cuidada é, muitas vezes, a porta de entrada para um novo capítulo de vitalidade." }
    ]
  },

  3: { // Queda de cabelo
    lead: "Quando o fio começa a cair em quantidade acima do normal, é fácil culpar o shampoo, o estresse pontual ou a estação do ano. Mas o cabelo é um termômetro sensível do organismo — e quase nunca a queda é um problema isolado.",
    sections: [
      { h: "O fio que cai conta uma história",
        b: "Cada folículo capilar é um pequeno órgão metabolicamente ativo, dependente de hormônios, nutrientes, oxigenação e ausência de inflamação. Quando algum desses pilares falha, o fio responde — primeiro afinando, depois caindo. A boa notícia é que essa resposta é reversível na maioria dos casos, desde que se identifique a causa." },
      { h: "Principais causas funcionais",
        b: "Deficiência de ferro e ferritina, alterações da tireoide, resistência insulínica, deficiência de vitamina D e B12, estresse crônico, pós-parto, pós-COVID, dietas muito restritivas, uso prolongado de certos medicamentos e desequilíbrios hormonais (especialmente andrógenos) estão entre os fatores mais comuns. Identificar qual deles está atuando — frequentemente, é mais de um — exige uma investigação clínica e laboratorial cuidadosa." },
      { h: "Como tratamos na clínica",
        b: "A consulta começa com uma tricoscopia digital — uma análise do couro cabeludo e dos fios sob aumento — e segue com exames laboratoriais direcionados. Com o quadro completo em mãos, montamos um protocolo que pode combinar medicamentos, nutracêuticos, MMP (microinfusão na pele), laser de baixa potência e cuidado tópico específico." },
      { h: "Tempo é parte do tratamento",
        b: "O ciclo de crescimento capilar é longo. Resultados visíveis acontecem entre 3 e 6 meses, com estabilização completa em 9 a 12 meses. O acompanhamento periódico, com tricoscopia comparativa, permite ajustar o protocolo e enxergar a evolução real, mesmo quando o espelho ainda não mostra." }
    ]
  },

  4: { // Emagrecimento
    lead: "Se emagrecer fosse só uma questão de \"comer menos e mexer mais\", a indústria do emagrecimento não movimentaria bilhões e o índice de obesidade não seguiria subindo. A ciência atual mostra que o corpo opera em um sistema complexo — e tratar emagrecimento como questão de força de vontade é tanto injusto quanto ineficaz.",
    sections: [
      { h: "Por que o efeito sanfona acontece",
        b: "Dietas muito restritivas desencadeiam respostas fisiológicas de defesa: queda do metabolismo basal, aumento da fome, redução da saciedade e perda de massa magra. Quando a dieta acaba, o corpo — agora gastando menos — recupera o peso perdido com facilidade. Esse ciclo se repete, e a cada rodada fica mais difícil emagrecer." },
      { h: "Os fatores que precisam entrar na equação",
        b: "Resistência insulínica, inflamação crônica, alterações da tireoide, desequilíbrios hormonais (estrogênio, progesterona, cortisol), saúde intestinal, qualidade do sono e padrões alimentares emocionais. Tratar emagrecimento sem olhar esses pontos é tratar a ponta do iceberg." },
      { h: "Medicamentos modernos: lugar e limite",
        b: "Os análogos de GLP-1 e outras ferramentas farmacológicas recentes mudaram o jogo para muitas pacientes. Mas medicação não é estratégia única — é parte de um plano que precisa incluir nutrição inteligente, exercício de força, sono e suporte comportamental. Sem isso, o resultado não se sustenta." },
      { h: "O que o programa entrega",
        b: "Na clínica, o programa de saúde metabólica combina avaliação médica, plano nutricional individualizado, acompanhamento psicológico quando indicado e, em alguns casos, suporte medicamentoso criterioso. O foco é resultado sustentável — não o número rápido na balança." }
    ]
  },

  5: { // Soroterapia
    lead: "A soroterapia ganhou popularidade — e, com ela, muita confusão. Pacotes pré-definidos, promessas de \"detox\" milagroso, vitaminas em doses altíssimas sem indicação. A reposição endovenosa é, sim, uma ferramenta valiosa. Mas como qualquer ferramenta médica, precisa de critério.",
    sections: [
      { h: "O que a via endovenosa entrega de diferente",
        b: "Vitaminas e minerais administrados por via oral passam pelo trato digestivo, onde a absorção é parcial e variável (e ainda mais reduzida em quem tem disbiose, inflamação intestinal ou deficiências). A via endovenosa entrega 100% da dose direto na corrente sanguínea, com biodisponibilidade total e efeito mais rápido." },
      { h: "Indicações que fazem sentido",
        b: "Deficiências nutricionais comprovadas em exames, fadiga importante associada a quadros inflamatórios, recuperação pós-cirúrgica, suporte imunológico em períodos críticos, atletas em fase de treino intenso, pacientes em programas de emagrecimento ou de longevidade que precisam corrigir carências específicas." },
      { h: "Por que não é \"pacote pronto\"",
        b: "O que serve para uma paciente com baixa imunidade pode ser desnecessário — ou contraproducente — para outra com sobrecarga hepática. Cada protocolo precisa partir de uma avaliação clínica e, idealmente, de exames recentes. A dose, a combinação e a frequência são individualizadas." },
      { h: "Segurança e ambiente",
        b: "A aplicação deve ser feita em ambiente clínico, por equipe treinada, com acompanhamento durante a sessão. A poltrona confortável, a infusão lenta e a presença de profissional não são detalhes de luxo — são parte da segurança do procedimento." }
    ]
  },

  6: { // Saúde íntima
    lead: "Por muito tempo, a região íntima foi tratada como tema tabu, mesmo dentro do consultório. Hoje, sabemos que sintomas como ressecamento, atrofia, queda de libido e desconforto não são \"coisa da idade\" — são sinais que merecem cuidado técnico, em ambiente acolhedor e privativo.",
    sections: [
      { h: "Sinais que pedem atenção",
        b: "Ressecamento ou ardência vaginal, dor na relação, sensação de flacidez, perda de pigmentação ou escurecimento, incontinência urinária leve (especialmente ao tossir ou se exercitar), queda da libido, sintomas urogenitais do climatério. Nenhum desses sintomas precisa ser aceito como destino — todos têm abordagem terapêutica moderna." },
      { h: "Laser íntimo",
        b: "Tecnologias como o laser de CO2 fracionado e o Erbium estimulam a produção de colágeno na mucosa vaginal, melhorando lubrificação, firmeza e sintomas do climatério. O procedimento é rápido, realizado em consultório, sem cortes, com recuperação imediata. Geralmente são 3 sessões com intervalo de 30 dias, e manutenção anual." },
      { h: "Peeling e preenchimento íntimo",
        b: "O peeling íntimo trata escurecimento e renovação da pele com fórmulas seguras, em protocolo seriado. Já o preenchimento com ácido hialurônico hidrata profundamente, suaviza contornos e melhora o conforto local. Ambos são procedimentos médicos, que requerem indicação criteriosa." },
      { h: "Implante hormonal: quando entra",
        b: "Para pacientes com queda significativa de libido, energia ou massa muscular, o implante hormonal subcutâneo pode ser uma escolha. Ele libera, de forma contínua e estável, hormônios bioidênticos por meses. A indicação é individual e sempre vem após avaliação completa." }
    ]
  },

  7: { // Inflamação subclínica
    lead: "Inflamação aguda é o vermelhinho que aparece quando você bate o dedo: dor, calor, vermelhidão. Inflamação subclínica é o oposto — não dá sintomas claros, mas opera nos bastidores do organismo, acelerando o envelhecimento e abrindo caminho para doenças crônicas.",
    sections: [
      { h: "O que é (e por que é silenciosa)",
        b: "É uma inflamação de baixa intensidade, persistente, que circula pelo corpo sem dar sinais óbvios. Marcadores como PCR ultrassensível, ferritina, homocisteína e relação ômega-3/ômega-6 ajudam a identificá-la. Quando presente, ela atua continuamente sobre vasos, articulações, células do sistema imune e tecido cerebral." },
      { h: "Por que importa para a longevidade",
        b: "A inflamação crônica de baixo grau é hoje reconhecida como um dos principais drivers do envelhecimento (\"inflammaging\"). Está associada a maior risco de doenças cardiovasculares, neurodegenerativas, metabólicas e autoimunes. Tratá-la é, na prática, intervir no ritmo do envelhecimento." },
      { h: "Causas comuns",
        b: "Disbiose intestinal, sobrepeso (especialmente gordura visceral), sedentarismo, dieta ultraprocessada, sono insuficiente, estresse crônico, deficiências de micronutrientes, infecções subclínicas e exposição a toxinas ambientais. Quase sempre, é uma combinação de fatores." },
      { h: "Por onde começar",
        b: "A boa notícia: a inflamação subclínica responde rápido a mudanças bem orientadas. Alimentação anti-inflamatória, exercício de força e aeróbico, sono regular, manejo do estresse, cuidado intestinal e correção de deficiências nutricionais formam a base. Em alguns casos, suporte medicamentoso ou hormonal direcionado acelera a resposta." }
    ]
  },

  8: { // Sono
    lead: "Dormir pouco virou quase um sinal de status — \"eu durmo 5 horas e funciono bem\". A verdade fisiológica é diferente: o sono profundo é quando o seu organismo se regenera, recompõe hormônios, consolida memória e desinflama. Cortar sono é cortar saúde.",
    sections: [
      { h: "O que acontece nas horas de sono",
        b: "Durante o sono profundo, o cortisol cai, o GH (hormônio do crescimento) sobe, a leptina e a grelina (hormônios da fome e saciedade) se reequilibram, a glicemia se estabiliza, o cérebro \"lava\" resíduos metabólicos pelo sistema glinfático e a memória se consolida. Quando o sono é curto ou ruim, nada disso acontece direito." },
      { h: "Sinais de que o seu sono está prejudicado",
        b: "Acordar cansada mesmo após 7-8 horas, despertares frequentes durante a madrugada, dificuldade para pegar no sono, ranger os dentes, suor noturno, ronco, fome aumentada no dia seguinte (especialmente por carboidratos), foco prejudicado, irritabilidade, queda de libido. Esses sinais merecem investigação." },
      { h: "Hormônios que dependem do sono",
        b: "Cortisol e melatonina seguem ciclos opostos — quando um sobe, o outro desce. Sono ruim mantém cortisol elevado durante a noite, prejudica a melatonina, e a cascata se propaga: queda da progesterona, alterações da tireoide, resistência insulínica, queda de testosterona. É por isso que dormir mal sabota qualquer tratamento hormonal." },
      { h: "O básico que muda tudo",
        b: "Horário regular para dormir e acordar (mesmo nos fins de semana), exposição à luz natural pela manhã, redução de luz azul à noite, jantar leve algumas horas antes de deitar, quarto escuro e frio, evitar álcool. Quando o básico não resolve, vale investigar apneia, deficiências e desequilíbrios hormonais." }
    ]
  },

  9: { // Anti-inflamatória
    lead: "\"Comer bem\" virou tema confuso, lotado de dietas da moda e regras conflitantes. A alimentação anti-inflamatória não é uma dieta — é um padrão alimentar baseado em evidências, que reduz a inflamação crônica e sustenta o resultado de qualquer outro tratamento.",
    sections: [
      { h: "O que faz uma alimentação ser anti-inflamatória",
        b: "Abundância de vegetais coloridos (mínimo 5 porções/dia), gorduras boas (azeite extravirgem, abacate, oleaginosas, peixes ricos em ômega-3), proteína de boa qualidade em todas as refeições, fibras de raízes e leguminosas, e uma quantidade significativa de ervas e especiarias (cúrcuma, gengibre, alho, alecrim). Pouco ou nada de ultraprocessado, açúcar refinado, óleos vegetais industriais e álcool em excesso." },
      { h: "Por que funciona",
        b: "Esse padrão alimentar entrega antioxidantes, polifenóis, fibras prebióticas e gorduras anti-inflamatórias — e remove ou reduz drasticamente os principais gatilhos inflamatórios da dieta moderna. O resultado: menos inflamação subclínica, melhor saúde intestinal, melhor sensibilidade insulínica, menos picos glicêmicos e estabilização hormonal." },
      { h: "Por onde começar (sem virar regra rígida)",
        b: "Pequenas trocas com grande impacto: substituir óleo de soja por azeite extravirgem, incluir peixes 2-3x na semana, dobrar a quantidade de vegetais no almoço, trocar pão branco por integral de fermentação natural, reduzir refrigerantes e sucos industrializados, e adicionar uma pitada de cúrcuma no arroz. Mudança real acontece com consistência, não com perfeição." },
      { h: "Quando faz diferença",
        b: "Em quase todos os contextos clínicos: emagrecimento, queda de cabelo, sintomas do climatério, queixas digestivas, fadiga, doenças autoimunes, prevenção cardiovascular e cognitiva. A alimentação anti-inflamatória é uma das poucas \"intervenções\" que beneficia praticamente todo mundo." }
    ]
  }
};


const ArticleDrawer = ({ post, onClose, navigate }) => {
  const c = post ? ARTICLE_CONTENT[post.id] : null;

  React.useEffect(() => {
    if (!post) return;
    const prev = document.body.style.overflow;
    document.body.style.overflow = "hidden";
    const onKey = (e) => { if (e.key === "Escape") onClose(); };
    window.addEventListener("keydown", onKey);
    // Reset scroll on open
    const panel = document.querySelector(".art-drawer__panel");
    if (panel) panel.scrollTop = 0;
    return () => {
      document.body.style.overflow = prev;
      window.removeEventListener("keydown", onKey);
    };
  }, [post, onClose]);

  if (!post || !c) return null;

  return (
    <div className="art-drawer" onClick={onClose} role="dialog" aria-modal="true" aria-label={post.title}>
      <article className="art-drawer__panel" onClick={(e) => e.stopPropagation()}>
        <button className="art-drawer__back" onClick={onClose} aria-label="Fechar">
          <Icon name="arrow" size={14} style={{transform:"rotate(180deg)"}}/>
          <span>Voltar</span>
        </button>

        <div className="art-drawer__hero">
          <img src={post.img} alt={post.title}/>
          <div className="art-drawer__hero-overlay"/>
        </div>

        <header className="art-drawer__head">
          <div className="art-drawer__meta">
            <span className="art-drawer__cat">{post.cat}</span>
            <span>{post.date}</span>
            <span>· {post.read} de leitura</span>
          </div>
          <h1>{post.title}</h1>
          <div className="art-drawer__author">
            <span>Por <strong>Dra. Neusa Brisolla &amp; equipe</strong></span>
            <span className="art-drawer__sep">·</span>
            <span>Clínica Longevidade e Saúde</span>
          </div>
        </header>

        <div className="art-drawer__body">
          <p className="art-drawer__lead">{c.lead}</p>
          {c.sections.map((s) => (
            <section key={s.h} className="art-drawer__section">
              <h2>{s.h}</h2>
              <p>{s.b}</p>
            </section>
          ))}

          <aside className="art-drawer__cta">
            <span className="eyebrow">Quer aprofundar?</span>
            <h3>Esses temas são vividos diariamente no consultório.</h3>
            <p>Se algo neste artigo ressoou com a sua história, vale conversar. A primeira consulta integrativa é o melhor ponto de partida.</p>
            <div style={{ display: "flex", gap: 12, flexWrap: "wrap", marginTop: 20 }}>
              <Btn variant="primary" size="md" icon="calendar"
                   onClick={() => { onClose(); navigate("agendamento"); }}>
                Agendar avaliação
              </Btn>
              <Btn variant="outline" size="md" icon="wa"
                   onClick={() => window.open("https://wa.me/5562991323402", "_blank")}>
                Tirar dúvidas no WhatsApp
              </Btn>
            </div>
          </aside>

          <footer className="art-drawer__foot">
            <span>Conteúdo informativo, não substitui consulta médica.</span>
            <button onClick={onClose}>Fechar artigo</button>
          </footer>
        </div>
      </article>
    </div>
  );
};

Object.assign(window, { ARTICLE_CONTENT, ArticleDrawer });