// PSM Expert — Página Nova Energia: Segurança de Processos para Hidrogênio Verde e Amônia
// Fonte: psm-expert-h2-amonia-pagina-v2.md

const NE_SERVICES = [
  {
    icon: "wind",
    t: "Análise de Consequência e Dispersão Tóxica (NH₃)",
    d: "Modelagem de cenários de vazamento de amônia com ferramentas consagradas (PHAST/DNV, SAFETI), com ênfase nos casos críticos para facility siting.",
    items: [
      "Vazamento catastrófico de tanque criogênico de NH₃",
      "Ruptura de linha de processo de alta pressão",
      "Falha de válvula de alívio com dispersão para terceiros",
      "Nuvem tóxica em atmosfera estável (classe E/F de Pasquill)",
    ],
    deliv: "Relatório de análise de consequência com mapas de isoconcentração (ERPG-1/2/3, IDLH), recomendações de layout e memória de cálculo auditável.",
  },
  {
    icon: "layers",
    t: "Modelagem CFD com FLACS",
    sub: "Dispersão, explosão e suporte ao projeto de proteções",
    d: "Para cenários onde geometria, obstruções ou comportamento transiente excedem as premissas dos modelos integrais, aplicamos simulação CFD com FLACS (Gexcon) — referência internacional para análise de risco em plantas de processo.",
    items: [
      "Dispersão em geometria confinada / com obstruções (eletrólise, compressão, barreiras, water curtain)",
      "Explosão por deflagração de H₂ — sobrepressão, impulso e potencial de DDT",
      "Suporte ao projeto de sistemas de detecção de gás (posição ótima por dispersão transiente)",
      "Validação de proteções passivas e ativas (diques, blast walls, safe havens)",
    ],
    deliv: "A combinação PHAST/SAFETI (triagem e QRA) com FLACS (CFD para casos críticos) representa o estado da prática esperado por financiadores e seguradoras internacionais em due diligence técnica.",
  },
  {
    icon: "building",
    t: "Facility Siting",
    d: "Avaliação de posicionamento de instalações e ocupações sensíveis (salas de controle, refeitórios, escritórios, abrigos) em relação às fontes de risco, com critérios quantitativos de tolerabilidade.",
    items: [
      "Metodologia API RP 752 / 753",
      "Incorpora os resultados da modelagem de dispersão de NH₃",
      "Critérios de afastamento específicos — sem tabelas genéricas",
      "Feito no FEED: ainda permite ajustes de layout com custo controlado",
    ],
  },
  {
    icon: "search",
    t: "HAZOP para Plantas de H₂ e NH₃",
    d: "Condução de estudos HAZOP com as equipes de projeto durante o FEED, com foco nos nós de maior complexidade em plantas de síntese de amônia verde.",
    items: [
      "Unidade de eletrólise (produção de H₂)",
      "Síntese de amônia (loop de Haber-Bosch adaptado)",
      "Armazenamento criogênico de NH₃",
      "Carregamento e transferência para navios",
    ],
    deliv: "Facilitação por engenheiro com certificação e experiência em HAZOP de processos de grande porte, com domínio dos hazards específicos de H₂ e NH₃. Registro estruturado para rastreabilidade das recomendações.",
  },
  {
    icon: "bar-chart",
    t: "QRA — Análise Quantitativa de Risco",
    d: "Estudos de QRA para suporte a decisões de projeto, licenciamento e financiamento, alinhados ao CCPS Guidelines for Chemical Process QRA e aos requisitos do IBAMA para o EAR.",
    items: [
      "Identificação e frequência de cenários de acidente",
      "Modelagem de consequência (incêndio, explosão, dispersão tóxica)",
      "Cálculo de risco individual e social — curvas F-N",
      "Comparação com critérios de tolerabilidade e análise de sensibilidade",
    ],
    deliv: "Resultados usados por financiadores internacionais como parte da due diligence técnica. Estudos com metodologia incompleta são rotineiramente questionados nesse processo.",
  },
  {
    icon: "clipboard-check",
    t: "Suporte Técnico ao FEED",
    d: "Participação como especialista de process safety durante o FEED — o período em que as decisões de layout, tecnologia e barreiras ainda têm grau de liberdade real.",
    items: [
      "Revisão de P&IDs sob a ótica de hazards de H₂ e NH₃",
      "Inherently Safer Design (ISD) — minimização de inventário tóxico",
      "Suporte à definição de camadas de proteção (LOPA) e requisitos de SIL",
      "Alinhamento com IEC 61511, NFPA 55, ISO 14001/45001",
    ],
  },
];

