// PSM Expert — Página Blog (listagem com filtro por categoria) const BLOG_CATEGORIES = ["Todos", "Metodologias", "Gestão", "Casos"]; const BLOG_POSTS = [ { n: "16", cat: "Casos", t: "Air India Voo AI171: Fuel Control Switches & Gerenciamento de Mudanças", href: "artigo-air-india-ai171.html", img: "img/blog/air-india-ai171.png", d: "Estudo de caso: como um alerta da FAA de 2018 nunca migrou de uma frota para outra e o risco latente persistiu por sete anos. Falhas sobrepostas de MoC." }, { n: "01", cat: "Metodologias", t: "HAZOP: o que é, como funciona e quando é exigido", href: "artigo-hazop.html", img: "img/blog/hazop-o-que-e.png", d: "O que é o HAZOP, como funciona na prática e quando se torna aplicável ou requerido pela ANP ou CETESB." }, { n: "17", cat: "Metodologias", t: "BowTie: a ferramenta que coloca a gestão de riscos em perspectiva", href: "artigo-bowtie.html", img: "img/blog/bowtie.png", d: "Causas, evento topo, consequências e barreiras (preventivas e mitigadoras) — o método BowTie explicado com o exemplo do café quente." }, { n: "18", cat: "Gestão", t: "RBPS: o framework que transforma PSM em sistema de gestão real", href: "artigo-rbps-ccps.html", img: "img/blog/rbps-ccps.png", d: "Os 4 pilares e os 20 elementos do Risk Based Process Safety do CCPS — o mapa que organiza o PSM de forma proporcional ao risco." }, ]; function BlogCard({ post, featured }) { const hasImg = !!post.img; return (
{hasImg ? : null} {hasImg ? : null} {hasImg ? null : {post.n}} {post.cat}

{post.t}

{post.d}

Ler artigo
); } function BlogPage() { const [cat, setCat] = React.useState("Todos"); const posts = cat === "Todos" ? BLOG_POSTS : BLOG_POSTS.filter((p) => p.cat === cat); const [feat, ...rest] = posts; return (
{BLOG_CATEGORIES.map((c) => ( ))}
{feat ?
: null}
{rest.map((p) => )}
{posts.length === 0 ?

Nenhum artigo nesta categoria ainda.

: null}