{"id":17129,"date":"2025-03-19T15:32:43","date_gmt":"2025-03-19T15:32:43","guid":{"rendered":"https:\/\/app-nespon-web-prod.azurewebsites.net\/integracao-orientada-por-apis-com-mulesoft\/"},"modified":"2026-11-11T10:19:06","modified_gmt":"2026-11-11T10:19:06","slug":"integracao-orientada-por-apis-com-mulesoft","status":"publish","type":"page","link":"https:\/\/nespon.com\/pt-br\/salesforce\/integracao-orientada-por-apis-com-mulesoft\/","title":{"rendered":"Integra\u00e7\u00e3o com APIs da MuleSoft"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17129\" class=\"elementor elementor-17129 elementor-13522\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37de2f7 e-con-full e-flex e-con e-parent\" data-id=\"37de2f7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e764ab elementor-widget elementor-widget-html\" data-id=\"1e764ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  SECTION 02 \u2014 Hero: \"Agentforce for Revenue Management.\"\n  Paste into ONE Elementor \"HTML\" widget (full width section, no side padding on the section itself).\n  Background image path is set below in .nsp-hero \u2014 if this file ever moves to\n  a different WordPress install, update that url() to match its media URL there.\n-->\n<section class=\"nsp-hero\">\n  <div class=\"nsp-hero__scrim\"><\/div>\n  <div class=\"nsp-hero__inner\">\n    <span class=\"nsp-hero__badge\">SALESFORCE<\/span>\n    <h1 class=\"nsp-hero__title\">Integra\u00e7\u00e3o <span>Orientada por APIs <\/span> com MuleSoft.<\/h1>\n    <p class=\"nsp-hero__text\">\n Conecta o Salesforce a aplica\u00e7\u00f5es corporativas, dados, sistemas legados e plataformas de terceiros usando MuleSoft, criando uma base de integra\u00e7\u00e3o projetada para reutiliza\u00e7\u00e3o, governan\u00e7a e escala. Esta solu\u00e7\u00e3o permite que as empresas alcancem uma integra\u00e7\u00e3o perfeita em todo o seu ecossistema de TI. \n    <\/p>\n    <a href=\"https:\/\/nespon.com\/pt-br\/fale-conosco\/\" class=\"nsp-hero__cta\">\n Fala com um especialista em MuleSoft\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\"><path d=\"M4 12L12 4M12 4H5M12 4V11\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\n    <\/a>\n  <\/div>\n<\/section>\n\n<style>\n  .nsp-hero{\n    --nsp-orange:#FF4400;\n    --nsp-dark:#16241F;\n    --nsp-dark-2:#1D2E2C;\n    font-family:'UntitledSans','Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;\n    position:relative;\n    overflow:hidden;\n    background:#16241F url('\/wp-content\/uploads\/2026\/11\/salesforce-hero.webp') no-repeat center center;\n    background-size:cover;\n    padding:96px 24px 110px;\n  }\n  .nsp-hero__scrim{\n    position:absolute; inset:0;\n    background:linear-gradient(90deg, rgba(15,24,21,.55) 0%, rgba(15,24,21,.25) 45%, rgba(15,24,21,0) 70%);\n    pointer-events:none;\n  }\n  .nsp-hero__inner{\n    position:relative;\n    max-width:1280px;\n    margin-left: 60px;\n    max-width:760px;\n  }\n  .nsp-hero__badge{\n    display:inline-block;\n    font-size:12px;font-weight:700;letter-spacing:.14em;\n    color:#eef27a;\n    background:rgba(238,242,122,.08);\n    border:1px solid rgba(238,242,122,.35);\n    border-radius:999px;\n    padding:8px 18px;\n    margin-bottom:28px;\n  }\n  .nsp-hero__title{\n    font-size:clamp(32px, 5vw, 56px);\n    line-height:1.08;\n    font-weight:700;\n    color:#fff;\n    letter-spacing:-0.02em;\n    margin:0 0 22px;\n  }\n  .nsp-hero__title span{color:var(--nsp-orange);}\n  .nsp-hero__text{\n    font-size:clamp(15px,1.6vw,18px);\n    line-height:1.65;\n    color:#c3cec9;\n    max-width:620px;\n    margin:0 0 36px;\n    \n  }\n  .nsp-hero__cta{\n    display:inline-flex;align-items:center;gap:10px;\n    background:linear-gradient(135deg,#ff6a3d,var(--nsp-orange));\n    color:#fff !important;\n    text-decoration:none !important;\n    font-weight:600;font-size:16px;\n    padding:16px 26px;border-radius:10px;\n    box-shadow:0 14px 30px rgba(255,68,0,.28);\n    transition:transform .15s ease, box-shadow .15s ease;\n  }\n  .nsp-hero__cta:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(255,68,0,.36);}\n\n  @media (max-width: 600px){\n    .nsp-hero{padding:64px 20px 80px;}\n    .nsp-hero__title{margin-bottom:16px;}\n    .nsp-hero__text{margin-bottom:28px;\n        \n    }\n    .nsp-hero__inner{\n        margin-left: 0px;\n    }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f9321eb e-con-full e-flex e-con e-parent\" data-id=\"f9321eb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6546db4 elementor-widget elementor-widget-html\" data-id=\"6546db4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:86,&quot;sticky_effects_offset&quot;:1,&quot;sticky_anchor_link_offset&quot;:1,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\n  SECTION 03 \u2014 Sticky in-page sub-navigation (What Is Agentforce | Revenue Use Cases | ...)\r\n  Update the href=\"#xxx\" anchors to match the actual id=\"\" you give each section on the page.\r\n-->\r\n<div class=\"nsp-subnav\">\r\n  <div class=\"nsp-subnav__inner\">\r\n    <nav class=\"nsp-subnav__links\" aria-label=\"Page sections\">\r\n      <a href=\"#what-is-agentforce\" class=\"is-active\">O que \u00e9 MuleSoft<\/a>\r\n      <a href=\"#revenue-use-cases\">Principais capacidades<\/a>\r\n      <a href=\"#how-we-deliver\">Como funciona <\/a>\r\n      <a href=\"#jumpstart\">Resultados <\/a>\r\n      <a href=\"#industries\">Por que a Nespon <\/a>\r\n      <a href=\"#faq\">FAQ<\/a>\r\n    <\/nav>\r\n    <!--<a href=\"#\" class=\"nsp-subnav__cta\">Deploy Agents-->\r\n    <!--  <svg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M4 12L12 4M12 4H5M12 4V11\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>-->\r\n    <!--<\/a>-->\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .nsp-subnav{\r\n    --nsp-orange:#FF4400;\r\n    font-family:'UntitledSans','Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;\r\n    background:var(--nsp-orange);\r\n    position:sticky;\r\n    top:0;\r\n    z-index:500;\r\n  }\r\n  .nsp-subnav__inner{\r\n    max-width:1280px;margin:0 auto;padding:0 24px;\r\n    display:flex;align-items:center;justify-content:space-between;gap:20px;\r\n  }\r\n  .nsp-subnav__links{\r\n    display:flex;align-items:center;gap:30px;\r\n    overflow-x:auto;\r\n    scrollbar-width:none;\r\n  }\r\n  .nsp-subnav__links::-webkit-scrollbar{display:none;}\r\n  .nsp-subnav__links a{\r\n    white-space:nowrap;\r\n    text-decoration:none !important;\r\n    font-size:14px;font-weight:600;color:rgba(255,255,255,.8);\r\n    padding:16px 0;\r\n    border-bottom:2px solid transparent;\r\n  }\r\n  .nsp-subnav__links a:hover{color:#fff;}\r\n  .nsp-subnav__links a.is-active{color:#fff;border-bottom-color:#fff;}\r\n\r\n  .nsp-subnav__cta{\r\n    flex-shrink:0;\r\n    display:inline-flex;align-items:center;gap:8px;\r\n    background:#fff;color:var(--nsp-orange) !important;\r\n    text-decoration:none !important;\r\n    font-size:14px;font-weight:600;\r\n    padding:11px 20px;border-radius:8px;\r\n    transition:background .15s ease;\r\n  }\r\n  .nsp-subnav__cta:hover{background:#ffe9e0;}\r\n  \r\n  .elementor-20770 .elementor-element.elementor-element-bfe99ba{\r\n      padding: 0px 0px;\r\n  }\r\n .elementor-13522 .elementor-element.elementor-element-f9321eb{\r\n      padding: 0px;\r\n  }\r\n\r\n  \/* Keep jump targets clear of the sticky header + sub-nav\r\n     (!important is needed because Elementor sets an inline scroll-margin-top on anchor targets) *\/\r\n  .nsp-jump,\r\n  .nsp-why{\r\n    scroll-margin-top:140px !important;\r\n  }\r\n\r\n  @media (max-width:700px){\r\n    .nsp-subnav__inner{padding:0 16px;gap:12px;}\r\n    .nsp-subnav__links{gap:20px;}\r\n    .nsp-subnav__cta span{display:none;}\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  \/* Results tab target: give the CTA banner an id once the whole page has loaded.\r\n     (This widget sits above the banner, so it doesn't exist yet when this script first runs.) *\/\r\n  function tagJump(){\r\n    var jump = document.querySelector('.nsp-jump');\r\n    if(jump && !jump.id) jump.id = 'jumpstart';\r\n  }\r\n  if(document.readyState === 'loading'){\r\n    document.addEventListener('DOMContentLoaded', tagJump);\r\n  } else {\r\n    tagJump();\r\n  }\r\n\r\n  var el = document.currentScript.previousElementSibling;\r\n  var nav = document.querySelector('.nsp-subnav');\r\n  if(!nav || nav.dataset.nspInit) return;\r\n  nav.dataset.nspInit = '1';\r\n  var links = nav.querySelectorAll('.nsp-subnav__links a');\r\n  links.forEach(function(link){\r\n    link.addEventListener('click', function(){\r\n      links.forEach(function(l){ l.classList.remove('is-active'); });\r\n      link.classList.add('is-active');\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10e96a6 e-con-full e-flex e-con e-parent\" data-id=\"10e96a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-805ee7b elementor-widget elementor-widget-html\" data-id=\"805ee7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  SECTION 04 \u2014 \"One Platform for the Revenue Lifecycle\" (id: what-is-agentforce)\n-->\n<section class=\"nsp-lifecycle\" id=\"what-is-agentforce\">\n  <div class=\"nsp-lifecycle__inner\">\n    <div class=\"nsp-lifecycle__col-text\">\n      <span class=\"nsp-eyebrow\">O QUE \u00c9 MULESOFT?<\/span>\n      <h2 class=\"nsp-lifecycle__title\">Uma plataforma para APIs e integra\u00e7\u00e3o corporativa<\/h2>\n      <p>A MuleSoft Anypoint Platform oferece ferramentas para construir, conectar, gerenciar, proteger e governar APIs e integra\u00e7\u00f5es em sistemas corporativos. Essa abordagem abrangente acelera os esfor\u00e7os de transforma\u00e7\u00e3o digital ao simplificar a conectividade. A versatilidade da plataforma garante que ela lide com uma ampla variedade de necessidades de integra\u00e7\u00e3o, tornando-a uma escolha confi\u00e1vel para empresas que buscam solu\u00e7\u00f5es robustas.  <\/p>\n      <p>Em vez de criar uma nova conex\u00e3o ponto a ponto para cada necessidade, a abordagem orientada por APIs da MuleSoft permite que as organiza\u00e7\u00f5es exponham sistemas e processos de neg\u00f3cio por meio de APIs reutiliz\u00e1veis que podem suportar m\u00faltiplas aplica\u00e7\u00f5es e experi\u00eancias. Essa abordagem estrat\u00e9gica minimiza redund\u00e2ncias e aumenta a efici\u00eancia. <\/p>\n      <!--<a href=\"#revenue-use-cases\" class=\"nsp-link-arrow\">See revenue use cases-->\n      <!--  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8H13M13 8L8.5 3.5M13 8L8.5 12.5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>-->\n      <!--<\/a>-->\n    <\/div>\n\n    <div class=\"nsp-lifecycle__col-cards\">\n      <div class=\"nsp-step-card\">\n        <span class=\"nsp-step-card__num\">01<\/span>\n        <div>\n          <h3>Conectar<\/h3>\n          <p>Conecta o Salesforce a ERP, faturamento, legados, cloud, on-premises e outros sistemas de neg\u00f3cio. Essa conectividade garante opera\u00e7\u00f5es mais flu\u00eddas em plataformas diversas, promovendo um ambiente de TI mais coeso. <\/p>\n        <\/div>\n      <\/div>\n      <div class=\"nsp-step-card\">\n        <span class=\"nsp-step-card__num\">02<\/span>\n        <div>\n          <h3>Build<\/h3>\n          <p>Constr\u00f3i ativos de integra\u00e7\u00e3o que podem ser descobertos e reutilizados em aplica\u00e7\u00f5es e processos de neg\u00f3cio, em vez de recriar conex\u00f5es para cada necessidade, aumentando a efici\u00eancia e reduzindo redund\u00e2ncias. Isso n\u00e3o s\u00f3 economiza tempo, como tamb\u00e9m recursos, permitindo que as equipes de TI foquem em iniciativas mais estrat\u00e9gicas. <\/p>\n        <\/div>\n      <\/div>\n      <div class=\"nsp-step-card\">\n        <span class=\"nsp-step-card__num\">03<\/span>\n        <div>\n          <h3>Gerenciar<\/h3>\n          <p>Controla APIs ao longo de todo o ciclo de vida, incluindo acesso, pol\u00edticas, implanta\u00e7\u00e3o, monitoramento e versionamento. Esse controle garante que as integra\u00e7\u00f5es permane\u00e7am seguras e em conformidade com os padr\u00f5es corporativos. Ao manter uma governan\u00e7a rigorosa, as organiza\u00e7\u00f5es podem mitigar riscos associados \u00e0 integra\u00e7\u00e3o.  <\/p>\n        <\/div>\n      <\/div>\n      <div class=\"nsp-step-card\">\n        <span class=\"nsp-step-card__num\">04<\/span>\n        <div>\n          <h3>Governar<\/h3>\n          <p>Estabelece pol\u00edticas e controles consistentes sobre como as APIs s\u00e3o acessadas, gerenciadas e consumidas, fornecendo uma estrutura robusta de governan\u00e7a de APIs. Essa estrutura \u00e9 essencial para manter a integridade e a seguran\u00e7a das integra\u00e7\u00f5es corporativas. <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .nsp-lifecycle{\n    --nsp-orange:#FF4400;\n    --nsp-dark:#1D2E2C;\n    font-family:'UntitledSans','Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;\n    background:#F7FBFC;\n    padding:96px 24px;\n  }\n  .nsp-lifecycle__inner{\n    max-width:1280px;margin:0 auto;\n    display:grid;grid-template-columns:1fr 1fr;gap:64px;\n    align-items:start;\n  }\n  .nsp-eyebrow{\n    display:block;font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--nsp-orange);margin-bottom:14px;\n  }\n  .nsp-lifecycle__title{\n    font-size:clamp(26px,3vw,38px);line-height:1.18;font-weight:700;color:var(--nsp-dark);letter-spacing:-0.02em;margin:0 0 22px;max-width:460px;\n  }\n  .nsp-lifecycle__col-text p{\n    font-size:16px;line-height:1.7;color:#5b6b68;margin:0 0 18px;max-width:480px;\n  }\n  .nsp-link-arrow{\n    display:inline-flex;align-items:center;gap:8px;\n    color:var(--nsp-orange) !important;text-decoration:none !important;\n    font-weight:700;font-size:15px;margin-top:12px;\n  }\n  .nsp-link-arrow svg{transition:transform .15s ease;}\n  .nsp-link-arrow:hover svg{transform:translateX(4px);}\n\n  .nsp-lifecycle__col-cards{display:flex;flex-direction:column;gap:16px;}\n  .nsp-step-card{\n    background:#fff;border:1px solid #e6eae8;border-radius:14px;\n    padding:26px 28px;display:flex;gap:20px;align-items:flex-start;\n    transition:box-shadow .2s ease, transform .2s ease;\n  }\n  .nsp-step-card:hover{box-shadow:0 14px 34px rgba(29,46,44,.08);transform:translateY(-2px);}\n  .nsp-step-card__num{font-size:20px;font-weight:700;color:#ffb499;flex-shrink:0;line-height:1.2;}\n  .nsp-step-card h3{font-size:17px;font-weight:700;color:var(--nsp-dark);margin:0 0 6px;}\n  .nsp-step-card p{font-size:14.5px;line-height:1.6;color:#6b7875;margin:0;}\n  .elementor-20770 .elementor-element.elementor-element-b3987ea{\n          padding: 0px 0px;\n  }\n  .elementor-13522 .elementor-element.elementor-element-10e96a6{\n      padding: 0px;\n  }\n\n  @media (max-width:960px){\n    .nsp-lifecycle__inner{grid-template-columns:1fr;gap:44px;}\n    .nsp-lifecycle{padding:64px 20px;}\n    .nsp-lifecycle__col-text p, .nsp-lifecycle__title{max-width:none;}\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62b8a27 e-con-full e-flex e-con e-parent\" data-id=\"62b8a27\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d3a99d elementor-widget elementor-widget-html\" data-id=\"9d3a99d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  SECTION 05 \u2014 \"Core Capabilities\" dark 6-card grid (id: revenue-use-cases)\n-->\n<section class=\"nsp-caps\" id=\"revenue-use-cases\">\n  <div class=\"nsp-caps__inner\">\n    <div class=\"nsp-caps__head\">\n      <div>\n        <span class=\"nsp-eyebrow\">RECURSOS PRINCIPAIS<\/span>\n        <h2>Constr\u00f3i uma vez. Conecta<br\/> <span>em toda a empresa<\/span>. <\/h2>\n      <\/div>\n      <p class=\"nsp-caps__intro\">O Agentforce Revenue Management re\u00fane as capacidades necess\u00e1rias para gerenciar a jornada desde a defini\u00e7\u00e3o de uma oferta at\u00e9 o fulfillment e o pagamento, garantindo uma solu\u00e7\u00e3o completa de gest\u00e3o de receita.<\/p>\n    <\/div>\n\n    <div class=\"nsp-caps__grid\">\n      <div class=\"nsp-cap-card\">\n        <div class=\"nsp-cap-card__top\"><span class=\"nsp-cap-card__num\">01<\/span><span class=\"nsp-tag\"> Integra\u00e7\u00e3o com Salesforce<\/span><\/div>\n        <h3>Conecta o Salesforce aos sistemas centrais <\/h3>\n        <p>Integra o Salesforce com ERP, faturamento, legados, plataformas de terceiros e outras plataformas corporativas para suportar processos de neg\u00f3cio conectados. Isso se alinha diretamente ao escopo atual do MuleSoft Jumpstart da Nespon, facilitando uma implanta\u00e7\u00e3o r\u00e1pida de integra\u00e7\u00f5es e garantindo um fluxo de dados cont\u00ednuo entre sistemas. <\/p>\n        <!--<a href=\"#\" class=\"nsp-link-arrow\">Learn More-->\n        <!--  <svg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8H13M13 8L8.5 3.5M13 8L8.5 12.5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>-->\n        <!--<\/a>-->\n      <\/div>\n\n      <div class=\"nsp-cap-card\">\n        <div class=\"nsp-cap-card__top\"><span class=\"nsp-cap-card__num\">02<\/span><span class=\"nsp-tag\">Estrutura a integra\u00e7\u00e3o para reutiliza\u00e7\u00e3o<\/span><\/div>\n        <h3>Conectividade orientada por APIs<\/h3>\n        <p>Usa APIs de Sistema, Processo e Experi\u00eancia para separar o acesso aos sistemas subjacentes da l\u00f3gica de neg\u00f3cio e das experi\u00eancias consumidoras.<\/p>\n        <!--<a href=\"#\" class=\"nsp-link-arrow\">Learn More-->\n        <!--  <svg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8H13M13 8L8.5 3.5M13 8L8.5 12.5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>-->\n        <!--<\/a>-->\n      <\/div>\n\n      <div class=\"nsp-cap-card\">\n        <div class=\"nsp-cap-card__top\"><span class=\"nsp-cap-card__num\">03<\/span><span class=\"nsp-tag\"> Integra\u00e7\u00e3o com sistemas legados<\/span><\/div>\n        <h3>Estende sistemas existentes por meio de APIs<\/h3>\n        <p>Exp\u00f5e os dados e funcionalidades legadas necess\u00e1rios por meio de APIs, permitindo que plataformas existentes participem de fluxos digitais modernos, preservando o valor dos investimentos em legado. Isso garante que sistemas mais antigos ainda contribuam para a transforma\u00e7\u00e3o digital da empresa. <\/p>\n        <!--<a href=\"#\" class=\"nsp-link-arrow\">Learn More-->\n        <!--  <svg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8H13M13 8L8.5 3.5M13 8L8.5 12.5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>-->\n        <!--<\/a>-->\n      <\/div>\n\n      <div class=\"nsp-cap-card\">\n        <div class=\"nsp-cap-card__top\"><span class=\"nsp-cap-card__num\">04<\/span><span class=\"nsp-tag\"> Integra\u00e7\u00e3o de dados & processos<\/span><\/div>\n        <h3>Mant\u00e9m os sistemas trabalhando juntos <\/h3>\n        <p>Move dados e aciona processos entre aplica\u00e7\u00f5es conectadas usando padr\u00f5es de integra\u00e7\u00e3o adequados a cada necessidade do neg\u00f3cio, garantindo fluxo de dados cont\u00ednuo e automa\u00e7\u00e3o de processos. Essa consist\u00eancia de integra\u00e7\u00e3o \u00e9 crucial para a continuidade operacional e a efici\u00eancia. <\/p>\n        <!--<a href=\"#\" class=\"nsp-link-arrow\">Learn More-->\n        <!--  <svg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8H13M13 8L8.5 3.5M13 8L8.5 12.5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>-->\n        <!--<\/a>-->\n      <\/div>\n\n      <div class=\"nsp-cap-card\">\n        <div class=\"nsp-cap-card__top\"><span class=\"nsp-cap-card__num\">05<\/span><span class=\"nsp-tag\">Gest\u00e3o de APIs<\/span><\/div>\n        <h3>Controla como as APIs s\u00e3o usadas<\/h3>\n        <p>Gerencia acesso, pol\u00edticas, limites de taxa, seguran\u00e7a, monitoramento e outros requisitos do ciclo de vida de APIs pela Anypoint Platform. O Jumpstart da Nespon inclui explicitamente API Manager, pol\u00edticas de seguran\u00e7a, rate limiting, gest\u00e3o de acesso, tratamento de erros e monitoramento, oferecendo uma solu\u00e7\u00e3o completa de gest\u00e3o de APIs. <\/p>\n        <!--<a href=\"#\" class=\"nsp-link-arrow\">Learn More-->\n        <!--  <svg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8H13M13 8L8.5 3.5M13 8L8.5 12.5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>-->\n        <!--<\/a>-->\n      <\/div>\n\n      <div class=\"nsp-cap-card\">\n        <div class=\"nsp-cap-card__top\"><span class=\"nsp-cap-card__num\">06<\/span><span class=\"nsp-tag\">Ativos de integra\u00e7\u00e3o reutiliz\u00e1veis<\/span><\/div>\n        <h3>Reduz a complexidade ponto a ponto<\/h3>\n        <p>Cria APIs e ativos de integra\u00e7\u00e3o que podem ser descobertos e reutilizados em futuras aplica\u00e7\u00f5es e necessidades de integra\u00e7\u00e3o, aumentando a efici\u00eancia. Essa abordagem reduz a complexidade normalmente associada a integra\u00e7\u00f5es ponto a ponto. <\/p>\n        <!--<a href=\"#\" class=\"nsp-link-arrow\">Learn More-->\n        <!--  <svg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8H13M13 8L8.5 3.5M13 8L8.5 12.5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>-->\n        <!--<\/a>-->\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .nsp-caps{\n    --nsp-orange:#FF4400;\n    --nsp-dark:#1D2E2C;\n    font-family:'UntitledSans','Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;\n    background:var(--nsp-dark);\n    padding:96px 24px;\n  }\n  .nsp-caps__inner{max-width:1280px;margin:0 auto;}\n  .nsp-caps .nsp-eyebrow{display:block;font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--nsp-orange);margin-bottom:14px;}\n  .nsp-caps__head{\n    display:flex;justify-content:space-between;gap:40px;align-items:flex-end;\n    margin-bottom:48px;flex-wrap:wrap;\n  }\n  .nsp-caps__head h2{\n    font-size:clamp(24px,3vw,34px);line-height:1.2;font-weight:700;color:#fff;letter-spacing:-0.02em;margin:0;max-width:550px;\n  }\n  .nsp-caps__head h2 span{color:var(--nsp-orange);}\n  .nsp-caps__intro{\n    font-size:15px;line-height:1.7;color:#9db0ac;max-width:310px;margin:0;text-align: right;\n  }\n\n  .nsp-caps__grid{\n    display:grid;grid-template-columns:repeat(3,1fr);gap:20px;\n  }\n  .nsp-cap-card{\n    background:rgba(255,255,255,.03);\n    border:1px solid rgba(255,255,255,.08);\n    border-radius:14px;padding:26px 24px 24px;\n    display:flex;flex-direction:column;\n    transition:background .2s ease, transform .2s ease;\n  }\n  .nsp-cap-card:hover{background:rgba(255,255,255,.055);transform:translateY(-3px);}\n  .nsp-cap-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;}\n  .nsp-cap-card__num{font-size:20px;font-weight:700;color:#3f5751;}\n  .nsp-tag{\n    font-size:11px;font-weight:700;letter-spacing:.04em;color:#FF4400;\n    background:rgba(255, 68, 0, .14);border-radius:999px;padding:5px 12px; \n  }\n  .nsp-cap-card h3{font-size:17px;font-weight:700;color:#fff;margin:0 0 10px;}\n  .nsp-cap-card p{font-size:14.5px;line-height:1.65;color:#9db0ac;margin:0 0 18px;flex-grow:1;}\n  .nsp-cap-card .nsp-link-arrow{\n    display:inline-flex;align-items:center;gap:7px;\n    color:#ff4400 !important;text-decoration:none !important;font-weight:700;font-size:14px;\n  }\n  .nsp-cap-card .nsp-link-arrow svg{transition:transform .15s ease;}\n  .nsp-cap-card .nsp-link-arrow:hover svg{transform:translateX(4px);}\n  .elementor-20770 .elementor-element.elementor-element-19a2c07{\n          padding: 0px 0px;\n  }\n .elementor-13522 .elementor-element.elementor-element-62b8a27{\n      padding: 0px;\n  }\n\n  @media (max-width:960px){\n    .nsp-caps__grid{grid-template-columns:repeat(2,1fr);}\n  }\n  @media (max-width:640px){\n    .nsp-caps{padding:64px 20px;}\n    .nsp-caps__grid{grid-template-columns:1fr;}\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38895e8 e-con-full e-flex e-con e-parent\" data-id=\"38895e8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfdd20b elementor-widget elementor-widget-html\" data-id=\"bfdd20b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  SECTION 06 \u2014 \"Ready to bring structure to your revenue?\" CTA banner\n  Same full-width\/card\/shadow treatment as 08-jumpstart-banner.html: a\n  full-bleed breakout section with a bordered, shadowed, rounded card inside.\n-->\n<section class=\"nsp-cta1\">\n  <div class=\"nsp-cta1__inner\">\n    <div class=\"nsp-cta1__card\">\n      <div class=\"nsp-cta1__text\">\n        <h2>Pronto para conectar tua empresa?<\/h2>\n        <p>Fala com um especialista da Nespon sobre tuas prioridades de integra\u00e7\u00e3o com MuleSoft \u2014 de Salesforce e sistemas legados a APIs, dados, automa\u00e7\u00e3o e governan\u00e7a. Essa conversa pode ajudar a identificar as melhores estrat\u00e9gias para tuas necessidades espec\u00edficas, garantindo uma abordagem sob medida para integra\u00e7\u00e3o. <\/p>\n        <a href=\"https:\/\/nespon.com\/pt-br\/fale-conosco\/\" class=\"nsp-cta1__btn\">Agendar uma Chamada de Descoberta\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\"><path d=\"M4 12L12 4M12 4H5M12 4V11\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\n        <\/a>\n      <\/div>\n      <div class=\"nsp-cta1__art\" aria-hidden=\"true\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/11\/AI-agent-CTA-1.webp\" alt=\"\">\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  \/*\n    Defensive: if the Elementor Section\/Container\/Column wrapping this widget\n    has its own left\/right padding, margin, or a narrower max-width, that\n    shows up as extra empty space OUTSIDE this card that no amount of CSS on\n    .nsp-cta1 itself can remove. Same fix as 08-jumpstart-banner.html.\n  *\/\n  .elementor-section:has(.nsp-cta1),\n  .elementor-container:has(.nsp-cta1),\n  .elementor-column:has(.nsp-cta1),\n  .elementor-widget-wrap:has(.nsp-cta1),\n  .elementor-widget-container:has(.nsp-cta1),\n  .e-con:has(.nsp-cta1),\n  .e-con-inner:has(.nsp-cta1){\n    padding:0 !important;\n    margin:0 !important;\n    max-width:none !important;\n  }\n\n  .nsp-cta1{\n    --nsp-orange:#FF4400;\n    --nsp-dark:#1D2E2C;\n    font-family:'UntitledSans','Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;\n    background:#f5f8f7;\n    padding:70px 24px;\n    \/* Full-bleed breakout \u2014 forces this section to the true browser viewport\n       width no matter how narrow its parent theme\/Elementor wrapper is. *\/\n    width:100vw;\n    max-width:100vw;\n    position:relative;\n    left:50%;\n    right:50%;\n    margin-left:-50vw;\n    margin-right:-50vw;\n    box-sizing:border-box;\n    overflow-x:hidden;\n  }\n  .nsp-cta1__inner{max-width:100%;margin:0;}\n  .nsp-cta1__card{\n    background:#fff;\n    border:1px solid #e6eae8;\n    border-radius:20px;\n    box-shadow:0 20px 50px rgba(29,46,44,.08);\n    padding:48px 56px;\n    display:flex;align-items:center;justify-content:space-between;gap:40px;\n    flex-wrap:wrap;\n  }\n  .nsp-cta1__text{max-width:560px;}\n  .nsp-cta1__text h2{\n    font-size:clamp(22px,2.6vw,30px);font-weight:700;color:var(--nsp-dark);letter-spacing:-0.01em;margin:0 0 12px;\n  }\n  .nsp-cta1__text p{font-size:15.5px;line-height:1.65;color:#5b6b68;margin:0 0 24px;}\n  .nsp-cta1__btn{\n    display:inline-flex;align-items:center;gap:10px;\n    background:linear-gradient(135deg,#ff6a3d,var(--nsp-orange));\n    color:#fff !important;\n    text-decoration:none !important;\n    font-weight:600;font-size:16px;\n    padding:16px 26px;border-radius:10px;\n    box-shadow:0 14px 30px rgba(255,68,0,.28);\n    transition:transform .15s ease, box-shadow .15s ease;\n  }\n  .nsp-cta1__btn:hover{background:#e63e00;transform:translateY(-2px);}\n  .nsp-cta1__art{flex-shrink:0;}\n  .nsp-cta1__art img{display:block;width:100%;height:auto;}\n\n@media (max-width:760px){\n  .nsp-cta1__card{padding:36px 28px;justify-content:center;text-align:center;}\n  .nsp-cta1__text{max-width:none;}\n  .nsp-cta1__art{order:-1;flex-shrink:1;width:100%;max-width:280px;}\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-252ccbd e-con-full e-flex e-con e-parent\" data-id=\"252ccbd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-887055f elementor-widget elementor-widget-html\" data-id=\"887055f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\n  SECTION 07 \u2014 \"How It Works\" interactive phase selector (id: how-we-deliver)\r\n  Auto-advances every 6s; pauses on hover\/focus and whenever the tab isn't\r\n  visible, and resets its timer whenever a phase is clicked manually.\r\n-->\r\n<section class=\"nsp-howit\" id=\"how-we-deliver\">\r\n  <div class=\"nsp-howit__inner\">\r\n    <div class=\"nsp-howit__head\">\r\n      <div>\r\n        <span class=\"nsp-eyebrow\">COMO FUNCIONA<\/span>\r\n        <h2>Da estrat\u00e9gia de integra\u00e7\u00e3o ao <span>suporte cont\u00ednuo<\/span>.<\/h2>\r\n      <\/div>\r\n      <p class=\"nsp-howit__intro\">Acompanha como uma integra\u00e7\u00e3o com MuleSoft evolui da estrat\u00e9gia e arquitetura at\u00e9 a implementa\u00e7\u00e3o da plataforma, desenvolvimento de APIs, governan\u00e7a, testes e suporte cont\u00ednuo.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"nsp-howit__body\">\r\n      <div class=\"nsp-howit__list\" role=\"tablist\" aria-label=\"Integration delivery phases\">\r\n        <button class=\"nsp-howit__item is-active\" data-phase=\"0\" role=\"tab\" aria-selected=\"true\">\r\n          <span class=\"nsp-howit__num\">01<\/span>\r\n          <span class=\"nsp-howit__item-text\"><em>Estrat\u00e9gia & arquitetura de integra\u00e7\u00e3o<\/em><strong>Desenha a base de integra\u00e7\u00e3o<\/strong><\/span>\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8H13M13 8L8.5 3.5M13 8L8.5 12.5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n        <\/button>\r\n        <button class=\"nsp-howit__item\" data-phase=\"1\" role=\"tab\" aria-selected=\"false\">\r\n          <span class=\"nsp-howit__num\">02<\/span>\r\n          <span class=\"nsp-howit__item-text\"><em>Implementa\u00e7\u00e3o da Anypoint Platform<\/em><strong>Constr\u00f3i o ambiente MuleSoft<\/strong><\/span>\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8H13M13 8L8.5 3.5M13 8L8.5 12.5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n        <\/button>\r\n        <button class=\"nsp-howit__item\" data-phase=\"2\" role=\"tab\" aria-selected=\"false\">\r\n          <span class=\"nsp-howit__num\">03<\/span>\r\n          <span class=\"nsp-howit__item-text\"><em>Desenvolvimento de APIs & integra\u00e7\u00e3o<\/em><strong>Conecta teu stack de tecnologia<\/strong><\/span>\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8H13M13 8L8.5 3.5M13 8L8.5 12.5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n        <\/button>\r\n        <button class=\"nsp-howit__item\" data-phase=\"3\" role=\"tab\" aria-selected=\"false\">\r\n          <span class=\"nsp-howit__num\">04<\/span>\r\n          <span class=\"nsp-howit__item-text\"><em>Gest\u00e3o & governan\u00e7a de APIs<\/em><strong>Cria controles consistentes<\/strong><\/span>\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8H13M13 8L8.5 3.5M13 8L8.5 12.5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n        <\/button>\r\n        <button class=\"nsp-howit__item\" data-phase=\"4\" role=\"tab\" aria-selected=\"false\">\r\n          <span class=\"nsp-howit__num\">05<\/span>\r\n          <span class=\"nsp-howit__item-text\"><em>Testes & implanta\u00e7\u00e3o<\/em><strong>Leva as integra\u00e7\u00f5es para produ\u00e7\u00e3o<\/strong><\/span>\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8H13M13 8L8.5 3.5M13 8L8.5 12.5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n        <\/button>\r\n        <button class=\"nsp-howit__item\" data-phase=\"5\" role=\"tab\" aria-selected=\"false\">\r\n          <span class=\"nsp-howit__num\">06<\/span>\r\n          <span class=\"nsp-howit__item-text\"><em>Suporte & otimiza\u00e7\u00e3o<\/em><strong>Mant\u00e9m as integra\u00e7\u00f5es avan\u00e7ando<\/strong><\/span>\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8H13M13 8L8.5 3.5M13 8L8.5 12.5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <div class=\"nsp-howit__panel\">\r\n        <span class=\"nsp-howit__panel-phase\">FASE 01 \u00b7 Estrat\u00e9gia & arquitetura de integra\u00e7\u00e3o<\/span>\r\n        <h3 class=\"nsp-howit__panel-title\">Desenha a base de integra\u00e7\u00e3o<\/h3>\r\n        <p class=\"nsp-howit__panel-text\">Avalia sistemas, depend\u00eancias, fluxos de dados, requisitos de seguran\u00e7a e prioridades de integra\u00e7\u00e3o para definir a arquitetura MuleSoft adequada.<\/p>\r\n        <div class=\"nsp-howit__progress\">\r\n          <div class=\"nsp-howit__bar\"><span style=\"width:16.67%\"><\/span><\/div>\r\n          <div class=\"nsp-howit__steps\">\r\n            <span class=\"is-done\">Estrat\u00e9gia<\/span><span>Implementa\u00e7\u00e3o<\/span><span>Desenvolvimento<\/span><span>Gest\u00e3o<\/span><span>Teste<\/span><span>Suporte<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script type=\"application\/json\" id=\"nsp-howit-data\">\r\n[\r\n  {\"phase\":\"PHASE 01 \u00b7 Integration Strategy & Architecture\",\"title\":\"Design the Integration Foundation\",\"text\":\"Assess systems, dependencies, data flows, security requirements, and integration priorities to define the appropriate MuleSoft architecture.\"},\r\n  {\"phase\":\"PHASE 02 \u00b7 Anypoint Platform Implementation\",\"title\":\"Build the MuleSoft Environment\",\"text\":\"Configure Anypoint Platform and establish the foundation required to develop, deploy, manage, and monitor integrations.\"},\r\n  {\"phase\":\"PHASE 03 \u00b7 API Development & Integration\",\"title\":\"Connect Your Technology Stack\",\"text\":\"Build APIs and integrations across Salesforce, ERP, billing, legacy, databases, cloud applications, and other required systems.\"},\r\n  {\"phase\":\"PHASE 04 \u00b7 API Management & Governance\",\"title\":\"Create Consistent Controls\",\"text\":\"Establish API policies, access controls, security, monitoring, error handling, and governance practices.\"},\r\n  {\"phase\":\"PHASE 05 \u00b7 Testing & Deployment\",\"title\":\"Move Integrations Into Production\",\"text\":\"Validate integration flows, error handling, security, and business requirements before production deployment.\"},\r\n  {\"phase\":\"PHASE 06 \u00b7 Support & Optimization\",\"title\":\"Keep Integrations Moving Forward\",\"text\":\"Support existing MuleSoft environments with monitoring, troubleshooting, enhancements, and evolving integration requirements.\"}\r\n]\r\n<\/script>\r\n\r\n<style>\r\n  .nsp-howit{\r\n    --nsp-orange:#FF4400;\r\n    --nsp-dark:#1D2E2C;\r\n    font-family:'UntitledSans','Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;\r\n    background:var(--nsp-dark);\r\n    padding:96px 24px;\r\n  }\r\n  .nsp-howit__inner{max-width:1280px;margin:0 auto;}\r\n  .nsp-howit .nsp-eyebrow{display:block;font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--nsp-orange);margin-bottom:14px;}\r\n  .nsp-howit__head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:44px;flex-wrap:wrap;}\r\n  .nsp-howit__head h2{font-size:clamp(24px,3vw,34px);line-height:1.2;font-weight:700;color:#fff;margin:0;max-width:480px;letter-spacing:-0.02em;}\r\n  .nsp-howit__head h2 span{color:var(--nsp-orange);}\r\n  .nsp-howit__intro{font-size:15px;line-height:1.7;color:#9db0ac;max-width:340px;margin:0;text-align: right;\r\n\r\n  }\r\n\r\n  .nsp-howit__body{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch;}\r\n\r\n  .nsp-howit__list{display:flex;flex-direction:column;gap:12px;}\r\n  .nsp-howit__item{\r\n    all:unset;\r\n    display:flex;align-items:center;gap:18px;cursor:pointer;\r\n    background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);\r\n    border-radius:12px;padding:20px 22px;\r\n    transition:background .2s ease, border-color .2s ease;\r\n    box-sizing:border-box;\r\n  }\r\n  .nsp-howit__item:hover{background:rgba(255,255,255,.05);}\r\n  .nsp-howit__item.is-active{background:#FF4400;border-color:#FF4400;}\r\n  .nsp-howit__num{font-size:14px;font-weight:700;color:#5a716c;flex-shrink:0;width:22px;}\r\n  .nsp-howit__item.is-active .nsp-howit__num{color:rgba(255,255,255,.75);}\r\n  .nsp-howit__item-text{display:flex;flex-direction:column;gap:4px;flex-grow:1;}\r\n  .nsp-howit__item-text em{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.08em;color:#6d857f;}\r\n  .nsp-howit__item.is-active .nsp-howit__item-text em{color:rgba(255,255,255,.75);}\r\n  .nsp-howit__item-text strong{font-size:15.5px;font-weight:700;color:#c9d3d0;}\r\n  .nsp-howit__item.is-active .nsp-howit__item-text strong{color:#fff;}\r\n  .nsp-howit__item svg{color:#5a716c;flex-shrink:0;}\r\n  .nsp-howit__item.is-active svg{color:#fff;}\r\n\r\n  .nsp-howit__panel{\r\n    background:rgba(255,255,255,.03);\r\n    border:1px solid rgba(255,255,255,.08);\r\n    border-radius:16px;padding:40px 36px;\r\n    display:flex;flex-direction:column;justify-content:center;\r\n  }\r\n  .nsp-howit__panel-phase{\r\n    display:inline-block;align-self:flex-start;\r\n    font-size:12px;font-weight:700;letter-spacing:.08em;color:#ff8a5c;\r\n    background:rgba(255,68,0,.12);border-radius:999px;padding:7px 16px;margin-bottom:22px;\r\n  }\r\n  .nsp-howit__panel-title{font-size:clamp(22px,2.4vw,28px);font-weight:600;font-style:italic;color:#fff;margin:0 0 18px;}\r\n  .nsp-howit__panel-text{font-size:15px;line-height:1.7;color:#9db0ac;margin:0 0 32px;}\r\n\r\n  .nsp-howit__bar{height:5px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-bottom:12px;}\r\n  .nsp-howit__bar span{display:block;height:100%;background:var(--nsp-orange);border-radius:999px;transition:width .3s ease;}\r\n  .nsp-howit__steps{display:flex;justify-content:space-between;}\r\n  .nsp-howit__steps span{font-size:12px;font-weight:600;color:#5a716c;}\r\n  .nsp-howit__steps span.is-done{color:var(--nsp-orange);}\r\n  .elementor-20770 .elementor-element.elementor-element-7ae17c7{\r\n      padding: 10px 0px;\r\n  }\r\n  .elementor-13522 .elementor-element.elementor-element-252ccbd{\r\n      padding: 0px;\r\n  }\r\n\r\n  @media (max-width:900px){\r\n    .nsp-howit__body{grid-template-columns:1fr;}\r\n    .nsp-howit{padding:64px 20px;}\r\n  }\r\n  @media (max-width:480px){\r\n    .nsp-howit__item{padding:16px;gap:12px;}\r\n    .nsp-howit__panel{padding:28px 22px;}\r\n  }\r\n  \r\n  \r\n  \/* \"How it works\" (nsp-howit) \u2013 stop the list\/panel overflowing on mobile *\/\r\n@media (max-width:900px){\r\n  .nsp-howit .nsp-howit__body{grid-template-columns:minmax(0,1fr)}\r\n  .nsp-howit .nsp-howit__steps{flex-wrap:wrap;justify-content:flex-start;gap:8px 18px}\r\n}\r\n  \r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var root = document.querySelector('.nsp-howit');\r\n  if(!root || root.dataset.nspInit) return;\r\n  root.dataset.nspInit = '1';\r\n\r\n  var AUTO_DELAY = 6000;\r\n\r\n  var dataEl = document.getElementById('nsp-howit-data');\r\n  var data = JSON.parse(dataEl.textContent);\r\n  var list = root.querySelector('.nsp-howit__list');\r\n  var items = root.querySelectorAll('.nsp-howit__item');\r\n  var panelPhase = root.querySelector('.nsp-howit__panel-phase');\r\n  var panelTitle = root.querySelector('.nsp-howit__panel-title');\r\n  var panelText = root.querySelector('.nsp-howit__panel-text');\r\n  var bar = root.querySelector('.nsp-howit__bar span');\r\n  var steps = root.querySelectorAll('.nsp-howit__steps span');\r\n\r\n  var current = 0;\r\n  var timer = null;\r\n  var paused = false;\r\n\r\n  function activate(idx){\r\n    current = idx;\r\n    items.forEach(function(i){ i.classList.remove('is-active'); i.setAttribute('aria-selected','false'); });\r\n    items[idx].classList.add('is-active');\r\n    items[idx].setAttribute('aria-selected','true');\r\n\r\n    var d = data[idx];\r\n    panelPhase.textContent = d.phase;\r\n    panelTitle.textContent = d.title;\r\n    panelText.textContent = d.text;\r\n    bar.style.width = ((idx + 1) \/ items.length * 100) + '%';\r\n    steps.forEach(function(s, i){\r\n      s.classList.toggle('is-done', i <= idx);\r\n    });\r\n  }\r\n\r\n  function startAuto(){\r\n    stopAuto();\r\n    timer = window.setInterval(function(){\r\n      if(paused) return;\r\n      activate((current + 1) % items.length);\r\n    }, AUTO_DELAY);\r\n  }\r\n  function stopAuto(){\r\n    if(timer){ window.clearInterval(timer); timer = null; }\r\n  }\r\n\r\n  items.forEach(function(item){\r\n    item.addEventListener('click', function(){\r\n      activate(parseInt(item.getAttribute('data-phase'), 10));\r\n      startAuto(); \/\/ manual pick resets the 6s countdown instead of jumping right away\r\n    });\r\n  });\r\n\r\n  root.addEventListener('mouseenter', function(){ paused = true; });\r\n  root.addEventListener('mouseleave', function(){ paused = false; });\r\n  list.addEventListener('focusin', function(){ paused = true; });\r\n  list.addEventListener('focusout', function(){ paused = false; });\r\n  document.addEventListener('visibilitychange', function(){\r\n    paused = document.hidden;\r\n  });\r\n\r\n  startAuto();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-130a8ec e-con-full e-flex e-con e-parent\" data-id=\"130a8ec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc0ba86 elementor-widget elementor-widget-html\" data-id=\"fc0ba86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  SECTION 08 \u2014 \"Need Agentforce live faster?\" Jumpstart promo banner\n  Background image path is set on .nsp-jump__card below \u2014 if this file ever\n  moves to a different WordPress install, update that url() to match its\n  media URL there.\n-->\n<section class=\"nsp-jump\">\n  <div class=\"nsp-jump__inner\">\n    <div class=\"nsp-jump__card\">\n      <div class=\"nsp-jump__text\">\n        <span class=\"nsp-eyebrow\">TAMB\u00c9M DISPON\u00cdVEL \u00b7 SALESFORCE JUMPSTART<\/span>\n        <h2>Precisa colocar MuleSoft no ar mais r\u00e1pido?<\/h2>\n        <p>Coloca tua base de integra\u00e7\u00e3o MuleSoft rodando em <strong>4\u20136 semanas<\/strong> com um Jumpstart definido que cobre discovery, arquitetura, configura\u00e7\u00e3o da plataforma, desenvolvimento de APIs, testes, governan\u00e7a, treinamento, go-live e Hypercare. Esse cronograma acelerado garante uma transi\u00e7\u00e3o r\u00e1pida para uso operacional, entregando ROI mais r\u00e1pido para as empresas.  <\/p>\n        <a href=\"https:\/\/nespon.com\/pt-br\/salesforce-jumpstart\/mulesoft-anypoint-platform\/\" class=\"nsp-jump__btn\">Explora o Mulesoft Jumpstart\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8H13M13 8L8.5 3.5M13 8L8.5 12.5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  \/*\n    Defensive: if the Elementor Section\/Container\/Column wrapping this widget\n    has its own left\/right padding, margin, or a narrower max-width (common\n    Elementor defaults), that shows up as extra empty space OUTSIDE this\n    card that no amount of CSS on .nsp-jump itself can remove. This strips\n    that padding\/margin\/width-cap only on elements that actually wrap this\n    banner, so nothing else on the page is affected.\n  *\/\n  .elementor-section:has(.nsp-jump),\n  .elementor-container:has(.nsp-jump),\n  .elementor-column:has(.nsp-jump),\n  .elementor-widget-wrap:has(.nsp-jump),\n  .elementor-widget-container:has(.nsp-jump),\n  .e-con:has(.nsp-jump),\n  .e-con-inner:has(.nsp-jump){\n    padding:0 !important;\n    margin:0 !important;\n    max-width:none !important;\n  }\n\n  .nsp-jump{\n    --nsp-orange:#FF4400;\n    --nsp-dark:#1D2E2C;\n    font-family:'UntitledSans','Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;\n    background:#fff;\n    padding: 25px 24px;\n    \/*\n      \"Full-bleed breakout\": forces this section to the true browser viewport\n      width no matter how narrow its parent theme\/Elementor wrapper is \u2014 this\n      is the actual fix if a theme content wrapper (not Elementor itself) is\n      the one capping the width, since the .elementor-* overrides above can\n      only reach Elementor's own markup, not the theme's.\n    *\/\n    width:100vw;\n    max-width:100vw;\n    position:relative;\n    left:50%;\n    right:50%;\n    margin-left:-50vw;\n    margin-right:-50vw;\n    box-sizing:border-box;\n    overflow-x:hidden;\n  }\n  .nsp-jump__inner{max-width:100%;margin:0;}\n  .nsp-jump__card{\n    position:relative;\n    overflow:hidden;\n    background:url('\/wp-content\/uploads\/2026\/11\/Jumpstart-CTA.webp') no-repeat center center;\n    background-size:cover;\n    border-radius:20px;\n    min-height:340px;\n    padding:48px 56px;\n    display:flex;align-items:center;justify-content:space-between;gap:40px;\n    flex-wrap:wrap;\n  }\n  .nsp-jump .nsp-eyebrow{display:block;font-size:12.5px;font-weight:700;letter-spacing:.08em;color:var(--nsp-orange);margin-bottom:14px;}\n  .nsp-jump__text{position:relative;max-width:600px;}\n  .nsp-jump__text h2{font-size:clamp(22px,2.6vw,30px);font-weight:700;color:var(--nsp-dark);margin:0 0 14px;letter-spacing:-0.01em;}\n  .nsp-jump__text p{font-size:15.5px;line-height:1.7;color:#4d5b57;margin:0 0 26px;}\n  .nsp-jump__btn{\n   display:inline-flex;align-items:center;gap:10px;\n    background:linear-gradient(135deg,#ff6a3d,var(--nsp-orange));\n    color:#fff !important;\n    text-decoration:none !important;\n    font-weight:600;font-size:16px;\n    padding:16px 26px;border-radius:10px;\n    box-shadow:0 14px 30px rgba(255,68,0,.28);\n    transition:transform .15s ease, box-shadow .15s ease;\n  }\n  .nsp-jump__btn:hover{background:#e63e00;transform:translateY(-2px);}\n\n  @media (max-width:760px){\n    .nsp-jump__card{padding:36px 28px;justify-content:center;text-align:center;background-position:65% center;}\n    .nsp-jump__text{max-width:none;}\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ed72e7 e-con-full e-flex e-con e-parent\" data-id=\"4ed72e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ed4adf elementor-widget elementor-widget-html\" data-id=\"5ed4adf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  SECTION 10 \u2014 \"Why Nespon\" (id: industries) with checklist + partner badges + stats bar\n  Replace the 3 partner-badge SVGs with your real Salesforce\/Claude badge images if available.\n-->\n<section class=\"nsp-why\" id=\"industries\">\n  <div class=\"nsp-why__inner\">\n    <div class=\"nsp-why__top\">\n      <div class=\"nsp-why__left\">\n        <span class=\"nsp-eyebrow\">POR QUE A NESPON<\/span>\n        <h2>A Nespon conecta tua empresa <span>com MuleSoft<\/span>.<\/h2>\n        <p>A Nespon combina expertise em Salesforce com capacidades de integra\u00e7\u00e3o MuleSoft para conectar aplica\u00e7\u00f5es, dados, APIs e processos de neg\u00f3cio em ambientes corporativos complexos. Essa dupla especializa\u00e7\u00e3o garante solu\u00e7\u00f5es robustas e escal\u00e1veis, adaptadas \u00e0s necessidades \u00fanicas de cada cliente.  <\/p>\n        <a href=\"https:\/\/nespon.com\/pt-br\/fale-conosco\/\" class=\"nsp-why__btn\">Sobre a Nespon\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\"><path d=\"M4 12L12 4M12 4H5M12 4V11\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\n        <\/a>\n\n        <div class=\"nsp-why__badges\">\n<img decoding=\"async\" style=\"max-width:140px;\" class=\"nsp-badge-img\" src=\"\/wp-content\/uploads\/2026\/11\/Consulting-Summit-Partner.webp\" alt=\"Parceiro Salesforce Summit\">\n<!--<img decoding=\"async\" style=\"max-width:150px;\" class=\"nsp-badge-img\" src=\"\/wp-content\/uploads\/2026\/09\/Partner-advisory.webp\" alt=\"Salesforce Partner Advisory\">-->\n<img decoding=\"async\" style=\"max-width:170px;\" class=\"nsp-badge-img\" src=\"\/wp-content\/uploads\/2026\/10\/Partner-Badge-Certified-PNG-Horizontal.png\" alt=\"Claude Registered Partner\">\n<\/div>\n \n      <\/div>\n\n      <div class=\"nsp-why__right\">\n        <div class=\"nsp-check-row\"><span class=\"nsp-check\">\u2713<\/span> Salesforce Summit Partner, unindo expertise em Salesforce e MuleSoft em ambientes corporativos conectados.<\/div>\n        <div class=\"nsp-check-row\"><span class=\"nsp-check\">\u2713<\/span>Entrega MuleSoft de ponta a ponta \u2014 da arquitetura de integra\u00e7\u00e3o e design de APIs at\u00e9 desenvolvimento, testes, implanta\u00e7\u00e3o e suporte. <\/div>\n        <div class=\"nsp-check-row\"><span class=\"nsp-check\">\u2713<\/span>Conecta o Salesforce a ERP, faturamento, legados, cloud e sistemas de terceiros com base em requisitos de integra\u00e7\u00e3o definidos. <\/div>\n        <div class=\"nsp-check-row\"><span class=\"nsp-check\">\u2713<\/span>Constr\u00f3i APIs e ativos de integra\u00e7\u00e3o reutiliz\u00e1veis usando a abordagem de conectividade orientada por APIs da MuleSoft.<\/div>\n        <div class=\"nsp-check-row\"><span class=\"nsp-check\">\u2713<\/span>Estabelece seguran\u00e7a de APIs, governan\u00e7a, controles de acesso, monitoramento e suporte cont\u00ednuo de integra\u00e7\u00e3o. <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"nsp-why__stats\">\n    <div class=\"nsp-why__stats-inner\">\n      <div><strong>750+<\/strong><span>Certifica\u00e7\u00f5es Salesforce<\/span><\/div>\n      <div><strong>18+<\/strong><span>Anos de excel\u00eancia<\/span><\/div>\n      <div><strong>98%<\/strong><span>Satisfa\u00e7\u00e3o do cliente<\/span><\/div>\n      <div><strong>Entrega<\/strong><span>com presen\u00e7a global<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .nsp-why{\n    --nsp-orange:#FF4400;\n    --nsp-dark:#1D2E2C;\n    font-family:'UntitledSans','Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;\n    background:var(--nsp-dark);\n  }\n  .nsp-why__inner{max-width:1280px;margin:0 auto;padding:96px 24px 64px;}\n  .nsp-why .nsp-eyebrow{display:block;font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--nsp-orange);margin-bottom:14px;}\n  .nsp-why__top{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}\n  .nsp-why__left h2{font-size:clamp(26px,3vw,36px);font-weight:700;color:#fff;line-height:1.2;margin:0 0 18px;letter-spacing:-0.02em;}\n  .nsp-why__left h2 span{color:var(--nsp-orange);}\n  .nsp-why__left p{font-size:15.5px;line-height:1.7;color:#9db0ac;max-width:420px;margin:0 0 32px;}\n  .nsp-why__btn{\n    display:inline-flex;align-items:center;gap:9px;\n    background:var(--nsp-orange);color:#fff !important;text-decoration:none !important;\n    font-weight:600;font-size:15px;padding:13px 22px;border-radius:10px;\n    margin-bottom:34px;\n    transition:background .15s ease;\n  }\n  .nsp-why__btn:hover{background:#e63e00;}\n  .nsp-why__badges{display:flex;flex-wrap:wrap;align-items:center;gap:14px;}\n  .nsp-badge-img{\n    display:block;\n    height:44px;\n    width:auto;\n    border-radius:8px;\n  }\n\n  .nsp-why__right{display:flex;flex-direction:column;gap:14px;}\n  .nsp-check-row{\n    display:flex;align-items:center;gap:14px;\n    background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);\n    border-radius:12px;padding:18px 20px;\n    font-size:14.5px;color:#dbe4e1;font-weight:500;\n    box-shadow:0 0 0 rgba(255,68,0,0);\n    transition:transform .3s ease, box-shadow .3s ease, background .3s ease, border-color .3s ease;\n    animation:nsp-check-in .5s ease both;\n  }\n  .nsp-check-row:nth-child(1){animation-delay:.05s;}\n  .nsp-check-row:nth-child(2){animation-delay:.15s;}\n  .nsp-check-row:nth-child(3){animation-delay:.25s;}\n  .nsp-check-row:nth-child(4){animation-delay:.35s;}\n  .nsp-check-row:nth-child(5){animation-delay:.45s;}\n  .nsp-check-row:hover{\n    transform:translateY(-4px);\n    background:rgba(255,255,255,.055);\n    border-color:rgba(255,68,0,.35);\n    box-shadow:0 16px 32px rgba(0,0,0,.28), 0 0 0 1px rgba(255,68,0,.12), 0 0 24px rgba(255,68,0,.18);\n  }\n  .nsp-check-row:hover .nsp-check{\n    background:var(--nsp-orange);\n    color:#fff;\n    box-shadow:0 0 0 6px rgba(255,68,0,.16);\n  }\n  .nsp-check{\n    flex-shrink:0;width:26px;height:26px;border-radius:50%;\n    background:rgba(255,68,0,.16);color:var(--nsp-orange);\n    display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;\n    transition:background .3s ease, color .3s ease, box-shadow .3s ease;\n  }\n\n  @keyframes nsp-check-in{\n    from{opacity:0;transform:translateY(14px);}\n    to{opacity:1;transform:translateY(0);}\n  }\n  @media (prefers-reduced-motion: reduce){\n    .nsp-check-row{animation:none;}\n  }\n\n  .nsp-why__stats{border-top:1px solid rgba(255,255,255,.08);}\n  .nsp-why__stats-inner{\n    max-width:1280px;margin:0 auto;padding:36px 24px;\n    display:grid;grid-template-columns:repeat(4,1fr);gap:24px;\n  }\n  .nsp-why__stats-inner div{display:flex;flex-direction:column;gap:4px;}\n  .nsp-why__stats-inner strong{font-size:clamp(22px,2.4vw,28px);font-weight:700;color:var(--nsp-orange);}\n  .nsp-why__stats-inner span{font-size:13.5px;color:#9db0ac;}\n  .elementor-20770 .elementor-element.elementor-element-27f063d{\n      padding: 0px 0px;\n  }\n .elementor-13522 .elementor-element.elementor-element-4ed72e7{\n      padding: 0px;;\n  }\n\n  @media (max-width:900px){\n    .nsp-why__top{grid-template-columns:1fr;gap:36px;}\n    .nsp-why__inner{padding:64px 20px 48px;}\n  }\n  @media (max-width:640px){\n    .nsp-why__stats-inner{grid-template-columns:repeat(2,1fr);}\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6af95c7 e-con-full e-flex e-con e-parent\" data-id=\"6af95c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cb9c82 elementor-widget elementor-widget-html\" data-id=\"2cb9c82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =====================================================================\n     NESPON | FAQ \u2014 MuleSoft  (self-contained: paste into a WordPress \"Custom HTML\" block)\n     Layout\/colours from the \"08 FAQ\" design; typography from the Section 11 FAQ.\n     Add \"is-open\" to an .nsp-faq__item to have it open on load. Only one item stays open at a time.\n     ===================================================================== -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ==BASE== shared tokens + scoped reset *\/\n.nsp {\n  --nsp-orange: #FF4400;\n  --nsp-grad: linear-gradient(90deg, #FF4E0D 0%, #F47B47 100%);\n  --nsp-dark: #1D2E2C;\n  --nsp-ink: #1D2E2C;\n  --nsp-text: #5b6b68;\n  --nsp-line: #E3E8E6;\n  --nsp-container: 1240px;\n  --nsp-gutter: 20px;\n  --nsp-section-pad: 100px;\n  --nsp-font: 'UntitledSans', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  font-family: var(--nsp-font);\n  font-size: 16px;\n  line-height: 1.5;\n  color: var(--nsp-ink);\n  text-align: left;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n.nsp, .nsp::before, .nsp::after, .nsp *, .nsp *::before, .nsp *::after { box-sizing: border-box; }\n.nsp :is(h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure, blockquote) { margin: 0; padding: 0; }\n.nsp :is(ul, ol) { list-style: none; }\n.nsp :is(a) { color: inherit; text-decoration: none; }\n.nsp :is(img, svg, canvas) { display: block; max-width: 100%; }\n.nsp :is(button) { font: inherit; color: inherit; background: none; border: 0; padding: 0; margin: 0; cursor: pointer; }\n.nsp :is(a, button):focus-visible { outline: 2px solid var(--nsp-orange); outline-offset: 3px; }\n.nsp .nsp-container { width: 100%; max-width: calc(var(--nsp-container) + var(--nsp-gutter) * 2); margin: 0 auto; padding: 0 var(--nsp-gutter); }\n.nsp.nsp-section { padding: var(--nsp-section-pad) 0; }\n.nsp .nsp-eyebrow { display: block; margin-bottom: 14px; font-size: 13px; font-weight: 700; line-height: 1.3; letter-spacing: .1em; text-transform: uppercase; color: var(--nsp-orange); }\n.nsp .nsp-h2 { font-size: 46px; font-weight: 700; line-height: 1.22; letter-spacing: -.02em; color: var(--nsp-dark); }\n\n.elementor-13522 .elementor-element.elementor-element-6af95c7 {\n    padding: 0px;\n}\n\n@media (max-width: 991px) { .nsp .nsp-h2 { font-size: 38px; } }\n@media (max-width: 575px) { .nsp .nsp-h2 { font-size: 30px; } }\n\/* ==END BASE== *\/\n\n\/* ---------- FAQ ---------- *\/\n.nsp.nsp-faq { background: #F5F9F9; }\n.nsp .nsp-faq__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 750px); gap: 60px; align-items: start; }\n.nsp .nsp-faq__title { max-width: 360px; }\n\n.nsp .nsp-faq__list { display: flex; flex-direction: column; gap: 16px; }\n.nsp .nsp-faq__item { background: #fff; border: 1px solid var(--nsp-line); border-radius: 12px; transition: border-color .25s ease, box-shadow .25s ease; }\n.nsp .nsp-faq__item:hover,\n.nsp .nsp-faq__item.is-open { border-color: #FF4400; }\n.nsp .nsp-faq__q { display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; min-height: 78px; padding: 18px 28px 18px 34px; text-align: left; font-family: var(--nsp-font); font-size: 15.5px; font-weight: 700; line-height: 1.55; color: var(--nsp-dark); }\n.nsp .nsp-faq__q svg { flex: none; width: 14px; height: 14px; color: var(--nsp-orange); transition: transform .3s ease; }\n.nsp .nsp-faq__item.is-open .nsp-faq__q svg { transform: rotate(180deg); }\n\/* Question bar states \u2014 !important keeps WordPress theme button styles from overriding these *\/\n.nsp.nsp-faq .nsp-faq__q,\n.nsp.nsp-faq .nsp-faq__q:focus,\n.nsp.nsp-faq .nsp-faq__q:active { background: transparent !important; color: var(--nsp-dark) !important; border: 0 !important; border-radius: 11px; box-shadow: none !important; font-family: var(--nsp-font) !important; font-size: 15.5px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; text-decoration: none !important; white-space: normal !important; overflow-wrap: anywhere; height: auto !important; transition: background-color .25s ease, color .25s ease; }\n.nsp.nsp-faq .nsp-faq__q:hover,\n.nsp.nsp-faq .nsp-faq__item.is-open .nsp-faq__q { background: #FF4400 !important; color: #fff !important; }\n.nsp.nsp-faq .nsp-faq__item.is-open .nsp-faq__q { border-radius: 11px 11px 0 0; }\n.nsp.nsp-faq .nsp-faq__q:hover svg,\n.nsp.nsp-faq .nsp-faq__item.is-open .nsp-faq__q svg { color: #fff; }\n.nsp.nsp-faq .nsp-faq__q:focus-visible { outline: 2px solid #FF4400; outline-offset: 3px; }\n.nsp .nsp-faq__a { height: 0; overflow: hidden; transition: height .32s ease; }\n.nsp .nsp-faq__item.is-open .nsp-faq__a.is-static { height: auto; }\n.nsp .nsp-faq__a-inner { padding: 22px 34px 28px; border-top: 1px solid #EEF1F0; font-family: var(--nsp-font); font-size: 14.5px; font-weight: 400; line-height: 1.7; color: var(--nsp-text); }\n\n@media (max-width: 1100px) {\n  .nsp .nsp-faq__grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }\n  .nsp .nsp-faq__title { max-width: none; }\n}\n@media (max-width: 575px) {\n  .nsp.nsp-faq .nsp-faq__q { min-height: 64px; padding: 16px 18px 16px 20px; font-size: 15px !important; }\n  .nsp .nsp-faq__a-inner { padding: 18px 20px 22px; font-size: 14px; }\n}\n<\/style>\n\n<section class=\"nsp nsp-section nsp-faq\" id=\"faq\">\n  <div class=\"nsp-container nsp-faq__grid\">\n    <div>\n      <p class=\"nsp-eyebrow\">FAQ<\/p>\n      <h2 class=\"nsp-h2 nsp-faq__title\">Perguntas Comuns<\/h2>\n    <\/div>\n\n    <div class=\"nsp-faq__list\">\n      <div class=\"nsp-faq__item is-open\">\n        <button class=\"nsp-faq__q\" type=\"button\" aria-expanded=\"true\">O que \u00e9 MuleSoft e para que serve?\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M1 5L8 12L15 5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\n        <\/button>\n        <div class=\"nsp-faq__a is-static\">\n          <div class=\"nsp-faq__a-inner\">MuleSoft \u00e9 uma plataforma de integra\u00e7\u00e3o usada para conectar aplica\u00e7\u00f5es, dados e sistemas por meio de APIs e integra\u00e7\u00f5es. \u00c9 comumente usada para conectar o Salesforce a ERP, legados, cloud e sistemas externos, aumentando a conectividade corporativa. A flexibilidade da plataforma permite que ela se adapte a uma ampla variedade de cen\u00e1rios de integra\u00e7\u00e3o.  <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"nsp-faq__item\">\n        <button class=\"nsp-faq__q\" type=\"button\" aria-expanded=\"false\">Qual \u00e9 a melhor forma de integrar o Salesforce com ERP e sistemas legados?\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M1 5L8 12L15 5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\n        <\/button>\n        <div class=\"nsp-faq__a\">\n          <div class=\"nsp-faq__a-inner\">MuleSoft \u00e9 uma op\u00e7\u00e3o constru\u00edda pela Salesforce para conectar o Salesforce a ambientes de ERP e legado. A arquitetura certa depende dos sistemas, fluxos de dados, requisitos de seguran\u00e7a, padr\u00f5es de integra\u00e7\u00e3o e escala esperada, garantindo solu\u00e7\u00f5es sob medida. Essa flexibilidade torna a MuleSoft uma escolha vers\u00e1til para necessidades de integra\u00e7\u00e3o complexas.  <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"nsp-faq__item\">\n        <button class=\"nsp-faq__q\" type=\"button\" aria-expanded=\"false\">A MuleSoft consegue conectar o Salesforce com SAP, Oracle e outros sistemas de neg\u00f3cio?\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M1 5L8 12L15 5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\n        <\/button>\n        <div class=\"nsp-faq__a\">\n          <div class=\"nsp-faq__a-inner\">Sim. A MuleSoft oferece conectores e capacidades de integra\u00e7\u00e3o para o Salesforce e uma variedade de plataformas de neg\u00f3cio. A conectividade e a arquitetura exatas dependem dos sistemas e APIs dispon\u00edveis, oferecendo op\u00e7\u00f5es de integra\u00e7\u00e3o flex\u00edveis. Essa adaptabilidade \u00e9 crucial para acomodar requisitos corporativos diversos.   <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"nsp-faq__item\">\n        <button class=\"nsp-faq__q\" type=\"button\" aria-expanded=\"false\">O que \u00e9 API-led connectivity na MuleSoft?\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M1 5L8 12L15 5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\n        <\/button>\n        <div class=\"nsp-faq__a\">\n          <div class=\"nsp-faq__a-inner\">API-led connectivity estrutura integra\u00e7\u00f5es em torno de APIs de Sistema, Processo e Experi\u00eancia reutiliz\u00e1veis. Isso pode reduzir a depend\u00eancia de integra\u00e7\u00f5es fortemente acopladas, constru\u00eddas conex\u00e3o por conex\u00e3o, promovendo uma arquitetura mais modular e escal\u00e1vel. Essa abordagem \u00e9 fundamental para ambientes de TI modernos e \u00e1geis.  <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"nsp-faq__item\">\n        <button class=\"nsp-faq__q\" type=\"button\" aria-expanded=\"false\">MuleSoft ou integra\u00e7\u00e3o direta entre sistemas: qual devo usar?\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M1 5L8 12L15 5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\n        <\/button>\n        <div class=\"nsp-faq__a\">\n          <div class=\"nsp-faq__a-inner\">A integra\u00e7\u00e3o direta entre sistemas pode atender a requisitos simples e limitados. Uma arquitetura MuleSoft orientada por APIs se torna mais relevante quando a organiza\u00e7\u00e3o precisa de integra\u00e7\u00f5es reutiliz\u00e1veis, governan\u00e7a, m\u00faltiplos sistemas conectados e maior consist\u00eancia arquitetural. Essa abordagem estrat\u00e9gica sustenta escalabilidade e flexibilidade no longo prazo.  <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  var each = function (list, fn) { Array.prototype.forEach.call(list, fn); };\n  each(document.querySelectorAll('.nsp-faq'), function (section) {\n    if (section.dataset.nspReady) return;\n    section.dataset.nspReady = '1';\n    var items = section.querySelectorAll('.nsp-faq__item');\n\n    function open(item) {\n      var panel = item.querySelector('.nsp-faq__a');\n      item.classList.add('is-open');\n      item.querySelector('.nsp-faq__q').setAttribute('aria-expanded', 'true');\n      panel.style.height = panel.scrollHeight + 'px';\n      clearTimeout(panel._nspTimer);\n      panel._nspTimer = setTimeout(function () {\n        if (item.classList.contains('is-open')) panel.style.height = 'auto';\n      }, 360);\n    }\n    function close(item) {\n      var panel = item.querySelector('.nsp-faq__a');\n      clearTimeout(panel._nspTimer);\n      panel.classList.remove('is-static');\n      panel.style.height = panel.scrollHeight + 'px';\n      void panel.offsetHeight;\n      panel.style.height = '0px';\n      item.classList.remove('is-open');\n      item.querySelector('.nsp-faq__q').setAttribute('aria-expanded', 'false');\n    }\n\n    each(items, function (item) {\n      item.querySelector('.nsp-faq__q').addEventListener('click', function () {\n        var isOpen = item.classList.contains('is-open');\n        each(items, function (other) { if (other !== item && other.classList.contains('is-open')) close(other); });\n        if (isOpen) close(item); else open(item);\n      });\n    });\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4583c2c e-con-full e-flex e-con e-parent\" data-id=\"4583c2c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-825d958 elementor-widget elementor-widget-html\" data-id=\"825d958\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  SECTION 12 \u2014 Final CTA \"What's Your Next Technology Move?\"\n  The mascot is part of one full-bleed background photo on the section\n  itself (CTA3.webp), not a separate floating box. If this file ever moves\n  to a different WordPress install, update that url() to match its media\n  URL there.\n--><section class=\"nsp-final\"><div class=\"nsp-final__scrim\"><\/div><div class=\"nsp-final__inner\"><div class=\"nsp-final__text\"><h2>Ready to Connect What Runs Your Business?<\/h2><p>Talk to a Nespon expert about connecting applications, data, and systems with MuleSoft and an API-led integration approach.<\/p><a href=\"https:\/\/nespon.com\/pt-br\/fale-conosco\/\" class=\"nsp-final__btn\">Schedule a Discovery Call\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8H13M13 8L8.5 3.5M13 8L8.5 12.5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a><\/div><\/div><\/section><style>.nsp-final{\n    --nsp-orange:#FF4400;\n    --nsp-dark:#1D2E2C;\n    font-family:'UntitledSans','Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;\n    position:relative;\n    overflow:hidden;\n    background:#16241F url('\/wp-content\/uploads\/2026\/11\/nespon-main-cta-armored-mascot-1500x397-fixed_11zon.webp') no-repeat center center;\n    background-size:cover;\n    padding:80px 24px;\n  }\n  .nsp-final__scrim{\n    \/* keeps the text readable no matter how the image crops at different widths *\/\n    position:absolute;inset:0;\n    background:linear-gradient(90deg, rgba(15,24,21,.75) 0%, rgba(15,24,21,.4) 45%, rgba(15,24,21,0) 72%);\n    pointer-events:none;\n  }\n  .nsp-final__inner{\n    position:relative;\n    max-width:1280px;margin:0 auto;\n  }\n  .nsp-final__text{max-width:560px;}\n  .nsp-final__text h2{font-size:clamp(24px,3vw,32px);font-weight:700;color:#fff;margin:0 0 14px;letter-spacing:-0.02em;}\n  .nsp-final__text p{font-size:15.5px;line-height:1.7;color:#9db0ac;margin:0 0 26px;}\n  .nsp-final__btn{\n    display:inline-flex;align-items:center;gap:9px;\n    background:var(--nsp-orange);color:#fff !important;text-decoration:none !important;\n    font-weight:600;font-size:15px;padding:14px 24px;border-radius:10px;\n    transition:background .15s ease, transform .15s ease;\n  }\n  .nsp-final__btn:hover{background:#e63e00;transform:translateY(-2px);}\n  .elementor-20770 .elementor-element.elementor-element-76dfaf4{\n      padding: 0px;\n  }\n .elementor-13522 .elementor-element.elementor-element-4583c2c{\n      padding: 0px;\n  }\n\n  @media (max-width:760px){\n    .nsp-final{background-position:70% center;}\n    .nsp-final__scrim{background:linear-gradient(180deg, rgba(15,24,21,.55) 0%, rgba(15,24,21,.75) 60%, rgba(15,24,21,.85) 100%);}\n    .nsp-final__inner{text-align:center;}\n    .nsp-final__text{max-width:none;}\n  }\n<\/style>\t\t\t\t<\/div>\n\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>SALESFORCE Integra\u00e7\u00e3o Orientada por APIs com MuleSoft. Conecta o Salesforce a aplica\u00e7\u00f5es corporativas, dados, sistemas legados e plataformas de terceiros usando MuleSoft, criando uma base de integra\u00e7\u00e3o projetada para reutiliza\u00e7\u00e3o, governan\u00e7a e escala. Esta solu\u00e7\u00e3o permite que as empresas alcancem uma integra\u00e7\u00e3o perfeita em todo o seu ecossistema de TI. Fala com um especialista em [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":17122,"parent":17180,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-17129","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Integra\u00e7\u00e3o Orientada por APIs com MuleSoft | Nespon Solutions<\/title>\n<meta name=\"description\" content=\"Conecta o Salesforce a sistemas corporativos usando a plataforma de integra\u00e7\u00e3o orientada por APIs da MuleSoft. Constr\u00f3i, gerencia e governa integra\u00e7\u00f5es em escala com orienta\u00e7\u00e3o especializada.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nespon.com\/pt-br\/salesforce\/integracao-orientada-por-apis-com-mulesoft\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Integra\u00e7\u00e3o Orientada por APIs com MuleSoft | Nespon Solutions\" \/>\n<meta property=\"og:description\" content=\"Conecta o Salesforce a sistemas corporativos usando a plataforma de integra\u00e7\u00e3o orientada por APIs da MuleSoft. Constr\u00f3i, gerencia e governa integra\u00e7\u00f5es em escala com orienta\u00e7\u00e3o especializada.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nespon.com\/pt-br\/salesforce\/integracao-orientada-por-apis-com-mulesoft\/\" \/>\n<meta property=\"og:site_name\" content=\"Industry Experts guiding Clients to innovation\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-11T10:19:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nespon.com\/wp-content\/uploads\/2025\/03\/Revolutionize-Your-Operations.png\" \/>\n\t<meta property=\"og:image:width\" content=\"745\" \/>\n\t<meta property=\"og:image:height\" content=\"413\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@nesponsolutions\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/nespon.com\\\/pt-br\\\/salesforce\\\/integracao-orientada-por-apis-com-mulesoft\\\/\",\"url\":\"https:\\\/\\\/nespon.com\\\/pt-br\\\/salesforce\\\/integracao-orientada-por-apis-com-mulesoft\\\/\",\"name\":\"Integra\u00e7\u00e3o Orientada por APIs com MuleSoft | Nespon Solutions\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nespon.com\\\/pt-br\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/nespon.com\\\/pt-br\\\/salesforce\\\/integracao-orientada-por-apis-com-mulesoft\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/nespon.com\\\/pt-br\\\/salesforce\\\/integracao-orientada-por-apis-com-mulesoft\\\/#primaryimage\"},\"thumbnailUrl\":\"\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Revolutionize-Your-Operations.png\",\"datePublished\":\"2025-03-19T15:32:43+00:00\",\"dateModified\":\"2026-11-11T10:19:06+00:00\",\"description\":\"Conecta o Salesforce a sistemas corporativos usando a plataforma de integra\u00e7\u00e3o orientada por APIs da MuleSoft. Constr\u00f3i, gerencia e governa integra\u00e7\u00f5es em escala com orienta\u00e7\u00e3o especializada.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/nespon.com\\\/pt-br\\\/salesforce\\\/integracao-orientada-por-apis-com-mulesoft\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nespon.com\\\/pt-br\\\/salesforce\\\/integracao-orientada-por-apis-com-mulesoft\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/nespon.com\\\/pt-br\\\/salesforce\\\/integracao-orientada-por-apis-com-mulesoft\\\/#primaryimage\",\"url\":\"\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Revolutionize-Your-Operations.png\",\"contentUrl\":\"\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Revolutionize-Your-Operations.png\",\"width\":745,\"height\":413,\"caption\":\"Revolutionize-Your-Operations.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/nespon.com\\\/pt-br\\\/salesforce\\\/integracao-orientada-por-apis-com-mulesoft\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Salesforce\",\"item\":\"https:\\\/\\\/nespon.com\\\/pt-br\\\/salesforce\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Integra\u00e7\u00e3o com APIs da MuleSoft\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/nespon.com\\\/pt-br\\\/#website\",\"url\":\"https:\\\/\\\/nespon.com\\\/pt-br\\\/\",\"name\":\"Nespon Solution\",\"description\":\"Industry Experts guiding Client to innovation\",\"publisher\":{\"@id\":\"https:\\\/\\\/nespon.com\\\/pt-br\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/nespon.com\\\/pt-br\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/nespon.com\\\/pt-br\\\/#organization\",\"name\":\"Nespon Solutions\",\"url\":\"https:\\\/\\\/nespon.com\\\/pt-br\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/nespon.com\\\/pt-br\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/MicrosoftTeams-image.png\",\"contentUrl\":\"\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/MicrosoftTeams-image.png\",\"width\":1866,\"height\":456,\"caption\":\"Nespon Solutions\"},\"image\":{\"@id\":\"https:\\\/\\\/nespon.com\\\/pt-br\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/nesponsolutions\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/nespon-it-services-50635870\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@nesponsolutions600\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Integra\u00e7\u00e3o Orientada por APIs com MuleSoft | Nespon Solutions","description":"Conecta o Salesforce a sistemas corporativos usando a plataforma de integra\u00e7\u00e3o orientada por APIs da MuleSoft. Constr\u00f3i, gerencia e governa integra\u00e7\u00f5es em escala com orienta\u00e7\u00e3o especializada.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nespon.com\/pt-br\/salesforce\/integracao-orientada-por-apis-com-mulesoft\/","og_locale":"pt_BR","og_type":"article","og_title":"Integra\u00e7\u00e3o Orientada por APIs com MuleSoft | Nespon Solutions","og_description":"Conecta o Salesforce a sistemas corporativos usando a plataforma de integra\u00e7\u00e3o orientada por APIs da MuleSoft. Constr\u00f3i, gerencia e governa integra\u00e7\u00f5es em escala com orienta\u00e7\u00e3o especializada.","og_url":"https:\/\/nespon.com\/pt-br\/salesforce\/integracao-orientada-por-apis-com-mulesoft\/","og_site_name":"Industry Experts guiding Clients to innovation","article_modified_time":"2026-11-11T10:19:06+00:00","og_image":[{"width":745,"height":413,"url":"https:\/\/nespon.com\/wp-content\/uploads\/2025\/03\/Revolutionize-Your-Operations.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@nesponsolutions","twitter_misc":{"Est. tempo de leitura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nespon.com\/pt-br\/salesforce\/integracao-orientada-por-apis-com-mulesoft\/","url":"https:\/\/nespon.com\/pt-br\/salesforce\/integracao-orientada-por-apis-com-mulesoft\/","name":"Integra\u00e7\u00e3o Orientada por APIs com MuleSoft | Nespon Solutions","isPartOf":{"@id":"https:\/\/nespon.com\/pt-br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nespon.com\/pt-br\/salesforce\/integracao-orientada-por-apis-com-mulesoft\/#primaryimage"},"image":{"@id":"https:\/\/nespon.com\/pt-br\/salesforce\/integracao-orientada-por-apis-com-mulesoft\/#primaryimage"},"thumbnailUrl":"\/wp-content\/uploads\/2025\/03\/Revolutionize-Your-Operations.png","datePublished":"2025-03-19T15:32:43+00:00","dateModified":"2026-11-11T10:19:06+00:00","description":"Conecta o Salesforce a sistemas corporativos usando a plataforma de integra\u00e7\u00e3o orientada por APIs da MuleSoft. Constr\u00f3i, gerencia e governa integra\u00e7\u00f5es em escala com orienta\u00e7\u00e3o especializada.","breadcrumb":{"@id":"https:\/\/nespon.com\/pt-br\/salesforce\/integracao-orientada-por-apis-com-mulesoft\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nespon.com\/pt-br\/salesforce\/integracao-orientada-por-apis-com-mulesoft\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/nespon.com\/pt-br\/salesforce\/integracao-orientada-por-apis-com-mulesoft\/#primaryimage","url":"\/wp-content\/uploads\/2025\/03\/Revolutionize-Your-Operations.png","contentUrl":"\/wp-content\/uploads\/2025\/03\/Revolutionize-Your-Operations.png","width":745,"height":413,"caption":"Revolutionize-Your-Operations.png"},{"@type":"BreadcrumbList","@id":"https:\/\/nespon.com\/pt-br\/salesforce\/integracao-orientada-por-apis-com-mulesoft\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Salesforce","item":"https:\/\/nespon.com\/pt-br\/salesforce\/"},{"@type":"ListItem","position":2,"name":"Integra\u00e7\u00e3o com APIs da MuleSoft"}]},{"@type":"WebSite","@id":"https:\/\/nespon.com\/pt-br\/#website","url":"https:\/\/nespon.com\/pt-br\/","name":"Nespon Solution","description":"Industry Experts guiding Client to innovation","publisher":{"@id":"https:\/\/nespon.com\/pt-br\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nespon.com\/pt-br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/nespon.com\/pt-br\/#organization","name":"Nespon Solutions","url":"https:\/\/nespon.com\/pt-br\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/nespon.com\/pt-br\/#\/schema\/logo\/image\/","url":"\/wp-content\/uploads\/2023\/08\/MicrosoftTeams-image.png","contentUrl":"\/wp-content\/uploads\/2023\/08\/MicrosoftTeams-image.png","width":1866,"height":456,"caption":"Nespon Solutions"},"image":{"@id":"https:\/\/nespon.com\/pt-br\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/nesponsolutions","https:\/\/www.linkedin.com\/in\/nespon-it-services-50635870\/","https:\/\/www.youtube.com\/@nesponsolutions600"]}]}},"_links":{"self":[{"href":"https:\/\/nespon.com\/pt-br\/wp-json\/wp\/v2\/pages\/17129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nespon.com\/pt-br\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nespon.com\/pt-br\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nespon.com\/pt-br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nespon.com\/pt-br\/wp-json\/wp\/v2\/comments?post=17129"}],"version-history":[{"count":3,"href":"https:\/\/nespon.com\/pt-br\/wp-json\/wp\/v2\/pages\/17129\/revisions"}],"predecessor-version":[{"id":23874,"href":"https:\/\/nespon.com\/pt-br\/wp-json\/wp\/v2\/pages\/17129\/revisions\/23874"}],"up":[{"embeddable":true,"href":"https:\/\/nespon.com\/pt-br\/wp-json\/wp\/v2\/pages\/17180"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nespon.com\/pt-br\/wp-json\/wp\/v2\/media\/17122"}],"wp:attachment":[{"href":"https:\/\/nespon.com\/pt-br\/wp-json\/wp\/v2\/media?parent=17129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}