const NE_BASE = [
  "Engenharia de processos com especialização em segurança de processos, base metodológica no framework CCPS Risk Based Process Safety",
  "Formação em CFD aplicada a dispersão e explosão industrial — Universitat Politècnica de Catalunya (UPC Barcelona)",
  "Experiência em análise de risco em projetos de grande porte: mineração, petroquímica e energia",
  "Apresentações e publicações em congressos internacionais — Global Congress on Process Safety (GCPS/AIChE)",
  "Colaboração com docentes e pesquisadores do Departamento de Engenharia Química da Unicamp",
];

function NEServiceCard({ s }) {
  return (
    <div style={ne.card}>
      <div style={ne.cardHead}>
        <span style={ne.cardIcon}><Icon name={s.icon} size={22} color="#F08C00" stroke={1.7} /></span>
        <div>
          <h3 style={ne.cardT}>{s.t}</h3>
          {s.sub ? <div style={ne.cardSub}>{s.sub}</div> : null}
        </div>
      </div>
      <p style={ne.cardD}>{s.d}</p>
      <ul style={ne.cardList}>
        {s.items.map((it, i) => (
          <li key={i} style={ne.cardLi}>
            <span style={ne.cardDot} />{it}
          </li>
        ))}
      </ul>
      {s.deliv ? (
        <div style={ne.cardDeliv}>
          <span style={ne.cardDelivLabel}>Entregável</span>
          <span>{s.deliv}</span>
        </div>
      ) : null}
    </div>
  );
}

