// PSM Expert — Página PAE — Plano de Atendimento a Emergências

// Tabela técnica com cabeçalho petróleo + linhas zebra
function DataTable({ head, rows, strongFirst = true }) {
  return (
    <div style={dt.scroll}>
      <table style={dt.table}>
        <thead>
          <tr>{head.map((h, i) => <th key={i} style={{ ...dt.th, textAlign: i === 0 ? "left" : "left" }}>{h}</th>)}</tr>
        </thead>
        <tbody>
          {rows.map((r, ri) => (
            <tr key={ri} style={{ background: ri % 2 ? "#F4F6F8" : "#fff" }}>
              {r.map((c, ci) => (
                <td key={ci} style={{ ...dt.td, ...(ci === 0 && strongFirst ? dt.tdStrong : {}) }}>{c}</td>
              ))}
            </tr>
          ))}
        </tbody>
      </table>
    </div>
  );
}
const dt = {
  scroll: { overflowX: "auto", border: "1px solid #E8ECF1", borderRadius: 10, margin: "0 0 8px" },
  table: { width: "100%", borderCollapse: "collapse", minWidth: 560 },
  th: { fontFamily: "'IBM Plex Mono', monospace", fontSize: 11.5, letterSpacing: ".04em", textTransform: "uppercase", color: "#fff", background: "#071C36", padding: "12px 16px", fontWeight: 500, whiteSpace: "nowrap" },
  td: { fontFamily: "'IBM Plex Sans', sans-serif", fontSize: 14, lineHeight: 1.55, color: "#45525F", padding: "13px 16px", borderTop: "1px solid #E8ECF1", verticalAlign: "top" },
  tdStrong: { fontFamily: "'IBM Plex Sans', sans-serif", fontWeight: 700, color: "#071C36", whiteSpace: "nowrap" },
};

// Grid de elementos do CCPS RBPS
function ElementGrid({ items }) {
  return (
    <div style={{ display: "grid", gridTemplateColumns: "repeat(2,1fr)", gap: 16 }} className="psm-grid-2">
      {items.map((it) => (
        <div key={it.t} style={eg.card}>
          <div style={eg.head}>
            <span style={eg.num}>{it.num}</span>
            <h4 style={eg.t}>{it.t}</h4>
          </div>
          <p style={eg.d}>{it.d}</p>
        </div>
      ))}
    </div>
  );
}
const eg = {
  card: { background: "#fff", border: "1px solid #E8ECF1", borderRadius: 10, padding: "18px 20px" },
  head: { display: "flex", alignItems: "center", gap: 12, marginBottom: 9 },
  num: { flex: "none", minWidth: 38, height: 30, padding: "0 8px", borderRadius: 7, background: "#EEF2F7", color: "#17304D", fontFamily: "'IBM Plex Mono', monospace", fontSize: 13, fontWeight: 500, display: "flex", alignItems: "center", justifyContent: "center" },
  t: { fontFamily: "'Barlow Condensed', sans-serif", fontWeight: 700, fontSize: 19, color: "#071C36", margin: 0, textTransform: "uppercase", lineHeight: 1.08 },
  d: { fontFamily: "'IBM Plex Sans', sans-serif", fontSize: 14, lineHeight: 1.6, color: "#6B7785", margin: 0 },
};

