{"id":18342,"date":"2026-04-24T10:07:04","date_gmt":"2026-04-24T13:07:04","guid":{"rendered":"https:\/\/siteprov.tecnospeed.com.br\/?page_id=18342"},"modified":"2026-07-09T11:00:50","modified_gmt":"2026-07-09T14:00:50","slug":"plugboleto","status":"publish","type":"page","link":"https:\/\/tecnospeed.com.br\/en\/plugbank\/plugboleto\/","title":{"rendered":"PlugBoleto"},"content":{"rendered":"<section class=\"bde-section-18342-100 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-18342-111 bde-columns\"><div class=\"bde-column-18342-112 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-badge-18342-292 bde-badge\">\n<span >< > CONHE\u00c7A O <B>PLUGBOLETO<\/B><\/span>\n<\/div><h1 class=\"bde-heading-18342-105 bde-heading\" data-entrance=\"slideUp\">\nAPI de boleto banc\u00e1rio para Software Houses: emita, registre e imprima em segundos.\u00a0\n<\/h1><div class=\"bde-text-18342-108 bde-text\">\nConecte seu software a mais de 40 bancos homologados com uma \u00fanica integra\u00e7\u00e3o. Registro instant\u00e2neo via WebService Banc\u00e1rio e transmiss\u00e3o autom\u00e1tica por VAN integrada ao CNAB. <br><br>Voc\u00ea deixa com a gente os layouts banc\u00e1rios, a gest\u00e3o de arquivos de remessa e a concilia\u00e7\u00e3o trabalhando apenas com uma interface JSON.\n<\/div><div class=\"bde-button-18342-254 bde-button\">\n    \n                                    \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--custom bde-button__button\" href=\"#form\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Quero integrar a API boleto<\/span>\n\n                            \n        \n                <\/a>\n\n    \n\n\n<\/div><div class=\"bde-button-18342-258 bde-button\">\n    \n                                    \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--custom bde-button__button\" href=\"https:\/\/atendimento.tecnospeed.com.br\/hc\/pt-br\/categories\/360000550253-Boleto\" target=\"_blank\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Ver documenta\u00e7\u00e3o t\u00e9cnica<\/span>\n\n                            \n        \n                <\/a>\n\n    \n\n\n<\/div>\n<\/div><div class=\"bde-column-18342-113 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-code-block-18342-205 bde-code-block\">\n\n  <style>\n.ts-hero-image-container {\n  position: relative;\n  width: 100%;\n  max-width: 600px;\n  margin: 0 auto;\n  overflow: visible;\n  padding-top: 4rem;\n  padding-right: 1.5rem;\n}\n\n.ts-hero-card {\n  position: relative;\n  width: 100%;\n  border-radius: 2rem;\n  overflow: hidden;\n  transition: box-shadow 0.3s ease;\n}\n\n.ts-hero-card:hover {\n  box-shadow: 0 25px 50px -12px #7a42b9;\n}\n\n.ts-hero-image {\n  width: 100%;\n  height: auto;\n  object-fit: cover;\n  display: block;\n}\n\n.ts-hero-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(15, 23, 42, 0.2), transparent, transparent);\n  pointer-events: none;\n}\n\n.ts-floating-badge {\n  position: absolute;\n  top: 0.5rem;\n  right: -0.25rem;\n  z-index: 20;\n  animation: ts-badge-float 3s ease-in-out infinite;\n}\n\n.ts-floating-badge-inner {\n  position: relative;\n  width: 5rem;\n  height: 5rem;\n}\n\n@keyframes ts-badge-float {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-8px); }\n}\n\n@keyframes ts-badge-rotate {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n.ts-badge-text-circle {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 30;\n  animation: ts-badge-rotate 20s linear infinite;\n}\n\n.ts-badge-rotating-text {\n  fill: #ffffff;\n  font-size: 10.5px;\n  font-weight: 600;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n}\n\n.ts-badge-center {\n  position: absolute;\n  inset: 7px;\n  border-radius: 50%;\n  background-color: rgba(15, 23, 42, 0.95);\n  border: 2px solid #8A39AD;\n  box-shadow: 0 20px 40px -12px #8A39AD;\n  z-index: 20;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  backdrop-filter: blur(16px);\n}\n\n.ts-badge-icon {\n  width: 1.1rem;\n  height: 1.1rem;\n  color: #8A39AD;\n  margin-bottom: 0.1rem;\n}\n\n.ts-badge-label {\n  font-size: 6.5px;\n  color: rgba(255, 255, 255, 0.9);\n  font-weight: 700;\n  line-height: 1.1;\n  text-align: center;\n  padding: 0 0.2rem;\n}\n\n@media (min-width: 481px) and (max-width: 640px) {\n  .ts-hero-image-container {\n    padding-top: 4rem;\n    padding-right: 1.25rem;\n  }\n  .ts-floating-badge {\n    top: 0.25rem;\n    right: -0.5rem;\n  }\n  .ts-floating-badge-inner {\n    width: 6rem;\n    height: 6rem;\n  }\n  .ts-badge-center {\n    inset: 8px;\n    border-width: 2.5px;\n  }\n  .ts-badge-icon {\n    width: 1.3rem;\n    height: 1.3rem;\n  }\n  .ts-badge-label {\n    font-size: 7px;\n  }\n}\n\n@media (min-width: 641px) and (max-width: 1023px) {\n  .ts-hero-image-container {\n    padding-top: 3.5rem;\n  }\n  .ts-floating-badge {\n    top: 0.5rem;\n    right: -0.625rem;\n  }\n  .ts-floating-badge-inner {\n    width: 7rem;\n    height: 7rem;\n  }\n  .ts-badge-center {\n    inset: 9px;\n    border-width: 3px;\n  }\n  .ts-badge-icon {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n  .ts-badge-label {\n    font-size: 6px;\n  }\n}\n\n@media (min-width: 1024px) {\n  .ts-hero-image-container {\n    padding-top: 2rem;\n    padding-right: 1.5rem;\n  }\n  .ts-hero-card {\n    border-radius: 3rem;\n  }\n  .ts-floating-badge {\n    top: 2rem;\n    right: -0.5rem;\n  }\n  .ts-floating-badge-inner {\n    width: 8rem;\n    height: 8rem;\n  }\n  .ts-badge-center {\n    inset: 12px;\n    border-width: 3px;\n  }\n  .ts-badge-icon {\n    width: 1.75rem;\n    height: 1.75rem;\n    margin-bottom: 0.15rem;\n  }\n  .ts-badge-label {\n    font-size: 7px;\n  }\n}\n\n@media (min-width: 1280px) {\n  .ts-floating-badge-inner {\n    width: 8.5rem;\n    height: 8.5rem;\n  }\n  .ts-badge-center {\n    inset: 14px;\n  }\n  .ts-badge-icon {\n    width: 1.85rem;\n    height: 1.85rem;\n  }\n  .ts-badge-label {\n    font-size: 8px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ts-floating-badge,\n  .ts-badge-text-circle {\n    animation: none;\n  }\n}\n<\/style>\n\n<div class=\"ts-hero-image-container\">\n  <div class=\"ts-hero-card\">\n    <img decoding=\"async\"\n      src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/PlugBoleto\/prd-plugboleto_K8HMIa3ij.jpg?updatedAt=1777476944231&ik-s=f9b93f60cd9de195e1efb3ee3b73734c007abf7d\"\n      alt=\"PlugBoleto\"\n      class=\"ts-hero-image\"\n    >\n    <div class=\"ts-hero-overlay\"><\/div>\n  <\/div>\n\n  <div class=\"ts-floating-badge\">\n    <div class=\"ts-floating-badge-inner\">\n\n      <svg class=\"ts-badge-text-circle\" viewBox=\"0 0 140 140\">\n        <defs>\n          <path id=\"ts-badge-text-path\" d=\"M 70,70 m -63,0 a 63,63 0 1,1 126,0 a 63,63 0 1,1 -126,0\" \/>\n        <\/defs>\n        <text class=\"ts-badge-rotating-text\">\n          <textPath href=\"#ts-badge-text-path\" startOffset=\"0%\">\n            UMA SOLU\u00c7\u00c3O TECNOSPEED \u2022 UMA SOLU\u00c7\u00c3O TECNOSPEED \u2022\n          <\/textPath>\n        <\/text>\n      <\/svg>\n\n      <div class=\"ts-badge-center\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8A39AD\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"ts-badge-icon\"><path d=\"M10 18v-7\"\/><path d=\"M11.12 2.198a2 2 0 0 1 1.76.006l7.866 3.847c.476.233.31.949-.22.949H3.474c-.53 0-.695-.716-.22-.949z\"\/><path d=\"M14 18v-7\"\/><path d=\"M18 18v-7\"\/><path d=\"M3 22h18\"\/><path d=\"M6 18v-7\"\/><\/svg>\n        <div class=\"ts-badge-label\">EMISS\u00c3O DE<br>BOLETO<\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  'use strict';\n  function initHeroBadge() {\n    var container = document.querySelector('.ts-hero-image-container');\n    if (!container || !('IntersectionObserver' in window)) return;\n    var observer = new IntersectionObserver(\n      function(entries) {\n        entries.forEach(function(entry) {\n          var badge = entry.target.querySelector('.ts-floating-badge');\n          var textCircle = entry.target.querySelector('.ts-badge-text-circle');\n          var state = entry.isIntersecting ? 'running' : 'paused';\n          if (badge) badge.style.animationPlayState = state;\n          if (textCircle) textCircle.style.animationPlayState = state;\n        });\n      },\n      { threshold: 0.1 }\n    );\n    observer.observe(container);\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initHeroBadge);\n  } else {\n    initHeroBadge();\n  }\n})();\n<\/script>\n\n\n<\/div>\n<\/div><\/div><div class=\"bde-columns-18342-115 bde-columns\"><div class=\"bde-column-18342-116 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-18342-120 bde-text\">\nO hub financeiro refer\u00eancia para Software Houses no Brasil\n<\/div>\n<\/div><div class=\"bde-column-18342-118 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-18342-127 bde-text\">\n+4.100\n<\/div><div class=\"bde-text-18342-123 bde-text\">\nempresas de software j\u00e1 integradas\n<\/div>\n<\/div><div class=\"bde-column-18342-117 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-18342-122 bde-text\">\n+40\n<\/div><div class=\"bde-text-18342-125 bde-text\">\nbancos homologados\n<\/div>\n<\/div><div class=\"bde-column-18342-119 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-18342-128 bde-text\">\n20\n<\/div><div class=\"bde-text-18342-124 bde-text\">\nanos de mercado\n<\/div>\n<\/div><div class=\"bde-column-18342-305 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-18342-306 bde-text\">\n+224\n<\/div><div class=\"bde-text-18342-307 bde-text\">\nespecialistas\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-18342-312 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-18342-391 bde-columns\"><div class=\"bde-column-18342-392 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-badge-18342-452 bde-badge\">\n<span >< > Contato<\/span>\n<\/div><h2 class=\"bde-heading-18342-394 bde-heading\">\nFale com um especialista e integre a API de Boleto no seu ERP.\n<\/h2><div class=\"bde-text-18342-395 bde-text\">\nPreencha abaixo e nossa equipe entrar\u00e1 em contato em at\u00e9 24h para entender seu sistema e apresentar o melhor caminho para homologa\u00e7\u00e3o, seja via WebService, VAN autom\u00e1tica ou CNAB.\n<\/div><div class=\"bde-text-18342-396 bde-text\">\nUma integra\u00e7\u00e3o. Todos os bancos.<br>\n<\/div><div class=\"bde-text-18342-397 bde-text\">\nBoletos registrados sem dor de cabe\u00e7a.\n<\/div><div class=\"bde-code-block-18342-398 bde-code-block\">\n\n  <!-- PlugBoleto \u00b7 Pills de Benef\u00edcios -->\n<!-- Standalone HTML para Oxygen Builder (Code Block) -->\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Urbanist:wght@500;700&display=swap');\n\n  .pb-pills-list{\n    font-family:'Urbanist', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    display:flex;\n    flex-wrap:wrap;\n    gap:8px;\n    margin:0;\n    padding:0;\n    list-style:none;\n  }\n  .pb-pill{\n    display:inline-flex;\n    align-items:center;\n    gap:6px;\n    padding:6px 12px;\n    border-radius:9999px;\n    background:rgba(124,58,237,0.10);\n    border:1px solid rgba(124,58,237,0.20);\n    color:#7c3aed;\n    font-size:12px;\n    font-weight:500;\n    line-height:1.2;\n    white-space:nowrap;\n  }\n  .pb-pill-plus{\n    font-weight:700;\n    color:#7c3aed;\n  }\n  @media (max-width:480px){\n    .pb-pill{ font-size:11px; padding:5px 10px; }\n  }\n<\/style>\n<ul class=\"pb-pills-list\">\n  <li class=\"pb-pill\"><span class=\"pb-pill-plus\">+<\/span>+40 bancos homologados<\/li>\n  <li class=\"pb-pill\"><span class=\"pb-pill-plus\">+<\/span>Registro instant\u00e2neo <\/li>\n  <li class=\"pb-pill\"><span class=\"pb-pill-plus\">+<\/span>VAN banc\u00e1ria autom\u00e1tica<\/li>\n  <li class=\"pb-pill\"><span class=\"pb-pill-plus\">+<\/span>CNAB sem layout manual<\/li>\n  <li class=\"pb-pill\"><span class=\"pb-pill-plus\">+<\/span>Integra\u00e7\u00e3o \u00fanica para todos os bancos<\/li>\n  <li class=\"pb-pill\"><span class=\"pb-pill-plus\">+<\/span>Painel de gest\u00e3o completo<\/li>\n  <li class=\"pb-pill\"><span class=\"pb-pill-plus\">+<\/span>Suporte dev para dev<\/li>\n<\/ul>\n\n\n\n<\/div>\n<\/div><div class=\"bde-column-18342-399 bde-column\">\n  \n  \n\t\n\n\n\n<div id=\"form\" class=\"bde-form-builder-18342-400 bde-form-builder\">\n\n\n<form id=\"forms_plugboleto400\" class=\"breakdance-form breakdance-form--vertical\" data-options=\"{&quot;slug&quot;:&quot;custom&quot;,&quot;name&quot;:&quot;Forms_PlugBoleto&quot;,&quot;ajaxUrl&quot;:&quot;https:\\\/\\\/tecnospeed.com.br\\\/wp-admin\\\/admin-ajax.php&quot;,&quot;clearOnSuccess&quot;:true,&quot;hideOnSuccess&quot;:true,&quot;successMessage&quot;:&quot;Obrigado! Em breve um de nossos consultores entrar\\u00e1 em contato.&quot;,&quot;errorMessage&quot;:&quot;Opa! Algo deu errado, tente novamente.&quot;,&quot;redirect&quot;:true,&quot;redirectUrl&quot;:&quot;https:\\\/\\\/tecnospeed.com.br\\\/obrigado\\\/&quot;,&quot;customJavaScript&quot;:&quot;&quot;,&quot;recaptcha&quot;:{&quot;key&quot;:&quot;6LccXyYtAAAAAJjDjqytoy8ptBW_R3FNWdmvrRID&quot;,&quot;enabled&quot;:true},&quot;honeypot_enabled&quot;:false,&quot;popupsOnSuccess&quot;:[],&quot;popupsOnError&quot;:[]}\" data-steps=\"0\" >\n  \n  \n  \n<div class=\"breakdance-form-field breakdance-form-field--text\" >\n    \n    \n            <label class=\"breakdance-form-field__label\" for=\"Nome\">\n            Nome<span class=\"breakdance-form-field__required\">*<\/span>\n        <\/label>\n    \n    <input\n    class=\"breakdance-form-field__input\"\n    id=\"Nome\"\n    aria-describedby=\"Nome\"\n    type=\"text\"\n    name=\"fields[Nome]\"\n    placeholder=\"\"\n    value=\"\"\n                \n        \n        \n    required\n    \n    \n    \n>\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--email\" >\n    \n    \n            <label class=\"breakdance-form-field__label\" for=\"E_mail_corporativo\">\n            E-mail Corporativo<span class=\"breakdance-form-field__required\">*<\/span>\n        <\/label>\n    \n    <input\n    class=\"breakdance-form-field__input\"\n    id=\"E_mail_corporativo\"\n    aria-describedby=\"E_mail_corporativo\"\n    type=\"email\"\n    name=\"fields[E_mail_corporativo]\"\n    placeholder=\"\"\n    value=\"\"\n                \n        \n        \n    required\n    \n    \n    \n>\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--text\" >\n    \n    \n            <label class=\"breakdance-form-field__label\" for=\"Empresa\">\n            Empresa<span class=\"breakdance-form-field__required\">*<\/span>\n        <\/label>\n    \n    <input\n    class=\"breakdance-form-field__input\"\n    id=\"Empresa\"\n    aria-describedby=\"Empresa\"\n    type=\"text\"\n    name=\"fields[Empresa]\"\n    placeholder=\"\"\n    value=\"\"\n                \n        \n        \n    required\n    \n    \n    \n>\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--tel\" >\n    \n    \n            <label class=\"breakdance-form-field__label\" for=\"Telefone\">\n            Telefone<span class=\"breakdance-form-field__required\">*<\/span>\n        <\/label>\n    \n    <input\n    class=\"breakdance-form-field__input\"\n    id=\"Telefone\"\n    aria-describedby=\"Telefone\"\n    type=\"tel\"\n    name=\"fields[Telefone]\"\n    placeholder=\"\"\n    value=\"\"\n                \n        \n        \n    required\n    \n    \n    \n>\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--select\" >\n    \n    \n            <label class=\"breakdance-form-field__label\" for=\"Cargo\">\n            Cargo<span class=\"breakdance-form-field__required\">*<\/span>\n        <\/label>\n    \n    <select\n    class=\"breakdance-form-field__input\"\n    id=\"Cargo\"\n    name=\"fields[Cargo]\"\n    required\n    \n        >\n      <option value=\"\">Select...<\/option>\n          <option value=\"CEO\/Fundador\" >CEO\/Fundador<\/option>\n        <option value=\"CTO (Chief Technology Officer)\" >CTO (Chief Technology Officer)<\/option>\n        <option value=\"Diretor de T.I.\" >Diretor de T.I.<\/option>\n        <option value=\"Gerente de Desenvolvimento de Software\" >Gerente de Desenvolvimento de Software<\/option>\n        <option value=\"L\u00edder T\u00e9cnico\" >L\u00edder T\u00e9cnico<\/option>\n        <option value=\"Arquiteto de Software\" >Arquiteto de Software<\/option>\n        <option value=\"Product Owner\" >Product Owner<\/option>\n        <option value=\"Gerente de Produto\" >Gerente de Produto<\/option>\n        <option value=\"Desenvolvedor de Software\" >Desenvolvedor de Software<\/option>\n        <option value=\"Analista de Sistemas\" >Analista de Sistemas<\/option>\n        <option value=\"Gerente de Projetos de T.I.\" >Gerente de Projetos de T.I.<\/option>\n        <option value=\"Diretor de Opera\u00e7\u00f5es\" >Diretor de Opera\u00e7\u00f5es<\/option>\n        <option value=\"Especialista em Infraestrutura\" >Especialista em Infraestrutura<\/option>\n        <option value=\"Coordenador de T.I.\" >Coordenador de T.I.<\/option>\n        <option value=\"Outro\" >Outro<\/option>\n  <\/select>\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--select\" >\n    \n    \n            <label class=\"breakdance-form-field__label\" for=\"Sua_empresa_e_Desenvolvedora_de_Software\">\n            Sua empresa \u00e9 Desenvolvedora de Software?<span class=\"breakdance-form-field__required\">*<\/span>\n        <\/label>\n    \n    <select\n    class=\"breakdance-form-field__input\"\n    id=\"Sua_empresa_e_Desenvolvedora_de_Software\"\n    name=\"fields[Sua_empresa_e_Desenvolvedora_de_Software]\"\n    required\n    \n        >\n      <option value=\"\">Select...<\/option>\n          <option value=\"Sim, sou uma Software House\" >Sim, sou uma Software House<\/option>\n        <option value=\"N\u00e3o, mas tenho uma equipe de T.I. interna\" >N\u00e3o, mas tenho uma equipe de T.I. interna<\/option>\n        <option value=\"N\u00e3o e n\u00e3o possuo desenvolvedor na minha empresa\" >N\u00e3o e n\u00e3o possuo desenvolvedor na minha empresa<\/option>\n  <\/select>\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--select\" >\n    \n    \n            <label class=\"breakdance-form-field__label\" for=\"Defina_seu_segmento_de_atuacao\">\n            Defina seu segmento de atua\u00e7\u00e3o:<span class=\"breakdance-form-field__required\">*<\/span>\n        <\/label>\n    \n    <select\n    class=\"breakdance-form-field__input\"\n    id=\"Defina_seu_segmento_de_atuacao\"\n    name=\"fields[Defina_seu_segmento_de_atuacao]\"\n    required\n    \n        >\n      <option value=\"\">Select...<\/option>\n          <option value=\"Agricultura\" >Agricultura<\/option>\n        <option value=\"Alimentos e bebidas\" >Alimentos e bebidas<\/option>\n        <option value=\"Atacado\" >Atacado<\/option>\n        <option value=\"Constru\u00e7\u00e3o civil\" >Constru\u00e7\u00e3o civil<\/option>\n        <option value=\"Contabilidade\" >Contabilidade<\/option>\n        <option value=\"Educa\u00e7\u00e3o\" >Educa\u00e7\u00e3o<\/option>\n        <option value=\"Energia\" >Energia<\/option>\n        <option value=\"Engenharia\" >Engenharia<\/option>\n        <option value=\"Financeiro\/Fintech\" >Financeiro\/Fintech<\/option>\n        <option value=\"Hotelaria\" >Hotelaria<\/option>\n        <option value=\"M\u00eddia\" >M\u00eddia<\/option>\n        <option value=\"Produtos qu\u00edmicos\" >Produtos qu\u00edmicos<\/option>\n        <option value=\"Sa\u00fade\" >Sa\u00fade<\/option>\n        <option value=\"Servi\u00e7os\" >Servi\u00e7os<\/option>\n        <option value=\"Setor p\u00fablico\" >Setor p\u00fablico<\/option>\n        <option value=\"Tecnologia da Informa\u00e7\u00e3o (TI)\" >Tecnologia da Informa\u00e7\u00e3o (TI)<\/option>\n        <option value=\"Telecomunica\u00e7\u00f5es\/Internet\" >Telecomunica\u00e7\u00f5es\/Internet<\/option>\n        <option value=\"Transportes\" >Transportes<\/option>\n        <option value=\"Varejo\" >Varejo<\/option>\n        <option value=\"Vestu\u00e1rio\" >Vestu\u00e1rio<\/option>\n        <option value=\"Outros\" >Outros<\/option>\n  <\/select>\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--checkbox\" >\n    \n    \n    \n    <fieldset role=\"group\"\n    aria-label=\"Pol\u00edticas de privacidade\"\n    >\n       <legend class=\"breakdance-form-field__label\">Pol\u00edticas de privacidade<span class=\"breakdance-form-field__required\">*<\/span><\/legend>\n          <div class=\"breakdance-form-checkbox\">\n          <input\n              type=\"checkbox\"\n              name=\"fields[Politicas_de_privacidade]\"\n              value=\"Ao preencher este formul\u00e1rio, voc\u00ea concorda em receber comunica\u00e7\u00f5es da TecnoSpeed, incluindo e-mails e mensagens pelo WhatsApp. Voc\u00ea pode revogar seu consentimento a qualquer momento. Acesse nossa &lt;a href=&quot;https:\/\/tecnospeed.com.br&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Pol\u00edticas de Privacidade&lt;\/a&gt;\"\n              id=\"Politicas_de_privacidade-1\"\n              checked\n                        >\n          <label class=\"breakdance-form-checkbox__text\" for=\"Politicas_de_privacidade-1\">Ao preencher este formul\u00e1rio, voc\u00ea concorda em receber comunica\u00e7\u00f5es da TecnoSpeed, incluindo e-mails e mensagens pelo WhatsApp. Voc\u00ea pode revogar seu consentimento a qualquer momento. Acesse nossa <a href=\"https:\/\/tecnospeed.com.br\" target=\"_blank\" rel=\"noopener\">Pol\u00edticas de Privacidade<\/a><\/label>\n      <\/div>\n  <\/fieldset>\n\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--hidden\" >\n    \n    \n    \n    <input\n    id=\"url_origem\"\n    type=\"hidden\"\n    name=\"fields[url_origem]\"\n    value=\"Site-Forms_PlugBoleto\"\n    >\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--hidden\" >\n    \n    \n    \n    <input\n    id=\"produto_interesse\"\n    type=\"hidden\"\n    name=\"fields[produto_interesse]\"\n    value=\"PlugBoleto\"\n    >\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--hidden\" >\n    \n    \n    \n    <input\n    id=\"operacao\"\n    type=\"hidden\"\n    name=\"fields[operacao]\"\n    value=\"PlugBank\"\n    >\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--hidden\" >\n    \n    \n    \n    <input\n    id=\"utm_campaign\"\n    type=\"hidden\"\n    name=\"fields[utm_campaign]\"\n    value=\"\"\n    >\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--hidden\" >\n    \n    \n    \n    <input\n    id=\"utm_source\"\n    type=\"hidden\"\n    name=\"fields[utm_source]\"\n    value=\"\"\n    >\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--hidden\" >\n    \n    \n    \n    <input\n    id=\"utm_medium\"\n    type=\"hidden\"\n    name=\"fields[utm_medium]\"\n    value=\"\"\n    >\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--hidden\" >\n    \n    \n    \n    <input\n    id=\"utm_content\"\n    type=\"hidden\"\n    name=\"fields[utm_content]\"\n    value=\"\"\n    >\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--hidden\" >\n    \n    \n    \n    <input\n    id=\"utm_term\"\n    type=\"hidden\"\n    name=\"fields[utm_term]\"\n    value=\"\"\n    >\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--hidden\" >\n    \n    \n    \n    <input\n    id=\"gclid\"\n    type=\"hidden\"\n    name=\"fields[gclid]\"\n    value=\"\"\n    >\n\n\n    \n    \n<\/div>\n\n\n  \n\n<div class=\"breakdance-form-field breakdance-form-footer\">\n    \n    \n                                    \n    \n    \n    \n    \n            \n            <button type=\"submit\" class=\"button-atom button-atom--primary breakdance-form-button breakdance-form-button__submit\"  >\n    \n        <span class=\"button-atom__text\">Enviar mensagem<\/span>\n\n        \n        \n            <\/button>\n    \n    <input type=\"hidden\" name=\"form_id\" value=\"400\">\n    <input type=\"hidden\" name=\"post_id\" value=\"18342\">\n<\/div>\n\n  \n<\/form>\n\n\n\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-18342-385 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-badge-18342-386 bde-badge\">\n<span >< > O problema<\/span>\n<\/div><h2 class=\"bde-heading-18342-387 bde-heading\" data-entrance=\"slideUp\">\nO que o seu time faria com centenas de horas a mais para evoluir o seu software?\n<\/h2><div class=\"bde-text-18342-388 bde-text\">\nHomologar um banco consome semanas de desenvolvimento, e cada banco novo multiplica esse esfor\u00e7o. Com a API de Boleto, seu time troca manuten\u00e7\u00e3o banc\u00e1ria por tempo de verdade no core do ERP. <b>O que ainda trava o seu time hoje:\u00a0<\/b>\n<\/div><div class=\"bde-code-block-18342-389 bde-code-block\">\n\n  <!-- PlugNotas - Problem Cards (standalone for Oxygen Builder) -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Urbanist:wght@400;600;800&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .pn-cards-wrap { font-family: 'Urbanist', system-ui, sans-serif; width: 100%; box-sizing: border-box; }\n\n  .pn-cards-grid {\n    display: grid;\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n    gap: 16px;\n  }\n\n  \/* Linha 1: 4 cards iguais *\/\n  .pn-cards-grid .pn-card:nth-child(1),\n  .pn-cards-grid .pn-card:nth-child(2),\n  .pn-cards-grid .pn-card:nth-child(3),\n  .pn-cards-grid .pn-card:nth-child(4) { grid-column: span 3; }\n  \/* Linha 2: cards 5 e 6 maiores, card 7 menor *\/\n  .pn-cards-grid .pn-card:nth-child(5) { grid-column: span 4; }\n  .pn-cards-grid .pn-card:nth-child(6) { grid-column: span 4; }\n  .pn-cards-grid .pn-card:nth-child(7) { grid-column: span 4; }\n\n  @media (max-width: 1024px) {\n    .pn-cards-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n    .pn-cards-grid .pn-card:nth-child(n) { grid-column: span 1 !important; }\n  }\n  @media (max-width: 640px) {\n    .pn-cards-grid { grid-template-columns: 1fr; }\n    .pn-cards-grid .pn-card:nth-child(n) { grid-column: span 1 !important; }\n  }\n\n  .pn-card {\n    position: relative;\n    padding: 28px 28px 32px;\n    border-radius: 20px;\n    background: #151D2B;\n    border: 1px solid rgba(255,255,255,0.06);\n    min-height: 240px;\n    display: flex;\n    flex-direction: column;\n    transition: all 0.3s ease;\n    cursor: default;\n    box-sizing: border-box;\n  }\n  .pn-card:hover {\n    border-color: #A14BFF;\n    box-shadow: 0 0 24px rgba(161, 75, 255, 0.35);\n    transform: translateY(-3px);\n  }\n  .pn-card-head {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    margin-bottom: 32px;\n  }\n  .pn-card-num {\n    font-family: 'JetBrains Mono', ui-monospace, monospace;\n    font-size: 12px;\n    color: rgba(255,255,255,0.40);\n    letter-spacing: 0.15em;\n  }\n  .pn-card-x {\n    width: 16px; height: 16px;\n    color: #ef4444;\n    stroke-width: 2.5;\n    flex-shrink: 0;\n  }\n  .pn-card-title {\n    font-weight: 800;\n    font-size: 17px;\n    line-height: 1.35;\n    margin: 0 0 12px;\n    color: #ffffff;\n  }\n  .pn-card-desc {\n    font-size: 14px;\n    line-height: 1.6;\n    color: rgba(255,255,255,0.60);\n    margin: 0;\n    flex: 1;\n  }\n<\/style>\n\n<div class=\"pn-cards-wrap\">\n  <div class=\"pn-cards-grid\">\n\n    <div class=\"pn-card\">\n      <div class=\"pn-card-head\">\n        <span class=\"pn-card-num\">01<\/span>\n        <svg class=\"pn-card-x\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n      <\/div>\n      <h3 class=\"pn-card-title\">APIs banc\u00e1rias mudam. Sem aviso, sem padr\u00e3o.<\/h3>\n      <p class=\"pn-card-desc\">CNAB \u00e9 est\u00e1vel h\u00e1 d\u00e9cadas. J\u00e1 as APIs de cada banco versionam, depreciam endpoints e mudam regras de autentica\u00e7\u00e3o com frequ\u00eancia e a cada atualiza\u00e7\u00e3o quebra algo no seu ERP.<\/p>\n    <\/div>\n\n    <div class=\"pn-card\">\n      <div class=\"pn-card-head\">\n        <span class=\"pn-card-num\">02<\/span>\n        <svg class=\"pn-card-x\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n      <\/div>\n      <h3 class=\"pn-card-title\">Processos de remessa e retorno manuais<\/h3>\n      <p class=\"pn-card-desc\">Gerar CNAB, enviar ao banco, aguardar D+1 para confirmar. Processo burocr\u00e1tico que atrasa tudo.<\/p>\n    <\/div>\n\n    <div class=\"pn-card\">\n      <div class=\"pn-card-head\">\n        <span class=\"pn-card-num\">03<\/span>\n        <svg class=\"pn-card-x\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n      <\/div>\n      <h3 class=\"pn-card-title\">Homologa\u00e7\u00f5es que custam horas<\/h3>\n      <p class=\"pn-card-desc\">Cada banco exige homologa\u00e7\u00e3o pr\u00f3pria, documenta\u00e7\u00f5es extensas, regras espec\u00edficas e semanas de espera, mesmo com ferramentas que aceleram o processo.<\/p>\n    <\/div>\n\n    <div class=\"pn-card\">\n      <div class=\"pn-card-head\">\n        <span class=\"pn-card-num\">04<\/span>\n        <svg class=\"pn-card-x\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n      <\/div>\n      <h3 class=\"pn-card-title\">Inconsist\u00eancias e erros no processo<\/h3>\n      <p class=\"pn-card-desc\">Erros detectados apenas no dia seguinte, ap\u00f3s processamento banc\u00e1rio. Dif\u00edcil rastrear, dif\u00edcil corrigir.<\/p>\n    <\/div>\n\n    <div class=\"pn-card\">\n      <div class=\"pn-card-head\">\n        <span class=\"pn-card-num\">05<\/span>\n        <svg class=\"pn-card-x\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n      <\/div>\n      <h3 class=\"pn-card-title\">Alta inadimpl\u00eancia sem automa\u00e7\u00e3o de cobran\u00e7a<\/h3>\n      <p class=\"pn-card-desc\">Sem alertas autom\u00e1ticos e r\u00e9gua de cobran\u00e7a, os clientes dos seus clientes simplesmente esquecem de pagar.<\/p>\n    <\/div>\n\n    <div class=\"pn-card\">\n      <div class=\"pn-card-head\">\n        <span class=\"pn-card-num\">06<\/span>\n        <svg class=\"pn-card-x\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n      <\/div>\n      <h3 class=\"pn-card-title\">Tempo de dev desperdi\u00e7ado em manuten\u00e7\u00e3o banc\u00e1ria<\/h3>\n      <p class=\"pn-card-desc\">Sua equipe poderia evoluir o core do ERP. Em vez disso, fica corrigindo integra\u00e7\u00e3o banc\u00e1ria.<\/p>\n    <\/div>\n\n    <div class=\"pn-card\">\n      <div class=\"pn-card-head\">\n        <span class=\"pn-card-num\">07<\/span>\n        <svg class=\"pn-card-x\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n      <\/div>\n      <h3 class=\"pn-card-title\">Clientes pedindo novos bancos<\/h3>\n      <p class=\"pn-card-desc\">Novo banco na mesa? Cliente e financeiro cobram r\u00e1pido. Com +47 bancos j\u00e1 integrados, a resposta quase sempre j\u00e1 est\u00e1 pronta.<\/p>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-18342-259 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-badge-18342-383 bde-badge\">\n<span >< > Como funciona<\/span>\n<\/div><h2 class=\"bde-heading-18342-262 bde-heading\">\nPlugBoleto: a API de Boleto que resolve tudo isso com uma \u00fanica integra\u00e7\u00e3o\n<\/h2><div class=\"bde-text-18342-340 bde-text\">\nO PlugBoleto \u00e9 a API de Boleto da TecnoSpeed, feita para tirar integra\u00e7\u00e3o e manuten\u00e7\u00e3o banc\u00e1ria do backlog do seu time, mesmo quando financeiro e clientes pedem suporte a bancos novos toda semana. Com uma \u00fanica integra\u00e7\u00e3o via API REST, <b>seu ERP passa a emitir, registrar e conciliar boletos em mais de 40 bancos, sem homologa\u00e7\u00f5es manuais, sem layouts banc\u00e1rios no seu c\u00f3digo e sem retrabalho<\/b>.\n<\/div><div class=\"bde-code-block-18342-374 bde-code-block\">\n\n  <!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n<title>Solution Steps Card \u2014 Oxygen Export<\/title>\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=Urbanist:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\n<style>\n  .pb-steps, .pb-steps * { box-sizing: border-box; }\n  .pb-steps button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }\n  .pb-steps ul { list-style: none; margin: 0; padding: 0; }\n  .pb-steps h3, .pb-steps p, .pb-steps span { margin: 0; }\n\n  .pb-steps {\n    --pb-bg: #f1f1f4;\n    --pb-foreground: #1f1d2b;\n    --pb-card: #ffffff;\n    --pb-muted: #e6e6ec;\n    --pb-muted-foreground: #6b6a78;\n    --pb-border: #d9d9e0;\n    --pb-primary: #a02ac8;\n    --pb-primary-soft: rgba(160, 42, 200, 0.08);\n    --pb-primary-soft-2: rgba(160, 42, 200, 0.05);\n    --pb-primary-glow: rgba(160, 42, 200, 0.35);\n    --pb-primary-foreground: #ffffff;\n    --pb-bg: oklch(0.96 0.005 250);\n    --pb-foreground: oklch(0.15 0.02 260);\n    --pb-muted: oklch(0.93 0.005 250);\n    --pb-muted-foreground: oklch(0.55 0.02 260);\n    --pb-border: oklch(0.9 0.01 250);\n    --pb-primary: oklch(0.55 0.28 305);\n    --pb-primary-soft: color-mix(in oklab, oklch(0.55 0.28 305) 8%, transparent);\n    --pb-primary-soft-2: color-mix(in oklab, oklch(0.55 0.28 305) 5%, transparent);\n    --pb-primary-glow: color-mix(in oklab, oklch(0.55 0.28 305) 35%, transparent);\n    --pb-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;\n    font-family: 'Urbanist', system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n    color: var(--pb-foreground);\n    width: 100%;\n    max-width: 1280px;\n    margin: 0 auto;\n    padding-inline: max(8px, env(safe-area-inset-left));\n  }\n  @media (min-width: 640px) { .pb-steps { padding-inline: 24px; } }\n\n  .pb-steps-card {\n    border-radius: 16px;\n    border: 1px solid var(--pb-border);\n    background: color-mix(in oklab, var(--pb-card) 60%, transparent);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    overflow: hidden;\n    box-shadow: 0 30px 80px -40px var(--pb-primary-glow);\n  }\n  @media (min-width: 640px) { .pb-steps-card { border-radius: 28px; } }\n\n  .pb-steps-mobile-header {\n    padding: 20px 20px 16px;\n    border-bottom: 1px solid var(--pb-border);\n    background: color-mix(in oklab, var(--pb-card) 40%, transparent);\n  }\n  @media (min-width: 640px) { .pb-steps-mobile-header { padding: 20px 24px 16px; } }\n  .pb-steps-mobile-meta {\n    display: flex; align-items: center; justify-content: space-between;\n    margin-bottom: 12px;\n    font-family: var(--pb-mono);\n    font-size: 10px; font-weight: 600;\n    color: color-mix(in oklab, var(--pb-muted-foreground) 80%, transparent);\n    text-transform: uppercase; letter-spacing: 0.2em;\n  }\n  .pb-steps-mobile-meta .pb-percent {\n    letter-spacing: 0; text-transform: none;\n    font-variant-numeric: tabular-nums;\n    color: color-mix(in oklab, var(--pb-muted-foreground) 60%, transparent);\n    font-weight: 400;\n  }\n  .pb-steps-progress {\n    height: 4px; background: var(--pb-border); border-radius: 999px;\n    position: relative; overflow: hidden;\n  }\n  .pb-steps-progress-fill {\n    position: absolute; inset: 0 auto 0 0;\n    background: var(--pb-primary); border-radius: 999px;\n    transition: width 0.5s ease;\n  }\n  @media (min-width: 1024px) { .pb-steps-mobile-header { display: none; } }\n\n  .pb-steps-grid { display: grid; grid-template-columns: minmax(0, 1fr); }\n  @media (min-width: 1024px) { .pb-steps-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } }\n\n  .pb-steps-desktop {\n    display: none; min-width: 0;\n    border-right: 1px solid var(--pb-border);\n    background: color-mix(in oklab, var(--pb-card) 40%, transparent);\n  }\n  @media (min-width: 1024px) { .pb-steps-desktop { display: block; } }\n\n  .pb-steps-desktop-head {\n    display: flex; align-items: center; justify-content: space-between;\n    padding: 28px 28px 20px;\n    font-family: var(--pb-mono); font-size: 10px; font-weight: 600;\n    color: color-mix(in oklab, var(--pb-muted-foreground) 70%, transparent);\n    text-transform: uppercase; letter-spacing: 0.2em;\n  }\n  .pb-steps-desktop-head .pb-percent { letter-spacing: 0; text-transform: none; font-weight: 500; }\n  .pb-steps-desktop-progress {\n    height: 1px; margin: 0 28px 8px; background: var(--pb-border);\n    border-radius: 999px; position: relative; overflow: hidden;\n  }\n  .pb-steps-desktop-progress-fill {\n    position: absolute; inset: 0 auto 0 0;\n    background: var(--pb-primary); border-radius: 999px;\n    transition: width 0.5s ease;\n  }\n\n  .pb-steps-tablist-desk {\n    display: flex; flex-direction: column;\n    padding: 8px 18px 28px 32px;\n  }\n\n  .pb-steps-tab {\n    position: relative; width: 100%; text-align: left;\n    padding: 14px 14px 14px 16px;\n    display: flex; align-items: center; gap: 16px;\n    min-height: 64px; border-radius: 14px;\n    transition: background 0.3s ease;\n  }\n  .pb-steps-tab:hover { background: color-mix(in oklab, var(--pb-muted) 40%, transparent); }\n  .pb-steps-tab[aria-selected=\"true\"] { background: color-mix(in oklab, var(--pb-primary) 5%, transparent); }\n  .pb-steps-tab:focus-visible { outline: 2px solid var(--pb-primary); outline-offset: 2px; }\n\n  .pb-steps-tab-marker {\n    position: absolute; left: -12px; top: 50%; transform: translateY(-50%);\n    width: 3px; height: 0; background: transparent;\n    border-radius: 0 999px 999px 0; transition: all 0.3s ease;\n  }\n  .pb-steps-tab[aria-selected=\"true\"] .pb-steps-tab-marker { height: 40px; background: var(--pb-primary); }\n\n  .pb-steps-tab-icon {\n    flex-shrink: 0; width: 36px; height: 36px; border-radius: 12px;\n    display: inline-flex; align-items: center; justify-content: center;\n    border: 1px solid var(--pb-border);\n    background: color-mix(in oklab, var(--pb-muted) 50%, transparent);\n    color: color-mix(in oklab, var(--pb-muted-foreground) 70%, transparent);\n    transition: all 0.3s ease;\n  }\n  .pb-steps-tab-icon svg { width: 16px; height: 16px; stroke-width: 1.75; }\n  .pb-steps-tab:hover .pb-steps-tab-icon { border-color: color-mix(in oklab, var(--pb-primary) 30%, transparent); color: var(--pb-foreground); }\n  .pb-steps-tab[aria-selected=\"true\"] .pb-steps-tab-icon { background: var(--pb-primary); border-color: var(--pb-primary); color: var(--pb-primary-foreground); box-shadow: 0 4px 14px -4px var(--pb-primary-glow); }\n  .pb-steps-tab.is-past .pb-steps-tab-icon { background: var(--pb-primary-soft); border-color: color-mix(in oklab, var(--pb-primary) 30%, transparent); color: var(--pb-primary); }\n\n  .pb-steps-tab-body { min-width: 0; flex: 1; }\n  .pb-steps-tab-num-row { display: flex; align-items: center; gap: 8px; margin-bottom: 2px; }\n  .pb-steps-tab-num {\n    font-family: var(--pb-mono); font-size: 10px; font-weight: 700;\n    letter-spacing: 0.05em; font-variant-numeric: tabular-nums;\n    color: color-mix(in oklab, var(--pb-muted-foreground) 50%, transparent);\n    transition: color 0.3s;\n  }\n  .pb-steps-tab[aria-selected=\"true\"] .pb-steps-tab-num { color: var(--pb-primary); }\n  .pb-steps-tab-dash { width: 12px; height: 1px; background: var(--pb-border); display: inline-block; }\n  .pb-steps-tab-label {\n    display: block; font-size: 15px; font-weight: 600; line-height: 1.375;\n    color: var(--pb-muted-foreground); transition: color 0.3s;\n  }\n  .pb-steps-tab[aria-selected=\"true\"] .pb-steps-tab-label,\n  .pb-steps-tab:hover .pb-steps-tab-label { color: var(--pb-foreground); }\n\n  .pb-steps-tab-arrow {\n    flex-shrink: 0; width: 16px; height: 16px;\n    color: color-mix(in oklab, var(--pb-muted-foreground) 30%, transparent);\n    opacity: 0; transform: translate(-6px, 6px); transition: all 0.3s ease;\n  }\n  .pb-steps-tab[aria-selected=\"true\"] .pb-steps-tab-arrow { opacity: 1; transform: translate(0,0); color: var(--pb-primary); }\n  .pb-steps-tab:hover .pb-steps-tab-arrow { opacity: 1; transform: translate(0,0); }\n\n  .pb-steps-mobile-grid {\n    padding: 16px; border-bottom: 1px solid var(--pb-border);\n    background: color-mix(in oklab, var(--pb-card) 40%, transparent);\n    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px;\n  }\n  @media (min-width: 640px) { .pb-steps-mobile-grid { padding: 16px 20px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } }\n  @media (min-width: 1024px) { .pb-steps-mobile-grid { display: none; } }\n  .pb-steps-mobile-grid > li { min-width: 0; }\n\n  .pb-steps-chip {\n    width: 100%; height: 100%; min-width: 0;\n    display: flex; align-items: center; gap: 8px;\n    padding: 10px; border-radius: 12px;\n    border: 1px solid var(--pb-border);\n    background: color-mix(in oklab, var(--pb-muted) 30%, transparent);\n    color: var(--pb-muted-foreground);\n    transition: all 0.3s ease; text-align: left; overflow: hidden;\n  }\n  .pb-steps-chip:focus-visible { outline: 2px solid var(--pb-primary); outline-offset: 2px; }\n  .pb-steps-chip[aria-selected=\"true\"] { background: var(--pb-primary-soft); border-color: color-mix(in oklab, var(--pb-primary) 50%, transparent); color: var(--pb-foreground); box-shadow: 0 4px 14px -6px var(--pb-primary-glow); }\n  .pb-steps-chip:active { transform: scale(0.98); }\n\n  .pb-steps-chip-icon {\n    flex-shrink: 0; width: 28px; height: 28px; border-radius: 8px;\n    display: inline-flex; align-items: center; justify-content: center;\n    border: 1px solid var(--pb-border);\n    background: color-mix(in oklab, var(--pb-bg) 60%, transparent);\n    color: var(--pb-muted-foreground);\n  }\n  .pb-steps-chip-icon svg { width: 14px; height: 14px; stroke-width: 1.75; }\n  .pb-steps-chip[aria-selected=\"true\"] .pb-steps-chip-icon { background: var(--pb-primary); border-color: var(--pb-primary); color: var(--pb-primary-foreground); }\n  .pb-steps-chip.is-past .pb-steps-chip-icon { background: var(--pb-primary-soft); border-color: color-mix(in oklab, var(--pb-primary) 30%, transparent); color: var(--pb-primary); }\n\n  .pb-steps-chip-body { min-width: 0; flex: 1; }\n  .pb-steps-chip-num {\n    display: block; font-family: var(--pb-mono); font-size: 10px; font-weight: 700;\n    letter-spacing: 0; line-height: 1; color: color-mix(in oklab, var(--pb-muted-foreground) 60%, transparent);\n    margin-bottom: 4px; font-variant-numeric: tabular-nums;\n  }\n  .pb-steps-chip[aria-selected=\"true\"] .pb-steps-chip-num { color: var(--pb-primary); }\n  .pb-steps-chip-label {\n    display: -webkit-box; font-size: 12px; font-weight: 600; line-height: 1.25;\n    overflow: hidden; overflow-wrap: anywhere; word-break: break-word; hyphens: auto;\n    -webkit-line-clamp: 2; -webkit-box-orient: vertical;\n  }\n\n  .pb-steps-panel {\n    position: relative; overflow: hidden; color: #fff;\n    padding: 32px 48px 40px;\n    background: linear-gradient(135deg, #5a2d9e 0%, #3e1878 55%, #2a0f5c 100%);\n    background-color: #3e1878;\n  }\n  @media (min-width: 640px) { .pb-steps-panel { padding: 32px; } }\n  @media (min-width: 768px) { .pb-steps-panel { padding: 40px; } }\n  @media (min-width: 1024px) { .pb-steps-panel { padding: 56px; } }\n\n  .pb-steps-panel::before {\n    content: \"\"; position: absolute; inset: 0 0 auto 0; height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); z-index: 2;\n  }\n  .pb-steps-panel-glow-tr { position: absolute; top: 0; right: 0; width: 384px; height: 384px; background: rgba(255,255,255,0.10); border-radius: 999px; filter: blur(140px); pointer-events: none; }\n  .pb-steps-panel-glow-bl { position: absolute; bottom: -128px; left: -128px; width: 420px; height: 420px; background: rgba(255,255,255,0.04); border-radius: 999px; filter: blur(140px); pointer-events: none; }\n\n  .pb-steps-panel-inner { position: relative; z-index: 1; animation: pb-fade 0.4s ease both; }\n  @keyframes pb-fade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }\n\n  .pb-steps-panel-top { display: flex; align-items: center; gap: 24px; margin-bottom: 48px; }\n  @media (min-width: 640px) { .pb-steps-panel-top { gap: 16px; margin-bottom: 32px; } }\n\n  .pb-steps-panel-icon-wrap { position: relative; flex-shrink: 0; }\n  .pb-steps-panel-icon-glow { position: absolute; inset: 0; background: rgba(255,255,255,0.30); border-radius: 16px; filter: blur(20px); }\n  .pb-steps-panel-icon {\n    position: relative; width: 72px; height: 72px; border-radius: 28px;\n    background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.30);\n    display: inline-flex; align-items: center; justify-content: center;\n    backdrop-filter: blur(6px); box-shadow: 0 8px 20px -8px rgba(0,0,0,0.3); color: #fff;\n  }\n  .pb-steps-panel-icon svg { width: 28px; height: 28px; stroke-width: 1.75; }\n  @media (min-width: 640px) { .pb-steps-panel-icon { width: 56px; height: 56px; } .pb-steps-panel-icon svg { width: 24px; height: 24px; } }\n\n  .pb-steps-panel-meta { min-width: 0; }\n  .pb-steps-panel-eyebrow { display: block; font-family: var(--pb-mono); font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.22em; color: rgba(255,255,255,0.7); margin-bottom: 10px; }\n  .pb-steps-panel-tag {\n    display: inline-flex; align-items: center; gap: 6px;\n    padding: 7px 14px; border-radius: 12px;\n    background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.20);\n    font-family: var(--pb-mono); font-size: 14px; font-weight: 700; color: #fff; max-width: 100%;\n  }\n  .pb-steps-panel-tag::before { content: \"\"; width: 4px; height: 4px; border-radius: 999px; background: rgba(255,255,255,0.8); }\n\n  .pb-steps-panel-title { font-size: 30px; font-weight: 700; line-height: 1.12; letter-spacing: 0; margin: 0 0 32px; max-width: 36rem; color: #fff; }\n  @media (min-width: 640px) { .pb-steps-panel-title { font-size: 29.6px; margin-bottom: 20px; } }\n  @media (min-width: 1024px) { .pb-steps-panel-title { font-size: 36px; } }\n\n  .pb-steps-panel-desc { font-size: 18px; line-height: 1.6; color: rgba(255,255,255,0.80); margin: 0 0 40px; max-width: 36rem; }\n  @media (min-width: 640px) { .pb-steps-panel-desc { font-size: 15px; margin-bottom: 32px; } }\n  @media (min-width: 768px) { .pb-steps-panel-desc { font-size: 16px; } }\n\n  .pb-steps-panel-divider { height: 1px; background: rgba(255,255,255,0.15); max-width: 36rem; margin-bottom: 20px; }\n  @media (min-width: 640px) { .pb-steps-panel-divider { margin-bottom: 28px; } }\n\n  .pb-steps-panel-bullets { max-width: 36rem; }\n  .pb-steps-panel-bullets li { display: flex; align-items: flex-start; gap: 12px; font-size: 16px; line-height: 1.45; color: rgba(255,255,255,0.95); margin-bottom: 18px; }\n  .pb-steps-panel-bullets li:last-child { margin-bottom: 0; }\n  @media (min-width: 640px) { .pb-steps-panel-bullets li { font-size: 15px; margin-bottom: 14px; } }\n\n  .pb-steps-panel-bullet-icon { flex-shrink: 0; margin-top: 2px; width: 20px; height: 20px; border-radius: 6px; background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.25); display: inline-flex; align-items: center; justify-content: center; color: #fff; }\n  .pb-steps-panel-bullet-icon svg { width: 12px; height: 12px; stroke-width: 3; }\n\n  .pb-steps-panel-nav { margin-top: 44px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,0.15); display: flex; align-items: center; justify-content: space-between; gap: 12px; }\n  @media (min-width: 1024px) { .pb-steps-panel-nav { display: none; } }\n\n  .pb-steps-nav-btn { display: inline-flex; align-items: center; gap: 6px; padding: 10px 14px; border-radius: 12px; font-size: 13px; font-weight: 600; transition: all 0.2s ease; white-space: nowrap; }\n  .pb-steps-nav-btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }\n  .pb-steps-nav-btn svg { width: 16px; height: 16px; stroke-width: 2; }\n  .pb-steps-nav-btn[disabled] { opacity: 0.3; cursor: not-allowed; }\n  .pb-steps-nav-prev { background: rgba(255,255,255,0.10); border: 1px solid rgba(255,255,255,0.20); color: #fff; }\n  .pb-steps-nav-prev:not([disabled]):hover { background: rgba(255,255,255,0.15); }\n  .pb-steps-nav-prev:not([disabled]):active { transform: scale(0.95); }\n  .pb-steps-nav-next { background: #fff; color: var(--pb-primary); border: 1px solid #fff; }\n  .pb-steps-nav-next:not([disabled]):hover { background: rgba(255,255,255,0.9); }\n  .pb-steps-nav-next:not([disabled]):active { transform: scale(0.95); }\n  .pb-steps-nav-counter { font-family: var(--pb-mono); font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.6); font-variant-numeric: tabular-nums; }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"pb-steps\">\n  <div class=\"pb-steps-card\">\n\n    <div class=\"pb-steps-mobile-header\">\n      <div class=\"pb-steps-mobile-meta\">\n        <span data-pb=\"meta-step\">Etapa 01 \/ 06<\/span>\n        <span class=\"pb-percent\" data-pb=\"meta-percent\">17%<\/span>\n      <\/div>\n      <div class=\"pb-steps-progress\">\n        <div class=\"pb-steps-progress-fill\" data-pb=\"progress-mobile\" style=\"width:17%\"><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"pb-steps-grid\">\n      <div class=\"pb-steps-desktop\">\n        <div class=\"pb-steps-desktop-head\">\n          <span data-pb=\"meta-step-desk\">Etapa 01 \/ 06<\/span>\n          <span class=\"pb-percent\" data-pb=\"meta-percent-desk\">17%<\/span>\n        <\/div>\n        <div class=\"pb-steps-desktop-progress\">\n          <div class=\"pb-steps-desktop-progress-fill\" data-pb=\"progress-desk\" style=\"width:17%\"><\/div>\n        <\/div>\n        <ul class=\"pb-steps-tablist-desk\" role=\"tablist\" aria-label=\"Etapas da integra\u00e7\u00e3o\" aria-orientation=\"vertical\" data-pb=\"tablist-desk\"><\/ul>\n      <\/div>\n\n      <ul class=\"pb-steps-mobile-grid\" role=\"tablist\" aria-label=\"Etapas da integra\u00e7\u00e3o\" aria-orientation=\"horizontal\" data-pb=\"tablist-mobile\"><\/ul>\n\n      <div class=\"pb-steps-panel\" role=\"tabpanel\" id=\"pb-steps-panel\" tabindex=\"0\" aria-labelledby=\"pb-tab-desk-0\">\n        <div class=\"pb-steps-panel-glow-tr\"><\/div>\n        <div class=\"pb-steps-panel-glow-bl\"><\/div>\n        <div class=\"pb-steps-panel-inner\" data-pb=\"panel-inner\">\n          <div class=\"pb-steps-panel-top\">\n            <div class=\"pb-steps-panel-icon-wrap\">\n              <div class=\"pb-steps-panel-icon-glow\"><\/div>\n              <div class=\"pb-steps-panel-icon\" data-pb=\"panel-icon\"><\/div>\n            <\/div>\n            <div class=\"pb-steps-panel-meta\">\n              <span class=\"pb-steps-panel-eyebrow\" data-pb=\"panel-eyebrow\">Etapa 01<\/span>\n              <span class=\"pb-steps-panel-tag\" data-pb=\"panel-tag\">POST \/boletos<\/span>\n            <\/div>\n          <\/div>\n          <h3 class=\"pb-steps-panel-title\" data-pb=\"panel-title\"><\/h3>\n          <p class=\"pb-steps-panel-desc\" data-pb=\"panel-desc\"><\/p>\n          <div class=\"pb-steps-panel-divider\"><\/div>\n          <ul class=\"pb-steps-panel-bullets\" data-pb=\"panel-bullets\"><\/ul>\n          <div class=\"pb-steps-panel-nav\">\n            <button type=\"button\" class=\"pb-steps-nav-btn pb-steps-nav-prev\" data-pb=\"nav-prev\" aria-label=\"Etapa anterior\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n              Anterior\n            <\/button>\n            <span class=\"pb-steps-nav-counter\" aria-live=\"polite\" aria-atomic=\"true\" data-pb=\"nav-counter\">01 \/ 06<\/span>\n            <button type=\"button\" class=\"pb-steps-nav-btn pb-steps-nav-next\" data-pb=\"nav-next\" aria-label=\"Pr\u00f3xima etapa\">\n              Pr\u00f3ximo\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  const root = document.querySelector('.pb-steps');\n  if (!root) return;\n\n  const ICONS = {\n    fileJson: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><path d=\"M10 13a2 2 0 0 0-2 2v1a2 2 0 0 1-2 2 2 2 0 0 1 2 2v1a2 2 0 0 0 2 2\"\/><path d=\"M14 13a2 2 0 0 1 2 2v1a2 2 0 0 0 2 2 2 2 0 0 0-2 2v1a2 2 0 0 1-2 2\"\/><\/svg>',\n    building: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\"\/><path d=\"M6 12H4a2 2 0 0 0-2 2v8h4\"\/><path d=\"M18 9h2a2 2 0 0 1 2 2v11h-4\"\/><path d=\"M10 6h4\"\/><path d=\"M10 10h4\"\/><path d=\"M10 14h4\"\/><path d=\"M10 18h4\"\/><\/svg>',\n    checkCircle: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>',\n    bell: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9\"\/><path d=\"M10.3 21a1.94 1.94 0 0 0 3.4 0\"\/><path d=\"M4 2C2.8 3.7 2 5.7 2 8\"\/><path d=\"M22 8c0-2.3-.8-4.3-2-6\"\/><\/svg>',\n    mail: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>',\n    badge: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>',\n    check: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>',\n    arrowUpRight: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>',\n  };\n\n  const steps = [\n    {\n      label: 'Envio via API', icon: ICONS.fileJson, tag: 'POST \/boletos',\n      title: 'Seu ERP envia o JSON do boleto',\n      desc: 'Uma \u00fanica chamada REST para a API PlugBoleto. Sem CNAB para montar, sem layout banco a banco no seu c\u00f3digo.',\n      bullets: ['Endpoint \u00fanico para +40 bancos', 'Autentica\u00e7\u00e3o por token da Software House', 'Valida\u00e7\u00e3o de campos antes do envio ao banco']\n    },\n    {\n      label: 'Registro banc\u00e1rio', icon: ICONS.building, tag: 'WebService \/ CNAB',\n      title: 'Registro autom\u00e1tico no banco',\n      desc: 'O PlugBoleto registra via WebService (ou VAN\/CNAB, conforme a modalidade) e cuida de toda a comunica\u00e7\u00e3o com o banco escolhido.',\n      bullets: ['WebService instant\u00e2neo nos bancos homologados', 'Fallback para CNAB quando necess\u00e1rio', 'Retentativa autom\u00e1tica em caso de falha tempor\u00e1ria']\n    },\n    {\n      label: 'Confirma\u00e7\u00e3o na hora', icon: ICONS.checkCircle, tag: 'Resposta em ms',\n      title: 'Banco confirma o registro em milissegundos',\n      desc: 'A resposta do banco volta imediatamente para a sua aplica\u00e7\u00e3o \u2014 sem esperar arquivo de retorno do dia seguinte.',\n      bullets: ['Resposta s\u00edncrona em ms', 'Status padronizado entre todos os bancos', 'Linha digit\u00e1vel e c\u00f3digo de barras prontos']\n    },\n    {\n      label: 'Webhook em tempo real', icon: ICONS.bell, tag: 'Webhook',\n      title: 'ERP notificado em tempo real via webhook',\n      desc: 'Pagamento, vencimento, baixa e concilia\u00e7\u00e3o chegam ao seu ERP automaticamente \u2014 sem polling, sem importa\u00e7\u00e3o manual.',\n      bullets: ['Eventos: registrado, pago, vencido, baixado', 'Reentrega autom\u00e1tica se seu endpoint cair', 'Assinatura HMAC para validar a origem']\n    },\n    {\n      label: 'Envio ao sacado', icon: ICONS.mail, tag: 'E-mail \/ Portal',\n      title: 'Boleto entregue automaticamente ao sacado',\n      desc: 'Assim que registrado, o boleto \u00e9 enviado por e-mail e disponibilizado no portal do sacado \u2014 sem o seu ERP precisar disparar nada manualmente.',\n      bullets: ['E-mail autom\u00e1tico com o boleto anexado', 'Portal do sacado com 2\u00aa via dispon\u00edvel', 'R\u00e9gua de cobran\u00e7a configur\u00e1vel (lembretes e alertas)']\n    },\n    {\n      label: 'Pronto para pagar', icon: ICONS.badge, tag: 'Boleto + Pix',\n      title: 'Boleto dispon\u00edvel para o pagador na hora',\n      desc: 'PDF, linha digit\u00e1vel e Pix h\u00edbrido prontos para entregar ao cliente final \u2014 sem espera, sem retrabalho.',\n      bullets: ['Boleto H\u00edbrido com Pix integrado', 'PDF e imagem gerados automaticamente', 'Concilia\u00e7\u00e3o autom\u00e1tica quando pago']\n    },\n  ];\n\n  const STORAGE_KEY = 'plugboleto:solution-active-step';\n  let active = 0;\n  try {\n    const raw = localStorage.getItem(STORAGE_KEY);\n    const idx = raw === null ? NaN : Number(raw);\n    if (Number.isInteger(idx) && idx >= 0 && idx < steps.length) active = idx;\n  } catch (e) {}\n\n  const $ = (sel) => root.querySelector(sel);\n  const tablistDesk = $('[data-pb=\"tablist-desk\"]');\n  const tablistMob = $('[data-pb=\"tablist-mobile\"]');\n  const panelInner = $('[data-pb=\"panel-inner\"]');\n\n  const deskBtns = [];\n  const mobBtns = [];\n\n  steps.forEach((step, idx) => {\n    const li = document.createElement('li');\n    li.setAttribute('role', 'presentation');\n    li.style.width = '100%';\n    li.innerHTML = `\n      <button type=\"button\" class=\"pb-steps-tab\" role=\"tab\"\n              id=\"pb-tab-desk-${idx}\" aria-controls=\"pb-steps-panel\"\n              aria-selected=\"false\" tabindex=\"-1\">\n        <span class=\"pb-steps-tab-marker\"><\/span>\n        <span class=\"pb-steps-tab-icon\">${step.icon}<\/span>\n        <span class=\"pb-steps-tab-body\">\n          <span class=\"pb-steps-tab-num-row\">\n            <span class=\"pb-steps-tab-num\">${String(idx + 1).padStart(2, '0')}<\/span>\n            <span class=\"pb-steps-tab-dash\"><\/span>\n          <\/span>\n          <span class=\"pb-steps-tab-label\">${step.label}<\/span>\n        <\/span>\n        <span class=\"pb-steps-tab-arrow\">${ICONS.arrowUpRight}<\/span>\n      <\/button>`;\n    tablistDesk.appendChild(li);\n    deskBtns.push(li.querySelector('button'));\n\n    const liM = document.createElement('li');\n    liM.setAttribute('role', 'presentation');\n    liM.innerHTML = `\n      <button type=\"button\" class=\"pb-steps-chip\" role=\"tab\"\n              id=\"pb-tab-mob-${idx}\" aria-controls=\"pb-steps-panel\"\n              aria-selected=\"false\" tabindex=\"-1\">\n        <span class=\"pb-steps-chip-icon\">${step.icon}<\/span>\n        <span class=\"pb-steps-chip-body\">\n          <span class=\"pb-steps-chip-num\">${String(idx + 1).padStart(2, '0')}<\/span>\n          <span class=\"pb-steps-chip-label\">${step.label}<\/span>\n        <\/span>\n      <\/button>`;\n    tablistMob.appendChild(liM);\n    mobBtns.push(liM.querySelector('button'));\n  });\n\n  function update() {\n    const step = steps[active];\n    const total = steps.length;\n    const progress = ((active + 1) \/ total) * 100;\n    const numStr = `${String(active + 1).padStart(2, '0')} \/ ${String(total).padStart(2, '0')}`;\n    const stepStr = `Etapa ${String(active + 1).padStart(2, '0')} \/ ${String(total).padStart(2, '0')}`;\n\n    deskBtns.forEach((btn, i) => {\n      const sel = i === active;\n      btn.setAttribute('aria-selected', sel ? 'true' : 'false');\n      btn.tabIndex = sel ? 0 : -1;\n      btn.classList.toggle('is-past', i < active);\n    });\n    mobBtns.forEach((btn, i) => {\n      const sel = i === active;\n      btn.setAttribute('aria-selected', sel ? 'true' : 'false');\n      btn.tabIndex = sel ? 0 : -1;\n      btn.classList.toggle('is-past', i < active);\n    });\n\n    root.querySelector('#pb-steps-panel').setAttribute('aria-labelledby', `pb-tab-desk-${active}`);\n    $('[data-pb=\"panel-icon\"]').innerHTML = step.icon;\n    $('[data-pb=\"panel-eyebrow\"]').textContent = `Etapa ${String(active + 1).padStart(2, '0')}`;\n    $('[data-pb=\"panel-tag\"]').textContent = step.tag;\n    $('[data-pb=\"panel-title\"]').textContent = step.title;\n    $('[data-pb=\"panel-desc\"]').textContent = step.desc;\n    const ul = $('[data-pb=\"panel-bullets\"]');\n    ul.innerHTML = '';\n    step.bullets.forEach((b) => {\n      const li = document.createElement('li');\n      li.innerHTML = `<span class=\"pb-steps-panel-bullet-icon\">${ICONS.check}<\/span><span>${b}<\/span>`;\n      ul.appendChild(li);\n    });\n\n    panelInner.style.animation = 'none';\n    void panelInner.offsetWidth;\n    panelInner.style.animation = '';\n\n    $('[data-pb=\"meta-step\"]').textContent = stepStr;\n    $('[data-pb=\"meta-percent\"]').textContent = `${Math.round(progress)}%`;\n    $('[data-pb=\"progress-mobile\"]').style.width = `${progress}%`;\n    $('[data-pb=\"meta-step-desk\"]').textContent = stepStr;\n    $('[data-pb=\"meta-percent-desk\"]').textContent = `${Math.round(progress)}%`;\n    $('[data-pb=\"progress-desk\"]').style.width = `${progress}%`;\n    $('[data-pb=\"nav-counter\"]').textContent = numStr;\n    $('[data-pb=\"nav-prev\"]').disabled = active === 0;\n    $('[data-pb=\"nav-next\"]').disabled = active === steps.length - 1;\n\n    try { localStorage.setItem(STORAGE_KEY, String(active)); } catch (e) {}\n  }\n\n  function setActive(idx, focusBtns) {\n    active = Math.max(0, Math.min(steps.length - 1, idx));\n    update();\n    if (focusBtns) requestAnimationFrame(() => focusBtns[active] && focusBtns[active].focus());\n  }\n\n  deskBtns.forEach((btn, idx) => btn.addEventListener('click', () => setActive(idx)));\n  mobBtns.forEach((btn, idx) => btn.addEventListener('click', () => setActive(idx)));\n\n  function keyHandler(refs, orientation) {\n    return (e) => {\n      const idx = refs.indexOf(e.currentTarget);\n      const last = steps.length - 1;\n      const prevKey = orientation === 'vertical' ? 'ArrowUp' : 'ArrowLeft';\n      const nextKey = orientation === 'vertical' ? 'ArrowDown' : 'ArrowRight';\n      let next = null;\n      if (e.key === nextKey) next = idx === last ? 0 : idx + 1;\n      else if (e.key === prevKey) next = idx === 0 ? last : idx - 1;\n      else if (e.key === 'Home') next = 0;\n      else if (e.key === 'End') next = last;\n      if (next !== null) { e.preventDefault(); setActive(next, refs); }\n    };\n  }\n  deskBtns.forEach((btn) => btn.addEventListener('keydown', keyHandler(deskBtns, 'vertical')));\n  mobBtns.forEach((btn) => btn.addEventListener('keydown', keyHandler(mobBtns, 'horizontal')));\n\n  $('[data-pb=\"nav-prev\"]').addEventListener('click', () => setActive(active - 1));\n  $('[data-pb=\"nav-next\"]').addEventListener('click', () => setActive(active + 1));\n\n  update();\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n<\/div><div class=\"bde-button-18342-443 bde-button\">\n    \n                                    \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--custom bde-button__button\" href=\"#form\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Intregrar API de boleto<\/span>\n\n                            \n        \n                <\/a>\n\n    \n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-18342-402 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-badge-18342-405 bde-badge\">\n<span >>_ Open finance<\/span>\n<\/div><h2 class=\"bde-heading-18342-406 bde-heading\">\nEscolha o modo de registro que se encaixa no seu cliente\n<\/h2><div class=\"bde-text-18342-408 bde-text\">\nO PlugBoleto oferece 3 modalidades de registro. A TecnoSpeed recomenda e prioriza a integra\u00e7\u00e3o via WebService Banc\u00e1rio, mais \u00e1gil, mais confi\u00e1vel e sem depend\u00eancia de arquivos de remessa.\n<\/div><div class=\"bde-code-block-18342-413 bde-code-block\">\n\n  <!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Modalidades PlugBoleto<\/title>\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Urbanist:wght@400;500;600;700&display=swap');\n\n  .pb-modalities * { box-sizing: border-box; margin: 0; padding: 0; }\n  .pb-modalities {\n    font-family: 'Urbanist', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    padding: 0;\n    color: #fff;\n  }\n  .pb-modalities-container { max-width: 1152px; margin: 0 auto; }\n  .pb-modalities-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 16px;\n    align-items: stretch;\n  }\n  @media (min-width: 1024px) {\n    .pb-modalities-grid { grid-template-columns: 1fr 1fr 1fr; }\n  }\n\n  \/* Cards laterais (VAN, CNAB) *\/\n  .pb-card-side {\n    position: relative;\n    border-radius: 24px;\n    border: 1px solid rgba(255,255,255,0.08);\n    background: rgba(255,255,255,0.03);\n    padding: 28px;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    transition: border-color .3s;\n  }\n  .pb-card-side:hover { border-color: rgba(255,255,255,0.15); }\n  @media (min-width: 1024px) {\n    .pb-card-side { transform: scale(0.96); }\n  }\n  .pb-card-side .pb-card-head {\n    display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 16px;\n  }\n  .pb-card-side .pb-icon-box {\n    width: 48px; height: 48px; border-radius: 12px;\n    background: rgba(255,255,255,0.06);\n    border: 1px solid rgba(255,255,255,0.1);\n    display: flex; align-items: center; justify-content: center;\n    transition: transform .7s;\n  }\n  .pb-card-side:hover .pb-icon-rotate { transform: rotate(180deg); }\n  .pb-card-side:hover .pb-icon-scale  { transform: scale(1.1); }\n  .pb-card-side .pb-icon-box svg { width: 20px; height: 20px; color: rgba(255,255,255,0.7); }\n  .pb-card-side .pb-num {\n    font: 600 10px\/1 'Urbanist', ui-monospace, SFMono-Regular, Menlo, monospace;\n    text-transform: uppercase; letter-spacing: .2em;\n    color: rgba(255,255,255,0.4);\n  }\n  .pb-card-side h3 {\n    font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 8px;\n  }\n  .pb-card-side p {\n    font-size: 13px; line-height: 1.6;\n    color: rgba(255,255,255,0.55);\n    margin-bottom: 16px; flex: 1;\n  }\n  .pb-card-side .pb-pros {\n    padding-top: 16px;\n    border-top: 1px solid rgba(255,255,255,0.06);\n    display: flex; flex-direction: column; gap: 8px;\n  }\n  .pb-card-side .pb-pro {\n    display: flex; align-items: center; gap: 8px;\n    font-size: 12px; color: rgba(255,255,255,0.55);\n  }\n  .pb-card-side .pb-pro svg {\n    width: 12px; height: 12px; color: rgba(255,255,255,0.4); flex-shrink: 0;\n  }\n\n  \/* Card hero (WebService) *\/\n  .pb-card-hero {\n    position: relative;\n    border-radius: 24px;\n    border: 2px solid oklch(0.55 0.28 305 \/ 0.5);\n    background: linear-gradient(135deg,\n      oklch(0.55 0.28 305 \/ 0.25),\n      oklch(0.55 0.28 305 \/ 0.10),\n      oklch(0.55 0.28 305 \/ 0.05));\n    padding: 40px;\n    overflow: hidden;\n    display: flex; flex-direction: column;\n    box-shadow: 0 25px 50px -12px oklch(0.55 0.28 305 \/ 0.2);\n    z-index: 10;\n  }\n  @media (min-width: 1024px) {\n    .pb-card-hero { transform: scale(1.05) translateY(-8px); }\n  }\n  .pb-card-hero .pb-glow {\n    position: absolute; top: -128px; right: -128px;\n    width: 384px; height: 384px; border-radius: 50%;\n    background: oklch(0.55 0.28 305 \/ 0.25);\n    filter: blur(64px); pointer-events: none;\n  }\n  .pb-card-hero .pb-bg-icon {\n    position: absolute; top: 32px; right: 32px;\n    opacity: 0.10; pointer-events: none;\n  }\n  .pb-card-hero .pb-bg-icon svg {\n    width: 160px; height: 160px;\n    color: oklch(0.55 0.28 305);\n  }\n  .pb-card-hero .pb-hero-head {\n    position: relative;\n    display: flex; align-items: center; gap: 12px; margin-bottom: 24px;\n  }\n  .pb-card-hero .pb-hero-icon {\n    width: 56px; height: 56px; border-radius: 16px;\n    background: oklch(0.55 0.28 305 \/ 0.25);\n    border: 1px solid oklch(0.55 0.28 305 \/ 0.5);\n    display: flex; align-items: center; justify-content: center;\n    box-shadow: 0 10px 25px -5px oklch(0.55 0.28 305 \/ 0.3);\n  }\n  .pb-card-hero .pb-hero-icon svg {\n    width: 28px; height: 28px; color: oklch(0.55 0.28 305); fill: currentColor;\n  }\n  .pb-card-hero .pb-badge {\n    padding: 6px 12px; border-radius: 999px;\n    background: oklch(0.55 0.28 305);\n    color: #fff;\n    font: 700 10px\/1 'Urbanist', ui-monospace, SFMono-Regular, Menlo, monospace;\n    text-transform: uppercase; letter-spacing: .2em;\n    box-shadow: 0 10px 25px -5px oklch(0.55 0.28 305 \/ 0.4);\n  }\n  .pb-card-hero h3 {\n    position: relative;\n    font-size: 30px; font-weight: 700; color: #fff;\n    line-height: 1.2; margin-bottom: 12px;\n  }\n  .pb-card-hero > p {\n    position: relative;\n    font-size: 14px; line-height: 1.6;\n    color: rgba(255,255,255,0.7);\n    margin-bottom: 24px;\n  }\n  .pb-card-hero .pb-hero-pros {\n    position: relative;\n    margin-top: auto;\n    display: grid; grid-template-columns: 1fr; gap: 8px;\n  }\n  .pb-card-hero .pb-hero-pro {\n    display: flex; align-items: flex-start; gap: 8px;\n    padding: 12px;\n    border-radius: 12px;\n    background: rgba(255,255,255,0.04);\n    border: 1px solid rgba(255,255,255,0.08);\n    backdrop-filter: blur(4px);\n  }\n  .pb-card-hero .pb-check-circle {\n    width: 16px; height: 16px; border-radius: 50%;\n    background: oklch(0.55 0.28 305 \/ 0.3);\n    display: flex; align-items: center; justify-content: center;\n    flex-shrink: 0; margin-top: 2px;\n  }\n  .pb-card-hero .pb-check-circle svg {\n    width: 10px; height: 10px; color: oklch(0.55 0.28 305);\n  }\n  .pb-card-hero .pb-hero-pro span {\n    font-size: 12px; line-height: 1.4;\n    color: rgba(255,255,255,0.8);\n  }\n\n  \/* Modo Misto *\/\n  .pb-misto {\n    margin-top: 16px;\n    border-radius: 24px;\n    border: 1px solid oklch(0.55 0.28 305 \/ 0.25);\n    background: linear-gradient(to right,\n      oklch(0.55 0.28 305 \/ 0.08),\n      oklch(0.55 0.28 305 \/ 0.04),\n      transparent);\n    padding: 32px;\n    position: relative;\n    overflow: hidden;\n  }\n  @media (min-width: 1024px) {\n    .pb-misto { grid-column: 1 \/ -1; }\n  }\n  .pb-misto .pb-misto-glow {\n    position: absolute; top: -64px; left: -64px;\n    width: 192px; height: 192px; border-radius: 50%;\n    background: oklch(0.55 0.28 305 \/ 0.15);\n    filter: blur(64px); pointer-events: none;\n  }\n  .pb-misto .pb-misto-row {\n    position: relative;\n    display: flex; flex-direction: column; gap: 16px;\n    align-items: flex-start;\n  }\n  @media (min-width: 640px) {\n    .pb-misto .pb-misto-row { flex-direction: row; gap: 24px; }\n  }\n  .pb-misto .pb-misto-icon {\n    width: 48px; height: 48px; border-radius: 12px;\n    background: oklch(0.55 0.28 305 \/ 0.2);\n    border: 1px solid oklch(0.55 0.28 305 \/ 0.4);\n    display: flex; align-items: center; justify-content: center;\n    flex-shrink: 0;\n  }\n  .pb-misto .pb-misto-icon svg {\n    width: 20px; height: 20px; color: oklch(0.55 0.28 305);\n  }\n  .pb-misto .pb-misto-body { flex: 1; }\n  .pb-misto .pb-misto-title-row {\n    display: flex; align-items: center; gap: 8px; margin-bottom: 8px;\n  }\n  .pb-misto h4 {\n    font-size: 18px; font-weight: 700; color: #fff;\n  }\n  .pb-misto .pb-misto-tag {\n    font: 400 12px\/1 'Urbanist', ui-monospace, SFMono-Regular, Menlo, monospace;\n    text-transform: uppercase; letter-spacing: .2em;\n    color: oklch(0.55 0.28 305);\n    padding: 2px 8px; border-radius: 999px;\n    background: oklch(0.55 0.28 305 \/ 0.1);\n    border: 1px solid oklch(0.55 0.28 305 \/ 0.3);\n  }\n  .pb-misto p {\n    font-size: 13px; line-height: 1.6;\n    color: rgba(255,255,255,0.6);\n  }\n  .pb-misto p strong {\n    color: rgba(255,255,255,0.85); font-weight: 600;\n  }\n\n  \/* Order para mobile (hero primeiro) *\/\n  .pb-card-van  { order: 2; }\n  .pb-card-hero-wrap { order: 1; }\n  .pb-card-cnab { order: 3; }\n  .pb-misto     { order: 4; }\n  @media (min-width: 1024px) {\n    .pb-card-van  { order: 1; }\n    .pb-card-hero-wrap { order: 2; }\n    .pb-card-cnab { order: 3; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"pb-modalities\">\n  <div class=\"pb-modalities-container\">\n    <div class=\"pb-modalities-grid\">\n\n      <!-- VAN Autom\u00e1tica -->\n      <div class=\"pb-card-side pb-card-van\">\n        <div class=\"pb-card-head\">\n          <div class=\"pb-icon-box pb-icon-rotate\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"\/><path d=\"M21 3v5h-5\"\/><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"\/><path d=\"M8 16H3v5\"\/><\/svg>\n          <\/div>\n          <span class=\"pb-num\">02<\/span>\n        <\/div>\n        <h3>Transmiss\u00e3o Autom\u00e1tica<\/h3>\n        <p>A TecnoSpeed gerencia a troca de arquivos de remessa e retorno com o banco via VAN integrada. Sem interven\u00e7\u00e3o manual, mas com processamento em ciclos.<\/p>\n        <div class=\"pb-pros\">\n          <div class=\"pb-pro\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><span>Sem interven\u00e7\u00e3o manual<\/span><\/div>\n          <div class=\"pb-pro\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><span>Gest\u00e3o autom\u00e1tica de arquivos<\/span><\/div>\n          <div class=\"pb-pro\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><span>Ideal para bancos sem WebService<\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- WebService Hero -->\n      <div class=\"pb-card-hero pb-card-hero-wrap\">\n        <div class=\"pb-glow\"><\/div>\n        <div class=\"pb-bg-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"0.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\n        <\/div>\n\n        <div class=\"pb-hero-head\">\n          <div class=\"pb-hero-icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\n          <\/div>\n          <span class=\"pb-badge\">Recomendado<\/span>\n        <\/div>\n\n        <h3>WebService Banc\u00e1rio<\/h3>\n        <p>O modo mais \u00e1gil e moderno. O PlugBoleto se comunica diretamente com as APIs banc\u00e1rias de cada banco, em tempo real. Registro instant\u00e2neo, sem arquivos, sem espera.<\/p>\n\n        <div class=\"pb-hero-pros\">\n          <div class=\"pb-hero-pro\"><div class=\"pb-check-circle\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><span>Registro instant\u00e2neo<\/span><\/div>\n          <div class=\"pb-hero-pro\"><div class=\"pb-check-circle\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><span>Confirma\u00e7\u00e3o em tempo real<\/span><\/div>\n          <div class=\"pb-hero-pro\"><div class=\"pb-check-circle\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><span>Sem arquivos de remessa<\/span><\/div>\n          <div class=\"pb-hero-pro\"><div class=\"pb-check-circle\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><span>Dispon\u00edvel para pagamento imediato<\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- CNAB -->\n      <div class=\"pb-card-side pb-card-cnab\">\n        <div class=\"pb-card-head\">\n          <div class=\"pb-icon-box pb-icon-scale\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg>\n          <\/div>\n          <span class=\"pb-num\">03<\/span>\n        <\/div>\n        <h3>CNAB<\/h3>\n        <p>O modo mais b\u00e1sico, com o fluxo de remessa e retorno na m\u00e3o do cliente: ele gera o arquivo CNAB, envia ao banco e aguarda o retorno no dia seguinte (D+1). O PlugBoleto estrutura os dados prontos para esse processo, com suporte a todos os bancos.<\/p>\n        <div class=\"pb-pros\">\n          <div class=\"pb-pro\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><span>Compat\u00edvel com todos os bancos<\/span><\/div>\n          <div class=\"pb-pro\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><span>Modelo tradicional consolidado<\/span><\/div>\n          <div class=\"pb-pro\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><span>Ideal para migra\u00e7\u00e3o gradual<\/span><\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n\n\n<\/div><div class=\"bde-button-18342-410 bde-button\">\n    \n                                    \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--custom bde-button__button\" href=\"#form\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Saiba mais sobre a API de boleto<\/span>\n\n                            \n        \n                <\/a>\n\n    \n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-18342-266 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-badge-18342-384 bde-badge\">\n<span >< >  Recursos<\/span>\n<\/div><div class=\"oxy-container-18342-268 oxy-container\"><h2 class=\"bde-heading-18342-269 bde-heading\">\nTudo que seu ERP precisa para emitir, registrar e conciliar boletos sem complica\u00e7\u00e3o\n<\/h2><\/div><div class=\"bde-code-block-18342-451 bde-code-block\">\n\n  <style>\n  .pn-diff-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    width: 100%;\n    max-width: 100%;\n    box-sizing: border-box;\n    font-family: 'Urbanist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  }\n\n  @media (max-width: 1024px) { .pn-diff-grid { grid-template-columns: repeat(2, 1fr); } }\n  @media (max-width: 600px)  { .pn-diff-grid { grid-template-columns: 1fr; } }\n\n  .pn-diff-card {\n    padding: 26px;\n    border-radius: 20px;\n    background: #ffffff;\n    border: 1px solid rgba(21, 29, 43, 0.08);\n    transition: border-color .3s ease, transform .3s ease, box-shadow .3s ease;\n    display: flex;\n    flex-direction: column;\n    box-sizing: border-box;\n  }\n\n  .pn-diff-card:hover {\n    border-color: rgba(124, 92, 252, 0.45);\n    transform: translateY(-3px);\n    box-shadow: 0 12px 32px -8px rgba(124, 92, 252, 0.15);\n  }\n\n  .pn-diff-eyebrow {\n    display: block;\n    font-family: 'JetBrains Mono', 'SF Mono', Consolas, monospace;\n    font-size: 10px;\n    color: #7C5CFC;\n    text-transform: uppercase;\n    letter-spacing: 0.18em;\n    margin: 0 0 16px 0;\n    font-weight: 600;\n  }\n\n  .pn-diff-icon-box {\n    width: 44px;\n    height: 44px;\n    border-radius: 12px;\n    background: rgba(124, 92, 252, 0.10);\n    border: 1px solid rgba(124, 92, 252, 0.18);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 20px;\n    transition: background .3s ease;\n  }\n\n  .pn-diff-card:hover .pn-diff-icon-box {\n    background: rgba(124, 92, 252, 0.18);\n  }\n\n  .pn-diff-icon-box svg {\n    width: 20px;\n    height: 20px;\n    color: #7C5CFC;\n    stroke: #7C5CFC;\n    stroke-width: 2.2;\n    fill: none;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .pn-diff-title {\n    font-weight: 800;\n    font-size: 16px;\n    line-height: 1.3;\n    color: #151D2B;\n    margin: 0 0 10px 0;\n  }\n\n  .pn-diff-desc {\n    font-size: 14px;\n    color: rgba(21, 29, 43, 0.60);\n    line-height: 1.55;\n    margin: 0;\n    flex: 1;\n  }\n<\/style>\n\n<div class=\"pn-diff-grid\">\n\n  <!-- 1 \u00b7 Instant -->\n  <div class=\"pn-diff-card\">\n    <span class=\"pn-diff-eyebrow\">Instant<\/span>\n    <div class=\"pn-diff-icon-box\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M14.5 2v17.5a2.5 2.5 0 1 1-5 0V2\"\/><path d=\"M8.5 2h7\"\/><path d=\"M14.5 16h-5\"\/><\/svg>\n    <\/div>\n    <h3 class=\"pn-diff-title\">Registro Instant\u00e2neo<\/h3>\n    <p class=\"pn-diff-desc\">Boleto registrado no banco no ato da emiss\u00e3o. Dispon\u00edvel para pagamento imediato, sem esperar D+1.<\/p>\n  <\/div>\n\n  <!-- 2 \u00b7 Real-time -->\n  <div class=\"pn-diff-card\">\n    <span class=\"pn-diff-eyebrow\">Real-time<\/span>\n    <div class=\"pn-diff-icon-box\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n    <\/div>\n    <h3 class=\"pn-diff-title\">Webhooks em Tempo Real<\/h3>\n    <p class=\"pn-diff-desc\">Notifica\u00e7\u00f5es autom\u00e1ticas sobre status de pagamento, vencimento e concilia\u00e7\u00e3o. Seu ERP sempre atualizado.<\/p>\n  <\/div>\n\n  <!-- 3 \u00b7 Pix -->\n  <div class=\"pn-diff-card\">\n    <span class=\"pn-diff-eyebrow\">Pix<\/span>\n    <div class=\"pn-diff-icon-box\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z\"\/><path d=\"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65\"\/><path d=\"m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65\"\/><\/svg>\n    <\/div>\n    <h3 class=\"pn-diff-title\">Boleto H\u00edbrido com QR Code Pix<\/h3>\n    <p class=\"pn-diff-desc\">Emita boletos com QR Code Pix embutido nativamente. Compat\u00edvel com BB, CEF, Sicoob e Sicredi.<\/p>\n  <\/div>\n\n  <!-- 4 \u00b7 Recurring -->\n  <div class=\"pn-diff-card\">\n    <span class=\"pn-diff-eyebrow\">Recurring<\/span>\n    <div class=\"pn-diff-icon-box\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M18 16.98h-5.99c-1.1 0-1.95.94-2.48 1.9A4 4 0 0 1 2 17c.01-.7.2-1.4.57-2\"\/><path d=\"m6 17 3.13-5.78c.53-.97.1-2.18-.5-3.1a4 4 0 1 1 6.89-4.06\"\/><path d=\"m12 6 3.13 5.73C15.66 12.7 16.9 13 18 13a4 4 0 0 1 0 8\"\/><\/svg>\n    <\/div>\n    <h3 class=\"pn-diff-title\">Boleto Recorrente<\/h3>\n    <p class=\"pn-diff-desc\">Configure emiss\u00e3o autom\u00e1tica de cobran\u00e7as recorrentes. Ideal para assinaturas e mensalidades.<\/p>\n  <\/div>\n\n  <!-- 5 \u00b7 Carn\u00ea -->\n  <div class=\"pn-diff-card\">\n    <span class=\"pn-diff-eyebrow\">Carn\u00ea<\/span>\n    <div class=\"pn-diff-icon-box\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"\/><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"\/><path d=\"M10 9H8\"\/><path d=\"M16 13H8\"\/><path d=\"M16 17H8\"\/><\/svg>\n    <\/div>\n    <h3 class=\"pn-diff-title\">Carn\u00ea de Boletos<\/h3>\n    <p class=\"pn-diff-desc\">Emita carn\u00eas com m\u00faltiplas parcelas em um \u00fanico documento. Ideal para mensalidades, financiamentos e cobran\u00e7as parceladas.<\/p>\n  <\/div>\n\n  <!-- 6 \u00b7 Email -->\n  <div class=\"pn-diff-card\">\n    <span class=\"pn-diff-eyebrow\">Email<\/span>\n    <div class=\"pn-diff-icon-box\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"9\" y1=\"13\" x2=\"15\" y2=\"13\"\/><line x1=\"9\" y1=\"17\" x2=\"13\" y2=\"17\"\/><\/svg>\n    <\/div>\n    <h3 class=\"pn-diff-title\">E-mails e Portal do Sacado<\/h3>\n    <p class=\"pn-diff-desc\">R\u00e9gua de cobran\u00e7a configur\u00e1vel: alertas, lembretes e boletos enviados automaticamente por e-mail, com portal do sacado dispon\u00edvel para 2\u00aa via e consulta.<\/p>\n  <\/div>\n\n  <!-- 7 \u00b7 Validation -->\n  <div class=\"pn-diff-card\">\n    <span class=\"pn-diff-eyebrow\">Validation<\/span>\n    <div class=\"pn-diff-icon-box\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"\/><path d=\"M21 3v5h-5\"\/><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"\/><path d=\"M8 16H3v5\"\/><\/svg>\n    <\/div>\n    <h3 class=\"pn-diff-title\">Validador de Layout<\/h3>\n    <p class=\"pn-diff-desc\">Checa as informa\u00e7\u00f5es antes do envio ao banco. Erros detectados antes do processamento.<\/p>\n  <\/div>\n\n  <!-- 8 \u00b7 Multi-CNPJ -->\n  <div class=\"pn-diff-card\">\n    <span class=\"pn-diff-eyebrow\">Multi-CNPJ<\/span>\n    <div class=\"pn-diff-icon-box\">\n      <svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\n    <\/div>\n    <h3 class=\"pn-diff-title\">Multi CNPJ na mesma conta<\/h3>\n    <p class=\"pn-diff-desc\">Gerencie m\u00faltiplos CNPJs e cedentes dentro da mesma conta. Sem contas separadas por cliente.<\/p>\n  <\/div>\n\n  <!-- 9 \u00b7 Security -->\n  <div class=\"pn-diff-card\">\n    <span class=\"pn-diff-eyebrow\">Security<\/span>\n    <div class=\"pn-diff-icon-box\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n    <\/div>\n    <h3 class=\"pn-diff-title\">Seguran\u00e7a SSL, PCI DSS e LGPD<\/h3>\n    <p class=\"pn-diff-desc\">Armazenamento AWS com padr\u00f5es de seguran\u00e7a banc\u00e1ria. SSL, PCI DSS, LGPD e infraestrutura AWS.<\/p>\n  <\/div>\n\n<\/div>\n\n\n<\/div><\/div>\n<\/section><section id=\"api-open-finance\" class=\"bde-section-18342-456 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-code-block-18342-457 bde-code-block\">\n\n  <!-- PlugPix - Header \"Boleto H\u00edbrido\" (t\u00edtulo + mockup) standalone para Oxygen Builder -->\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=Urbanist:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .pp-hyb-header{\n    --pp-bg-1:#0A1535;\n    --pp-bg-2:#0F1A3F;\n    --pp-fg:#FFFFFF;\n    --pp-fg-70:rgba(255,255,255,.70);\n    --pp-fg-18:rgba(255,255,255,.18);\n    --pp-fg-10:rgba(255,255,255,.10);\n    --pp-primary:#9B4CE0;\n    --pp-primary-10:rgba(155,76,224,.10);\n    --pp-primary-15:rgba(155,76,224,.15);\n    --pp-primary-70:rgba(155,76,224,.70);\n    --pp-ink:#0A1535;\n    --pp-ink-50:rgba(10,21,53,.50);\n    --pp-ink-55:rgba(10,21,53,.55);\n    --pp-ink-60:rgba(10,21,53,.60);\n    --pp-ink-70:rgba(10,21,53,.70);\n    --pp-ink-10:rgba(10,21,53,.10);\n    --pp-ink-05:rgba(10,21,53,.05);\n    --pp-ink-03:rgba(10,21,53,.03);\n\n    position:relative;\n    background:transparent;\n    color:var(--pp-fg);\n    font-family:'Urbanist', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;\n    -webkit-font-smoothing:antialiased;\n    padding:0 1rem;\n    overflow:visible;\n  }\n  @media (min-width:640px){ .pp-hyb-header{ padding:0 1.25rem; } }\n  @media (min-width:1024px){ .pp-hyb-header{ padding:0 1.5rem; } }\n\n  .pp-hyb-header .pp-wrap{\n    position:relative; max-width:80rem; margin:0 auto;\n    display:grid; gap:2.5rem; align-items:center; grid-template-columns:1fr;\n  }\n  @media (min-width:1024px){\n    .pp-hyb-header .pp-wrap{ grid-template-columns:1.3fr 1fr; gap:3.5rem; }\n  }\n\n  .pp-hyb-header .pp-pill{\n    display:inline-flex; align-items:center; gap:.5rem;\n    padding:.5rem 1rem; border-radius:9999px;\n    background:color-mix(in oklab, var(--pp-primary) 12%, transparent);\n    border:1px solid color-mix(in oklab, var(--pp-primary) 35%, transparent);\n    color:#fff;\n    font-family:'JetBrains Mono', monospace;\n    font-size:.72rem; letter-spacing:.08em; text-transform:uppercase;\n    margin-bottom:1.25rem;\n  }\n  .pp-hyb-header .pp-pill .pp-star{ color:var(--pp-primary); font-weight:700; }\n\n  .pp-hyb-header h2{\n    font-size:1.875rem; font-weight:800; line-height:1.05;\n    margin:0 0 1.25rem 0; color:#fff;\n  }\n  @media (min-width:640px){ .pp-hyb-header h2{ font-size:2.25rem; } }\n  @media (min-width:768px){ .pp-hyb-header h2{ font-size:3rem; } }\n  .pp-hyb-header h2 .pp-accent{ color:var(--pp-primary); }\n\n  .pp-hyb-header .pp-lead{\n    font-size:1rem; line-height:1.65; color:var(--pp-fg-70); margin:0;\n  }\n  @media (min-width:640px){ .pp-hyb-header .pp-lead{ font-size:1.125rem; } }\n  .pp-hyb-header .pp-lead b{ color:#fff; font-weight:700; }\n\n  \/* ===== Mockup ===== *\/\n  .pp-hyb-header .pp-mockup{\n    position:relative; width:100%; max-width:24rem; margin:1.5rem auto 2.5rem;\n  }\n  @media (min-width:480px){ .pp-hyb-header .pp-mockup{ margin:1rem auto 2rem; } }\n  .pp-hyb-header .pp-glow{\n    position:absolute; inset:-2rem; border-radius:3rem;\n    opacity:.6; filter:blur(48px); pointer-events:none;\n    background:radial-gradient(circle at 50% 30%, var(--pp-primary-70) 0%, transparent 70%);\n  }\n  .pp-hyb-header .pp-card{\n    position:relative; background:#fff; color:var(--pp-ink);\n    border-radius:1.5rem; padding:1.25rem;\n    box-shadow:0 30px 80px -20px rgba(0,0,0,.5);\n    transform:rotate(0deg);\n    transition:transform .5s ease;\n  }\n  @media (min-width:640px){ .pp-hyb-header .pp-card{ padding:1.5rem; transform:rotate(-3deg); } }\n  .pp-hyb-header .pp-card:hover{ transform:rotate(0deg); }\n\n  .pp-hyb-header .pp-card-head{\n    display:flex; align-items:center; justify-content:space-between;\n    margin-bottom:1.25rem; padding-bottom:1rem;\n    border-bottom:1px solid var(--pp-ink-10);\n  }\n  .pp-hyb-header .pp-card-head .pp-left{ display:flex; align-items:center; gap:.5rem; }\n  .pp-hyb-header .pp-icon-box{\n    width:2rem; height:2rem; border-radius:.5rem;\n    background:var(--pp-primary-15);\n    display:flex; align-items:center; justify-content:center;\n  }\n  .pp-hyb-header .pp-icon-box svg{ width:1rem; height:1rem; color:var(--pp-primary); }\n  .pp-hyb-header .pp-eyebrow{\n    font-family:'JetBrains Mono', monospace; font-size:.5625rem;\n    text-transform:uppercase; letter-spacing:.1em; color:var(--pp-ink-50);\n  }\n  .pp-hyb-header .pp-title-sm{ font-size:.75rem; font-weight:700; }\n  .pp-hyb-header .pp-badge-new{\n    font-family:'JetBrains Mono', monospace; font-size:.5625rem;\n    text-transform:uppercase; letter-spacing:.1em;\n    padding:.25rem .5rem; border-radius:9999px;\n    background:var(--pp-primary-10); color:var(--pp-primary); font-weight:700;\n  }\n\n  .pp-hyb-header .pp-value-block{ margin-bottom:1.25rem; }\n  .pp-hyb-header .pp-value-label{\n    font-family:'JetBrains Mono', monospace; font-size:.625rem;\n    text-transform:uppercase; letter-spacing:.1em;\n    color:var(--pp-ink-50); margin-bottom:.25rem;\n  }\n  .pp-hyb-header .pp-value{ font-size:1.875rem; font-weight:800; }\n  .pp-hyb-header .pp-venc{ font-size:.6875rem; color:var(--pp-ink-60); margin-top:.25rem; }\n\n  .pp-hyb-header .pp-pix-row{\n    display:flex; gap:1rem; align-items:center;\n    margin-bottom:1.25rem; padding:.75rem;\n    border-radius:1rem;\n    background:var(--pp-ink-03); border:1px solid var(--pp-ink-05);\n  }\n  .pp-hyb-header .pp-qr-box{\n    width:5rem; height:5rem; flex-shrink:0;\n    border-radius:.5rem; background:#fff;\n    border:1px solid var(--pp-ink-10);\n    padding:.375rem;\n    display:flex; align-items:center; justify-content:center;\n  }\n  .pp-hyb-header .pp-qr-box svg{ width:100%; height:100%; color:var(--pp-ink); }\n  .pp-hyb-header .pp-pix-label{\n    font-family:'JetBrains Mono', monospace; font-size:.625rem;\n    text-transform:uppercase; letter-spacing:.1em;\n    color:var(--pp-primary); font-weight:700; margin-bottom:.125rem;\n  }\n  .pp-hyb-header .pp-pix-title{ font-size:.75rem; font-weight:700; line-height:1.2; }\n  .pp-hyb-header .pp-pix-desc{\n    font-size:.625rem; line-height:1.3; color:var(--pp-ink-55); margin-top:.25rem;\n  }\n\n  .pp-hyb-header .pp-bar-label{\n    font-family:'JetBrains Mono', monospace; font-size:.625rem;\n    text-transform:uppercase; letter-spacing:.1em;\n    color:var(--pp-ink-50); margin-bottom:.375rem;\n  }\n  .pp-hyb-header .pp-bars{\n    display:flex; align-items:flex-end; gap:2px; height:3rem;\n  }\n  .pp-hyb-header .pp-bars i{ background:var(--pp-ink); height:100%; display:block; }\n  .pp-hyb-header .pp-barnum{\n    font-family:'JetBrains Mono', monospace; font-size:.5625rem;\n    letter-spacing:.1em; color:var(--pp-ink-70); margin-top:.5rem;\n  }\n\n  .pp-hyb-header .pp-chip{\n    position:absolute; display:inline-flex; align-items:center; gap:.375rem;\n    padding:.375rem .75rem; border-radius:9999px;\n    font-size:.625rem; font-weight:700;\n    text-transform:uppercase; letter-spacing:.1em;\n    box-shadow:0 12px 28px -8px rgba(0,0,0,.35);\n  }\n  .pp-hyb-header .pp-chip svg{ width:.75rem; height:.75rem; }\n  .pp-hyb-header .pp-chip-pix{\n    top:-.75rem; left:-.5rem;\n    background:var(--pp-primary); color:#fff;\n    transform:rotate(-6deg);\n  }\n  .pp-hyb-header .pp-chip-baixa{\n    bottom:-.75rem; right:-.5rem;\n    background:#fff; color:var(--pp-ink);\n    transform:rotate(5deg);\n  }\n  @media (min-width:640px){\n    .pp-hyb-header .pp-chip-pix{ top:-1rem; left:-1.5rem; }\n    .pp-hyb-header .pp-chip-baixa{ bottom:-.75rem; right:-1rem; }\n  }\n  .pp-hyb-header .pp-chip-baixa svg{ color:var(--pp-primary); }\n<\/style>\n\n<section class=\"pp-hyb-header\">\n\n\n  <div class=\"pp-wrap\">\n    <!-- Texto -->\n    <div>\n      <div class=\"pp-pill\">\n        <span class=\"pp-star\">&lt;\/&gt;<\/span>\n        <span>Diferencial<\/span>\n      <\/div>\n      <h2>\n        Boleto H\u00edbrido: o cliente paga como preferir \n        <span class=\"pp-accent\">e voc\u00ea recebe na velocidade do Pix<\/span>\n      <\/h2>\n      <p class=\"pp-lead\">\n        <b>Desde fevereiro de 2025<\/b>, o Banco Central regulamentou o pagamento de boletos via Pix com QR Code. O Boleto H\u00edbrido une os dois mundos no mesmo documento de cobran\u00e7a, c\u00f3digo de barras para quem prefere o boleto tradicional e QR Code Pix para quem quer pagar na hora.\n      <\/p>\n    <\/div>\n\n    <!-- Mockup -->\n    <div class=\"pp-mockup\">\n      <div class=\"pp-glow\"><\/div>\n      <div class=\"pp-card\">\n        <!-- header -->\n        <div class=\"pp-card-head\">\n          <div class=\"pp-left\">\n            <div class=\"pp-icon-box\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2z\"\/><line x1=\"13\" y1=\"5\" x2=\"13\" y2=\"7\"\/><line x1=\"13\" y1=\"11\" x2=\"13\" y2=\"13\"\/><line x1=\"13\" y1=\"17\" x2=\"13\" y2=\"19\"\/><\/svg>\n            <\/div>\n            <div>\n              <div class=\"pp-eyebrow\">Cobran\u00e7a<\/div>\n              <div class=\"pp-title-sm\">Boleto H\u00edbrido<\/div>\n            <\/div>\n          <\/div>\n          <span class=\"pp-badge-new\">Novo<\/span>\n        <\/div>\n\n        <!-- valor -->\n        <div class=\"pp-value-block\">\n          <div class=\"pp-value-label\">Valor<\/div>\n          <div class=\"pp-value\">R$ 1.247,90<\/div>\n          <div class=\"pp-venc\">Venc. 28\/05\/2026<\/div>\n        <\/div>\n\n        <!-- linha Pix -->\n        <div class=\"pp-pix-row\">\n          <div class=\"pp-qr-box\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <rect width=\"5\" height=\"5\" x=\"3\" y=\"3\" rx=\"1\"\/>\n              <rect width=\"5\" height=\"5\" x=\"16\" y=\"3\" rx=\"1\"\/>\n              <rect width=\"5\" height=\"5\" x=\"3\" y=\"16\" rx=\"1\"\/>\n              <path d=\"M21 16h-3a2 2 0 0 0-2 2v3\"\/>\n              <path d=\"M21 21v.01\"\/>\n              <path d=\"M12 7v3a2 2 0 0 1-2 2H7\"\/>\n              <path d=\"M3 12h.01\"\/>\n              <path d=\"M12 3h.01\"\/>\n              <path d=\"M12 16v.01\"\/>\n              <path d=\"M16 12h1\"\/>\n              <path d=\"M21 12v.01\"\/>\n              <path d=\"M12 21v-1\"\/>\n            <\/svg>\n          <\/div>\n          <div>\n            <div class=\"pp-pix-label\">Pix<\/div>\n            <div class=\"pp-pix-title\">Pague na hora<\/div>\n            <div class=\"pp-pix-desc\">Liquida\u00e7\u00e3o D+0<br\/>baixa autom\u00e1tica<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- c\u00f3digo de barras -->\n        <div>\n          <div class=\"pp-bar-label\">ou pague com o c\u00f3digo de barras<\/div>\n          <div class=\"pp-bars\">\n            <i style=\"width:2px\"><\/i><i style=\"width:1px\"><\/i><i style=\"width:3px\"><\/i><i style=\"width:1px\"><\/i><i style=\"width:2px\"><\/i><i style=\"width:1px\"><\/i><i style=\"width:1px\"><\/i><i style=\"width:3px\"><\/i><i style=\"width:2px\"><\/i><i style=\"width:1px\"><\/i>\n            <i style=\"width:2px\"><\/i><i style=\"width:1px\"><\/i><i style=\"width:3px\"><\/i><i style=\"width:1px\"><\/i><i style=\"width:2px\"><\/i><i style=\"width:1px\"><\/i><i style=\"width:1px\"><\/i><i style=\"width:3px\"><\/i><i style=\"width:2px\"><\/i><i style=\"width:1px\"><\/i>\n            <i style=\"width:2px\"><\/i><i style=\"width:1px\"><\/i><i style=\"width:3px\"><\/i><i style=\"width:1px\"><\/i><i style=\"width:2px\"><\/i><i style=\"width:1px\"><\/i><i style=\"width:1px\"><\/i><i style=\"width:3px\"><\/i><i style=\"width:2px\"><\/i><i style=\"width:1px\"><\/i>\n            <i style=\"width:2px\"><\/i><i style=\"width:1px\"><\/i><i style=\"width:3px\"><\/i><i style=\"width:1px\"><\/i><i style=\"width:2px\"><\/i><i style=\"width:1px\"><\/i><i style=\"width:1px\"><\/i><i style=\"width:3px\"><\/i><i style=\"width:2px\"><\/i><i style=\"width:1px\"><\/i>\n            <i style=\"width:2px\"><\/i><i style=\"width:1px\"><\/i><i style=\"width:3px\"><\/i><i style=\"width:1px\"><\/i><i style=\"width:2px\"><\/i><i style=\"width:1px\"><\/i><i style=\"width:1px\"><\/i><i style=\"width:3px\"><\/i>\n          <\/div>\n          <div class=\"pp-barnum\">23793.38128 60082.901528 13000.063305 1 92840000124790<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- chips flutuantes -->\n      <span class=\"pp-chip pp-chip-pix\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\n        Pix instant\u00e2neo\n      <\/span>\n      <span class=\"pp-chip pp-chip-baixa\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        Baixa autom\u00e1tica\n      <\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<\/div><div class=\"bde-code-block-18342-458 bde-code-block\">\n\n  <!-- PlugPix - Cards \"Como funciona\" + \"Benef\u00edcios\" standalone para Oxygen Builder -->\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=Urbanist:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .pp-hyb-cards{\n    --pp-ink:#0A1535;\n    --pp-primary:#9B4CE0;\n    --pp-primary-glow:#C77DFF;\n    --pp-fg:#FFFFFF;\n\n    font-family:'Urbanist', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;\n    -webkit-font-smoothing:antialiased;\n    color:var(--pp-fg);\n    padding:2rem 1rem;\n  }\n  .pp-hyb-cards *{ box-sizing:border-box; }\n\n  .pp-hyb-cards .pp-grid{\n    max-width:80rem; margin:0 auto;\n    display:grid; gap:1.5rem; align-items:stretch;\n    grid-template-columns:1fr;\n  }\n  @media (min-width:1024px){ .pp-hyb-cards .pp-grid{ grid-template-columns:1fr 1fr; } }\n\n  \/* ====== Card base ====== *\/\n  .pp-hyb-cards .pp-card{\n    position:relative; border-radius:1.5rem; overflow:hidden;\n    padding:1.75rem;\n  }\n  @media (min-width:640px){ .pp-hyb-cards .pp-card{ padding:2.25rem; } }\n\n  .pp-hyb-cards .pp-card-head{\n    display:flex; align-items:center; justify-content:space-between;\n    margin-bottom:1.75rem;\n  }\n  .pp-hyb-cards .pp-card-head .pp-left{ display:flex; align-items:center; gap:.75rem; }\n  .pp-hyb-cards .pp-eyebrow{\n    font-family:'JetBrains Mono', monospace;\n    font-size:.6875rem; letter-spacing:.18em; text-transform:uppercase;\n    font-weight:600;\n  }\n  .pp-hyb-cards .pp-badge{\n    font-family:'JetBrains Mono', monospace;\n    font-size:.625rem; letter-spacing:.1em; text-transform:uppercase;\n  }\n\n  \/* ====== Card 1: Como funciona ====== *\/\n  .pp-hyb-cards .pp-card-steps{\n    border:1px solid rgba(255,255,255,.10);\n    background:linear-gradient(160deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.015) 100%);\n  }\n  .pp-hyb-cards .pp-card-steps .pp-blob{\n    position:absolute; top:-5rem; right:-5rem;\n    width:16rem; height:16rem; border-radius:9999px;\n    opacity:.30; filter:blur(48px); pointer-events:none;\n    background:radial-gradient(circle, color-mix(in oklab, var(--pp-primary) 60%, transparent) 0%, transparent 70%);\n  }\n  .pp-hyb-cards .pp-card-steps .pp-icon-box{\n    width:2.5rem; height:2.5rem; border-radius:.75rem;\n    background:color-mix(in oklab, var(--pp-primary) 15%, transparent);\n    border:1px solid color-mix(in oklab, var(--pp-primary) 30%, transparent);\n    display:flex; align-items:center; justify-content:center;\n    color:var(--pp-primary);\n  }\n  .pp-hyb-cards .pp-card-steps .pp-icon-box svg{ width:1rem; height:1rem; }\n  .pp-hyb-cards .pp-card-steps .pp-eyebrow{ color:rgba(255,255,255,.70); }\n  .pp-hyb-cards .pp-card-steps .pp-badge{ color:rgba(255,255,255,.40); }\n\n  .pp-hyb-cards .pp-steps{\n    list-style:none; margin:0; padding:0;\n    display:flex; flex-direction:column; gap:.75rem;\n  }\n  .pp-hyb-cards .pp-step{\n    display:flex; align-items:flex-start; gap:1rem;\n    padding:.875rem;\n    border-radius:1rem;\n    border:1px solid rgba(255,255,255,.06);\n    background:rgba(255,255,255,.02);\n    transition:border-color .25s ease, background-color .25s ease;\n  }\n  .pp-hyb-cards .pp-step:hover{\n    border-color:color-mix(in oklab, var(--pp-primary) 30%, transparent);\n    background:rgba(255,255,255,.04);\n  }\n  .pp-hyb-cards .pp-step-icon-wrap{ position:relative; flex-shrink:0; }\n  .pp-hyb-cards .pp-step-icon{\n    display:inline-flex; align-items:center; justify-content:center;\n    width:2.5rem; height:2.5rem; border-radius:.75rem;\n    background:linear-gradient(135deg, var(--pp-primary) 0%, color-mix(in oklab, var(--pp-primary) 60%, transparent) 100%);\n    color:#fff;\n    box-shadow:0 8px 20px -6px color-mix(in oklab, var(--pp-primary) 70%, transparent);\n  }\n  .pp-hyb-cards .pp-step-icon svg{ width:1rem; height:1rem; }\n  .pp-hyb-cards .pp-step-num{\n    position:absolute; top:-.375rem; right:-.375rem;\n    display:inline-flex; align-items:center; justify-content:center;\n    width:1.25rem; height:1.25rem; border-radius:9999px;\n    background:var(--pp-ink);\n    border:1px solid color-mix(in oklab, var(--pp-primary) 50%, transparent);\n    color:var(--pp-primary);\n    font-family:'JetBrains Mono', monospace;\n    font-size:.625rem; font-weight:700;\n  }\n  .pp-hyb-cards .pp-step-text{ min-width:0; padding-top:.125rem; }\n  .pp-hyb-cards .pp-step-title{\n    font-size:.90625rem; font-weight:600; color:#fff; line-height:1.3;\n  }\n  .pp-hyb-cards .pp-step-desc{\n    font-size:.78125rem; color:rgba(255,255,255,.55);\n    margin-top:.125rem; line-height:1.5;\n  }\n\n  \/* ====== Card 2: Benef\u00edcios ====== *\/\n  .pp-hyb-cards .pp-card-benefits{\n    display:flex; flex-direction:column;\n    border:1px solid color-mix(in oklab, var(--pp-primary) 45%, transparent);\n    background:linear-gradient(160deg, color-mix(in oklab, var(--pp-primary) 35%, var(--pp-ink)) 0%, color-mix(in oklab, var(--pp-primary) 12%, var(--pp-ink)) 100%);\n    box-shadow:0 30px 80px -30px color-mix(in oklab, var(--pp-primary) 50%, transparent);\n  }\n  .pp-hyb-cards .pp-card-benefits .pp-blob{\n    position:absolute; bottom:-6rem; left:-4rem;\n    width:18rem; height:18rem; border-radius:9999px;\n    opacity:.40; filter:blur(48px); pointer-events:none;\n    background:radial-gradient(circle, color-mix(in oklab, var(--pp-primary-glow) 70%, transparent) 0%, transparent 70%);\n  }\n  .pp-hyb-cards .pp-card-benefits .pp-icon-box{\n    width:2.5rem; height:2.5rem; border-radius:.75rem;\n    background:#fff; color:var(--pp-primary);\n    display:flex; align-items:center; justify-content:center;\n    box-shadow:0 8px 16px -4px rgba(0,0,0,.25);\n  }\n  .pp-hyb-cards .pp-card-benefits .pp-icon-box svg{ width:1rem; height:1rem; }\n  .pp-hyb-cards .pp-card-benefits .pp-eyebrow{ color:#fff; }\n  .pp-hyb-cards .pp-card-benefits .pp-badge{\n    color:#fff;\n    background:rgba(255,255,255,.15);\n    border:1px solid rgba(255,255,255,.25);\n    padding:.25rem .625rem; border-radius:9999px;\n  }\n\n  .pp-hyb-cards .pp-benefits{\n    list-style:none; margin:0; padding:0; flex:1;\n    display:flex; flex-direction:column; gap:.75rem;\n    position:relative;\n  }\n  .pp-hyb-cards .pp-benefit{\n    display:flex; align-items:flex-start; gap:.75rem;\n    padding:.75rem; border-radius:.75rem;\n    background:rgba(255,255,255,.06);\n    border:1px solid rgba(255,255,255,.08);\n    transition:background-color .25s ease;\n  }\n  .pp-hyb-cards .pp-benefit:hover{ background:rgba(255,255,255,.10); }\n  .pp-hyb-cards .pp-benefit-icon{\n    flex-shrink:0; margin-top:.125rem;\n    display:inline-flex; align-items:center; justify-content:center;\n    width:1.75rem; height:1.75rem; border-radius:.5rem;\n    background:#fff; color:var(--pp-primary);\n    box-shadow:0 4px 10px -2px rgba(0,0,0,.25);\n  }\n  .pp-hyb-cards .pp-benefit-icon svg{ width:1rem; height:1rem; }\n  .pp-hyb-cards .pp-benefit-title{\n    font-size:.90625rem; font-weight:600; color:#fff; line-height:1.3;\n  }\n  .pp-hyb-cards .pp-benefit-desc{\n    font-size:.78125rem; color:rgba(255,255,255,.70);\n    margin-top:.125rem; line-height:1.5;\n  }\n\n  .pp-hyb-cards .pp-footer{\n    position:relative;\n    margin-top:1.5rem; padding-top:1.25rem;\n    border-top:1px solid rgba(255,255,255,.15);\n    display:flex; align-items:center; gap:.75rem;\n  }\n  .pp-hyb-cards .pp-footer svg{ width:1.25rem; height:1.25rem; color:#fff; flex-shrink:0; }\n  .pp-hyb-cards .pp-footer p{\n    margin:0; font-size:.78125rem; color:rgba(255,255,255,.80); line-height:1.5;\n  }\n  .pp-hyb-cards .pp-footer b{ color:#fff; font-weight:700; }\n<\/style>\n\n<section class=\"pp-hyb-cards\">\n  <div class=\"pp-grid\">\n\n    <!-- Card 1: Como funciona -->\n    <div class=\"pp-card pp-card-steps\">\n      <div class=\"pp-blob\"><\/div>\n      <div class=\"pp-card-head\">\n        <div class=\"pp-left\">\n          <div class=\"pp-icon-box\">\n            <!-- Ticket -->\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2z\"\/><path d=\"M13 5v2\"\/><path d=\"M13 11v2\"\/><path d=\"M13 17v2\"\/><\/svg>\n          <\/div>\n          <span class=\"pp-eyebrow\">Como funciona<\/span>\n        <\/div>\n        <span class=\"pp-badge\">5 etapas<\/span>\n      <\/div>\n\n      <ol class=\"pp-steps\">\n        <li class=\"pp-step\">\n          <div class=\"pp-step-icon-wrap\">\n            <span class=\"pp-step-icon\">\n              <!-- Code2 -->\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m18 16 4-4-4-4\"\/><path d=\"m6 8-4 4 4 4\"\/><path d=\"m14.5 4-5 16\"\/><\/svg>\n            <\/span>\n            <span class=\"pp-step-num\">1<\/span>\n          <\/div>\n          <div class=\"pp-step-text\">\n            <div class=\"pp-step-title\">ERP emite o Boleto H\u00edbrido<\/div>\n            <div class=\"pp-step-desc\">Uma \u00fanica requisi\u00e7\u00e3o na API PlugPix<\/div>\n          <\/div>\n        <\/li>\n\n        <li class=\"pp-step\">\n          <div class=\"pp-step-icon-wrap\">\n            <span class=\"pp-step-icon\">\n              <!-- FileText -->\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"\/><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"\/><path d=\"M10 9H8\"\/><path d=\"M16 13H8\"\/><path d=\"M16 17H8\"\/><\/svg>\n            <\/span>\n            <span class=\"pp-step-num\">2<\/span>\n          <\/div>\n          <div class=\"pp-step-text\">\n            <div class=\"pp-step-title\">Documento gerado<\/div>\n            <div class=\"pp-step-desc\">C\u00f3digo de barras + QR Code Pix Din\u00e2mico<\/div>\n          <\/div>\n        <\/li>\n\n        <li class=\"pp-step\">\n          <div class=\"pp-step-icon-wrap\">\n            <span class=\"pp-step-icon\">\n              <!-- Wallet -->\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"\/><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"\/><\/svg>\n            <\/span>\n            <span class=\"pp-step-num\">3<\/span>\n          <\/div>\n          <div class=\"pp-step-text\">\n            <div class=\"pp-step-title\">Pagador escolhe<\/div>\n            <div class=\"pp-step-desc\">Boleto tradicional ou Pix na hora<\/div>\n          <\/div>\n        <\/li>\n\n        <li class=\"pp-step\">\n          <div class=\"pp-step-icon-wrap\">\n            <span class=\"pp-step-icon\">\n              <!-- Zap -->\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\"\/><\/svg>\n            <\/span>\n            <span class=\"pp-step-num\">4<\/span>\n          <\/div>\n          <div class=\"pp-step-text\">\n            <div class=\"pp-step-title\">Liquida\u00e7\u00e3o instant\u00e2nea<\/div>\n            <div class=\"pp-step-desc\">Se via Pix: baixa autom\u00e1tica no banco<\/div>\n          <\/div>\n        <\/li>\n\n        <li class=\"pp-step\">\n          <div class=\"pp-step-icon-wrap\">\n            <span class=\"pp-step-icon\">\n              <!-- Webhook -->\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 16.98h-5.99c-1.1 0-1.95.94-2.48 1.9A4 4 0 0 1 2 17c.01-.7.2-1.4.57-2\"\/><path d=\"m6 17 3.13-5.78c.53-.97.1-2.18-.5-3.1a4 4 0 1 1 6.89-4.06\"\/><path d=\"m12 6 3.13 5.73C15.66 12.7 16.9 13 18 13a4 4 0 0 1 0 8\"\/><\/svg>\n            <\/span>\n            <span class=\"pp-step-num\">5<\/span>\n          <\/div>\n          <div class=\"pp-step-text\">\n            <div class=\"pp-step-title\">Webhook em tempo real<\/div>\n            <div class=\"pp-step-desc\">ERP recebe a confirma\u00e7\u00e3o automaticamente<\/div>\n          <\/div>\n        <\/li>\n      <\/ol>\n    <\/div>\n\n    <!-- Card 2: Benef\u00edcios -->\n    <div class=\"pp-card pp-card-benefits\">\n      <div class=\"pp-blob\"><\/div>\n      <div class=\"pp-card-head\">\n        <div class=\"pp-left\">\n          <div class=\"pp-icon-box\">\n            <!-- Check -->\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n          <\/div>\n          <span class=\"pp-eyebrow\">Benef\u00edcios para o seu cliente<\/span>\n        <\/div>\n        <span class=\"pp-badge\">Novo<\/span>\n      <\/div>\n\n      <ul class=\"pp-benefits\">\n        <li class=\"pp-benefit\">\n          <span class=\"pp-benefit-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n          <\/span>\n          <div>\n            <div class=\"pp-benefit-title\">Mais convers\u00e3o de cobran\u00e7a<\/div>\n            <div class=\"pp-benefit-desc\">Mais op\u00e7\u00f5es de pagamento, menos boletos vencidos.<\/div>\n          <\/div>\n        <\/li>\n        <li class=\"pp-benefit\">\n          <span class=\"pp-benefit-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n          <\/span>\n          <div>\n            <div class=\"pp-benefit-title\">Liquida\u00e7\u00e3o imediata via Pix<\/div>\n            <div class=\"pp-benefit-desc\">Sem aguardar o D+1 do boleto tradicional.<\/div>\n          <\/div>\n        <\/li>\n        <li class=\"pp-benefit\">\n          <span class=\"pp-benefit-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n          <\/span>\n          <div>\n            <div class=\"pp-benefit-title\">Baixa autom\u00e1tica no banco<\/div>\n            <div class=\"pp-benefit-desc\">Quita\u00e7\u00e3o registrada sem interven\u00e7\u00e3o manual.<\/div>\n          <\/div>\n        <\/li>\n        <li class=\"pp-benefit\">\n          <span class=\"pp-benefit-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n          <\/span>\n          <div>\n            <div class=\"pp-benefit-title\">Concilia\u00e7\u00e3o autom\u00e1tica<\/div>\n            <div class=\"pp-benefit-desc\">Recebimento identificado por txid no ERP.<\/div>\n          <\/div>\n        <\/li>\n        <li class=\"pp-benefit\">\n          <span class=\"pp-benefit-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n          <\/span>\n          <div>\n            <div class=\"pp-benefit-title\">Um \u00fanico documento<\/div>\n            <div class=\"pp-benefit-desc\">Menos confus\u00e3o para o pagador.<\/div>\n          <\/div>\n        <\/li>\n      <\/ul>\n\n      <div class=\"pp-footer\">\n        <!-- ShieldCheck -->\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n        <p><b>Homologado com Banco do Brasil.<\/b> Consulte disponibilidade para outros bancos.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-18342-426 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-code-block-18342-446 bde-code-block\">\n\n  <!-- ===== Bancos Integrados \u2014 bloco superior standalone (sem background) ===== -->\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=Urbanist:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .bk-top{\n    --bk-surface:#22253f;\n    --bk-fg:#fafafa;\n    --bk-muted-fg:#a8a6b8;\n    --bk-primary:#a855f7;\n    --bk-primary-glow:#c084fc;\n    --bk-border:rgba(255,255,255,.08);\n    --bk-primary-15:rgba(168,85,247,.15);\n    --bk-primary-30:rgba(168,85,247,.30);\n    --bk-primary-35:rgba(168,85,247,.35);\n\n    font-family:'Urbanist',ui-sans-serif,system-ui,-apple-system,sans-serif;\n    color:var(--bk-fg);\n    max-width:1200px;\n    margin:0 auto;\n    background:transparent;\n  }\n\n  .bk-top *{box-sizing:border-box}\n\n  .bk-grid{\n    display:grid;\n    grid-template-columns:1.1fr 1fr;\n    gap:56px;\n    align-items:center;\n    margin-bottom:48px\n  }\n\n  @media(max-width:900px){\n    .bk-grid{ grid-template-columns:1fr; gap:40px }\n  }\n\n  .bk-pill{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    padding:6px 14px;\n    border-radius:999px;\n    border:1px solid var(--bk-primary-35);\n    background:var(--bk-primary-15);\n    font-size:13px;\n    font-weight:500;\n    margin-bottom:20px\n  }\n\n  .bk-pill span:first-child{\n    color:var(--bk-primary);\n    font-family:ui-monospace,Menlo,monospace\n  }\n\n  .bk-top h2{\n    font-family:'Urbanist',sans-serif;\n    font-size:clamp(28px,4vw,52px);\n    font-weight:800;\n    line-height:1.05;\n    margin:0;\n    letter-spacing:-.02em;\n    color:#ffffff;\n  }\n\n  .bk-accent{ color:var(--bk-primary) }\n\n  .bk-lead{\n    font-size:18px;\n    color:var(--bk-muted-fg);\n    line-height:1.6;\n    margin-top:20px;\n  }\n\n  .bk-lead strong{ color:var(--bk-fg) }\n\n  .bk-banner{\n    position:relative;\n    border-radius:24px;\n    overflow:hidden;\n    border:1px solid var(--bk-primary-30);\n    box-shadow:0 25px 50px -12px rgba(168,85,247,.25);\n    aspect-ratio:16\/10;\n    background:var(--bk-surface)\n  }\n\n  .bk-banner img{\n    width:100%; height:100%;\n    object-fit:cover; display:block\n  }\n\n  .bk-banner::after{\n    content:\"\"; position:absolute; inset:0;\n    background:linear-gradient(to top right,rgba(26,29,53,.6),transparent 50%,rgba(168,85,247,.1));\n  }\n\n  .bk-cards{\n    display:grid;\n    grid-template-columns:repeat(6,1fr);\n    gap:20px\n  }\n\n  \/* Primeiros 3 cards: 2 colunas cada *\/\n  .bk-cards .bk-card:nth-child(1),\n  .bk-cards .bk-card:nth-child(2),\n  .bk-cards .bk-card:nth-child(3){ grid-column:span 2 }\n\n  \/* \u00daltimos 2 cards: 3 colunas cada (mais largos) *\/\n  .bk-cards .bk-card:nth-child(4),\n  .bk-cards .bk-card:nth-child(5){ grid-column:span 3 }\n\n  @media(max-width:900px){\n    .bk-cards{ grid-template-columns:repeat(2,1fr) }\n    .bk-cards .bk-card:nth-child(1),\n    .bk-cards .bk-card:nth-child(2),\n    .bk-cards .bk-card:nth-child(3),\n    .bk-cards .bk-card:nth-child(4),\n    .bk-cards .bk-card:nth-child(5){ grid-column:span 1 }\n  }\n  @media(max-width:560px){\n    .bk-cards{ grid-template-columns:1fr }\n    .bk-cards .bk-card{ grid-column:span 1 }\n  }\n\n  .bk-card{\n    background:var(--bk-surface);\n    border:1px solid var(--bk-border);\n    border-radius:18px;\n    padding:32px;\n    transition: border-color .25s ease, transform .25s ease;\n  }\n\n  .bk-card:hover{\n    border-color:var(--bk-primary-30);\n    transform:translateY(-3px);\n  }\n\n  .bk-card-tag{\n    font-family:ui-monospace,Menlo,monospace;\n    font-size:11px;\n    color:var(--bk-primary);\n    text-transform:uppercase;\n    letter-spacing:.15em;\n    font-weight:600\n  }\n\n  .bk-card-title{\n    font-family:'Urbanist',sans-serif;\n    font-weight:700;\n    font-size:19px;\n    margin:12px 0;\n    line-height:1.35;\n    color:var(--bk-fg)\n  }\n\n  .bk-card-desc{\n    font-size:15px;\n    color:var(--bk-muted-fg);\n    line-height:1.6;\n    margin:0;\n  }\n<\/style>\n\n<div class=\"bk-top\">\n\n  <div class=\"bk-grid\">\n    <div>\n      <div class=\"bk-pill\">\n        <span>&gt;_<\/span>\n        <span>Bancos integrados<\/span>\n      <\/div>\n\n      <h2>\n        O banco do seu cliente?\n        <span class=\"bk-accent\">Provavelmente j\u00e1 est\u00e1 aqui.<\/span>\n      <\/h2>\n\n      <p class=\"bk-lead\">\n        Com mais de 47 bancos integrados,\n        <strong>incluindo todos os principais do Brasil<\/strong>,\n        a Su\u00edte elimina a dor de negociar e homologar banco a banco. Al\u00e9m da integra\u00e7\u00e3o t\u00e9cnica, mantemos parcerias diretas com essas institui\u00e7\u00f5es, o que agiliza o suporte e a resolu\u00e7\u00e3o de qualquer quest\u00e3o junto ao banco.\n      <\/p>\n    <\/div>\n\n    <div class=\"bk-banner\">\n      <img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/PlugBoleto\/banner-plugbank_xFkgsFz5K.jpg\" alt=\"Integra\u00e7\u00e3o banc\u00e1ria no ERP\" loading=\"lazy\">\n    <\/div>\n  <\/div>\n\n  <div class=\"bk-cards\">\n\n    <div class=\"bk-card\">\n      <span class=\"bk-card-tag\">Cobertura<\/span>\n      <h3 class=\"bk-card-title\">Seu cliente n\u00e3o troca de banco<\/h3>\n      <p class=\"bk-card-desc\">Com +47 bancos integrados, a resposta para o seu cliente \u00e9 quase sempre sim.<\/p>\n    <\/div>\n\n    <div class=\"bk-card\">\n      <span class=\"bk-card-tag\">Tempo<\/span>\n      <h3 class=\"bk-card-title\">Zero horas em homologa\u00e7\u00e3o<\/h3>\n      <p class=\"bk-card-desc\">Homologar do zero consome 240 a 280h por banco. Aqui j\u00e1 est\u00e1 pronto.<\/p>\n    <\/div>\n\n    <div class=\"bk-card\">\n      <span class=\"bk-card-tag\">Evolu\u00e7\u00e3o<\/span>\n      <h3 class=\"bk-card-title\">Lista cresce sem esfor\u00e7o<\/h3>\n      <p class=\"bk-card-desc\">Novo banco integrado? Seu ERP j\u00e1 suporta, sem uma linha de c\u00f3digo nova.<\/p>\n    <\/div>\n\n    <div class=\"bk-card\">\n      <span class=\"bk-card-tag\">Manuten\u00e7\u00e3o<\/span>\n      <h3 class=\"bk-card-title\">Atualiza\u00e7\u00f5es de API, sem custo pro seu time<\/h3>\n      <p class=\"bk-card-desc\">Cada banco versiona sua API sem aviso pr\u00e9vio. A TecnoSpeed monitora e atualiza essas integra\u00e7\u00f5es continuamente, voc\u00ea nunca fica correndo atr\u00e1s de uma mudan\u00e7a que quebrou em produ\u00e7\u00e3o.<\/p>\n    <\/div>\n\n    <div class=\"bk-card\">\n      <span class=\"bk-card-tag\">VAN<\/span>\n      <h3 class=\"bk-card-title\">VAN? Fornecedor nosso, n\u00e3o seu.<\/h3>\n      <p class=\"bk-card-desc\">Contrato, suporte e gest\u00e3o da rela\u00e7\u00e3o com as VANs ficam com a TecnoSpeed. Voc\u00ea n\u00e3o negocia, n\u00e3o abre chamado e n\u00e3o depende de terceiros, s\u00f3 usa a integra\u00e7\u00e3o.<\/p>\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-18342-442 bde-code-block\">\n\n  <!-- ===== Carrossel de Bancos \u2014 standalone responsivo ===== -->\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=Urbanist:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .bk-carousel{\n    --bk-primary:#a855f7;\n    --bk-fade:#091624; \/* fade escuro \u2014 combina com fundos pretos\/escuros *\/\n    font-family:'Urbanist',ui-sans-serif,system-ui,-apple-system,sans-serif;\n    position:relative;\n    width:100%;\n    overflow:hidden;\n    padding:24px 0;\n  }\n  .bk-carousel::before,\n  .bk-carousel::after{\n    content:\"\";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none;\n  }\n  .bk-carousel::before{left:0;background:linear-gradient(to right,var(--bk-fade),transparent)}\n  .bk-carousel::after{right:0;background:linear-gradient(to left,var(--bk-fade),transparent)}\n  @media(max-width:640px){\n    .bk-carousel::before,.bk-carousel::after{width:60px}\n  }\n\n  .bk-track{\n    display:flex;\n    align-items:center;\n    gap:48px;\n    width:max-content;\n    animation:bk-scroll 40s linear infinite;\n  }\n  @media(min-width:640px){.bk-track{gap:64px}}\n\n  @keyframes bk-scroll{\n    from{transform:translateX(0)}\n    to{transform:translateX(-50%)}\n  }\n  .bk-carousel:hover .bk-track{animation-play-state:paused}\n  @media(prefers-reduced-motion:reduce){.bk-track{animation:none}}\n\n  .bk-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:36px}\n  .bk-logo img{\n    max-height:28px;width:auto;object-fit:contain;\n    opacity:.7;transition:opacity .2s ease;\n  }\n  @media(min-width:640px){.bk-logo{height:48px}.bk-logo img{max-height:36px}}\n  .bk-logo img:hover{opacity:1}\n\n  .bk-more{\n    flex-shrink:0;\n    padding:8px 16px;border-radius:999px;\n    border:1px solid var(--bk-primary);\n    color:var(--bk-primary);\n    background:rgba(168,85,247,.15);\n    font-weight:600;font-size:13px;white-space:nowrap;\n    font-family:'Urbanist',sans-serif;\n  }\n  @media(min-width:640px){.bk-more{font-size:14px;padding:10px 18px}}\n<\/style>\n\n<div class=\"bk-carousel\" role=\"region\" aria-label=\"Bancos integrados\">\n  <div class=\"bk-track\">\n    <!-- conjunto 1 -->\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-btg@300x-8_r6pNxubXg.png\" alt=\"BTG Pactual\" loading=\"lazy\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-bb@300x-8_IPYSKmxW9.png\" alt=\"Banco do Brasil\" loading=\"lazy\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-itau_2I23Fuuj0C.png\" alt=\"Ita\u00fa\" loading=\"lazy\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-bradesco_oA9HX0GXK.png\" alt=\"Bradesco\" loading=\"lazy\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-santander_tSIegBweW.png\" alt=\"Santander\" loading=\"lazy\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-caixa_2EGpP-P0Ep.png\" alt=\"Caixa\" loading=\"lazy\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-sicoob_6iFSaSgpm.png\" alt=\"Sicoob\" loading=\"lazy\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-sicredi@300x_te4zZl3bG.png\" alt=\"Sicredi\" loading=\"lazy\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-inter_eZLAeI1hM.png\" alt=\"Inter\" loading=\"lazy\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-c6_7SW6xyds-.png\" alt=\"C6 Bank\" loading=\"lazy\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-safra_1XiGXE6JbL.png\" alt=\"Safra\" loading=\"lazy\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-banco-original_1_rtWqJnK.png\" alt=\"Original\" loading=\"lazy\"><\/div>\n\n    <!-- conjunto 2 (duplicado para loop infinito) -->\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-btg@300x-8_r6pNxubXg.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-bb@300x-8_IPYSKmxW9.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-itau_2I23Fuuj0C.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-bradesco_oA9HX0GXK.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-santander_tSIegBweW.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-caixa_2EGpP-P0Ep.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-sicoob_6iFSaSgpm.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-sicredi@300x_te4zZl3bG.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-inter_eZLAeI1hM.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-c6_7SW6xyds-.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-safra_1XiGXE6JbL.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-banco-original_1_rtWqJnK.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n\n    <span class=\"bk-more\">+ de 35 bancos<\/span>\n  <\/div>\n<\/div>\n\n\n\n<\/div><div class=\"bde-button-18342-432 bde-button\">\n    \n                                    \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--custom bde-button__button\" href=\"#form\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Saiba mais sobre a API de Boleto<\/span>\n\n                            \n        \n                <\/a>\n\n    \n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-18342-414 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-badge-18342-415 bde-badge\">\n<span >< > Documenta\u00e7\u00e3o<\/span>\n<\/div><div class=\"oxy-container-18342-416 oxy-container\"><div class=\"bde-columns-18342-453 bde-columns\"><div class=\"bde-column-18342-454 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-18342-417 bde-heading\">\nDucomenta\u00e7\u00e3o completa e suporte de dev para dev\n<\/h2>\n<\/div><div class=\"bde-column-18342-455 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-18342-418 bde-text\">\nO PlugBoleto foi constru\u00eddo para desenvolvedores. A documenta\u00e7\u00e3o cobre desde os primeiros passos at\u00e9 integra\u00e7\u00f5es avan\u00e7adas com WebService banc\u00e1rio banco a banco.\n<\/div>\n<\/div><\/div><\/div><div class=\"bde-code-block-18342-434 bde-code-block\">\n\n  <style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Urbanist:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600&display=swap');\n\n  .pb-docs {\n    --pb-primary: #7c3aed;\n    --pb-primary-2: #a855f7;\n    --pb-dark: #0b0b14;\n    --pb-text: #0f172a;\n    --pb-muted: #64748b;\n    --pb-border: #e5e7eb;\n    --pb-card-bg: #ffffff;\n    font-family: 'Urbanist', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    color: var(--pb-text);\n    padding: 0;\n    background: #ffffff;\n    position: relative;\n    overflow: hidden;\n  }\n  .pb-docs * { box-sizing: border-box; }\n\n  .pb-docs .pb-container { max-width: 1152px; margin: 0 auto; position: relative; z-index: 1; }\n\n  \/* ========== HEADER ========== *\/\n  .pb-docs .pb-header { text-align: center; margin-bottom: 56px; }\n  .pb-docs .pb-header h2 {\n    font-size: clamp(28px, 4vw, 48px);\n    font-weight: 700;\n    line-height: 1.1;\n    margin: 0 0 16px;\n    letter-spacing: -0.02em;\n  }\n  .pb-docs .pb-header h2 .pb-accent { color: var(--pb-primary); }\n  .pb-docs .pb-header p {\n    font-size: clamp(14px, 1.6vw, 16px);\n    color: var(--pb-muted);\n    max-width: 640px;\n    margin: 0 auto;\n    line-height: 1.6;\n  }\n\n  \/* ========== BENTO GRID ========== *\/\n  .pb-docs .pb-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n  }\n\n  \/* ========== IMAGE CARDS (top row, Olist-style) ========== *\/\n  .pb-docs .pb-img-card {\n    position: relative;\n    border-radius: 24px;\n    overflow: hidden;\n    border: 1px solid rgba(124, 58, 237, 0.20);\n    color: #ffffff;\n    cursor: pointer;\n    isolation: isolate;\n    transition: box-shadow 0.4s ease;\n    min-height: 260px;\n  }\n  .pb-docs .pb-img-card.pb-large {\n    grid-column: span 2;\n    grid-row: span 2;\n    min-height: 420px;\n  }\n  \/* Cards que ocupam 2 colunas (largura dupla), usados para fechar o grid sem espa\u00e7os vazios *\/\n  .pb-docs .pb-img-card.pb-wide,\n  .pb-docs .pb-card.pb-wide {\n    grid-column: span 2;\n  }\n  .pb-docs .pb-img-card:hover {\n    box-shadow: 0 20px 50px -10px rgba(124, 58, 237, 0.30);\n  }\n  .pb-docs .pb-img-card .pb-bg-img {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    z-index: -2;\n    transition: transform 0.7s ease;\n  }\n  .pb-docs .pb-img-card:hover .pb-bg-img {\n    transform: scale(1.05);\n  }\n  .pb-docs .pb-img-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    background: linear-gradient(to top, var(--pb-dark) 10%, rgba(11,11,20,0.75) 55%, rgba(11,11,20,0.20) 100%);\n  }\n  .pb-docs .pb-img-card::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    background: linear-gradient(to top, rgba(124,58,237,0.40), transparent 60%);\n    opacity: 0;\n    transition: opacity 0.5s ease;\n  }\n  .pb-docs .pb-img-card:hover::after { opacity: 1; }\n\n  .pb-docs .pb-icon-glass {\n    position: absolute;\n    top: 16px;\n    left: 16px;\n    width: 40px;\n    height: 40px;\n    border-radius: 12px;\n    background: rgba(255,255,255,0.10);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    border: 1px solid rgba(255,255,255,0.20);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.3s ease, border-color 0.3s ease;\n  }\n  .pb-docs .pb-img-card.pb-large .pb-icon-glass {\n    width: 48px; height: 48px; top: 20px; left: 20px;\n  }\n  .pb-docs .pb-img-card:hover .pb-icon-glass {\n    background: var(--pb-primary);\n    border-color: var(--pb-primary);\n  }\n  .pb-docs .pb-icon-glass svg { width: 18px; height: 18px; color: #ffffff; }\n  .pb-docs .pb-img-card.pb-large .pb-icon-glass svg { width: 22px; height: 22px; }\n\n  .pb-docs .pb-img-content {\n    position: absolute;\n    inset: auto 0 0 0;\n    padding: 20px;\n    color: #ffffff;\n  }\n  .pb-docs .pb-img-card.pb-large .pb-img-content { padding: 28px; }\n  .pb-docs .pb-img-content h3,\n  .pb-docs .pb-img-card h3 { color: #ffffff; }\n\n  .pb-docs .pb-eyebrow {\n    font-family: 'JetBrains Mono', ui-monospace, monospace;\n    font-size: 10px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.18em;\n    color: var(--pb-primary-2);\n    margin: 0 0 6px;\n  }\n  .pb-docs .pb-img-card.pb-large .pb-eyebrow {\n    font-size: 11px;\n    letter-spacing: 0.2em;\n    margin-bottom: 12px;\n  }\n\n  .pb-docs .pb-img-content h3 {\n    font-size: 16px;\n    font-weight: 700;\n    line-height: 1.2;\n    margin: 0 0 6px;\n  }\n  .pb-docs .pb-img-card.pb-large .pb-img-content h3 {\n    font-size: clamp(22px, 2.6vw, 30px);\n    margin-bottom: 12px;\n  }\n\n  .pb-docs .pb-img-desc {\n    font-size: 13px;\n    color: rgba(255,255,255,0.80);\n    line-height: 1.55;\n    margin: 0;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    transition: max-height 0.5s ease, opacity 0.5s ease, margin 0.5s ease;\n  }\n  .pb-docs .pb-img-card.pb-large .pb-img-desc { font-size: 14px; }\n  .pb-docs .pb-img-card:hover .pb-img-desc {\n    max-height: 160px;\n    opacity: 1;\n    margin-bottom: 12px;\n  }\n\n  .pb-docs .pb-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--pb-primary-2);\n    text-decoration: none;\n    transition: gap 0.3s ease;\n  }\n  .pb-docs .pb-img-card.pb-large .pb-link { font-size: 14px; }\n  .pb-docs .pb-link:hover { gap: 10px; }\n  .pb-docs .pb-link svg { width: 14px; height: 14px; }\n  .pb-docs .pb-img-card.pb-large .pb-link svg { width: 16px; height: 16px; }\n\n  \/* ========== SMALL CARDS (bottom row) ========== *\/\n  .pb-docs .pb-card {\n    position: relative;\n    background: var(--pb-card-bg);\n    border: 1px solid var(--pb-border);\n    border-radius: 24px;\n    padding: 28px;\n    display: flex;\n    flex-direction: column;\n    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;\n  }\n  .pb-docs .pb-card:hover {\n    border-color: rgba(124, 58, 237, 0.40);\n    box-shadow: 0 12px 30px -10px rgba(124, 58, 237, 0.20);\n    transform: translateY(-2px);\n  }\n  .pb-docs .pb-card .pb-icon-soft {\n    width: 44px;\n    height: 44px;\n    border-radius: 12px;\n    background: rgba(124,58,237,0.10);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 20px;\n    transition: transform 0.3s ease;\n  }\n  .pb-docs .pb-card:hover .pb-icon-soft { transform: scale(1.10); }\n  .pb-docs .pb-icon-soft svg { width: 20px; height: 20px; color: var(--pb-primary); }\n  .pb-docs .pb-card .pb-eyebrow { color: var(--pb-primary); margin-bottom: 12px; font-size: 11px; }\n  .pb-docs .pb-card h3 {\n    font-size: 18px;\n    font-weight: 700;\n    line-height: 1.3;\n    margin: 0 0 8px;\n    color: var(--pb-text);\n  }\n  .pb-docs .pb-card p {\n    font-size: 14px;\n    color: var(--pb-muted);\n    line-height: 1.55;\n    margin: 0 0 20px;\n  }\n  .pb-docs .pb-card .pb-link { color: var(--pb-primary); font-size: 14px; margin-top: auto; }\n\n  \/* ========== RESPONSIVE ========== *\/\n  @media (max-width: 900px) {\n    .pb-docs .pb-grid { grid-template-columns: repeat(2, 1fr); }\n    .pb-docs .pb-img-card.pb-large {\n      grid-column: span 2;\n      grid-row: auto;\n      min-height: 320px;\n    }\n  }\n  @media (max-width: 560px) {\n    .pb-docs { padding: 56px 0; }\n    .pb-docs .pb-grid { grid-template-columns: 1fr; gap: 14px; }\n    .pb-docs .pb-img-card.pb-large { grid-column: auto; }\n    .pb-docs .pb-wide { grid-column: auto; }\n  }\n<\/style>\n\n<section class=\"pb-docs\">\n  <div class=\"pb-container\">\n\n    <div class=\"pb-grid\">\n\n      <!-- Card grande com imagem -->\n      <article class=\"pb-img-card pb-large\">\n        <img decoding=\"async\" class=\"pb-bg-img\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/PlugBoleto\/man-working-night_2kD_Iemzf.jpg\" alt=\"Primeiros Passos\" loading=\"lazy\" \/>\n        <div class=\"pb-icon-glass\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/><path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"\/><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/><path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/><\/svg>\n        <\/div>\n        <div class=\"pb-img-content\">\n          <p class=\"pb-eyebrow\">Getting Started<\/p>\n          <h3>Primeiros Passos<\/h3>\n          <p class=\"pb-img-desc\">Token, cadastro de cedente, conv\u00eanio e emiss\u00e3o do primeiro boleto.<\/p>\n          <a class=\"pb-link\" href=\"https:\/\/atendimento.tecnospeed.com.br\/hc\/pt-br\/articles\/22208729550359-Primeiros-Passos-PlugBoleto\" target=\"_blank\" rel=\"noopener\">\n            Acessar guia\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Campos e Situa\u00e7\u00f5es com imagem -->\n      <article class=\"pb-img-card pb-wide\">\n        <img decoding=\"async\" class=\"pb-bg-img\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/PlugBoleto\/turned-gray-laptop-computer_0oEVV9EFp.jpg\" alt=\"Campos e Situa\u00e7\u00f5es\" loading=\"lazy\" \/>\n        <div class=\"pb-icon-glass\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg>\n        <\/div>\n        <div class=\"pb-img-content\">\n          <p class=\"pb-eyebrow\">Reference<\/p>\n          <h3>Campos e Situa\u00e7\u00f5es<\/h3>\n          <p class=\"pb-img-desc\">Refer\u00eancia completa de campos, status e situa\u00e7\u00f5es de boletos.<\/p>\n          <a class=\"pb-link\" href=\"https:\/\/atendimento.tecnospeed.com.br\/hc\/pt-br\/articles\/27223712846999-Campos-e-Situa%C3%A7%C3%B5es-dos-Boletos\" target=\"_blank\" rel=\"noopener\">\n            Ver refer\u00eancia\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Cards menores -->\n      <article class=\"pb-card\">\n        <div class=\"pb-icon-soft\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div>\n        <p class=\"pb-eyebrow\">WebService<\/p>\n        <h3>WebService Banc\u00e1rio<\/h3>\n        <p>Guias banco a banco: BB, Ita\u00fa, Bradesco, Santander, CEF e outros.<\/p>\n        <a class=\"pb-link\" href=\"https:\/\/atendimento.tecnospeed.com.br\/hc\/pt-br\/articles\/360015239774-Registro-via-Web-Service-Banc%C3%A1rio\" target=\"_blank\" rel=\"noopener\">Acessar <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg><\/a>\n      <\/article>\n\n      <article class=\"pb-card\">\n        <div class=\"pb-icon-soft\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12a9 9 0 1 1-3-6.7L21 8\"\/><polyline points=\"21 3 21 8 16 8\"\/><\/svg><\/div>\n        <p class=\"pb-eyebrow\">VAN<\/p>\n        <h3>Transmiss\u00e3o VAN<\/h3>\n        <p>Configurar transmiss\u00e3o autom\u00e1tica de remessa e retorno.<\/p>\n        <a class=\"pb-link\" href=\"https:\/\/atendimento.tecnospeed.com.br\/hc\/pt-br\/articles\/360015468674-Introdu%C3%A7%C3%A3o\" target=\"_blank\" rel=\"noopener\">Acessar <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg><\/a>\n      <\/article>\n\n      <article class=\"pb-card\">\n        <div class=\"pb-icon-soft\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg><\/div>\n        <p class=\"pb-eyebrow\">API<\/p>\n        <h3>Rotas da API<\/h3>\n        <p>+50 rotas documentadas: Cedente, Conta, Conv\u00eanio, Emiss\u00e3o.<\/p>\n        <a class=\"pb-link\" href=\"https:\/\/atendimento.tecnospeed.com.br\/hc\/pt-br\/sections\/360001300453-Integra%C3%A7%C3%A3o-com-a-API\" target=\"_blank\" rel=\"noopener\">Acessar <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg><\/a>\n      <\/article>\n\n      <article class=\"pb-card\">\n        <div class=\"pb-icon-soft\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg><\/div>\n        <p class=\"pb-eyebrow\">Banks<\/p>\n        <h3>Bancos Homologados<\/h3>\n        <p>Lista completa com tipo de homologa\u00e7\u00e3o por banco.<\/p>\n        <a class=\"pb-link\" href=\"https:\/\/atendimento.tecnospeed.com.br\/hc\/pt-br\/articles\/360015272893-Bancos-Homologados\" target=\"_blank\" rel=\"noopener\">Acessar <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg><\/a>\n      <\/article>\n\n      <article class=\"pb-card pb-wide\">\n        <div class=\"pb-icon-soft\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg><\/div>\n        <p class=\"pb-eyebrow\">GUI<\/p>\n        <h3>GUI Web<\/h3>\n        <p>Interface gr\u00e1fica para configura\u00e7\u00e3o, testes e gest\u00e3o.<\/p>\n        <a class=\"pb-link\" href=\"https:\/\/atendimento.tecnospeed.com.br\/hc\/pt-br\/articles\/27050468182295-Guia-de-Cadastros-GUI-Web-Boleto\" target=\"_blank\" rel=\"noopener\">Acessar <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg><\/a>\n      <\/article>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-18342-420 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-badge-18342-421 bde-badge\">\n<span >< > Por que escolher o PlugBank?<\/span>\n<\/div><div class=\"oxy-container-18342-422 oxy-container\"><h2 class=\"bde-heading-18342-423 bde-heading\">\nDesenvolver integra\u00e7\u00e3o banc\u00e1ria pr\u00f3pria: quanto custa de verdade?\n<\/h2><\/div><div class=\"bde-text-18342-424 bde-text\">\n<b>Homologar um banco via CNAB pode consumir at\u00e9 280 horas de dev. <\/b>Via WebService, pelo menos 240 horas por banco. E quando o banco atualiza a API? O processo recome\u00e7a. Com o PlugBoleto, voc\u00ea integra uma vez e ganha acesso a todos os bancos, com manuten\u00e7\u00e3o por conta da TecnoSpeed.\n<\/div><div class=\"bde-code-block-18342-425 bde-code-block\">\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=Urbanist:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<div class=\"pb-cmp-wrap\">\n  <div class=\"pb-cmp-grid\">\n\n    <!-- Card: Sem PlugBoleto -->\n    <article class=\"pb-cmp-card pb-cmp-card--light\">\n      <div class=\"pb-cmp-icon pb-cmp-icon--muted\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18\"\/><path d=\"m6 6 12 12\"\/><\/svg>\n      <\/div>\n\n      <span class=\"pb-cmp-eyebrow\">Caminho dif\u00edcil<\/span>\n      <h3 class=\"pb-cmp-title pb-cmp-title--dark\">Sem PlugBoleto<\/h3>\n      <p class=\"pb-cmp-desc pb-cmp-desc--dark\">\n        Construir e manter integra\u00e7\u00f5es banc\u00e1rias do zero, lidando com cada banco individualmente.\n      <\/p>\n\n      <div class=\"pb-cmp-divider pb-cmp-divider--light\"><\/div>\n\n      <ul class=\"pb-cmp-list\">\n        <li class=\"pb-cmp-item\">\n          <span class=\"pb-cmp-bullet pb-cmp-bullet--danger\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18\"\/><path d=\"m6 6 12 12\"\/><\/svg>\n          <\/span>\n          <span class=\"pb-cmp-text pb-cmp-text--dark\">Integrar cada banco individualmente<\/span>\n        <\/li>\n        <li class=\"pb-cmp-item\">\n          <span class=\"pb-cmp-bullet pb-cmp-bullet--danger\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18\"\/><path d=\"m6 6 12 12\"\/><\/svg>\n          <\/span>\n          <span class=\"pb-cmp-text pb-cmp-text--dark\">Homologa\u00e7\u00f5es manuais com cada institui\u00e7\u00e3o<\/span>\n        <\/li>\n        <li class=\"pb-cmp-item\">\n          <span class=\"pb-cmp-bullet pb-cmp-bullet--danger\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18\"\/><path d=\"m6 6 12 12\"\/><\/svg>\n          <\/span>\n          <span class=\"pb-cmp-text pb-cmp-text--dark\">Manuten\u00e7\u00e3o constante a cada update banc\u00e1rio<\/span>\n        <\/li>\n        <li class=\"pb-cmp-item\">\n          <span class=\"pb-cmp-bullet pb-cmp-bullet--danger\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18\"\/><path d=\"m6 6 12 12\"\/><\/svg>\n          <\/span>\n          <span class=\"pb-cmp-text pb-cmp-text--dark\">Sem acesso a condi\u00e7\u00f5es especiais<\/span>\n        <\/li>\n        <li class=\"pb-cmp-item\">\n          <span class=\"pb-cmp-bullet pb-cmp-bullet--danger\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18\"\/><path d=\"m6 6 12 12\"\/><\/svg>\n          <\/span>\n          <span class=\"pb-cmp-text pb-cmp-text--dark\">Risco de quebra em produ\u00e7\u00e3o<\/span>\n        <\/li>\n        <li class=\"pb-cmp-item\">\n          <span class=\"pb-cmp-bullet pb-cmp-bullet--danger\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18\"\/><path d=\"m6 6 12 12\"\/><\/svg>\n          <\/span>\n          <span class=\"pb-cmp-text pb-cmp-text--dark\">Alto custo fixo de desenvolvimento<\/span>\n        <\/li>\n      <\/ul>\n\n      <button type=\"button\" class=\"pb-cmp-cta pb-cmp-cta--ghost\" disabled>\n        N\u00e3o recomendado\n      <\/button>\n    <\/article>\n\n    <!-- Card: PlugBoleto -->\n    <article class=\"pb-cmp-card pb-cmp-card--dark\">\n      <div class=\"pb-cmp-glow\"><\/div>\n\n      <div class=\"pb-cmp-card-head\">\n        <div class=\"pb-cmp-icon pb-cmp-icon--primary\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2 3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n        <\/div>\n        <div class=\"pb-cmp-badge\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2 3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n          <span>Recomendado<\/span>\n        <\/div>\n      <\/div>\n\n      <span class=\"pb-cmp-eyebrow pb-cmp-eyebrow--light\">Plataforma completa<\/span>\n      <h3 class=\"pb-cmp-title pb-cmp-title--light\">PlugBoleto<\/h3>\n      <p class=\"pb-cmp-desc pb-cmp-desc--light\">\n        Uma \u00fanica API conecta seu sistema a +40 bancos, com homologa\u00e7\u00f5es, manuten\u00e7\u00e3o e parcerias inclusas.\n      <\/p>\n\n      <div class=\"pb-cmp-divider pb-cmp-divider--dark\"><\/div>\n\n      <ul class=\"pb-cmp-list\">\n        <li class=\"pb-cmp-item\">\n          <span class=\"pb-cmp-bullet pb-cmp-bullet--primary\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n          <\/span>\n          <span class=\"pb-cmp-text pb-cmp-text--light\">Uma \u00fanica API. +40 bancos. Dispon\u00edvel em dias<\/span>\n        <\/li>\n        <li class=\"pb-cmp-item\">\n          <span class=\"pb-cmp-bullet pb-cmp-bullet--primary\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n          <\/span>\n          <span class=\"pb-cmp-text pb-cmp-text--light\">Todas as homologa\u00e7\u00f5es por conta da TecnoSpeed<\/span>\n        <\/li>\n        <li class=\"pb-cmp-item\">\n          <span class=\"pb-cmp-bullet pb-cmp-bullet--primary\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n          <\/span>\n          <span class=\"pb-cmp-text pb-cmp-text--light\">Atualiza\u00e7\u00f5es autom\u00e1ticas. Zero impacto no time<\/span>\n        <\/li>\n        <li class=\"pb-cmp-item\">\n          <span class=\"pb-cmp-bullet pb-cmp-bullet--primary\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n          <\/span>\n          <span class=\"pb-cmp-text pb-cmp-text--light\">Parcerias exclusivas: BB, SICOOB, Bradesco, Ita\u00fa<\/span>\n        <\/li>\n        <li class=\"pb-cmp-item\">\n          <span class=\"pb-cmp-bullet pb-cmp-bullet--primary\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n          <\/span>\n          <span class=\"pb-cmp-text pb-cmp-text--light\">Monitoramento e corre\u00e7\u00f5es autom\u00e1ticas 24\/7<\/span>\n        <\/li>\n        <li class=\"pb-cmp-item\">\n          <span class=\"pb-cmp-bullet pb-cmp-bullet--primary\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n          <\/span>\n          <span class=\"pb-cmp-text pb-cmp-text--light\">Custo vari\u00e1vel escal\u00e1vel, pague pelo que usa<\/span>\n        <\/li>\n      <\/ul>\n\n      <a href=\"#form\" class=\"pb-cmp-cta pb-cmp-cta--solid\">\n        <span>Integrar API de Boleto agora<\/span>\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n      <\/a>\n    <\/article>\n\n  <\/div>\n<\/div>\n\n<style>\n  .pb-cmp-wrap {\n    --pb-primary: #a855f7;\n    --pb-primary-strong: #9333ea;\n    --pb-danger: #ef4444;\n    --pb-danger-soft: rgba(239, 68, 68, 0.12);\n    --pb-text-dark: #0f172a;\n    --pb-text-muted: #64748b;\n    --pb-border-light: #e2e8f0;\n    --pb-bg-card-light: #ffffff;\n    --pb-bg-muted: #f1f5f9;\n\n    font-family: 'Urbanist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\n    width: 100%;\n    box-sizing: border-box;\n    padding: 24px 16px;\n  }\n\n  .pb-cmp-wrap *,\n  .pb-cmp-wrap *::before,\n  .pb-cmp-wrap *::after { box-sizing: border-box; font-family: 'Urbanist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; }\n\n  .pb-cmp-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 24px;\n    max-width: 1100px;\n    margin: 0 auto;\n    align-items: stretch;\n  }\n\n  @media (min-width: 768px) {\n    .pb-cmp-grid {\n      grid-template-columns: 1fr 1fr;\n      gap: 32px;\n    }\n  }\n\n  .pb-cmp-card {\n    position: relative;\n    border-radius: 24px;\n    padding: 28px;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  @media (min-width: 640px) {\n    .pb-cmp-card { padding: 36px; }\n  }\n\n  .pb-cmp-card--light {\n    background: var(--pb-bg-card-light);\n    border: 1px solid var(--pb-border-light);\n    box-shadow: 0 1px 2px rgba(0,0,0,0.04);\n  }\n\n  .pb-cmp-card--dark {\n    background: linear-gradient(160deg, #4a1d8a 0%, #2d0f5e 55%, #1a0838 100%);\n    box-shadow: 0 30px 60px -20px rgba(168, 85, 247, 0.35);\n    color: #fff;\n  }\n\n  .pb-cmp-glow {\n    position: absolute;\n    top: -80px;\n    right: -80px;\n    width: 260px;\n    height: 260px;\n    border-radius: 50%;\n    background: rgba(168, 85, 247, 0.35);\n    filter: blur(80px);\n    pointer-events: none;\n  }\n\n  .pb-cmp-card-head {\n    position: relative;\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    margin-bottom: 32px;\n  }\n\n  .pb-cmp-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 32px;\n  }\n\n  .pb-cmp-card-head .pb-cmp-icon { margin-bottom: 0; }\n\n  .pb-cmp-icon--muted {\n    background: var(--pb-bg-muted);\n    color: var(--pb-danger);\n  }\n\n  .pb-cmp-icon--primary {\n    background: var(--pb-primary);\n    color: #fff;\n    box-shadow: 0 12px 24px -8px rgba(168, 85, 247, 0.6);\n  }\n\n  .pb-cmp-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 12px;\n    border-radius: 999px;\n    background: rgba(168, 85, 247, 0.95);\n    color: #fff;\n    font-family: 'Urbanist', sans-serif !important;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    backdrop-filter: blur(8px);\n  }\n\n  .pb-cmp-eyebrow {\n    position: relative;\n    display: block;\n    font-family: 'Urbanist', sans-serif !important;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--pb-text-muted);\n    margin-bottom: 12px;\n  }\n\n  .pb-cmp-eyebrow--light { color: rgba(255,255,255,0.6); }\n\n  .pb-cmp-title {\n    position: relative;\n    margin: 0 0 12px 0;\n    font-size: 30px;\n    line-height: 1.15;\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    font-family: 'Urbanist', sans-serif !important;\n  }\n\n  @media (min-width: 640px) {\n    .pb-cmp-title { font-size: 36px; }\n  }\n\n  .pb-cmp-title--dark { color: var(--pb-text-dark); }\n  .pb-cmp-title--light { color: #fff; }\n\n  .pb-cmp-desc {\n    position: relative;\n    margin: 0 0 24px 0;\n    font-size: 15px;\n    line-height: 1.6;\n    font-family: 'Urbanist', sans-serif !important;\n  }\n\n  .pb-cmp-desc--dark { color: var(--pb-text-muted); }\n  .pb-cmp-desc--light { color: rgba(255,255,255,0.72); }\n\n  .pb-cmp-divider {\n    position: relative;\n    height: 1px;\n    width: 100%;\n    margin-bottom: 24px;\n  }\n\n  .pb-cmp-divider--light { background: var(--pb-border-light); }\n  .pb-cmp-divider--dark { background: rgba(255,255,255,0.1); }\n\n  .pb-cmp-list {\n    position: relative;\n    list-style: none;\n    margin: 0 0 32px 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    flex: 1;\n  }\n\n  .pb-cmp-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n  }\n\n  .pb-cmp-bullet {\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    border-radius: 999px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 2px;\n  }\n\n  .pb-cmp-bullet--danger {\n    background: var(--pb-danger-soft);\n    color: var(--pb-danger);\n  }\n\n  .pb-cmp-bullet--primary {\n    background: var(--pb-primary);\n    color: #fff;\n    box-shadow: 0 6px 14px -4px rgba(168, 85, 247, 0.55);\n  }\n\n  .pb-cmp-text {\n    font-size: 15px;\n    line-height: 1.55;\n    font-family: 'Urbanist', sans-serif !important;\n  }\n\n  .pb-cmp-text--dark { color: rgba(15, 23, 42, 0.85); }\n  .pb-cmp-text--light { color: rgba(255,255,255,0.92); font-weight: 500; }\n\n  .pb-cmp-cta {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    width: 100%;\n    padding: 16px 20px;\n    border-radius: 12px;\n    font-family: 'Urbanist', sans-serif !important;\n    font-size: 14px;\n    font-weight: 600;\n    text-decoration: none;\n    border: none;\n    cursor: pointer;\n    transition: transform 0.2s ease, background 0.2s ease;\n  }\n\n  .pb-cmp-cta--ghost {\n    background: var(--pb-bg-card-light);\n    border: 1px solid var(--pb-border-light);\n    color: var(--pb-text-muted);\n    cursor: not-allowed;\n  }\n\n  .pb-cmp-cta--solid {\n    background: #fff;\n    color: var(--pb-text-dark);\n  }\n\n  .pb-cmp-cta--solid:hover {\n    background: rgba(255,255,255,0.95);\n  }\n\n  .pb-cmp-cta--solid:hover svg {\n    transform: translateX(3px);\n  }\n\n  .pb-cmp-cta--solid svg {\n    transition: transform 0.2s ease;\n  }\n<\/style>\n\n\n<\/div><div class=\"bde-code-block-18342-356 bde-code-block\">\n\n  <!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>PlugBank - Depoimento (Roxo + Branco)<\/title>\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=Urbanist:wght@400;500;600;700;800&family=JetBrains+Mono:wght@600;700&display=swap\" rel=\"stylesheet\">\n<style>\n  .pb-qc-wrapper {\n    width: 100%;\n    padding: 0;\n    font-family: 'Urbanist', sans-serif;\n    box-sizing: border-box;\n  }\n  .pb-qc-wrapper *,\n  .pb-qc-wrapper *::before,\n  .pb-qc-wrapper *::after { box-sizing: border-box; }\n\n  .pb-qc-container {\n    max-width: 1024px;\n    margin: 0 auto;\n  }\n\n  .pb-qc-card {\n    display: grid;\n    grid-template-columns: 1fr;\n    border-radius: 16px;\n    overflow: hidden;\n    border: 1px solid rgba(0,0,0,0.12);\n    outline: 0;\n    box-shadow: none;\n    background: transparent;\n  }\n\n  .pb-qc-stat {\n    position: relative;\n    background: #3B2763;\n    padding: 32px 24px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    overflow: hidden;\n    border-radius: 0;\n  }\n  .pb-qc-stat::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(circle at 30% 70%, rgba(255,255,255,0.18) 0%, transparent 60%);\n    pointer-events: none;\n  }\n  .pb-qc-stat-inner { position: relative; z-index: 1; width: 100%; }\n\n  .pb-qc-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 6px 12px;\n    border-radius: 9999px;\n    font-family: 'JetBrains Mono', ui-monospace, monospace;\n    font-size: 10px;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    line-height: 1;\n  }\n  .pb-qc-pill-before {\n    background: rgba(255,255,255,0.15);\n    color: rgba(255,255,255,0.85);\n    font-weight: 600;\n    margin-bottom: 24px;\n  }\n  .pb-qc-pill-now {\n    background: rgba(255,255,255,0.22);\n    color: #FFFFFF;\n    font-weight: 700;\n  }\n  .pb-qc-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 9999px;\n    display: inline-block;\n  }\n  .pb-qc-dot-before { background: rgba(255,255,255,0.6); }\n  .pb-qc-dot-now {\n    background: #FFFFFF;\n    animation: pb-qc-pulse 1.8s ease-in-out infinite;\n  }\n  @keyframes pb-qc-pulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: 0.5; transform: scale(1.25); }\n  }\n\n  .pb-qc-stat-value {\n    font-family: 'JetBrains Mono', ui-monospace, monospace;\n    font-size: 56px;\n    font-weight: 700;\n    color: #FFFFFF;\n    letter-spacing: -0.04em;\n    line-height: 1;\n    margin: 0 0 6px;\n  }\n  .pb-qc-stat-label {\n    font-size: 14px;\n    font-weight: 500;\n    color: rgba(255,255,255,0.85);\n    margin: 0 0 24px;\n  }\n\n  .pb-qc-quote {\n    background: #FFFFFF;\n    padding: 32px 24px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    gap: 24px;\n    border-radius: 0;\n  }\n  .pb-qc-quote-icon {\n    width: 32px;\n    height: 32px;\n    color: rgba(59, 39, 99, 0.3);\n    margin-bottom: 12px;\n    display: block;\n  }\n  .pb-qc-quote-text {\n    font-size: 16px;\n    line-height: 1.65;\n    font-weight: 500;\n    color: #0F172A;\n    margin: 0;\n  }\n  .pb-qc-author {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .pb-qc-avatar {\n    width: 40px;\n    height: 40px;\n    border-radius: 9999px;\n    background: rgba(59, 39, 99, 0.12);\n    color: #3B2763;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: 'JetBrains Mono', ui-monospace, monospace;\n    font-weight: 700;\n    font-size: 13px;\n    flex-shrink: 0;\n  }\n  .pb-qc-author-name {\n    font-size: 14px;\n    font-weight: 600;\n    color: #3B2763;\n    margin: 0;\n    line-height: 1.2;\n  }\n  .pb-qc-author-role {\n    font-size: 12px;\n    font-family: 'JetBrains Mono', ui-monospace, monospace;\n    color: #64748B;\n    margin: 2px 0 0;\n    line-height: 1.2;\n  }\n\n  @media (min-width: 640px) {\n    .pb-qc-stat { padding: 40px 32px; }\n    .pb-qc-quote { padding: 40px 32px; }\n    .pb-qc-stat-value { font-size: 64px; }\n    .pb-qc-stat-label { font-size: 15px; }\n    .pb-qc-quote-text { font-size: 17px; }\n  }\n  @media (min-width: 768px) {\n    .pb-qc-card { grid-template-columns: 1fr 1.4fr; }\n    .pb-qc-stat-value { font-size: 72px; }\n    .pb-qc-quote-text { font-size: 18px; }\n  }\n  @media (min-width: 1024px) {\n    .pb-qc-stat { padding: 48px 40px; }\n    .pb-qc-quote { padding: 48px 40px; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"pb-qc-wrapper\">\n  <div class=\"pb-qc-container\">\n    <div class=\"pb-qc-card\">\n      <div class=\"pb-qc-stat\">\n        <div class=\"pb-qc-stat-inner\">\n          <div class=\"pb-qc-pill pb-qc-pill-before\">\n            <span class=\"pb-qc-dot pb-qc-dot-before\"><\/span>\n            <span>Antes: V\u00e1rios meses<\/span>\n          <\/div>\n\n          <div class=\"pb-qc-stat-value\">+40<\/div>\n          <p class=\"pb-qc-stat-label\">bancos integrados<\/p>\n\n          <div class=\"pb-qc-pill pb-qc-pill-now\">\n            <span class=\"pb-qc-dot pb-qc-dot-now\"><\/span>\n            <span>Agora: Poucos dias<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pb-qc-quote\">\n        <div>\n          <svg class=\"pb-qc-quote-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\"><\/path>\n            <path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\"><\/path>\n          <\/svg>\n          <p class=\"pb-qc-quote-text\">\"Antes da TecnoSpeed, integrar os principais bancos do Brasil exigia um alto n\u00edvel de desenvolvimento interno para adequar cada institui\u00e7\u00e3o \u2014 um desafio constante para nossa equipe. Com uma \u00fanica API, isso mudou completamente. Hoje, emitimos t\u00edtulos financeiros, determinamos automaticamente o banco de emiss\u00e3o e recebemos os pagamentos direto no nosso ERP, sem remessa, sem retorno, sem retrabalho. Do faturamento ao recebimento, tudo acontece de forma autom\u00e1tica.\"<\/p>\n        <\/div>\n\n        <div class=\"pb-qc-author\">\n          <div class=\"pb-qc-avatar\">AF<\/div>\n          <div>\n            <p class=\"pb-qc-author-name\">Amadeu Ferreira<\/p>\n            <p class=\"pb-qc-author-role\">Rede HDS<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-18342-182 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-badge-18342-377 bde-badge\">\n<span >D\u00favidas mais comuns<\/span>\n<\/div><div class=\"oxy-container-18342-183 oxy-container\"><h2 class=\"bde-heading-18342-184 bde-heading\">\nPerguntas frequentes sobre a API de boleto<br>\n<\/h2><\/div><div class=\"bde-frequently-asked-questions-18342-187 bde-frequently-asked-questions\">\n      <div class=\"bde-faq__item\">\n      <h3 class=\"bde-faq__title-tag\">\n       <button id=\"bde-faq-187-button-1\" aria-expanded=\"false\" aria-controls=\"bde-faq-187-1\" class=\"bde-faq__question js-faq-item\">\n          <span class=\"bde-faq__title\">1. O que \u00e9 a API de Boleto da TecnoSpeed?<\/span>\n                           <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--inactive\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down-icon lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                            <\/div>\n         \t  <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--active\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-up-icon lucide-chevron-up\"><path d=\"m18 15-6-6-6 6\"\/><\/svg>\n                            <\/div>\n                  <\/button>\n      <\/h3>\n      <div role=\"region\" aria-labelledby=\"bde-faq-187-button-1\" id=\"bde-faq-187-1\" class=\"bde-faq__answer\">\n        <div class=\"bde-faq__answer-content\">\n            <div class=\"breakdance-rich-text-styles\"><div class=\"bg-card border border-border rounded-xl px-4 sm:px-6 shadow-sm hover:shadow-md transition-shadow\" data-state=\"open\" data-orientation=\"vertical\"><div id=\"radix-:rc:\" class=\"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\" role=\"region\" data-state=\"open\" aria-labelledby=\"radix-:rb:\" data-orientation=\"vertical\"><div class=\"text-sm sm:text-base text-muted-foreground leading-relaxed pb-4 sm:pb-5 pt-1\"><p><span style=\"font-weight: 400;\">A API de Boleto da TecnoSpeed \u00e9 o PlugBoleto, uma solu\u00e7\u00e3o desenvolvida exclusivamente para Software Houses e times de desenvolvimento. Com uma \u00fanica integra\u00e7\u00e3o via API REST, seu ERP passa a emitir, registrar e conciliar boletos em mais de 40 bancos homologados, com suporte a WebService Banc\u00e1rio (registro instant\u00e2neo), VAN autom\u00e1tica e CNAB. Sem homologa\u00e7\u00f5es manuais, sem layouts banc\u00e1rios no seu c\u00f3digo e sem retrabalho de manuten\u00e7\u00e3o.<\/span><\/p><\/div><\/div><\/div><\/div>\n\n                    <\/div>\n      <\/div>\n    <\/div>\n      <div class=\"bde-faq__item\">\n      <h3 class=\"bde-faq__title-tag\">\n       <button id=\"bde-faq-187-button-2\" aria-expanded=\"false\" aria-controls=\"bde-faq-187-2\" class=\"bde-faq__question js-faq-item\">\n          <span class=\"bde-faq__title\">2. O que \u00e9 o registro de boleto via WebService Banc\u00e1rio?<\/span>\n                           <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--inactive\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down-icon lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                            <\/div>\n         \t  <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--active\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-up-icon lucide-chevron-up\"><path d=\"m18 15-6-6-6 6\"\/><\/svg>\n                            <\/div>\n                  <\/button>\n      <\/h3>\n      <div role=\"region\" aria-labelledby=\"bde-faq-187-button-2\" id=\"bde-faq-187-2\" class=\"bde-faq__answer\">\n        <div class=\"bde-faq__answer-content\">\n            <div class=\"breakdance-rich-text-styles\"><div class=\"bg-card border border-border rounded-xl px-4 sm:px-6 shadow-sm hover:shadow-md transition-shadow\" data-state=\"open\" data-orientation=\"vertical\"><div id=\"radix-:re:\" class=\"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\" role=\"region\" data-state=\"open\" aria-labelledby=\"radix-:rd:\" data-orientation=\"vertical\"><div class=\"text-sm sm:text-base text-muted-foreground leading-relaxed pb-4 sm:pb-5 pt-1\"><p><span style=\"font-weight: 400;\">O registro via WebService Banc\u00e1rio \u00e9 o modo mais \u00e1gil e moderno de emitir boletos. Diferente do modelo tradicional via CNAB \u2014 onde \u00e9 necess\u00e1rio gerar um arquivo de remessa, enviar ao banco e aguardar o retorno em D+1 \u2014 o WebService comunica diretamente com o sistema banc\u00e1rio no momento da emiss\u00e3o. O resultado: o boleto \u00e9 registrado instantaneamente e j\u00e1 pode ser pago pelo sacado sem esperar o pr\u00f3ximo dia \u00fatil. O PlugBoleto oferece registro via WebService para: Banco do Brasil, Ita\u00fa, Bradesco, Santander, CEF, Sicoob, Sicredi, Inter, Banrisul, Banco de Bras\u00edlia, Unicred e outros.<\/span><\/p><\/div><\/div><\/div><\/div>\n\n                    <\/div>\n      <\/div>\n    <\/div>\n      <div class=\"bde-faq__item\">\n      <h3 class=\"bde-faq__title-tag\">\n       <button id=\"bde-faq-187-button-3\" aria-expanded=\"false\" aria-controls=\"bde-faq-187-3\" class=\"bde-faq__question js-faq-item\">\n          <span class=\"bde-faq__title\">3. Qual a diferen\u00e7a entre WebService, VAN Autom\u00e1tica e CNAB?<\/span>\n                           <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--inactive\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down-icon lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                            <\/div>\n         \t  <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--active\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-up-icon lucide-chevron-up\"><path d=\"m18 15-6-6-6 6\"\/><\/svg>\n                            <\/div>\n                  <\/button>\n      <\/h3>\n      <div role=\"region\" aria-labelledby=\"bde-faq-187-button-3\" id=\"bde-faq-187-3\" class=\"bde-faq__answer\">\n        <div class=\"bde-faq__answer-content\">\n            <div class=\"breakdance-rich-text-styles\"><div id=\"b_3158625_1_1752150983686fb3c737e96\" class=\"gpc-b \"><div class=\"centralizar\"><div id=\"e_3158625_1_1752150983686fb3c753308283452382\" class=\"gpc-e e_texto dd dm e_3158625_1_1752150983686fb3c753308283452382\"><div class=\"c e_texto\"><p><span style=\"font-weight: 400;\">CNAB (Manual): O modo mais b\u00e1sico. Voc\u00ea ou seu cliente gera o arquivo de remessa CNAB, envia ao banco e aguarda o retorno no dia seguinte (D+1). Requer interven\u00e7\u00e3o humana. VAN Autom\u00e1tica: A TecnoSpeed gerencia a troca de arquivos de remessa e retorno com o banco. Sem interven\u00e7\u00e3o manual, mas ainda com processamento em ciclos. WebService Banc\u00e1rio: O mais avan\u00e7ado. O PlugBoleto se comunica diretamente com o sistema do banco em tempo real. Registro instant\u00e2neo, sem arquivos, sem espera. O PlugBoleto tamb\u00e9m suporta o modo Misto \u2014 WebService para registro + VAN para retornos espec\u00edficos \u2014 ideal para bancos como o Ita\u00fa.<\/span><\/p><\/div><\/div><\/div><\/div><\/div>\n\n                    <\/div>\n      <\/div>\n    <\/div>\n      <div class=\"bde-faq__item\">\n      <h3 class=\"bde-faq__title-tag\">\n       <button id=\"bde-faq-187-button-4\" aria-expanded=\"false\" aria-controls=\"bde-faq-187-4\" class=\"bde-faq__question js-faq-item\">\n          <span class=\"bde-faq__title\">4. Quantos bancos o PlugBoleto integra?<\/span>\n                           <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--inactive\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down-icon lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                            <\/div>\n         \t  <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--active\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-up-icon lucide-chevron-up\"><path d=\"m18 15-6-6-6 6\"\/><\/svg>\n                            <\/div>\n                  <\/button>\n      <\/h3>\n      <div role=\"region\" aria-labelledby=\"bde-faq-187-button-4\" id=\"bde-faq-187-4\" class=\"bde-faq__answer\">\n        <div class=\"bde-faq__answer-content\">\n            <div class=\"breakdance-rich-text-styles\"><div id=\"b_3158625_1_1752150983686fb3c737e96\" class=\"gpc-b \"><div class=\"centralizar\"><div id=\"e_3158625_1_1752150983686fb3c753308283452382\" class=\"gpc-e e_texto dd dm e_3158625_1_1752150983686fb3c753308283452382\"><div class=\"c e_texto\"><p><span style=\"font-weight: 400;\">O PlugBoleto est\u00e1 homologado com mais de 40 bancos, incluindo os principais do Brasil: Banco do Brasil, Ita\u00fa, Bradesco, Santander, Caixa Econ\u00f4mica Federal, Sicoob, Sicredi, Inter, Banrisul, Safra, Daycoval, Votorantim, C6 Bank, BS2, Banco de Bras\u00edlia e muitos outros. A lista \u00e9 atualizada mensalmente. Se o banco do seu cliente n\u00e3o estiver na lista, \u00e9 poss\u00edvel solicitar a homologa\u00e7\u00e3o sem custo adicional.<\/span><\/p><\/div><\/div><\/div><\/div><\/div>\n\n                    <\/div>\n      <\/div>\n    <\/div>\n      <div class=\"bde-faq__item\">\n      <h3 class=\"bde-faq__title-tag\">\n       <button id=\"bde-faq-187-button-5\" aria-expanded=\"false\" aria-controls=\"bde-faq-187-5\" class=\"bde-faq__question js-faq-item\">\n          <span class=\"bde-faq__title\">5. O que \u00e9 o Boleto H\u00edbrido com QR Code Pix?<\/span>\n                           <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--inactive\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down-icon lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                            <\/div>\n         \t  <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--active\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-up-icon lucide-chevron-up\"><path d=\"m18 15-6-6-6 6\"\/><\/svg>\n                            <\/div>\n                  <\/button>\n      <\/h3>\n      <div role=\"region\" aria-labelledby=\"bde-faq-187-button-5\" id=\"bde-faq-187-5\" class=\"bde-faq__answer\">\n        <div class=\"bde-faq__answer-content\">\n            <div class=\"breakdance-rich-text-styles\"><p><span style=\"font-weight: 400;\">O Boleto H\u00edbrido combina o boleto banc\u00e1rio tradicional com um QR Code Pix na mesma cobran\u00e7a. O pagador escolhe se quer pagar via c\u00f3digo de barras ou via Pix \u2014 o que for mais conveniente. O PlugBoleto gera o boleto h\u00edbrido nativamente nos bancos que suportam essa modalidade: Banco do Brasil, Caixa Econ\u00f4mica Federal, Sicoob e Sicredi. A funcionalidade est\u00e1 em expans\u00e3o para outros bancos.<\/span><\/p><\/div>\n\n                    <\/div>\n      <\/div>\n    <\/div>\n      <div class=\"bde-faq__item\">\n      <h3 class=\"bde-faq__title-tag\">\n       <button id=\"bde-faq-187-button-6\" aria-expanded=\"false\" aria-controls=\"bde-faq-187-6\" class=\"bde-faq__question js-faq-item\">\n          <span class=\"bde-faq__title\">6. Preciso passar por homologa\u00e7\u00f5es com cada banco para usar o PlugBoleto?<\/span>\n                           <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--inactive\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down-icon lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                            <\/div>\n         \t  <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--active\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-up-icon lucide-chevron-up\"><path d=\"m18 15-6-6-6 6\"\/><\/svg>\n                            <\/div>\n                  <\/button>\n      <\/h3>\n      <div role=\"region\" aria-labelledby=\"bde-faq-187-button-6\" id=\"bde-faq-187-6\" class=\"bde-faq__answer\">\n        <div class=\"bde-faq__answer-content\">\n            <div class=\"breakdance-rich-text-styles\"><p><span style=\"font-weight: 400;\">N\u00e3o. A TecnoSpeed j\u00e1 realizou todas as homologa\u00e7\u00f5es necess\u00e1rias com os bancos da lista. Ao integrar o PlugBoleto, voc\u00ea acessa todos esses bancos sem precisar negociar diretamente com cada institui\u00e7\u00e3o, sem assinar cartas banc\u00e1rias individualmente (em alguns casos) e sem passar por processos de credenciamento. Para bancos que exigem ativa\u00e7\u00e3o individual de WebService (como Bradesco e Santander), nossa equipe acompanha todo o processo.<\/span><\/p><\/div>\n\n                    <\/div>\n      <\/div>\n    <\/div>\n      <div class=\"bde-faq__item\">\n      <h3 class=\"bde-faq__title-tag\">\n       <button id=\"bde-faq-187-button-7\" aria-expanded=\"false\" aria-controls=\"bde-faq-187-7\" class=\"bde-faq__question js-faq-item\">\n          <span class=\"bde-faq__title\">7. O PlugBoleto tem ambiente de testes (sandbox)?<\/span>\n                           <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--inactive\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down-icon lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                            <\/div>\n         \t  <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--active\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-up-icon lucide-chevron-up\"><path d=\"m18 15-6-6-6 6\"\/><\/svg>\n                            <\/div>\n                  <\/button>\n      <\/h3>\n      <div role=\"region\" aria-labelledby=\"bde-faq-187-button-7\" id=\"bde-faq-187-7\" class=\"bde-faq__answer\">\n        <div class=\"bde-faq__answer-content\">\n            <div class=\"breakdance-rich-text-styles\"><p><span style=\"font-weight: 400;\">Sim. O PlugBoleto oferece um ambiente de homologa\u00e7\u00e3o completo para testes antes de ir para produ\u00e7\u00e3o. Voc\u00ea pode simular emiss\u00f5es, registros e retornos banc\u00e1rios sem gerar boletos reais. A documenta\u00e7\u00e3o inclui dados de teste espec\u00edficos por banco e um guia passo a passo para configurar o ambiente de homologa\u00e7\u00e3o.<\/span><\/p><\/div>\n\n                    <\/div>\n      <\/div>\n    <\/div>\n      <div class=\"bde-faq__item\">\n      <h3 class=\"bde-faq__title-tag\">\n       <button id=\"bde-faq-187-button-8\" aria-expanded=\"false\" aria-controls=\"bde-faq-187-8\" class=\"bde-faq__question js-faq-item\">\n          <span class=\"bde-faq__title\">8. Como funciona o suporte t\u00e9cnico do PlugBoleto?<\/span>\n                           <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--inactive\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down-icon lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                            <\/div>\n         \t  <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--active\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-up-icon lucide-chevron-up\"><path d=\"m18 15-6-6-6 6\"\/><\/svg>\n                            <\/div>\n                  <\/button>\n      <\/h3>\n      <div role=\"region\" aria-labelledby=\"bde-faq-187-button-8\" id=\"bde-faq-187-8\" class=\"bde-faq__answer\">\n        <div class=\"bde-faq__answer-content\">\n            <div class=\"breakdance-rich-text-styles\"><p><span style=\"font-weight: 400;\">O suporte do PlugBoleto \u00e9 de dev para dev: nossa equipe de +260 especialistas t\u00e9cnicos fala a sua l\u00edngua e conhece as regras da Febraban, os detalhes de WebService de cada banco e os processos de credenciamento banc\u00e1rio. Voc\u00ea n\u00e3o fica sem resposta quando o banco muda algo \u2014 a TecnoSpeed monitora e atualiza as integra\u00e7\u00f5es continuamente.<\/span><\/p><\/div>\n\n                    <\/div>\n      <\/div>\n    <\/div>\n  \n<\/div><div class=\"bde-div-18342-192 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-columns-18342-296 bde-columns\"><div class=\"bde-column-18342-297 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-badge-18342-201 bde-badge\">\n<span >Comece agora<\/span>\n<\/div><h2 class=\"bde-heading-18342-193 bde-heading\">\nCada boleto emitido manualmente \u00e9 tempo do seu time que poderia estar no core do seu ERP.\n<\/h2><div class=\"bde-text-18342-194 bde-text\">\nIntegrar a API de Boleto da TecnoSpeed \u00e9 a decis\u00e3o mais r\u00e1pida, mais barata e mais segura do que desenvolver e manter integra\u00e7\u00e3o banc\u00e1ria pr\u00f3pria. Com uma integra\u00e7\u00e3o, +40 bancos, WebService instant\u00e2neo e manuten\u00e7\u00e3o por conta da TecnoSpeed.\n<\/div>\n<\/div><div class=\"bde-column-18342-298 bde-column\">\n  \n  \n\t\n\n\n\n<img decoding=\"async\" class=\"bde-image2-18342-373 bde-image2\" src=\"https:\/\/tecnospeed.com.br\/wp-content\/uploads\/2026\/04\/logo-plugboleto.png\" loading=\"lazy\" srcset=\"https:\/\/tecnospeed.com.br\/wp-content\/uploads\/2026\/04\/logo-plugboleto.png 600w, https:\/\/tecnospeed.com.br\/wp-content\/uploads\/2026\/04\/logo-plugboleto-300x150.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\"><div class=\"bde-button-18342-195 bde-button\">\n    \n                                    \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--custom bde-button__button\" href=\"#form\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Falar com um especialista<\/span>\n\n                            \n        \n                <\/a>\n\n    \n\n\n<\/div><div class=\"bde-button-18342-247 bde-button\">\n    \n                                    \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--custom bde-button__button\" href=\"https:\/\/atendimento.tecnospeed.com.br\/hc\/pt-br\/categories\/360000550253-Boleto\" target=\"_blank\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Ver documenta\u00e7\u00e3o t\u00e9cnica da API<\/span>\n\n                            \n        \n                <\/a>\n\n    \n\n\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-18342-216 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><\/div>\n<\/section><section class=\"bde-section-18342-461 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-code-block-18342-462 bde-code-block\">\n\n  <!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Pr\u00eamios e certifica\u00e7\u00f5es \u2014 TecnoSpeed<\/title>\n<style>\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n.badges-section {\n  background: transparent;\n  padding: 0;\n}\n.container {\n  max-width: 1200px;\n  margin: 0 auto;\n  text-align: center;\n}\n.badges-row {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 3rem;\n  flex-wrap: wrap;\n}\n.badge {\n  max-height: 90px;\n  width: auto;\n  object-fit: contain;\n  transition: transform 0.4s ease;\n  cursor: pointer;\n}\n.badge:hover {\n  transform: scale(1.06);\n}\n@media (max-width: 768px) {\n  .badges-row { gap: 1.5rem; }\n  .badge { max-height: 70px; }\n}\n@media (max-width: 480px) {\n  .badges-row { flex-wrap: wrap; justify-content: center; }\n  .badge { max-height: 60px; }\n}\n<\/style>\n<\/head>\n<body>\n<section class=\"badges-section\" aria-label=\"Pr\u00eamios e certifica\u00e7\u00f5es\">\n  <div class=\"container\">\n    <div class=\"badges-row\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/gptw26.png\" alt=\"Selo Great Place to Work\" class=\"badge\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Badges\/selo-sesi-ods_bTJb58vc9.png\" alt=\"Selo SESI ODS\" class=\"badge\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Badges\/SELO-P.E.I_RaYWybrsi.png?updatedAt=1760537777514&ik-s=f5e33e5e90c30b9703b7abd5f3d099b3a6e80f54\" alt=\"Selo Pr\u00eamio Empresa Inovadora\" class=\"badge\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/Selo-Center-Collor-White.png\" alt=\"Selo Center Collor White\" class=\"badge\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Badges\/selo_136x48_XvI_iXaQ2v.svg?updatedAt=1760537777672&ik-s=7f455d94be7fa42243efbd155c9aa851f5bc8404\" alt=\"Selo Reclame Aqui\" class=\"badge\" loading=\"lazy\">\n    <\/div>\n  <\/div>\n<\/section>\n<script>\n(function () {\n  'use strict';\n  function animateBadgesOnScroll() {\n    const badges = document.querySelectorAll('.badge');\n    if (!badges.length) return;\n    badges.forEach((badge) => {\n      badge.style.opacity = '0';\n      badge.style.transform = 'translateY(20px)';\n      badge.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n    });\n    const observer = new IntersectionObserver(\n      (entries, observer) => {\n        entries.forEach((entry, index) => {\n          if (entry.isIntersecting) {\n            setTimeout(() => {\n              entry.target.style.opacity = '1';\n              entry.target.style.transform = 'translateY(0)';\n            }, index * 100);\n            observer.unobserve(entry.target);\n          }\n        });\n      },\n      { threshold: 0.3 }\n    );\n    badges.forEach((badge) => observer.observe(badge));\n  }\n  document.addEventListener('DOMContentLoaded', animateBadgesOnScroll);\n})();\n<\/script>\n<\/body>\n<\/html>\n\n\n<\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>< > CONHE\u00c7A O PLUGBOLETO API de boleto banc\u00e1rio para Software Houses: emita, registre e imprima em segundos.\u00a0 Conecte seu software a mais de 40 bancos homologados com uma \u00fanica integra\u00e7\u00e3o. Registro instant\u00e2neo via WebService Banc\u00e1rio e transmiss\u00e3o autom\u00e1tica por VAN integrada ao CNAB. Voc\u00ea deixa com a gente os layouts banc\u00e1rios, a gest\u00e3o de [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":17978,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"_oxygen_hide_in_design_set":false,"_oxygen_tags":"","footnotes":""},"class_list":["post-18342","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>API de Boleto para Software Houses - PlugBoleto TecnoSpeed<\/title>\n<meta name=\"description\" content=\"Conecte seu software a +40 bancos com uma \u00fanica API. Emita boletos com registro instant\u00e2neo via WebService e elimine arquivos manuais de remessa. Confira!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tecnospeed.com.br\/en\/plugbank\/plugboleto\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"API de Boleto para Software Houses: Reduza o Tempo de Dev\" \/>\n<meta property=\"og:description\" content=\"Conecte seu software a +40 bancos com uma \u00fanica API. Emita boletos com registro instant\u00e2neo via WebService e elimine arquivos manuais de remessa. Confira!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tecnospeed.com.br\/en\/plugbank\/plugboleto\/\" \/>\n<meta property=\"og:site_name\" content=\"TecnoSpeed | Mais software, menos esfor\u00e7o\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/tecnospeed\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-09T14:00:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tecnospeed.com.br\/wp-content\/uploads\/2023\/12\/Home-Site-TecnoSpeed_zS-20EDXx.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"627\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"22 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/tecnospeed.com.br\\\/plugbank\\\/plugboleto\\\/\",\"url\":\"https:\\\/\\\/tecnospeed.com.br\\\/plugbank\\\/plugboleto\\\/\",\"name\":\"API de Boleto para Software Houses - PlugBoleto TecnoSpeed\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/tecnospeed.com.br\\\/#website\"},\"datePublished\":\"2026-04-24T13:07:04+00:00\",\"dateModified\":\"2026-07-09T14:00:50+00:00\",\"description\":\"Conecte seu software a +40 bancos com uma \u00fanica API. Emita boletos com registro instant\u00e2neo via WebService e elimine arquivos manuais de remessa. Confira!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/tecnospeed.com.br\\\/plugbank\\\/plugboleto\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/tecnospeed.com.br\\\/plugbank\\\/plugboleto\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/tecnospeed.com.br\\\/plugbank\\\/plugboleto\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/tecnospeed.com.br\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PlugBank\",\"item\":\"https:\\\/\\\/tecnospeed.com.br\\\/plugbank\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"PlugBoleto\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/tecnospeed.com.br\\\/#website\",\"url\":\"https:\\\/\\\/tecnospeed.com.br\\\/\",\"name\":\"TecnoSpeed | Mais software, menos esfor\u00e7o\",\"description\":\"A Tecnospeed \u00e9 uma empresa especializada em solu\u00e7\u00f5es fiscais e de integra\u00e7\u00e3o para o setor de tecnologia. Conhe\u00e7a nossos servi\u00e7os e transforme sua empresa!\",\"publisher\":{\"@id\":\"https:\\\/\\\/tecnospeed.com.br\\\/#organization\"},\"alternateName\":\"Grupo TecnoSpeed\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/tecnospeed.com.br\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/tecnospeed.com.br\\\/#organization\",\"name\":\"TecnoSpeed S.A.\",\"alternateName\":\"Grupo TecnoSpeed\",\"url\":\"https:\\\/\\\/tecnospeed.com.br\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/tecnospeed.com.br\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/tecnospeed.com.br\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/cropped-favicon.png\",\"contentUrl\":\"https:\\\/\\\/tecnospeed.com.br\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/cropped-favicon.png\",\"width\":512,\"height\":512,\"caption\":\"TecnoSpeed S.A.\"},\"image\":{\"@id\":\"https:\\\/\\\/tecnospeed.com.br\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/tecnospeed\\\/\",\"https:\\\/\\\/www.instagram.com\\\/tecnospeedti\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"API de Boleto para Software Houses - PlugBoleto TecnoSpeed","description":"Conecte seu software a +40 bancos com uma \u00fanica API. Emita boletos com registro instant\u00e2neo via WebService e elimine arquivos manuais de remessa. Confira!","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:\/\/tecnospeed.com.br\/en\/plugbank\/plugboleto\/","og_locale":"en_US","og_type":"article","og_title":"API de Boleto para Software Houses: Reduza o Tempo de Dev","og_description":"Conecte seu software a +40 bancos com uma \u00fanica API. Emita boletos com registro instant\u00e2neo via WebService e elimine arquivos manuais de remessa. Confira!","og_url":"https:\/\/tecnospeed.com.br\/en\/plugbank\/plugboleto\/","og_site_name":"TecnoSpeed | Mais software, menos esfor\u00e7o","article_publisher":"https:\/\/www.facebook.com\/tecnospeed\/","article_modified_time":"2026-07-09T14:00:50+00:00","og_image":[{"width":1200,"height":627,"url":"https:\/\/tecnospeed.com.br\/wp-content\/uploads\/2023\/12\/Home-Site-TecnoSpeed_zS-20EDXx.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"22 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tecnospeed.com.br\/plugbank\/plugboleto\/","url":"https:\/\/tecnospeed.com.br\/plugbank\/plugboleto\/","name":"API de Boleto para Software Houses - PlugBoleto TecnoSpeed","isPartOf":{"@id":"https:\/\/tecnospeed.com.br\/#website"},"datePublished":"2026-04-24T13:07:04+00:00","dateModified":"2026-07-09T14:00:50+00:00","description":"Conecte seu software a +40 bancos com uma \u00fanica API. Emita boletos com registro instant\u00e2neo via WebService e elimine arquivos manuais de remessa. Confira!","breadcrumb":{"@id":"https:\/\/tecnospeed.com.br\/plugbank\/plugboleto\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tecnospeed.com.br\/plugbank\/plugboleto\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/tecnospeed.com.br\/plugbank\/plugboleto\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/tecnospeed.com.br\/"},{"@type":"ListItem","position":2,"name":"PlugBank","item":"https:\/\/tecnospeed.com.br\/plugbank\/"},{"@type":"ListItem","position":3,"name":"PlugBoleto"}]},{"@type":"WebSite","@id":"https:\/\/tecnospeed.com.br\/#website","url":"https:\/\/tecnospeed.com.br\/","name":"TecnoSpeed | Mais software, menos esfor\u00e7o","description":"A Tecnospeed \u00e9 uma empresa especializada em solu\u00e7\u00f5es fiscais e de integra\u00e7\u00e3o para o setor de tecnologia. Conhe\u00e7a nossos servi\u00e7os e transforme sua empresa!","publisher":{"@id":"https:\/\/tecnospeed.com.br\/#organization"},"alternateName":"Grupo TecnoSpeed","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tecnospeed.com.br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/tecnospeed.com.br\/#organization","name":"TecnoSpeed S.A.","alternateName":"Grupo TecnoSpeed","url":"https:\/\/tecnospeed.com.br\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tecnospeed.com.br\/#\/schema\/logo\/image\/","url":"https:\/\/tecnospeed.com.br\/wp-content\/uploads\/2023\/06\/cropped-favicon.png","contentUrl":"https:\/\/tecnospeed.com.br\/wp-content\/uploads\/2023\/06\/cropped-favicon.png","width":512,"height":512,"caption":"TecnoSpeed S.A."},"image":{"@id":"https:\/\/tecnospeed.com.br\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/tecnospeed\/","https:\/\/www.instagram.com\/tecnospeedti\/"]}]}},"_links":{"self":[{"href":"https:\/\/tecnospeed.com.br\/en\/wp-json\/wp\/v2\/pages\/18342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tecnospeed.com.br\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tecnospeed.com.br\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tecnospeed.com.br\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/tecnospeed.com.br\/en\/wp-json\/wp\/v2\/comments?post=18342"}],"version-history":[{"count":68,"href":"https:\/\/tecnospeed.com.br\/en\/wp-json\/wp\/v2\/pages\/18342\/revisions"}],"predecessor-version":[{"id":21673,"href":"https:\/\/tecnospeed.com.br\/en\/wp-json\/wp\/v2\/pages\/18342\/revisions\/21673"}],"up":[{"embeddable":true,"href":"https:\/\/tecnospeed.com.br\/en\/wp-json\/wp\/v2\/pages\/17978"}],"wp:attachment":[{"href":"https:\/\/tecnospeed.com.br\/en\/wp-json\/wp\/v2\/media?parent=18342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}