function NovaEnergiaPage() {
  return (
    <React.Fragment>
      <Header current="servicos" />

      <div style={ne.crumbWrap}>
        <div style={ne.crumbInner}>
          <a href="servicos.html" style={ne.crumbLink}>Serviços</a>
          <span style={ne.crumbSep}>/</span>
          <span style={ne.crumbCur}>Nova Energia · H₂ Verde &amp; Amônia</span>
        </div>
      </div>

      <PageHero
        kicker="Soluções Técnicas · Nova Energia"
        title="Segurança de Processos para Hidrogênio Verde e Amônia"
        subtitle="Estudos de segurança de processos para determinação de distâncias seguras em geração e logística de hidrogênio verde e amônia. Concentramos esforço no componente de maior consequência — não apenas no de maior percepção de risco."
        badges={["Hidrogênio Verde", "Amônia NH₃", "Facility Siting", "Dispersão Tóxica", "FLACS / CFD", "HAZOP", "QRA", "FEED"]} />

      {/* Intro + tabela comparativa */}
      <Section title="Vanguarda em segurança de processos para a nova energia"
        intro="Para projetos de exportação de hidrogênio verde, na configuração predominante no Brasil — com destaque para o hub do Pecém (CE) — a rota consolidada passa pela síntese de amônia (NH₃) como vetor de transporte. Isso transforma a amônia no componente de maior inventário, maior persistência atmosférica e maior alcance tóxico do projeto.">

        <figure style={ne.heroFig}>
          <div style={ne.heroFigFrame}>
            <img src="img/nova-energia/amonia-distancias.png" alt="Armazenamento de amônia — distâncias de separação por zona de consequência (50 m a 200 m)" style={ne.heroFigImg} loading="lazy" />
          </div>
          <figcaption style={ne.figCap}>Distâncias de separação para armazenamento de NH₃ por zona de consequência — base AIChE/CCPS, NFPA 59A, API RP 752 e IMO IGF Code.</figcaption>
        </figure>

        <P>A análise comparativa dos hazards estabelece isso com clareza:</P>
        <DataTable
          head={["Parâmetro", "NH₃ (Amônia)", "H₂ (Hidrogênio)"]}
          rows={[
            ["IDLH (NIOSH)", "300 ppm", "10% LEL (asfixia)"],
            ["ERPG-2 (1 h)", "150 ppm", "— (não tóxico)"],
            ["ERPG-3 (1 h)", "750 ppm", "—"],
            ["Comportamento de dispersão", "Gás denso → nuvem rasante", "Gás leve → dispersão vertical rápida"],
            ["Inflamabilidade", "LEL 15% / UEL 28% (faixa estreita)", "LEL 4% / UEL 75% (faixa ampla)"],
            ["Consequência dominante", "Tóxico (afetação em escala de km)", "Incêndio / explosão confinada"],
            ["Limiar regulatório (NR-20 / OSHA PSM)", "Coberto", "Coberto"],
          ]} />

        <Callout kind="alert">O <strong>facility siting</strong>, as distâncias de segurança e os requisitos de barreira são definidos pelo comportamento da <strong>amônia</strong>, não do hidrogênio. Estudos de QRA que não modelam adequadamente a dispersão de NH₃ em condições atmosféricas desfavoráveis (classe F de Pasquill-Gifford, vento baixo) subestimam sistematicamente o risco do empreendimento.</Callout>
      </Section>

      {/* Serviços */}
      <Section title="Serviços" bg="#F4F6F8"
        intro="Da análise de consequência ao suporte técnico no FEED — escopo desenhado para os hazards específicos de H₂ e NH₃.">
        <div style={ne.grid} className="psm-grid-2">
          {NE_SERVICES.map((s) => <NEServiceCard key={s.t} s={s} />)}
        </div>
      </Section>

      {/* Base técnica */}
      <Section title="Base técnica"
        intro="A competência em process safety para hidrogênio e amônia combina domínios que raramente coexistem no mesmo profissional: fenomenologia de hazards de fluidos perigosos, modelagem computacional de dispersão e consequência, metodologias estruturadas de análise de risco e conhecimento do ciclo de vida de grandes projetos de capital.">
        <CheckList items={NE_BASE} />
        <RelatedServices exclude="" />
      </Section>

      {/* Treinamento */}
      <Section bg="#06172C">
        <div style={ne.trainWrap}>
          <span style={ne.trainKicker}>Treinamento in-company &amp; turmas abertas</span>
          <h2 style={ne.trainT}>Segurança de Processos em Projetos de Hidrogênio Verde</h2>
          <p style={ne.trainP}>Programa técnico para engenheiros de processo, equipes HSSE e gestores de projeto em empreendimentos de H₂/NH₃. Cobre propriedades físico-químicas e toxicologia, fenomenologia de vazamentos (jato líquido, flash, nuvem), modelagem de dispersão, cenários de acidente e critérios de projeto de barreiras.</p>
          <p style={ne.trainMeta}>Desenvolvido com base na literatura de referência: CCPS, AIChE, NFPA, TNO Purple Book e na experiência prática em análise de risco de plantas industriais.</p>
          <a href="contato.html" style={ne.trainBtn}>Saber das próximas turmas <Icon name="arrow-right" size={16} color="#071C36" /></a>
        </div>
      </Section>

      {/* Contexto regulatório */}
      <Section title="Contexto regulatório e de projeto no Brasil">
        <P>Os projetos de H₂/NH₃ no Brasil operam em um ambiente regulatório ainda em formação. O IBAMA, a ANP e as agências estaduais estão desenvolvendo os marcos para licenciamento ambiental de plantas de grande porte nessa categoria, e as exigências de estudos de risco são parte central desse processo.</P>
        <P>Ao mesmo tempo, os financiadores internacionais (BID, BNDES, bancos europeus de desenvolvimento) aplicam seus próprios critérios de due diligence técnica, em geral mais rigorosos que os mínimos regulatórios.</P>
        <Callout>Projetos que antecipam esses requisitos — realizando QRA e facility siting com metodologia robusta ainda durante o FEED — têm uma vantagem concreta no processo de aprovação de financiamento e licenciamento.</Callout>
      </Section>

      <CtaFinal
        title="Seu projeto está em FEED ou revisão de estudos?"
        sub="Nossa primeira interação é técnica: focada no entendimento do seu projeto e dos hazards relevantes. Não comercial."
        micro="Hidrogênio Verde · Amônia · Atuação nacional e projetos internacionais" />
      <Footer />
    </React.Fragment>
  );
}