// Trio integrado EAR · PGR · PAE (destaque no PAE)
function IntegrationTrio({ highlight }) {
  const items = [
    { tag: "EAR", t: "Identifica e quantifica", d: "Define os cenários dimensionadores e as zonas de efeito — insumos diretos do PAE." },
    { tag: "PGR", t: "Controla os riscos", d: "Documenta barreiras e salvaguardas com que a resposta a emergência pode contar." },
    { tag: "PAE", t: "Responde ao acidente", d: "Fecha o ciclo: define como agir quando as barreiras preventivas falham." },
  ];
  return (
    <div style={{ display: "grid", gridTemplateColumns: "repeat(3,1fr)", gap: 16 }} className="psm-grid-3">
      {items.map((it) => {
        const on = it.tag === highlight;
        return (
          <div key={it.tag} style={{ ...tri.card, ...(on ? tri.cardOn : {}) }}>
            <span style={{ ...tri.tag, color: on ? "#F5A623" : "#071C36" }}>{it.tag}</span>
            <h4 style={tri.t}>{it.t}</h4>
            <p style={tri.d}>{it.d}</p>
          </div>
        );
      })}
    </div>
  );
}
const tri = {
  card: { background: "#fff", border: "1px solid #E8ECF1", borderTop: "3px solid #E8ECF1", borderRadius: 10, padding: "20px 20px 22px" },
  cardOn: { borderTopColor: "#F5A623", boxShadow: "0 8px 24px rgba(7,28,54,.08)" },
  tag: { display: "inline-block", fontFamily: "'Barlow Condensed', sans-serif", fontWeight: 800, fontSize: 26, letterSpacing: ".02em", marginBottom: 6 },
  t: { fontFamily: "'IBM Plex Sans', sans-serif", fontWeight: 700, fontSize: 14, color: "#17304D", margin: "0 0 8px", textTransform: "uppercase", letterSpacing: ".02em" },
  d: { fontFamily: "'IBM Plex Sans', sans-serif", fontSize: 13.5, lineHeight: 1.6, color: "#6B7785", margin: 0 },
};

