// PSM Expert — Quem Somos + CTA band + Footer (v3, Documento Mestre) function About() { return (

Quem Somos

A PSM Expert é uma consultoria técnica independente fundada por especialistas com mais de 15 anos de atuação em Segurança de Processos e Gerenciamento de Riscos em indústrias de alto risco.

As consultorias são realizadas por profissionais que possuem ampla experiência na indústria, e não somente em consultoria, o que fornece entregas reais, dentro da realidade de cada setor e empresa apoiada.

Fale com nossa equipe
Equipe técnica PSM Expert
); } const ab = { wrap: { background: "#fff" }, inner: { maxWidth: 1240, margin: "0 auto", padding: "16px 32px 76px", display: "grid", gridTemplateColumns: "1fr 1.1fr", gap: 48, alignItems: "center" }, text: {}, h2: { fontFamily: "'Barlow Condensed', sans-serif", fontWeight: 700, fontSize: 38, color: "#071C36", margin: "0 0 12px", textTransform: "uppercase" }, rule: { width: 64, height: 3, background: "#F5A623", borderRadius: 2, marginBottom: 22 }, p: { fontFamily: "'IBM Plex Sans', sans-serif", fontSize: 15.5, lineHeight: 1.7, color: "#6B7785", margin: "0 0 14px" }, btn: { display: "inline-flex", alignItems: "center", gap: 8, fontFamily: "'IBM Plex Sans', sans-serif", fontWeight: 600, fontSize: 14, color: "#17304D", background: "transparent", border: "1.5px solid #CBD3DC", borderRadius: 7, padding: "12px 22px", cursor: "pointer", textDecoration: "none" }, imgWrap: { borderRadius: 14, overflow: "hidden", boxShadow: "0 18px 44px rgba(7,28,54,.16)", height: 380 }, img: { width: "100%", height: "100%", objectFit: "cover", display: "block" }, }; function CtaBand() { return (

Pronto para Iniciar sua Análise de Riscos?

Fale com um especialista. Atendimento imediato.

Sem compromisso · Atendimento imediato · Proposta técnica detalhada
(e.currentTarget.style.background = "#1FB85A")} onMouseLeave={(e) => (e.currentTarget.style.background = "#25D366")}> Chamar no WhatsApp (e.currentTarget.style.background = "#F08C00")} onMouseLeave={(e) => (e.currentTarget.style.background = "#F5A623")}> Enviar mensagem
); } const cb = { wrap: { background: "#0C2747" }, inner: { maxWidth: 1240, margin: "0 auto", padding: "38px 32px", display: "flex", alignItems: "center", justifyContent: "space-between", gap: 28, flexWrap: "wrap" }, h2: { fontFamily: "'Barlow Condensed', sans-serif", fontWeight: 700, fontSize: 30, color: "#fff", margin: "0 0 6px", textTransform: "uppercase" }, p: { fontFamily: "'IBM Plex Sans', sans-serif", fontSize: 14.5, color: "rgba(255,255,255,.7)", margin: "0 0 8px" }, micro: { fontFamily: "'IBM Plex Sans', sans-serif", fontSize: 12, color: "rgba(255,255,255,.45)" }, actions: { display: "flex", gap: 13, flexWrap: "wrap" }, wpp: { display: "inline-flex", alignItems: "center", gap: 9, fontFamily: "'IBM Plex Sans', sans-serif", fontWeight: 600, fontSize: 14.5, color: "#fff", background: "#25D366", border: "none", borderRadius: 7, padding: "13px 22px", cursor: "pointer", transition: "background .14s", textDecoration: "none" }, mail: { display: "inline-flex", alignItems: "center", gap: 9, fontFamily: "'IBM Plex Sans', sans-serif", fontWeight: 600, fontSize: 14.5, color: "#071C36", background: "#F5A623", border: "none", borderRadius: 7, padding: "13px 22px", cursor: "pointer", transition: "background .14s", textDecoration: "none" }, }; function Footer() { const [viewMode, setViewMode] = React.useState("mobile"); React.useEffect(() => { const saved = localStorage.getItem("psm-view-mode") || "mobile"; setViewMode(saved); applyViewMode(saved); }, []); function applyViewMode(mode) { let vp = document.querySelector('meta[name="viewport"]'); if (!vp) { vp = document.createElement("meta"); vp.name = "viewport"; document.head.appendChild(vp); } vp.setAttribute("content", mode === "web" ? "width=1240" : "width=device-width, initial-scale=1"); } function setMode(mode) { setViewMode(mode); localStorage.setItem("psm-view-mode", mode); applyViewMode(mode); } const cols = [ { h: "Serviços", items: [["HAZOP", "hazop.html"], ["QRA & Modelagens", "qra.html"], ["Bow-Tie", "bowtie.html"], ["LOPA", "lopa.html"], ["SIS / SIF / SIL", "sil-sis-sif.html"], ["PSM", "psm.html"], ["PGR / PAE", "pgr-pae.html"], ["Ver todos os serviços", "servicos.html"]] }, { h: "Empresa", items: [["Sobre a PSM Expert", "index.html#sec-sobre"], ["Cursos & Treinamentos", "cursos-e-treinamentos.html"], ["Blog Técnico", "blog.html"], ["Cases & Resultados", "contato.html"], ["Glossário", "contato.html"]] }, ]; return ( ); } const ft = { foot: { background: "#06172C", color: "#fff" }, inner: { maxWidth: 1240, margin: "0 auto", padding: "56px 32px 40px", display: "grid", gridTemplateColumns: "2fr 1fr 1fr 1.5fr", gap: 32 }, brand: {}, tag: { fontFamily: "'IBM Plex Sans', sans-serif", fontSize: 13.5, lineHeight: 1.6, color: "rgba(255,255,255,.55)", margin: "0 0 16px", maxWidth: 280 }, social: { display: "flex", gap: 9 }, socialBtn: { width: 34, height: 34, borderRadius: 7, background: "rgba(255,255,255,.08)", display: "flex", alignItems: "center", justifyContent: "center", cursor: "pointer", textDecoration: "none" }, col: { display: "flex", flexDirection: "column" }, colH: { fontFamily: "'Barlow Condensed', sans-serif", fontWeight: 600, fontSize: 17, color: "#fff", margin: "0 0 16px", textTransform: "uppercase", letterSpacing: ".02em" }, colLink: { fontFamily: "'IBM Plex Sans', sans-serif", fontSize: 13.5, color: "rgba(255,255,255,.6)", padding: "5px 0", cursor: "pointer", textDecoration: "none", transition: "color .14s" }, contact: { display: "flex", alignItems: "center", gap: 9, fontFamily: "'IBM Plex Sans', sans-serif", fontSize: 13.5, color: "rgba(255,255,255,.6)", padding: "5px 0", textDecoration: "none" }, bottom: { borderTop: "1px solid rgba(255,255,255,.08)" }, bottomInner: { maxWidth: 1240, margin: "0 auto", padding: "18px 32px", display: "flex", alignItems: "center", justifyContent: "space-between", flexWrap: "wrap", gap: 10, fontFamily: "'IBM Plex Sans', sans-serif", fontSize: 12.5, color: "rgba(255,255,255,.45)" }, legal: { display: "flex", gap: 22, alignItems: "center" }, legalLink: { color: "rgba(255,255,255,.45)", cursor: "pointer", textDecoration: "none" }, viewToggle: { display: "flex", alignItems: "center", gap: 6 }, viewLabel: { color: "rgba(255,255,255,.45)" }, viewBtn: { fontFamily: "'IBM Plex Sans', sans-serif", fontSize: 12, fontWeight: 600, color: "rgba(255,255,255,.6)", background: "rgba(255,255,255,.06)", border: "1px solid rgba(255,255,255,.12)", borderRadius: 6, padding: "5px 12px", cursor: "pointer", transition: "all .14s" }, viewBtnOn: { color: "#071C36", background: "#F5A623", borderColor: "#F5A623" }, }; Object.assign(window, { About, CtaBand, Footer });