{"id":15,"date":"2026-02-02T16:28:39","date_gmt":"2026-02-02T16:28:39","guid":{"rendered":"https:\/\/conexoesns.com.br\/?page_id=15"},"modified":"2026-03-13T01:16:39","modified_gmt":"2026-03-13T01:16:39","slug":"home","status":"publish","type":"page","link":"https:\/\/conexoesns.com.br\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2dc2db e-flex e-con-boxed e-con e-parent\" data-id=\"b2dc2db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c45d21 elementor-widget elementor-widget-html\" data-id=\"5c45d21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     HOMEPAGE CONEX\u00d5ES NS \u2014 Completa com Pop-up do Evento\r\n     Cole este c\u00f3digo inteiro em um widget HTML do Elementor (largura total)\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n\r\n<!-- Carregamento do Tailwind CSS via CDN (Vers\u00e3o Standalone) -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n<!-- Fontes Google (Inter) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- Configura\u00e7\u00e3o do Tailwind para igualar ao projeto original -->\r\n<script>\r\n  tailwind.config = {\r\n    darkMode: 'class',\r\n    theme: {\r\n      container: {\r\n        center: true,\r\n        padding: '2rem',\r\n        screens: {\r\n          '2xl': '1400px'\r\n        }\r\n      },\r\n      extend: {\r\n        fontFamily: {\r\n          sans: ['Inter', 'sans-serif'],\r\n        },\r\n        colors: {\r\n          border: 'hsl(var(--border))',\r\n          input: 'hsl(var(--input))',\r\n          ring: 'hsl(var(--ring))',\r\n          background: 'hsl(var(--background))',\r\n          foreground: 'hsl(var(--foreground))',\r\n          primary: {\r\n            DEFAULT: 'hsl(var(--primary))',\r\n            foreground: 'hsl(var(--primary-foreground))'\r\n          },\r\n          secondary: {\r\n            DEFAULT: 'hsl(var(--secondary))',\r\n            foreground: 'hsl(var(--secondary-foreground))'\r\n          },\r\n          muted: {\r\n            DEFAULT: 'hsl(var(--muted))',\r\n            foreground: 'hsl(var(--muted-foreground))'\r\n          },\r\n          accent: {\r\n            DEFAULT: 'hsl(var(--accent))',\r\n            foreground: 'hsl(var(--accent-foreground))'\r\n          },\r\n          card: {\r\n            DEFAULT: 'hsl(var(--card))',\r\n            foreground: 'hsl(var(--card-foreground))'\r\n          },\r\n          brand: {\r\n            DEFAULT: 'hsl(var(--brand))',\r\n            secondary: 'hsl(var(--brand-secondary))',\r\n            foreground: 'hsl(var(--brand-foreground))'\r\n          },\r\n          destructive: {\r\n             DEFAULT: 'hsl(var(--destructive))',\r\n             foreground: 'hsl(var(--destructive-foreground))'\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n\r\n<!-- Estilos Globais e CSS Cr\u00edtico -->\r\n<style>\r\n  :root {\r\n    --brand: 206 100% 56%;\r\n    --brand-secondary: 169 100% 39%;\r\n    --brand-foreground: 212 62% 12%;\r\n    --background: 218 55% 9%;\r\n    --foreground: 217 71% 95%;\r\n    --card: 220 55% 13%;\r\n    --card-foreground: 217 71% 95%;\r\n    --primary: 206 100% 56%;\r\n    --primary-foreground: 212 62% 12%;\r\n    --secondary: 220 55% 13%;\r\n    --secondary-foreground: 217 71% 95%;\r\n    --muted: 217 35% 68%;\r\n    --muted-foreground: 219 42% 78%;\r\n    --accent: 220 55% 13%;\r\n    --accent-foreground: 217 71% 95%;\r\n    --destructive: 0 84.2% 60.2%;\r\n    --destructive-foreground: 210 40% 98%;\r\n    --border: 217 71% 95% \/ 0.08;\r\n    --input: 220 55% 6%;\r\n    --ring: 206 100% 56%;\r\n    --radius: 18px;\r\n  }\r\n\r\n  \/* --- FIX DA LINHA BRANCA NO MOBILE --- *\/\r\n  html, body {\r\n    background-color: hsl(218 55% 9%) !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow-x: hidden !important;\r\n  }\r\n\r\n  \/* Reset agressivo para containers do WordPress\/Elementor *\/\r\n  .elementor-section, .elementor-column, .elementor-widget-container, .entry-content, .site-content {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  .conexoes-wrapper * {\r\n    box-sizing: border-box;\r\n    border-color: hsl(var(--border));\r\n  }\r\n\r\n  .conexoes-wrapper {\r\n    background-color: hsl(var(--background));\r\n    color: hsl(var(--foreground));\r\n    font-family: 'Inter', sans-serif;\r\n    background: linear-gradient(180deg, hsl(212 62% 8%) 0%, hsl(var(--background)) 30%, hsl(var(--background)) 100%);\r\n    min-height: 100vh;\r\n    line-height: 1.5;\r\n\r\n    \/* Layout Full Width *\/\r\n    width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    max-width: 100vw;\r\n    overflow-x: hidden;\r\n\r\n    \/* Compensa\u00e7\u00e3o para o Header Fixo *\/\r\n    padding-top: 72px;\r\n  }\r\n\r\n  .brand-gradient {\r\n    background: linear-gradient(135deg, hsl(var(--brand)), hsl(var(--brand-secondary)));\r\n  }\r\n\r\n  .glass-effect {\r\n    background: rgba(255, 255, 255, 0.03);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n  }\r\n\r\n  .shadow-elegant {\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);\r\n  }\r\n\r\n  @keyframes hero-glow {\r\n    0%, 100% { opacity: 0.35; }\r\n    50% { opacity: 0.5; }\r\n  }\r\n  .hero-glow-animation {\r\n    animation: hero-glow 4s ease-in-out infinite;\r\n  }\r\n\r\n  #nav-toggle:checked ~ .mobile-menu {\r\n    display: flex;\r\n  }\r\n\r\n  #nav-toggle:checked ~ label .burger-line-main {\r\n    background: transparent;\r\n  }\r\n  #nav-toggle:checked ~ label .burger-line-main .burger-line-1 {\r\n    transform: rotate(45deg);\r\n    top: 0;\r\n  }\r\n  #nav-toggle:checked ~ label .burger-line-main .burger-line-2 {\r\n    transform: rotate(-45deg);\r\n    top: 0;\r\n  }\r\n\r\n<\/style>\r\n\r\n<div class=\"conexoes-wrapper\">\r\n\r\n  <!-- \u2550\u2550\u2550 NAVIGATION FIXO \u2550\u2550\u2550 -->\r\n  <header class=\"fixed top-0 left-0 w-full z-[9999] bg-background\/95 backdrop-blur-md border-b border-white\/5 transition-all duration-300 shadow-lg\">\r\n    <div class=\"container relative\">\r\n      <nav class=\"flex items-center justify-between py-3\">\r\n        <a href=\"#home\" class=\"flex items-center\" aria-label=\"Conex\u00f5es & Solu\u00e7\u00f5es de Neg\u00f3cios\">\r\n            <img decoding=\"async\" src=\"https:\/\/conexoesns.com.br\/wp-content\/uploads\/2026\/02\/Logo-1-1.jpeg\"\r\n                 alt=\"CSN Logo\"\r\n                 class=\"h-10 md:h-12 w-auto object-contain rounded-sm block\"\r\n                 style=\"max-height: 48px; width: auto;\">\r\n        <\/a>\r\n\r\n        <div class=\"hidden md:flex items-center gap-[22px]\">\r\n          <a href=\"#home\" class=\"text-muted font-semibold hover:text-white transition-colors\">Home<\/a>\r\n          <a href=\"#servicos\" class=\"text-muted font-semibold hover:text-white transition-colors\">Servi\u00e7os<\/a>\r\n          <a href=\"#sobre\" class=\"text-muted font-semibold hover:text-white transition-colors\">Sobre N\u00f3s<\/a>\r\n          <a href=\"#blog\" class=\"text-muted font-semibold hover:text-white transition-colors\">Blog<\/a>\r\n          <a href=\"#contato\" class=\"text-muted font-semibold hover:text-white transition-colors\">Contato<\/a>\r\n          <a href=\"#contato\" class=\"px-4 py-2.5 rounded-xl brand-gradient text-brand-foreground font-extrabold tracking-wide border-0 shadow-elegant hover:saturate-110 hover:brightness-105 transition-all inline-block text-center no-underline text-sm\">\r\n            Agendar conversa\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <input type=\"checkbox\" id=\"nav-toggle\" class=\"hidden peer\">\r\n\r\n        <label for=\"nav-toggle\" class=\"md:hidden flex items-center justify-center w-10 h-10 rounded-lg border border-white\/12 cursor-pointer z-50 relative\">\r\n          <span class=\"burger-line-main relative w-5 h-0.5 bg-foreground transition-all duration-300\">\r\n            <span class=\"burger-line-1 absolute left-0 -top-1.5 w-5 h-0.5 bg-foreground transition-all duration-300\"><\/span>\r\n            <span class=\"burger-line-2 absolute left-0 top-1.5 w-5 h-0.5 bg-foreground transition-all duration-300\"><\/span>\r\n          <\/span>\r\n        <\/label>\r\n\r\n        <div class=\"mobile-menu hidden peer-checked:flex absolute top-full left-0 right-0 bg-[#0f151f] border-b border-white\/10 p-5 flex-col gap-4 shadow-2xl z-40\">\r\n          <a href=\"#home\" class=\"text-muted font-semibold hover:text-foreground transition-colors\">Home<\/a>\r\n          <a href=\"#servicos\" class=\"text-muted font-semibold hover:text-foreground transition-colors\">Servi\u00e7os<\/a>\r\n          <a href=\"#sobre\" class=\"text-muted font-semibold hover:text-foreground transition-colors\">Sobre N\u00f3s<\/a>\r\n          <a href=\"#blog\" class=\"text-muted font-semibold hover:text-foreground transition-colors\">Blog<\/a>\r\n          <a href=\"#contato\" class=\"text-muted font-semibold hover:text-foreground transition-colors\">Contato<\/a>\r\n          <a href=\"#contato\" class=\"px-4 py-3 rounded-xl brand-gradient text-brand-foreground font-extrabold text-center no-underline\">\r\n            Agendar conversa\r\n          <\/a>\r\n        <\/div>\r\n      <\/nav>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <main>\r\n    <!-- HERO SECTION -->\r\n    <section id=\"home\" class=\"relative min-h-[76vh] grid place-items-center overflow-hidden\">\r\n      <div class=\"absolute inset-0 bg-cover bg-center brightness-[0.55]\" style=\"background-image: url('https:\/\/conexoesns.com.br\/wp-content\/uploads\/2026\/02\/hero-background-scaled.jpg');\"><\/div>\r\n      <div class=\"absolute -inset-x-[20%] -bottom-[25%] h-[55%] hero-glow-animation pointer-events-none\">\r\n        <div class=\"w-full h-full bg-[radial-gradient(circle,hsla(206,100%,56%,0.35)_0%,transparent_70%)]\"><\/div>\r\n      <\/div>\r\n      <div class=\"relative container pt-[40px] pb-[70px] text-center z-10\">\r\n        <h1 class=\"text-[clamp(28px,5vw,54px)] font-extrabold leading-[1.07] mb-4 text-white\">\r\n          Maximize seu Potencial. Construa Conex\u00f5es Duradouras.\r\n        <\/h1>\r\n        <p class=\"text-[clamp(16px,2.4vw,20px)] text-[#c8d3e6] mb-7 max-w-[820px] mx-auto\">\r\n          Sua parceira estrat\u00e9gica para transformar desafios em oportunidades de crescimento \u2014 unindo pessoas, processos e tecnologia para resultados consistentes.\r\n        <\/p>\r\n        <div class=\"flex gap-[14px] justify-center flex-wrap\">\r\n          <a href=\"#servicos\" class=\"inline-flex items-center justify-center rounded-md text-sm h-11 px-8 brand-gradient text-brand-foreground font-bold shadow-elegant no-underline\">\r\n            Descubra Nossos Servi\u00e7os\r\n          <\/a>\r\n          <a href=\"#contato\" class=\"inline-flex items-center justify-center rounded-md text-sm border bg-transparent h-11 px-8 font-bold border-white\/14 hover:bg-accent text-white no-underline\">\r\n            Agendar conversa\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- SERVICES SECTION -->\r\n    <section id=\"servicos\" class=\"py-[72px]\">\r\n      <div class=\"container\">\r\n        <div class=\"text-xs font-extrabold tracking-widest uppercase text-muted flex items-center gap-2 mb-4\">\r\n          Nossos Servi\u00e7os\r\n        <\/div>\r\n        <h2 class=\"text-3xl font-extrabold mb-4 text-white\">\r\n          Solu\u00e7\u00f5es que conectam estrat\u00e9gia e execu\u00e7\u00e3o\r\n        <\/h2>\r\n        <p class=\"text-muted-foreground max-w-[880px] mb-[22px]\">\r\n          Do acolhimento \u00e9tico em momentos cr\u00edticos (NR\u20111) \u00e0 governan\u00e7a t\u00e9cnica de SST e Previdenci\u00e1rio (Compliance Hub), combinamos pessoas preparadas e dados coerentes.\r\n        <\/p>\r\n        <div class=\"grid lg:grid-cols-2 gap-[18px] mt-[22px]\">\r\n          <div class=\"rounded-xl border text-card-foreground p-[22px] glass-effect shadow-elegant\">\r\n            <div class=\"flex flex-col gap-3\">\r\n              <div>\r\n                <span class=\"inline-flex items-center gap-2 bg-brand-secondary\/12 text-emerald-200 px-2.5 py-1.5 rounded-full border border-brand-secondary\/30 font-extrabold text-xs\">\r\n                  NR-1 \u2022 Palestra \u00b7 Mentoria \u00b7 Cursos\r\n                <\/span>\r\n              <\/div>\r\n              <h3 class=\"text-xl font-bold mb-2 text-white\">Acolher \u00e9 tamb\u00e9m liderar<\/h3>\r\n              <p class=\"text-muted-foreground mb-4\">\r\n                Protocolos claros, privacidade respeitada e l\u00edderes prontos para agir com \u00e9tica \u2014 gest\u00e3o de riscos psicossociais na pr\u00e1tica.\r\n              <\/p>\r\n              <div class=\"space-y-[10px] mb-[6px] mt-[8px]\">\r\n                <div class=\"flex items-start gap-2.5 text-muted-foreground\">\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mt-1 flex-shrink-0\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n                  Escuta ativa & fluxos de acolhimento\r\n                <\/div>\r\n                <div class=\"flex items-start gap-2.5 text-muted-foreground\">\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mt-1 flex-shrink-0\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n                  Protocolos e limites \u00e9ticos (privacidade)\r\n                <\/div>\r\n                <div class=\"flex items-start gap-2.5 text-muted-foreground\">\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mt-1 flex-shrink-0\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n                  Treinamentos sob medida para lideran\u00e7a e RH\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"flex gap-[14px] flex-wrap mt-2\">\r\n                <a href=\"#\" class=\"inline-flex items-center justify-center rounded-md text-sm h-10 px-4 py-2 brand-gradient text-brand-foreground font-bold shadow-elegant no-underline\">Ver detalhes<\/a>\r\n                <a href=\"#contato\" class=\"inline-flex items-center justify-center rounded-md text-sm border bg-transparent h-10 px-4 py-2 border-white\/14 hover:bg-accent text-white no-underline\">Agendar reuni\u00e3o<\/a>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"rounded-xl border text-card-foreground p-[22px] glass-effect shadow-elegant\">\r\n            <div class=\"flex flex-col gap-3\">\r\n              <div>\r\n                <span class=\"inline-flex items-center gap-2 bg-brand-secondary\/12 text-emerald-200 px-2.5 py-1.5 rounded-full border border-brand-secondary\/30 font-extrabold text-xs\">\r\n                  Compliance Hub \u2022 App\r\n                <\/span>\r\n              <\/div>\r\n              <h3 class=\"text-xl font-bold mb-2 text-white\">SST & Previdenci\u00e1rio sem susto<\/h3>\r\n              <p class=\"text-muted-foreground mb-4\">\r\n                Valide antes de enviar. Reconcile depois da folha. Tenha o kit de defesa pronto \u2014 do LTCAT ao FAE, com alertas e trilha de auditoria.\r\n              <\/p>\r\n              <div class=\"space-y-[10px] mb-[6px] mt-[8px]\">\r\n                <div class=\"flex items-start gap-2.5 text-muted-foreground\">\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mt-1 flex-shrink-0\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n                  S-2240 Guard & PPP-e Orchestrator\r\n                <\/div>\r\n                <div class=\"flex items-start gap-2.5 text-muted-foreground\">\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mt-1 flex-shrink-0\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n                  FAE Reconciler (6\/9\/12%)\r\n                <\/div>\r\n                <div class=\"flex items-start gap-2.5 text-muted-foreground\">\r\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mt-1 flex-shrink-0\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n                  DET Radar & Defense Kit\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"flex gap-[14px] flex-wrap mt-2\">\r\n                <button class=\"inline-flex items-center justify-center rounded-md text-sm h-10 px-4 py-2 brand-gradient text-brand-foreground font-bold shadow-elegant\">Conhecer o produto<\/button>\r\n                <a href=\"#contato\" class=\"inline-flex items-center justify-center rounded-md text-sm border bg-transparent h-10 px-4 py-2 border-white\/14 hover:bg-accent text-white no-underline\">Agendar reuni\u00e3o<\/a>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- ABOUT SECTION -->\r\n    <section id=\"o-que-fazemos\" class=\"py-[72px]\">\r\n      <div class=\"container\">\r\n        <div class=\"grid lg:grid-cols-[1.1fr_0.9fr] gap-[28px] items-center\">\r\n          <div>\r\n            <div class=\"text-xs font-extrabold tracking-widest uppercase text-muted flex items-center gap-2 mb-4\">Como ajudamos<\/div>\r\n            <h2 class=\"text-3xl font-extrabold mb-4 text-white\">O que fazemos<\/h2>\r\n            <p class=\"text-muted-foreground mb-3.5 leading-relaxed\">\r\n              Acreditamos que o sucesso de um neg\u00f3cio est\u00e1 nas conex\u00f5es que se constroem. Atuamos como ponte estrat\u00e9gica \u2014 unindo pessoas, ideias e oportunidades \u2014 e conectando processos e dados para que a conta feche do laudo ao resultado.\r\n            <\/p>\r\n            <ul class=\"text-muted space-y-1 leading-relaxed list-disc pl-5\">\r\n              <li>Mapeamos, analisamos e gerenciamos stakeholders.<\/li>\r\n              <li>Conectamos parceiros, clientes e especialistas para ampliar alcance.<\/li>\r\n              <li>Alinhamos pol\u00edticas, protocolos e tecnologia com \u00e9tica e privacidade.<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div class=\"rounded-2xl overflow-hidden border border-white\/8 shadow-elegant\">\r\n            <img decoding=\"async\" src=\"https:\/\/conexoesns.com.br\/wp-content\/uploads\/2026\/02\/ppp-s-2240.jpg\" alt=\"Equipe em reuni\u00e3o estrat\u00e9gica\" class=\"w-full h-full object-cover\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- BENEFITS SECTION -->\r\n    <section id=\"beneficios\" class=\"py-[72px]\">\r\n      <div class=\"container\">\r\n        <div class=\"text-xs font-extrabold tracking-widest uppercase text-muted flex items-center gap-2 mb-4\">Benef\u00edcios<\/div>\r\n        <h2 class=\"text-[28px] font-extrabold mb-4 text-white\">Por que nos escolher<\/h2>\r\n        <div class=\"grid md:grid-cols-3 gap-[18px] mt-[18px]\">\r\n          <div class=\"rounded-xl border p-[22px] glass-effect shadow-elegant\">\r\n            <h3 class=\"text-[18px] font-bold mb-2 text-white\">Crescimento e sustentabilidade<\/h3>\r\n            <p class=\"text-[#c7d0e3]\">Condi\u00e7\u00f5es para crescer com previsibilidade, conectando pessoas e resultados.<\/p>\r\n          <\/div>\r\n          <div class=\"rounded-xl border p-[22px] glass-effect shadow-elegant\">\r\n            <h3 class=\"text-[18px] font-bold mb-2 text-white\">Solu\u00e7\u00f5es inovadoras<\/h3>\r\n            <p class=\"text-[#c7d0e3]\">Cocria\u00e7\u00e3o entre atores da cadeia de valor para solu\u00e7\u00f5es que funcionam.<\/p>\r\n          <\/div>\r\n          <div class=\"rounded-xl border p-[22px] glass-effect shadow-elegant\">\r\n            <h3 class=\"text-[18px] font-bold mb-2 text-white\">Melhoria de resultados<\/h3>\r\n            <p class=\"text-[#c7d0e3]\">Estrat\u00e9gias claras e parcerias eficazes que reduzem risco e aumentam performance.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- ABOUT US SECTION -->\r\n    <section id=\"sobre\" class=\"py-[72px]\">\r\n      <div class=\"container\">\r\n        <div class=\"text-xs font-extrabold tracking-widest uppercase text-muted mb-4\">Sobre N\u00f3s<\/div>\r\n        <h2 class=\"text-[28px] font-extrabold mb-4 text-white\">Conectamos pessoas, processos e dados<\/h2>\r\n        <p class=\"text-muted-foreground leading-relaxed mb-6\">\r\n          Somos uma consultoria que une estrat\u00e9gia e tecnologia. Nosso compromisso \u00e9 com \u00e9tica, privacidade e coer\u00eancia de ponta a ponta, para que decis\u00f5es dif\u00edceis sejam tomadas com seguran\u00e7a e resultados.\r\n          <br><br>\r\n          <strong class=\"text-foreground\">Nosso jeito de fazer:<\/strong> traduzimos normas e dados em rotinas aplic\u00e1veis, formamos l\u00edderes para agir com responsabilidade e operamos a governan\u00e7a que mant\u00e9m tudo alinhado \u2014 do protocolo humano ao XML.\r\n        <\/p>\r\n        <div class=\"flex flex-wrap gap-3 mb-8\">\r\n          <span class=\"border border-white\/12 px-3 py-2 rounded-full text-muted-foreground text-sm\">\u00c9tica & Privacidade<\/span>\r\n          <span class=\"border border-white\/12 px-3 py-2 rounded-full text-muted-foreground text-sm\">Pessoas & Processos<\/span>\r\n          <span class=\"border border-white\/12 px-3 py-2 rounded-full text-muted-foreground text-sm\">Dados & Conformidade<\/span>\r\n        <\/div>\r\n        <div class=\"space-y-4\">\r\n          <div class=\"flex gap-3 text-muted-foreground\"><strong>1)<\/strong> <div><strong class=\"text-white\">Diagn\u00f3stico<\/strong> \u2014 entendimento de contexto, riscos e prioridades.<\/div><\/div>\r\n          <div class=\"flex gap-3 text-muted-foreground\"><strong>2)<\/strong> <div><strong class=\"text-white\">Plano<\/strong> \u2014 pol\u00edticas, protocolos e m\u00e9tricas (NR\u20111 e SST).<\/div><\/div>\r\n          <div class=\"flex gap-3 text-muted-foreground\"><strong>3)<\/strong> <div><strong class=\"text-white\">Execu\u00e7\u00e3o<\/strong> \u2014 treinamentos\/mentorias e orquestra\u00e7\u00e3o de dados.<\/div><\/div>\r\n          <div class=\"flex gap-3 text-muted-foreground\"><strong>4)<\/strong> <div><strong class=\"text-white\">Acompanhamento<\/strong> \u2014 pain\u00e9is, SLAs e melhoria cont\u00ednua.<\/div><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- BLOG SECTION -->\r\n    <section id=\"blog\" class=\"py-[72px]\">\r\n      <div class=\"container\">\r\n        <div class=\"text-xs font-extrabold tracking-widest uppercase text-muted flex items-center gap-2 mb-4\">Blog<\/div>\r\n        <h2 class=\"text-[28px] font-extrabold mb-4 text-white\">Insights e Atualiza\u00e7\u00f5es<\/h2>\r\n        <div class=\"grid md:grid-cols-3 gap-[18px] mt-[18px]\">\r\n             <!-- Blog Post 1 -->\r\n             <article class=\"group cursor-pointer rounded-xl border glass-effect shadow-elegant overflow-hidden hover:border-brand\/50 transition-colors\">\r\n                <div class=\"aspect-[16\/9] overflow-hidden bg-muted relative\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?q=80&w=1000&auto=format&fit=crop\" alt=\"Blog 1\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\r\n                    <div class=\"absolute top-3 left-3 bg-brand text-brand-foreground text-xs font-bold px-2 py-1 rounded\">Legisla\u00e7\u00e3o<\/div>\r\n                <\/div>\r\n                <div class=\"p-5\">\r\n                    <div class=\"text-muted text-xs mb-2\">12 Fev, 2025<\/div>\r\n                    <h3 class=\"font-bold text-white mb-2 leading-tight group-hover:text-brand transition-colors\">Mudan\u00e7as na NR-01: O que sua empresa precisa saber<\/h3>\r\n                    <p class=\"text-muted-foreground text-sm line-clamp-3\">An\u00e1lise detalhada sobre as novas diretrizes de gerenciamento de riscos ocupacionais e como se adequar.<\/p>\r\n                <\/div>\r\n             <\/article>\r\n             <!-- Blog Post 2 -->\r\n             <article class=\"group cursor-pointer rounded-xl border glass-effect shadow-elegant overflow-hidden hover:border-brand\/50 transition-colors\">\r\n                <div class=\"aspect-[16\/9] overflow-hidden bg-muted relative\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?q=80&w=1000&auto=format&fit=crop\" alt=\"Blog 2\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\r\n                    <div class=\"absolute top-3 left-3 bg-brand text-brand-foreground text-xs font-bold px-2 py-1 rounded\">Tecnologia<\/div>\r\n                <\/div>\r\n                <div class=\"p-5\">\r\n                    <div class=\"text-muted text-xs mb-2\">08 Fev, 2025<\/div>\r\n                    <h3 class=\"font-bold text-white mb-2 leading-tight group-hover:text-brand transition-colors\">A era do SST Digital: Integra\u00e7\u00e3o com eSocial<\/h3>\r\n                    <p class=\"text-muted-foreground text-sm line-clamp-3\">Como a tecnologia est\u00e1 transformando o envio de eventos de SST e reduzindo inconsist\u00eancias.<\/p>\r\n                <\/div>\r\n             <\/article>\r\n             <!-- Blog Post 3 -->\r\n             <article class=\"group cursor-pointer rounded-xl border glass-effect shadow-elegant overflow-hidden hover:border-brand\/50 transition-colors\">\r\n                <div class=\"aspect-[16\/9] overflow-hidden bg-muted relative\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521737604893-d14cc237f11d?q=80&w=1000&auto=format&fit=crop\" alt=\"Blog 3\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\r\n                    <div class=\"absolute top-3 left-3 bg-brand text-brand-foreground text-xs font-bold px-2 py-1 rounded\">Gest\u00e3o<\/div>\r\n                <\/div>\r\n                <div class=\"p-5\">\r\n                    <div class=\"text-muted text-xs mb-2\">01 Fev, 2025<\/div>\r\n                    <h3 class=\"font-bold text-white mb-2 leading-tight group-hover:text-brand transition-colors\">Lideran\u00e7a e Sa\u00fade Mental<\/h3>\r\n                    <p class=\"text-muted-foreground text-sm line-clamp-3\">O papel dos l\u00edderes na constru\u00e7\u00e3o de um ambiente psicologicamente seguro e produtivo.<\/p>\r\n                <\/div>\r\n             <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- CONTACT SECTION -->\r\n    <section id=\"contato\" class=\"py-[72px]\">\r\n      <div class=\"container\">\r\n        <div class=\"text-xs font-extrabold tracking-widest uppercase text-muted mb-4\">Fale com a gente<\/div>\r\n        <h2 class=\"text-[28px] font-extrabold mb-4 text-white\">Pronto para otimizar suas conex\u00f5es?<\/h2>\r\n        <div class=\"grid lg:grid-cols-2 gap-8\">\r\n\r\n          <!-- Formul\u00e1rio Real -->\r\n          <form class=\"space-y-4\" action=\"#\" method=\"POST\">\r\n            <div>\r\n                <label for=\"nome\" class=\"sr-only\">Nome Completo<\/label>\r\n                <input id=\"nome\" name=\"nome\" type=\"text\" required class=\"w-full bg-background border border-white\/10 rounded-md p-3 text-white focus:border-brand focus:ring-1 focus:ring-brand outline-none transition-all placeholder:text-muted-foreground\/50\" placeholder=\"Nome Completo\">\r\n            <\/div>\r\n            <div>\r\n                <label for=\"email\" class=\"sr-only\">E-mail<\/label>\r\n                <input id=\"email\" name=\"email\" type=\"email\" required class=\"w-full bg-background border border-white\/10 rounded-md p-3 text-white focus:border-brand focus:ring-1 focus:ring-brand outline-none transition-all placeholder:text-muted-foreground\/50\" placeholder=\"E-mail Corporativo\">\r\n            <\/div>\r\n            <div>\r\n                <label for=\"telefone\" class=\"sr-only\">Telefone<\/label>\r\n                <input id=\"telefone\" name=\"telefone\" type=\"tel\" class=\"w-full bg-background border border-white\/10 rounded-md p-3 text-white focus:border-brand focus:ring-1 focus:ring-brand outline-none transition-all placeholder:text-muted-foreground\/50\" placeholder=\"Telefone \/ WhatsApp\">\r\n            <\/div>\r\n            <div>\r\n                <label for=\"mensagem\" class=\"sr-only\">Mensagem<\/label>\r\n                <textarea id=\"mensagem\" name=\"mensagem\" required class=\"w-full bg-background border border-white\/10 rounded-md p-3 text-white min-h-[120px] focus:border-brand focus:ring-1 focus:ring-brand outline-none transition-all placeholder:text-muted-foreground\/50\" placeholder=\"Como podemos ajudar sua empresa?\"><\/textarea>\r\n            <\/div>\r\n            <div class=\"flex items-start gap-2\">\r\n                <input type=\"checkbox\" id=\"consent-check\" name=\"consentimento\" required class=\"mt-1 accent-brand\">\r\n                <label for=\"consent-check\" class=\"text-sm text-muted-foreground select-none\">Concordo com o tratamento dos meus dados para contato.<\/label>\r\n            <\/div>\r\n            <button type=\"submit\" class=\"w-full brand-gradient text-brand-foreground font-extrabold p-3 rounded-md shadow-elegant hover:brightness-110 transition-all\">Enviar Mensagem<\/button>\r\n          <\/form>\r\n\r\n          <div class=\"glass-effect p-6 rounded-xl border\">\r\n            <h3 class=\"text-lg font-bold mb-4 text-white\">Como podemos ajudar?<\/h3>\r\n            <p class=\"text-muted-foreground mb-4\">Atendemos frentes de NR-1 e Compliance Hub. Health-check de 30 dias dispon\u00edvel.<\/p>\r\n            <div class=\"space-y-3\">\r\n              <div class=\"flex items-center gap-2 text-muted-foreground\">\r\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n                Resposta em at\u00e9 1 dia \u00fatil\r\n              <\/div>\r\n              <div class=\"flex items-center gap-2 text-muted-foreground\">\r\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n                Reuni\u00e3o sem custo\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n  <\/main>\r\n\r\n  <footer class=\"py-8 border-t border-white\/6 text-center md:text-left\">\r\n    <div class=\"container flex flex-col md:flex-row justify-between items-center gap-4\">\r\n      <div class=\"text-muted\">\u00a9 2025 Conex\u00f5es & Solu\u00e7\u00f5es de Neg\u00f3cios.<\/div>\r\n      <a href=\"mailto:comercial@conexoesns.com.br\" class=\"text-muted hover:text-white\">comercial@conexoesns.com.br<\/a>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n  <!-- WhatsApp Button -->\r\n  <a href=\"#\" class=\"fixed right-5 bottom-5 w-14 h-14 bg-green-500 rounded-full flex items-center justify-center shadow-2xl z-50 hover:scale-110 transition-transform\">\r\n    <svg width=\"28\" height=\"28\" viewBox=\"0 0 32 32\" fill=\"white\"><path d=\"M19.11 17.55c-.29-.15-1.72-.85-1.98-.95-.26-.1-.45-.15-.64.15-.19.29-.73.95-.9 1.14-.17.19-.33.22-.62.07-.29-.15-1.22-.45-2.33-1.43-.86-.76-1.44-1.7-1.61-1.99-.17-.29-.02-.44.13-.59.13-.13.29-.33.43-.5.15-.17.19-.29.29-.48.1-.19.05-.36-.02-.5-.07-.15-.64-1.54-.88-2.11-.23-.55-.47-.47-.64-.47-.17 0-.36-.02-.55-.02-.19 0-.5.07-.76.36-.26.29-1 1-1 2.43 0 1.43 1.02 2.81 1.16 3 .15.19 2 3.06 4.86 4.29.68.29 1.21.46 1.62.59.68.22 1.3.19 1.79.12.55-.08 1.72-.7 1.96-1.38.24-.67.24-1.25.17-1.37-.07-.12-.26-.19-.55-.34zM16.02 3C9.94 3 5 7.94 5 14.02c0 2.47.81 4.75 2.18 6.59L5 29l8.6-2.25c1.77 1.08 3.86 1.71 6.1 1.71 6.08 0 11.02-4.94 11.02-11.02S22.1 3 16.02 3z\"\/><\/svg>\r\n  <\/a>\r\n\r\n<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home Servi\u00e7os Sobre N\u00f3s Blog Contato Agendar conversa Home Servi\u00e7os Sobre N\u00f3s Blog Contato Agendar conversa Maximize seu Potencial. Construa Conex\u00f5es Duradouras. Sua parceira estrat\u00e9gica para transformar desafios em oportunidades de crescimento \u2014 unindo pessoas, processos e tecnologia para resultados consistentes. Descubra Nossos Servi\u00e7os Agendar conversa Nossos Servi\u00e7os Solu\u00e7\u00f5es que conectam estrat\u00e9gia e execu\u00e7\u00e3o Do [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":54,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","has-post-thumbnail","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/conexoesns.com.br\/home\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/conexoesns.com.br\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/conexoesns.com.br\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/conexoesns.com.br\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/conexoesns.com.br\/home\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":38,"href":"https:\/\/conexoesns.com.br\/home\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":96,"href":"https:\/\/conexoesns.com.br\/home\/wp-json\/wp\/v2\/pages\/15\/revisions\/96"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/conexoesns.com.br\/home\/wp-json\/wp\/v2\/media\/54"}],"wp:attachment":[{"href":"https:\/\/conexoesns.com.br\/home\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}