function SubTitle({ children }) {
  return <h3 style={{ fontFamily: "'Barlow Condensed', sans-serif", fontWeight: 700, fontSize: 22, color: "#17304D", margin: "30px 0 14px", textTransform: "uppercase", letterSpacing: ".01em" }}>{children}</h3>;
}

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

      <div style={pc.crumbWrap}>
        <div style={pc.crumbInner}>
          <a href="servicos.html" style={pc.crumbLink}>Serviços</a>
          <span style={pc.crumbSep}>/</span>
          <span style={pc.crumbCur}>PAE — Plano de Atendimento a Emergências</span>
        </div>
      </div>

      <PageHero
        kicker="Soluções Técnicas · Planos de Emergência e PSM"
        title="PAE — Plano de Atendimento a Emergências"
        subtitle="Elaboração técnica do Plano de Atendimento a Emergências integrado ao sistema de gestão de segurança de processos — conforme os princípios do CCPS, as regulamentações dos órgãos ambientais e as instruções técnicas dos corpos de bombeiros estaduais."
        badges={["CCPS RBPS", "CETESB P4.262", "NR 29", "ITs CB", "PSM", "Gestão de Emergências"]} />

      <Section title="O PAE no contexto da Segurança de Processos">
        <P>O Plano de Atendimento a Emergências (PAE) é o documento que define como a instalação responde a um acidente de processo — e, mais importante, como minimiza suas consequências sobre trabalhadores, comunidade e meio ambiente antes que os recursos externos cheguem.</P>
        <P>No contexto da Segurança de Processos (PSM), o PAE não é um documento isolado. Ele é o <strong>Elemento 20 do CCPS RBPS</strong> — <em>Emergency Management</em> — e está intrinsecamente ligado aos demais elementos: os cenários identificados no HAZOP alimentam os procedimentos de resposta; as distâncias calculadas no EAR definem as zonas de evacuação; e o PGR estabelece as medidas de controle que determinam quais cenários o PAE precisa cobrir.</P>
        <P>Um PAE que não foi construído sobre os resultados do estudo de análise de riscos da instalação é, na melhor das hipóteses, genérico — e pode falhar exatamente no cenário em que a planta apresenta maior risco.</P>
        <Callout>O CCPS define que o <em>Emergency Management</em> deve incluir: planejamento baseado em cenários reais de acidente, programas de treinamento e simulados, integração com planos de emergência comunitários e revisão periódica após incidentes ou modificações de processo.</Callout>
      </Section>

      <Section title="O PAE como elemento do PSM (CCPS RBPS)" intro="O CCPS RBPS estrutura a gestão de segurança de processos em 20 elementos. O PAE corresponde ao Elemento 20 — Emergency Management — que depende e se integra a outros elementos críticos." bg="#F4F6F8">
        <ElementGrid items={[
          { num: "09", t: "Identificação de Perigos e Avaliação de Riscos", d: "Os cenários identificados no HAZOP, HAZID e QRA definem quais situações o PAE deve cobrir — e qual a severidade esperada. Sem esse insumo, o PAE é construído sobre suposições." },
          { num: "—", t: "Análise de Consequências (EAR/QRA)", d: "As simulações de dispersão, explosão e incêndio determinam as zonas de efeito e os limiares que orientam as zonas de alerta e evacuação, os pontos de encontro e o abrigo no local." },
          { num: "11", t: "Procedimentos Operacionais", d: "Os procedimentos de resposta são uma extensão dos procedimentos operacionais — escritos na linguagem da operação, com ações claras e integração com alarme e intertravamento." },
          { num: "12", t: "Gestão de Mudanças (MoC)", d: "Qualquer modificação significativa que altere os cenários de risco exige revisão do PAE. O plano deve estar vinculado ao processo de MoC para permanecer atualizado." },
          { num: "08", t: "Treinamento e Desempenho", d: "O PAE só é eficaz se as equipes treinam para executá-lo. O plano inclui o programa de simulados, critérios de avaliação de desempenho e registros de treinamento." },
        ]} />
      </Section>

      <Section title="Regulamentações aplicáveis por tipo de instalação" intro="O PAE não obedece a uma única norma federal — é regulado por uma combinação de exigências do órgão ambiental, da regulamentação do setor, das instruções técnicas do corpo de bombeiros estadual e de normas específicas da atividade.">
        <SubTitle>Instalações industriais em geral</SubTitle>
        <DataTable
          head={["Regulamentação", "Órgão / Referência", "Aplicação"]}
          rows={[
            ["CETESB P4.262", "CETESB (SP)", "PAE integrado ao EAR para instalações com substâncias perigosas"],
            ["ITs do Corpo de Bombeiros", "CB de cada estado", "Plano de emergência contra incêndio e pânico — edificações e áreas de risco"],
            ["ABNT NBR 14276", "ABNT", "Brigada de emergência — formação, treinamento e procedimentos"],
            ["ABNT NBR 15219", "ABNT", "Plano de emergência contra incêndio — elaboração e conteúdo"],
            ["NR 23", "MTE", "Proteção contra incêndios — requisitos mínimos nas instalações"],
            ["CCPS Emergency Mgmt.", "CCPS RBPS — Elem. 20", "Referência internacional para instalações com gestão PSM"],
          ]} />

        <SubTitle>Dutos de transporte e terminais</SubTitle>
        <DataTable
          head={["Regulamentação", "Aplicação"]}
          rows={[
            ["Resolução ANP nº 11/2016", "Dutos de transporte de petróleo, gás natural e derivados"],
            ["Resolução ANP nº 43/2007", "Refinarias, terminais e instalações de petróleo e gás"],
            ["ABNT NBR 14064", "Atendimento a emergências com produtos perigosos no transporte rodoviário"],
          ]} />

        <SubTitle>Áreas portuárias</SubTitle>
        <P>As instalações portuárias operam sob regulamentação específica que combina as exigências da autoridade portuária, da ANTAQ e da Marinha do Brasil, além das normas de segurança do trabalho portuário.</P>
        <DataTable
          head={["Regulamentação", "Descrição"]}
          rows={[
            ["NR 29", "Segurança e Saúde no Trabalho Portuário — operadores e trabalhadores avulsos em portos, instalações portuárias e plataformas"],
            ["Resolução ANTAQ", "Requisitos de segurança operacional para terminais e instalações portuárias privadas"],
            ["NORMAM-01/DPC", "Normas da Marinha para embarcações em navegação interior — terminais fluviais e lacustres"],
            ["Código IMDG / MARPOL", "Transporte marítimo de cargas perigosas e prevenção de poluição marinha"],
            ["CETESB P4.262 / IBAMA", "EAR e PAE para terminais com substâncias perigosas acima dos limiares"],
            ["Plano de Emergência Individual (PEI)", "Exigido pela ANP/IBAMA para instalações com risco de derrame de óleo"],
          ]} />
        <Callout kind="alert">O PAE portuário exige integração com o <strong>Plano de Área (PA)</strong> do porto organizado e, quando aplicável, com o <strong>Plano Nacional de Contingência (PNC)</strong> do IBAMA.</Callout>
      </Section>

      <Section title="Como a PSM Expert elabora o PAE" bg="#F4F6F8">
        <StepsVertical steps={[
          { t: "Diagnóstico e levantamento", d: "Revisão da documentação existente (EAR, PGR, HAZOP, P&IDs, layout), inventário de substâncias, levantamento dos recursos de resposta (brigada, equipamentos, detecção e alarme) e da estrutura organizacional de emergência." },
          { t: "Identificação dos cenários de acidente", d: "Com base no EAR ou em análise qualitativa (HAZID/APR), seleção dos cenários dimensionadores — aqueles que, por severidade ou probabilidade, exigem resposta estruturada e pré-planejada." },
          { t: "Análise de consequências e zonas de emergência", d: "Definição das zonas de emergência (isolamento, ação de proteção, suporte) com base nas distâncias de efeito das simulações de dispersão, explosão e incêndio dos cenários selecionados." },
          { t: "Elaboração dos procedimentos de resposta", d: "Sequência de ações, responsabilidades por função, critérios de acionamento dos níveis de emergência, comunicação interna e externa e integração com o sistema de alarme da planta." },
          { t: "Estrutura organizacional de emergência", d: "Definição da cadeia de comando — Comandante de Incidente, brigada, equipes de suporte — e a interface com recursos externos (Corpo de Bombeiros, SAMU, órgão ambiental, Defesa Civil)." },
          { t: "Programa de treinamentos e simulados", d: "Programa anual de treinamentos e simulados, com critérios de avaliação de desempenho e registros de conformidade com o CCPS e com o órgão licenciador." },
          { t: "Relatório e aprovação", d: "Entrega do PAE no formato exigido pelo órgão competente — CETESB P4.262, Corpo de Bombeiros, ANTAQ ou ANP — com mapas, planilhas e fluxogramas de resposta para aprovação." },
        ]} />
      </Section>

      <Section title="O que é entregue">
        <DeliverableGrid items={[
          { icon: "file-text", t: "PAE completo", d: "Documento técnico com cenários, zonas de emergência, procedimentos de resposta, organograma de emergência e plano de comunicação." },
          { icon: "map-pin", t: "Mapas de emergência", d: "Plantas com zonas de evacuação, rotas de fuga, pontos de encontro, recursos de resposta e zonas de efeito dos cenários dimensionadores." },
          { icon: "clipboard-check", t: "Fichas de resposta por cenário", d: "Quick cards operacionais com as ações prioritárias de cada tipo de acidente, sem necessidade de consultar o documento completo." },
          { icon: "graduation-cap", t: "Programa de treinamentos e simulados", d: "Cronograma anual com tipos, frequências e critérios de avaliação exigidos pelo CCPS e pelo regulador." },
          { icon: "git-branch", t: "Fluxogramas de notificação", d: "Cadeia interna de acionamento, contatos externos (CB, SAMU, órgão ambiental, vizinhança) e critérios de escalada dos níveis de emergência." },
        ]} />
      </Section>

      <Section title="Integração PAE · EAR · PGR" intro="Os três documentos formam um sistema integrado e não devem ser elaborados de forma independente. A PSM Expert os elabora de forma coordenada, garantindo consistência técnica e eficiência na aprovação." bg="#F4F6F8">
        <IntegrationTrio highlight="PAE" />
      </Section>

      <Section title="Normas e referências aplicadas">
        <NormTable rows={[
          { n: "CETESB P4.262", d: "Elaboração de Plano de Ação de Emergência (SP)" },
          { n: "CCPS RBPS — Elem. 20", d: "Emergency Management — Risk Based Process Safety" },
          { n: "ABNT NBR 14276:2020", d: "Brigada de emergência — formação, treinamento e procedimentos" },
          { n: "ABNT NBR 15219:2005", d: "Plano de emergência contra incêndio — elaboração" },
          { n: "NR 23", d: "Proteção contra incêndios" },
          { n: "NR 29", d: "Segurança e Saúde no Trabalho Portuário" },
          { n: "ANP Res. 43/2007", d: "Instalações de petróleo e gás" },
          { n: "ITs CB estaduais", d: "Instruções técnicas de cada Corpo de Bombeiros estadual" },
          { n: "OSHA 1910.119", d: "Emergency Planning and Response (referência para gestão PSM)" },
        ]} />
        <RelatedServices exclude="pae.html" />
      </Section>

      <Section title="Perguntas frequentes" bg="#F4F6F8">
        <FaqList items={[
          { q: "O PAE substitui o plano de brigada de incêndio exigido pelo Corpo de Bombeiros?", a: "Não necessariamente — mas os dois documentos devem ser integrados. O plano exigido pelas ITs do Corpo de Bombeiros trata especificamente de incêndio e pânico em edificações. O PAE de segurança de processos tem escopo mais amplo: cobre também vazamentos tóxicos, explosões e outros acidentes de processo, e é exigido pelos órgãos ambientais como parte do EAR/PGR. A PSM Expert elabora os dois documentos de forma coordenada para evitar redundâncias e garantir consistência entre os planos." },
          { q: "Com que frequência o PAE deve ser revisado?", a: "O CCPS e a maioria dos reguladores recomendam revisão do PAE sempre que: houver modificação significativa no processo ou no layout (MoC); um simulado ou incidente real revelar falhas nos procedimentos; novos cenários de risco forem identificados em HAZOP ou QRA; ou a estrutura organizacional de emergência mudar. Em geral, uma revisão completa a cada 3 a 5 anos é o mínimo recomendado — independentemente de mudanças." },
          { q: "O PAE precisa ser aprovado pelo Corpo de Bombeiros?", a: "Depende do tipo de instalação e do estado. Para edificações industriais, o plano de emergência contra incêndio segue as ITs do CB estadual e pode exigir aprovação formal. Para o PAE vinculado ao EAR (processo industrial com substâncias perigosas), a aprovação é feita pelo órgão ambiental licenciador — CETESB, IBAMA, INEA, etc. A PSM Expert orienta o cliente quanto às exigências específicas de cada órgão." },
          { q: "O PAE pode ser usado como resposta a emergências ambientais (derrame)?", a: "Sim, e em muitos casos essa integração é exigida. Instalações que manipulam substâncias com risco de contaminação de solo, corpos hídricos ou atmosfera devem ter procedimentos de resposta ambiental incorporados ao PAE — incluindo notificação ao órgão ambiental, contenção do derrame e acionamento de empresa especializada. Para instalações com risco de derrame de óleo, o Plano de Emergência Individual (PEI) é um documento separado, exigido pela ANP e pelo IBAMA, que pode ser integrado ao PAE." },
          { q: "É possível elaborar o PAE para instalação que ainda não tem EAR ou HAZOP?", a: "Sim, mas com limitações. A PSM Expert pode conduzir uma análise simplificada de perigos (APR ou HAZID) como parte do escopo do PAE, identificando os cenários prioritários a partir dos quais os procedimentos de resposta são desenvolvidos. No entanto, para instalações com substâncias perigosas em quantidade significativa, a elaboração do EAR e do HAZOP é recomendada — não apenas para o PAE, mas como exigência de licenciamento." },
        ]} />
      </Section>

      <CtaFinal title="Precisa elaborar ou revisar o PAE da sua instalação?" sub="Fale com um especialista. Atendemos em todo o Brasil." />
      <Footer />
    </React.Fragment>
  );
}
const pc = {
  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" },
};
ReactDOM.createRoot(document.getElementById("root")).render(<PaePage />);