const ne = {
  crumbWrap: { background: "#06172C" },
  crumbInner: { maxWidth: 980, margin: "0 auto", padding: "12px 32px", display: "flex", alignItems: "center", gap: 9, flexWrap: "wrap" },
  crumbLink: { fontFamily: "'IBM Plex Mono', monospace", fontSize: 12, color: "rgba(255,255,255,.6)", textDecoration: "none" },
  crumbSep: { color: "rgba(255,255,255,.3)", fontSize: 12 },
  crumbCur: { fontFamily: "'IBM Plex Mono', monospace", fontSize: 12, color: "#F5A623" },

  heroFig: { margin: "0 0 26px" },
  heroFigFrame: { background: "#fff", border: "1px solid #E8ECF1", borderRadius: 12, overflow: "hidden", boxShadow: "0 10px 30px rgba(7,28,54,.10)" },
  heroFigImg: { width: "100%", height: "auto", display: "block" },
  figCap: { fontFamily: "'IBM Plex Sans', sans-serif", fontSize: 12.5, lineHeight: 1.5, color: "#6B7785", margin: "10px 2px 0", fontStyle: "italic" },

  grid: { display: "grid", gridTemplateColumns: "repeat(2,1fr)", gap: 18 },
  card: { display: "flex", flexDirection: "column", background: "#fff", border: "1px solid #E8ECF1", borderTop: "3px solid #F5A623", borderRadius: 12, padding: "22px 24px" },
  cardHead: { display: "flex", gap: 13, alignItems: "flex-start", marginBottom: 12 },
  cardIcon: { flex: "none", width: 42, height: 42, borderRadius: 10, background: "#FEF4E2", display: "flex", alignItems: "center", justifyContent: "center" },
  cardT: { fontFamily: "'Barlow Condensed', sans-serif", fontWeight: 700, fontSize: 21, color: "#071C36", margin: "2px 0 0", textTransform: "uppercase", lineHeight: 1.08 },
  cardSub: { fontFamily: "'IBM Plex Sans', sans-serif", fontWeight: 600, fontSize: 12.5, color: "#17304D", marginTop: 3 },
  cardD: { fontFamily: "'IBM Plex Sans', sans-serif", fontSize: 14.5, lineHeight: 1.6, color: "#45525F", margin: "0 0 14px" },
  cardList: { listStyle: "none", margin: "0 0 4px", padding: 0, display: "flex", flexDirection: "column", gap: 8 },
  cardLi: { display: "flex", gap: 10, alignItems: "flex-start", fontFamily: "'IBM Plex Sans', sans-serif", fontSize: 13.5, lineHeight: 1.5, color: "#1A2332" },
  cardDot: { flex: "none", width: 5, height: 5, borderRadius: 999, background: "#F5A623", marginTop: 8 },
  cardDeliv: { marginTop: 16, paddingTop: 14, borderTop: "1px solid #EEF1F5", fontFamily: "'IBM Plex Sans', sans-serif", fontSize: 13, lineHeight: 1.58, color: "#6B7785" },
  cardDelivLabel: { display: "block", fontFamily: "'IBM Plex Mono', monospace", fontSize: 10.5, letterSpacing: ".1em", textTransform: "uppercase", color: "#F08C00", marginBottom: 5 },

  trainWrap: { maxWidth: 760 },
  trainKicker: { fontFamily: "'IBM Plex Mono', monospace", fontSize: 12, letterSpacing: ".12em", textTransform: "uppercase", color: "#F5A623" },
  trainT: { fontFamily: "'Barlow Condensed', sans-serif", fontWeight: 700, fontSize: 34, color: "#fff", margin: "14px 0 14px", textTransform: "uppercase", lineHeight: 1.08 },
  trainP: { fontFamily: "'IBM Plex Sans', sans-serif", fontSize: 16, lineHeight: 1.65, color: "rgba(255,255,255,.78)", margin: "0 0 14px" },
  trainMeta: { fontFamily: "'IBM Plex Sans', sans-serif", fontSize: 14, lineHeight: 1.6, color: "rgba(255,255,255,.55)", margin: "0 0 24px" },
  trainBtn: { display: "inline-flex", alignItems: "center", gap: 8, fontFamily: "'IBM Plex Sans', sans-serif", fontWeight: 600, fontSize: 14.5, color: "#071C36", background: "#F5A623", border: "none", borderRadius: 8, padding: "13px 22px", textDecoration: "none" },
};
ReactDOM.createRoot(document.getElementById("root")).render(<NovaEnergiaPage />);
