<!DOCTYPE html>
<html lang="pt-br">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="theme-color" content="#000000">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    
      <meta name="description" content="Seja um Revendedor B.ON: leve saúde e bem-estar através de roupas com tecnologia de Infravermelho Longo e tenha até 150% de margem de lucro.">
    

    
      <meta property="og:title" content="Seja um distribuidor B.ON!" />
      <meta name="twitter:title" content="Seja um distribuidor B.ON!" />
    

    
      <meta property="og:image" content="https://d335luupugsy2.cloudfront.net/images/landing_pages/8770631/1759344743117seja-distribuidor-b.on2.webp" />
      <meta name="twitter:image" content="https://d335luupugsy2.cloudfront.net/images/landing_pages/8770631/1759344743117seja-distribuidor-b.on2.webp" />
    

    
      <meta name="twitter:card" content="summary" />
    

    
      <meta property="og:description" content="Quer expandir seus negócios? Seja distribuidor B.ON e conte com produtos de alta qualidade, condições especiais e o respaldo de uma marca reconhecida. Faça parte de uma rede que só cresce!" />
      <meta name="twitter:description" content="Quer expandir seus negócios? Seja distribuidor B.ON e conte com produtos de alta qualidade, condições especiais e o respaldo de uma marca reconhecida. Faça parte de uma rede que só cresce!" />
    

    
      <link rel="canonical" href="https://materiais.bonoficial.com/pagina" />
    

    <title>Seja um Revendedor B.ON</title>

    
    <!-- Reset Browser Styles -->
    <style type="text/css" rel="stylesheet">
      html, body, div, span, applet, object, iframe,
      h1, h2, h3, h4, h5, h6, p, blockquote, pre,
      a, abbr, acronym, address, big, cite, code,
      del, dfn, em, img, ins, kbd, q, s, samp,
      small, strike, strong, sub, sup, tt, var,
      b, u, i, center,
      dl, dt, dd, ol, ul, li,
      fieldset, form, label, legend,
      table, caption, tbody, tfoot, thead, tr, th, td,
      article, aside, canvas, details, embed,
      figure, figcaption, footer, header, hgroup,
      menu, nav, output, ruby, section, summary,
      time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
      }

      article, aside, details, figcaption, figure,
      footer, header, hgroup, menu, nav, section {
        display: block;
      }

      body {
        line-height: 1;
      }

      img {
        vertical-align: middle;
      }

      ol, ul {
        list-style: none;
      }

      blockquote, q {
        quotes: none;
      }

      blockquote:before, blockquote:after,
      q:before, q:after {
        content: '';
        content: none;
      }

      table {
        border-collapse: collapse;
        border-spacing: 0;
      }

      b, strong {
        font-weight: bold;
      }

      i, em {
        font-style: italic;
      }
    </style>

    <!-- Bricks Main Styles -->
    <style type="text/css" rel="stylesheet">
      * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }

      body {
        background-color: #FFFFFF;
        color: #333333;
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-size: 16px;
        line-height: 1.42857;
      }

      h1, h2, h3, h4, h5, h6 {
        font-family: inherit;
        font-weight: 500;
        line-height: 1.2;
        color: inherit;
      }

      h1 { font-size: 41px; }
      h2 { font-size: 34px; }
      h3 { font-size: 28px; }
      h4 { font-size: 20px; }
      h5 { font-size: 16px; }
      h6 { font-size: 14px; }

      .bricks--page {
        width: 100%;
      }

      .bricks--section {
        width: 100%;
      }

      .bricks--section > div {
        margin-left: auto;
        margin-right: auto;
      }

      .bricks--row {
        display: flex;
        flex-flow: column nowrap;
      }

      .bricks--column > div {
        height: 100%;
        display: flex;
        flex-direction: column;
      }

      .bricks--component-box {
        display: flex;
        flex-flow: column nowrap;
        width: 100%;
      }

      @media screen and (min-width: 768px) {
        .bricks--row {
          flex-flow: row nowrap;
        }
      }
    </style>

    <!-- Bricks Component Form Styles -->
    <style type="text/css" rel="stylesheet">
      .bricks-form {
        height: auto;
        width: 100%;
      }

      .bricks-form__fieldset {
        display: flex;
        flex-flow: row wrap;
        margin-left: -5px;
        margin-right: -5px;
      }

      .bricks-form__field {
        display: flex;
        width: 100%;
        flex-grow: 1;
        flex-direction: column;
      }

      .bricks-form__field--hidden {
        display: none;
      }

      .bricks-form__label {
        position: relative !important;
        display: inline-block;
        max-width: 100%;
        margin-bottom: 0.4em;
        line-height: 1.25;
        vertical-align: middle;
      }

      .bricks-form__input {
        display: block;
        width: 100%;
        padding: 0 0.5em;
        line-height: 1.42857;
      }

      .bricks-form__input.error {
        border: 1px solid red !important;
      }

      .bricks-form__field__option .bricks-form__label {
        padding-left: 1.33em;
        margin-bottom: 0.2em;
      }

      .bricks-form__field__option .bricks-form__label input[type="checkbox"],
      .bricks-form__field__option .bricks-form__label input[type="radio"] {
        margin: 0px 0px 0px -1.33em;
      }

      .bricks-form__submit {
        position: relative;
      }
    </style>

    
    
    
    <link rel="preload" href="https://fonts.googleapis.com/css?family=Bitter|Cabin|Crimson+Text|Droid+Sans|Droid+Serif|Lato|Lobster|Montserrat|Old+Standard+TT|Open+Sans|Oswald|Pacifico|Playfair+Display|PT+Sans|Raleway|Rubik|Source+Sans+Pro|Ubuntu|Roboto" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.2/select2.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript>
      <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bitter|Cabin|Crimson+Text|Droid+Sans|Droid+Serif|Lato|Lobster|Montserrat|Old+Standard+TT|Open+Sans|Oswald|Pacifico|Playfair+Display|PT+Sans|Raleway|Rubik|Source+Sans+Pro|Ubuntu|Roboto">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.2/select2.min.css">
    </noscript>

    <!-- Bricks Static Shared Styles -->
<style type="text/css" rel="stylesheet">
   .bricks--component-video div {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    line-height: 0;
    box-sizing: border-box;
  }

   .bricks--component-video div iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
</style>

    

<!-- Bricks Static Text Styles -->
<style type="text/css" rel="stylesheet">

   .bricks--component-text {
    color: #333;
    line-height: 1.42;
    overflow: hidden;
    word-wrap: break-word;
  }

   .bricks--component-text a {
    color: #31a2ff;
    text-decoration: none;
  }

   .bricks--component-text sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

   .bricks--component-text sub {
    bottom: -0.25em;
  }

   .bricks--component-text sup {
    top: -0.5em;
  }

   .bricks--component-text ol, 
   .bricks--component-text ul {
    padding-left: 1.5em;
  }

   .bricks--component-text ol > li,
   .bricks--component-text ul > li {
    list-style-type: none;
  }

   .bricks--component-text ul > li::before {
    content: '\2022';
  }

   .bricks--component-text li::before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em;
  }

   .bricks--component-text li:not(.ql-direction-rtl)::before {
    margin-left: -1.5em;
    margin-right: 0.3em;
    text-align: right;
  }

   .bricks--component-text li.ql-direction-rtl::before {
    margin-left: 0.3em;
    margin-right: -1.5em;
  }

   .bricks--component-text ol li:not(.ql-direction-rtl),
   .bricks--component-text ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em;
  }

   .bricks--component-text ol li.ql-direction-rtl,
   .bricks--component-text ul li.ql-direction-rtl {
    padding-right: 1.5em;
  }

   .bricks--component-text ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0;
  }

   .bricks--component-text ol li:before {
    content: counter(list-0, decimal) '. ';
  }

   .bricks--component-text ol li.ql-indent-1 {
    counter-increment: list-1;
  }

   .bricks--component-text ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) '. ';
  }

   .bricks--component-text ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }

   .bricks--component-text ol li.ql-indent-2 {
    counter-increment: list-2;
  }

   .bricks--component-text ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) '. ';
  }

   .bricks--component-text ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }

   .bricks--component-text ol li.ql-indent-3 {
    counter-increment: list-3;
  }

   .bricks--component-text ol li.ql-indent-3:before {
    content: counter(list-3, decimal) '. ';
  }

   .bricks--component-text ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }

   .bricks--component-text ol li.ql-indent-4 {
    counter-increment: list-4;
  }

   .bricks--component-text ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) '. ';
  }

   .bricks--component-text ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }

   .bricks--component-text ol li.ql-indent-5 {
    counter-increment: list-5;
  }

   .bricks--component-text ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) '. ';
  }

   .bricks--component-text ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }

   .bricks--component-text ol li.ql-indent-6 {
    counter-increment: list-6;
  }

   .bricks--component-text ol li.ql-indent-6:before {
    content: counter(list-6, decimal) '. ';
  }

   .bricks--component-text ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }

   .bricks--component-text ol li.ql-indent-7 {
    counter-increment: list-7;
  }

   .bricks--component-text ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) '. ';
  }

   .bricks--component-text ol li.ql-indent-7 {
    counter-reset: list-8 list-9;
  }

   .bricks--component-text ol li.ql-indent-8 {
    counter-increment: list-8;
  }

   .bricks--component-text ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) '. ';
  }

   .bricks--component-text ol li.ql-indent-8 {
    counter-reset: list-9;
  }

   .bricks--component-text ol li.ql-indent-9 {
    counter-increment: list-9;
  }

   .bricks--component-text ol li.ql-indent-9:before {
    content: counter(list-9, decimal) '. ';
  }

   .bricks--component-text .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em;
  }

   .bricks--component-text li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em;
  }

   .bricks--component-text .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em;
  }

   .bricks--component-text li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em;
  }

   .bricks--component-text .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em;
  }

   .bricks--component-text li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em;
  }

   .bricks--component-text .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em;
  }

   .bricks--component-text li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em;
  }

   .bricks--component-text .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em;
  }

   .bricks--component-text li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em;
  }

   .bricks--component-text .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em;
  }

   .bricks--component-text li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em;
  }

   .bricks--component-text .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em;
  }

   .bricks--component-text li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em;
  }

   .bricks--component-text .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em;
  }

   .bricks--component-text li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em;
  }

   .bricks--component-text .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em;
  }

   .bricks--component-text li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em;
  }

   .bricks--component-text .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em;
  }

   .bricks--component-text li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em;
  }

   .bricks--component-text .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em;
  }

   .bricks--component-text li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em;
  }

   .bricks--component-text .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em;
  }

   .bricks--component-text li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em;
  }

   .bricks--component-text .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em;
  }

   .bricks--component-text li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em;
  }

   .bricks--component-text .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em;
  }

   .bricks--component-text li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em;
  }

   .bricks--component-text .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em;
  }

   .bricks--component-text li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em;
  }

   .bricks--component-text .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em;
  }

   .bricks--component-text li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em;
  }

   .bricks--component-text .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em;
  }

   .bricks--component-text li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em;
  }

   .bricks--component-text .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em;
  }

   .bricks--component-text li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em;
  }

   .bricks--component-text .ql-direction-rtl {
    direction: rtl;
    text-align: inherit;
  }
  
</style>


    <!-- Defines page width style to row components -->
    <style>
      .bricks--section > div {
        max-width: 960px;
      }
    </style>
    
    
    
    
      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
      <script type="text/javascript" src="https://d335luupugsy2.cloudfront.net/js/jquery.validate/1.9/jquery.validate.min.js"></script>
      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.2/select2.min.js"></script>
      <script type="text/javascript" src="https://d335luupugsy2.cloudfront.net/js/lead-tracking/stable/plugins/jquery.cookie.v1.4.1.min.js"></script>
      <script type="text/javascript" src="https://d335luupugsy2.cloudfront.net/js/lead-tracking/stable/plugins/math.uuid.v1.4.min.js"></script>
    

    <script type="text/javascript"> </script>

<link rel="shortcut icon" type="image/png" href="https://s10.aconvert.com/convert/p3r68-cdx67/ak5bm-sobyq.jpg">

    

  </head>
  <body>
    
      <input type="hidden" id="ga4-measurement-id" value="G-5787ZECCED">
      <input type="hidden" id="has-gtm" value="false">
    

    <div class="bricks--container">
      <div class="bricks--page">
        

<style type="text/css" rel="stylesheet">
  
    #rd-section-jwi6t9iq {
      
            background-image: linear-gradient(to bottom, rgba(0,0,0,0.62) 0%, rgba(0,0,0,0.62) 100%), url(https://d335luupugsy2.cloudfront.net/cms/files/1072870/1785265526/$2ncoq6er4bj);
            background-position-x: 50%;
            background-position-y: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: scroll;
          
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-jwi6t9iq > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
    
      @media (max-width: 480px) {
        #rd-section-jwi6t9iq {
          border-bottom-style: none;
          border-color: #000000;
          border-left-style: none;
          border-radius: 0px;
          border-right-style: none;
          border-top-style: none;
          border-width: 1px;
        }
      }

      #rd-section-jwi6t9iq > div:not(.bricks--row) {
        min-height: 0px;
      }
    
  
</style>

<section id="rd-section-jwi6t9iq" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-mg9r9f3x {
      min-height: 70px;
    }

    #rd-row-mg9r9f3x .bricks--column > div {
      min-height: 70px;
    }

    @media (max-width: 480px) {
      #rd-row-mg9r9f3x.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg9r9f3x.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg9r9f3x" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg9r9mbc {
      flex: 12 0 0;
    }

    #rd-column-mg9r9mbc > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg9r9mbc > div {
        min-height: auto !important;
      }
    }
  

  
    
      @media (max-width: 480px) {
        #rd-column-mg9r9mbc > div {
          padding-top: 0px;
          padding-right: 10px;
          padding-bottom: 0px;
          padding-left: 10px;
        }
      }
    
  
</style>

<div id="rd-column-mg9r9mbc" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-mg9ru2ho {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: flex-start;
      max-width: 120px;
    }

    #rd-image-mg9ru2ho a,
    #rd-image-mg9ru2ho img {
      width: 120px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-mg9ru2ho {
        align-self: center;
      }
    }
  

  
    
      @media (max-width: 480px) {
        #rd-image-mg9ru2ho {
          margin-top: 40px;
          margin-bottom: 40px;
          align-self: flex-start;
          max-width: 98px;
        }

        #rd-image-mg9ru2ho a,
        #rd-image-mg9ru2ho img {
          width: 98px;
          max-width: 100%;
          height: auto;
          border-bottom-style: none;
          border-color: #000000;
          border-left-style: none;
          border-radius: 0px;
          border-right-style: none;
          border-top-style: none;
          border-width: 1px;
        }
      }
    
  
</style>



<div id="rd-image-mg9ru2ho" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1759430088/$9xp3q6ml7tm" alt="">

  
</div>

  </div>
</div>

</div>


<style type="text/css" rel="stylesheet">
  
    #rd-row-jwi6t9ir {
      min-height: 504px;
    }

    #rd-row-jwi6t9ir .bricks--column > div {
      min-height: 504px;
    }

    @media (max-width: 480px) {
      #rd-row-jwi6t9ir.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-jwi6t9ir.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-jwi6t9ir" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-jwi6t9is {
      flex: 12 0 0;
    }

    #rd-column-jwi6t9is > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-jwi6t9is > div {
        min-height: auto !important;
      }
    }
  

  
    
      @media (max-width: 480px) {
        #rd-column-jwi6t9is > div {
          padding-top: 0px;
          padding-right: 5px;
          padding-bottom: 0px;
          padding-left: 10px;
        }
      }
    
  
</style>

<div id="rd-column-jwi6t9is" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-mg9ramv9 {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto54px;
      max-width: 499px;
      margin-top: 40px;
      margin-bottom: 10px;
      align-self: flex-start;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg9ramv9" class="bricks--component bricks--component-text rd-text">
  <h1><strong style="color: rgb(255, 255, 255);">A primeira marca de vendas diretas com tecnologia em cada peça.</strong></h1>
</div>



<style type="text/css" rel="stylesheet">
  
    #rd-text-jwi6z3op {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-25px;
      max-width: 488px;
      margin-top: -1px;
      margin-bottom: 10px;
      align-self: flex-start;
      width: 100%;
      word-break: break-word;
    }
  

  
    
      #rd-text-jwi6z3op.mobile {
        display: none;
      }

      @media (max-width: 480px) {
         #rd-text-jwi6z3op {
          display: none;
        }

        #rd-text-jwi6z3op.mobile {
          display: block;
          max-width: 636px;
          margin-top: -1px;
          margin-bottom: 10px;
        }
      }
    
  
</style>

<div id="rd-text-jwi6z3op" class="bricks--component bricks--component-text rd-text">
  <p><span style="color: rgba(255, 255, 255, 0.84); font-size: 17px; background-color: transparent;">Enquanto o mercado vende roupa, você vende saúde. Com </span><strong style="color: rgb(255, 255, 255); font-size: 17px; background-color: transparent;">150% de lucro na revenda</strong><span style="color: rgba(255, 255, 255, 0.84); font-size: 17px; background-color: transparent;">, </span><strong style="color: rgb(255, 255, 255); font-size: 17px; background-color: transparent;">25% de cashback</strong><span style="color: rgba(255, 255, 255, 0.84); font-size: 17px; background-color: transparent;"> na sua loja virtual e mais de </span><strong style="color: rgb(255, 255, 255); font-size: 17px; background-color: transparent;">22 benefícios comprovados</strong><span style="color: rgba(255, 255, 255, 0.84); font-size: 17px; background-color: transparent;"> em cada peça que sai da sua mão.</span></p>
</div>


  <div id="rd-text-jwi6z3op" class="bricks--component bricks--component-text mobile rd-text">
    <p><span style="color: rgb(253, 253, 253);">Junte-se a mais de 2.000 distribuidores de sucesso e conquiste</span></p><p><span style="color: rgb(253, 253, 253);">&nbsp;uma margem de lucro inicial GARANTIDA com roupas&nbsp;</span></p><p><span style="color: rgb(253, 253, 253);">de vestuário voltadas ao bem-estar e saúde.&nbsp;&nbsp;</span></p>
  </div>



<style type="text/css" rel="stylesheet">
  
    a#rd-button-jwi6tlsk {
      display: flex;
      flex-direction: column;
    }

    #rd-button-jwi6tlsk.bricks--component-button {
      -ms-flex-align: center;
      -ms-flex-direction: column;
      -ms-flex-pack: center;
      align-self: flex-start;
      background-color: #1b8936;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 42px;
      border-right-style: none;
      border-top-style: none;
      border-width: 0px;
      
          box-shadow: 0px
                      0px
                      0px
                      0px
                      #cccccc;
        ;
      color: #FFFFFF;
      cursor: pointer;
      font-family: Lato, sans-serif;
      font-size: 21px;
      font-style: normal;
      font-weight: normal;
      height: 48px;
      justify-content: center;
      line-height: 1.42857;
      margin-bottom: 1px;
      margin-top: 10px;
      max-width: 298px;
      text-align: center;
      text-decoration: none;
      width: 100%;
      padding-right: 10px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-button-jwi6tlsk {
        height: auto;
        padding-top: 0.66em;
        padding-bottom: 0.66em;
      }
    }
  

  
</style>


  <a
    class="bricks--component bricks--component-button rd-button"
    href="#rd-form-joq3m2vy"
    id="rd-button-jwi6tlsk"
    target="_self"
    title=""
  >
    Quero ser um Revendedor
  </a>



<style type="text/css" rel="stylesheet">
  
    a#rd-button-mh4sj1wa {
      display: flex;
      flex-direction: column;
    }

    #rd-button-mh4sj1wa.bricks--component-button {
      -ms-flex-align: center;
      -ms-flex-direction: column;
      -ms-flex-pack: center;
      align-self: flex-start;
      background-color: #1b6889;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 42px;
      border-right-style: none;
      border-top-style: none;
      border-width: 0px;
      
          box-shadow: 0px
                      0px
                      0px
                      0px
                      #cccccc;
        ;
      color: #FFFFFF;
      cursor: pointer;
      font-family: Lato, sans-serif;
      font-size: 21px;
      font-style: normal;
      font-weight: normal;
      height: 49px;
      justify-content: center;
      line-height: 1.42857;
      margin-bottom: 1px;
      margin-top: 10px;
      max-width: 296px;
      text-align: center;
      text-decoration: none;
      width: 100%;
      padding-right: 10px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-button-mh4sj1wa {
        height: auto;
        padding-top: 0.66em;
        padding-bottom: 0.66em;
      }
    }
  

  
</style>


  <a
    class="bricks--component bricks--component-button rd-button"
    href="https://comprebon.com/publico"
    id="rd-button-mh4sj1wa"
    target="_self"
    title=""
  >
    Área do Revendedor B.ON
  </a>



<style type="text/css" rel="stylesheet">
  
    a#rd-button-mg9rdtcv {
      display: flex;
      flex-direction: column;
    }

    #rd-button-mg9rdtcv.bricks--component-button {
      -ms-flex-align: center;
      -ms-flex-direction: column;
      -ms-flex-pack: center;
      align-self: flex-start;
      background-color: #031a0c;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 42px;
      border-right-style: none;
      border-top-style: none;
      border-width: 0px;
      
          box-shadow: 0px
                      0px
                      0px
                      0px
                      #cccccc;
        ;
      color: #FFFFFF;
      cursor: pointer;
      font-family: Lato, sans-serif;
      font-size: 21px;
      font-style: normal;
      font-weight: normal;
      height: 55px;
      justify-content: center;
      line-height: 1.42857;
      margin-bottom: 10px;
      margin-top: 10px;
      max-width: 294px;
      text-align: center;
      text-decoration: none;
      width: 100%;
      padding-right: 10px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-button-mg9rdtcv {
        height: auto;
        padding-top: 0.66em;
        padding-bottom: 0.66em;
      }
    }
  

  
</style>


  <a
    class="bricks--component bricks--component-button rd-button"
    href="https://comprebon.com/loja/"
    id="rd-button-mg9rdtcv"
    target="_blank"
    title=""
  >
    Conheça nossos produtos
  </a>


  </div>
</div>

</div>


<style type="text/css" rel="stylesheet">
  
    #rd-row-mg82cjux {
      min-height: 50px;
    }

    #rd-row-mg82cjux .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-mg82cjux.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg82cjux.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg82cjux" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg82cjuy {
      flex: 12 0 0;
    }

    #rd-column-mg82cjuy > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg82cjuy > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg82cjuy" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-mg82d2hm {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: 0px;
      max-width: 200px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg82d2hm" class="bricks--component bricks--component-text rd-text">
  <p><br></p><p><br></p><p><br></p><p><br></p>
</div>



  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-mg9r9a7j {
      
          background-color: transparent;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-mg9r9a7j > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-mg9r9a7j" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-mg9r9a7k {
      min-height: 50px;
    }

    #rd-row-mg9r9a7k .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-mg9r9a7k.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg9r9a7k.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg9r9a7k" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg9r9a7l {
      flex: 12 0 0;
    }

    #rd-column-mg9r9a7l > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg9r9a7l > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg9r9a7l" class="bricks--column rd-column">
  <div>
    
  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-ms6cm1w9 {
      
          background-color: transparent;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-ms6cm1w9 > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-ms6cm1w9" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-ms6cm1wa {
      min-height: 134px;
    }

    #rd-row-ms6cm1wa .bricks--column > div {
      min-height: 134px;
    }

    @media (max-width: 480px) {
      #rd-row-ms6cm1wa.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-ms6cm1wa.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-ms6cm1wa" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms6cm1wb {
      flex: 12 0 0;
    }

    #rd-column-ms6cm1wb > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms6cm1wb > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms6cm1wb" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-ms6cm1wc {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-140px;
      max-width: 836px;
      margin-top: 23px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-ms6cm1wc" class="bricks--component bricks--component-text rd-text">
  <p><strong style="font-size: 20px; font-family: Roboto, sans-serif;">100% com infravermelho longo: </strong><span style="font-size: 16px; font-family: Roboto, sans-serif;">Somos a primeira empresa de vendas diretas com tecnologia em todas as Roupas.</span></p><p><br></p><p><strong style="font-size: 14px; background-color: rgb(248, 248, 247); color: rgb(35, 35, 35); font-family: Roboto, sans-serif;">O que você ganha</strong></p><h2><strong style="font-size: 35px; font-family: Roboto, sans-serif;">Três motivos que ninguém</strong></h2><h2><strong style="font-size: 35px; font-family: Roboto, sans-serif;">mais consegue oferecer junto.</strong></h2>
</div>



  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-ms6bxpa8 {
      
          background-color: transparent;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-ms6bxpa8 > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-ms6bxpa8" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-ms6bxpa9 {
      min-height: 203px;
    }

    #rd-row-ms6bxpa9 .bricks--column > div {
      min-height: 203px;
    }

    @media (max-width: 480px) {
      #rd-row-ms6bxpa9.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-ms6bxpa9.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-ms6bxpa9" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms6bxpaa {
      flex: 4 0 0;
    }

    #rd-column-ms6bxpaa > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms6bxpaa > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms6bxpaa" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-ms6bxpah {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 300px;
    }

    #rd-image-ms6bxpah a,
    #rd-image-ms6bxpah img {
      width: 300px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-ms6bxpah {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-ms6bxpah" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1785342603/$x92ic4xpwdk" alt="">

  
</div>

  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-ms6bxpag {
      flex: 4 0 0;
    }

    #rd-column-ms6bxpag > div {
      
          background-color: transparent;
        
      justify-content: flex-start;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms6bxpag > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms6bxpag" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-ms6bxpak {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 300px;
    }

    #rd-image-ms6bxpak a,
    #rd-image-ms6bxpak img {
      width: 300px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-ms6bxpak {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-ms6bxpak" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1785342603/$7xxtmwmwpji" alt="">

  
</div>

  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-ms6bxpaj {
      flex: 4 0 0;
    }

    #rd-column-ms6bxpaj > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms6bxpaj > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms6bxpaj" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-ms6bxpab {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 300px;
    }

    #rd-image-ms6bxpab a,
    #rd-image-ms6bxpab img {
      width: 300px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-ms6bxpab {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-ms6bxpab" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1785342603/$wd42ah4d4cl" alt="">

  
</div>

  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-mg6uf743 {
      
          background-color: #ffffff;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-mg6uf743 > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-mg6uf743" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-mg6uf744 {
      min-height: 51px;
    }

    #rd-row-mg6uf744 .bricks--column > div {
      min-height: 51px;
    }

    @media (max-width: 480px) {
      #rd-row-mg6uf744.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg6uf744.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg6uf744" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms5zvo2s {
      flex: 12 0 0;
    }

    #rd-column-ms5zvo2s > div {
      
          background-color: #fdfdfd;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms5zvo2s > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms5zvo2s" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-ms6cxfd4 {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 940px;
    }

    #rd-image-ms6cxfd4 a,
    #rd-image-ms6cxfd4 img {
      width: 940px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-ms6cxfd4 {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-ms6cxfd4" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1785342603/$fami38nxcoo" alt="">

  
</div>


<style type="text/css" rel="stylesheet">
  
    a#rd-button-ms5zvo2t {
      display: flex;
      flex-direction: column;
    }

    #rd-button-ms5zvo2t.bricks--component-button {
      -ms-flex-align: center;
      -ms-flex-direction: column;
      -ms-flex-pack: center;
      align-self: center;
      background-color: #000000;
      border-bottom-style: solid;
      border-color: #ffffff;
      border-left-style: solid;
      border-radius: 100px;
      border-right-style: solid;
      border-top-style: solid;
      border-width: 1px;
      
          box-shadow: 0px
                      0px
                      0px
                      0px
                      #cccccc;
        ;
      color: #FFFFFF;
      cursor: pointer;
      font-family: Lato, sans-serif;
      font-size: 20px;
      font-style: normal;
      font-weight: bold;
      height: 44px;
      justify-content: center;
      line-height: 1.42857;
      margin-bottom: 10px;
      margin-top: 10px;
      max-width: 369px;
      text-align: center;
      text-decoration: none;
      width: 100%;
      padding-right: 10px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-button-ms5zvo2t {
        height: auto;
        padding-top: 0.66em;
        padding-bottom: 0.66em;
      }
    }
  

  
</style>


  <a
    class="bricks--component bricks--component-button rd-button"
    href="#rd-form-joq3m2vy"
    id="rd-button-ms5zvo2t"
    target="_self"
    title=""
  >
    Descubra agora!
  </a>


  </div>
</div>

</div>


<style type="text/css" rel="stylesheet">
  
    #rd-row-ms67bl3g {
      min-height: 50px;
    }

    #rd-row-ms67bl3g .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-ms67bl3g.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-ms67bl3g.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-ms67bl3g" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms67bl3h {
      flex: 12 0 0;
    }

    #rd-column-ms67bl3h > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms67bl3h > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms67bl3h" class="bricks--column rd-column">
  <div>
    
  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-ms6dnf9w {
      
          background-color: transparent;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-ms6dnf9w > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-ms6dnf9w" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-ms6dnf9x {
      min-height: 50px;
    }

    #rd-row-ms6dnf9x .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-ms6dnf9x.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-ms6dnf9x.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-ms6dnf9x" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms6dnf9y {
      flex: 12 0 0;
    }

    #rd-column-ms6dnf9y > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms6dnf9y > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms6dnf9y" class="bricks--column rd-column">
  <div>
    
  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-ms6g28rl {
      
          background-color: #c6c6c6;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-ms6g28rl > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-ms6g28rl" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-ms6g28rm {
      min-height: 75px;
    }

    #rd-row-ms6g28rm .bricks--column > div {
      min-height: 75px;
    }

    @media (max-width: 480px) {
      #rd-row-ms6g28rm.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-ms6g28rm.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-ms6g28rm" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms6g28rn {
      flex: 12 0 0;
    }

    #rd-column-ms6g28rn > div {
      
          background-color: #c6c6c6;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms6g28rn > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms6g28rn" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-ms6g28ro {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-23px;
      max-width: 765px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-ms6g28ro" class="bricks--component bricks--component-text rd-text">
  <p><br></p><p><strong style="font-size: 17px; font-family: Roboto, sans-serif;">O diferencial</strong></p><p><br></p><h2><strong style="font-size: 35px; font-family: Roboto, sans-serif;">Não é tecido. É tecnologia de vestir.</strong></h2>
</div>



  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-ms6f1xwx {
      
          background-color: #c6c6c6;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-ms6f1xwx > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-ms6f1xwx" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-ms6f1xwy {
      min-height: 701px;
    }

    #rd-row-ms6f1xwy .bricks--column > div {
      min-height: 701px;
    }

    @media (max-width: 480px) {
      #rd-row-ms6f1xwy.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-ms6f1xwy.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-ms6f1xwy" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms6f1xwz {
      flex: 6 0 0;
    }

    #rd-column-ms6f1xwz > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms6f1xwz > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms6f1xwz" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-ms6f1xx0 {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 423px;
    }

    #rd-image-ms6f1xx0 a,
    #rd-image-ms6f1xx0 img {
      width: 423px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-ms6f1xx0 {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-ms6f1xx0" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1785323973/$f926fpzfe7h" alt="">

  
</div>

  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-ms6f1xx1 {
      flex: 6 0 0;
    }

    #rd-column-ms6f1xx1 > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms6f1xx1 > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms6f1xx1" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-ms6fxofg {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 345px;
    }

    #rd-image-ms6fxofg a,
    #rd-image-ms6fxofg img {
      width: 345px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-ms6fxofg {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-ms6fxofg" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1785342603/$14061gq3zmkh" alt="">

  
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-image-ms6fzpmt {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 345px;
    }

    #rd-image-ms6fzpmt a,
    #rd-image-ms6fzpmt img {
      width: 345px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-ms6fzpmt {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-ms6fzpmt" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1785342603/$6o608pg39hf" alt="">

  
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-image-ms6g05qu {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 358px;
    }

    #rd-image-ms6g05qu a,
    #rd-image-ms6g05qu img {
      width: 358px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-ms6g05qu {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-ms6g05qu" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1785342603/$lwt7f5vnjci" alt="">

  
</div>

  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-ms60wtdf {
      
          background-color: #c6c6c6;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-ms60wtdf > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-ms60wtdf" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-ms60wtdg {
      min-height: 99px;
    }

    #rd-row-ms60wtdg .bricks--column > div {
      min-height: 99px;
    }

    @media (max-width: 480px) {
      #rd-row-ms60wtdg.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-ms60wtdg.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-ms60wtdg" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms60wtdh {
      flex: 12 0 0;
    }

    #rd-column-ms60wtdh > div {
      
          background-color: #c6c6c6;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms60wtdh > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms60wtdh" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-ms61ku3d {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-23px;
      max-width: 765px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-ms61ku3d" class="bricks--component bricks--component-text rd-text">
  <p><strong style="color: rgb(0, 0, 0); font-size: clamp(18px, 2vw, 23px); font-family: Roboto, sans-serif;">﻿Tecnologia permanente. </strong><span style="color: rgb(0, 0, 0); font-size: 15.5px; font-family: Roboto, sans-serif;">A incorporação é molecular: a biocerâmica permanece ativa por toda a vida útil da peça, mesmo após múltiplas lavagens. É o argumento que fecha a venda e traz o cliente de volta.</span></p>
</div>



  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-ms61kq69 {
      
          background-color: #c6c6c6;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-ms61kq69 > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-ms61kq69" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-ms61kq6a {
      min-height: 50px;
    }

    #rd-row-ms61kq6a .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-ms61kq6a.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-ms61kq6a.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-ms61kq6a" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms61kq6b {
      flex: 12 0 0;
    }

    #rd-column-ms61kq6b > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms61kq6b > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms61kq6b" class="bricks--column rd-column">
  <div>
    
  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-ms62l77w {
      
          background-color: #2f2f2f;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-ms62l77w > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-ms62l77w" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-ms62l77x {
      min-height: 50px;
    }

    #rd-row-ms62l77x .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-ms62l77x.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-ms62l77x.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-ms62l77x" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms62l77y {
      flex: 12 0 0;
    }

    #rd-column-ms62l77y > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms62l77y > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms62l77y" class="bricks--column rd-column">
  <div>
    
  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-ms60ukir {
      
          background-color: #2f2f2f;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-ms60ukir > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-ms60ukir" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-ms60ukj0 {
      min-height: 343px;
    }

    #rd-row-ms60ukj0 .bricks--column > div {
      min-height: 343px;
    }

    @media (max-width: 480px) {
      #rd-row-ms60ukj0.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-ms60ukj0.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-ms60ukj0" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms61xk7q {
      flex: 6 0 0;
    }

    #rd-column-ms61xk7q > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms61xk7q > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms61xk7q" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-ms61xubi {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-233px;
      max-width: 460px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-ms61xubi" class="bricks--component bricks--component-text rd-text">
  <p><strong style="font-size: 12px; background-color: transparent; color: rgb(255, 255, 255);">Veja por dentro</strong></p><p><br></p><h2><strong style="color: rgb(255, 255, 255);">Entenda o negócio em poucos minutos.</strong></h2><p><br></p><p><span style="color: rgb(255, 255, 255);">Assista antes de decidir. É a forma mais rápida de entender como a tecnologia funciona e por que ela vende sozinha na mão de quem sabe explicar.</span></p><p><br></p><p><em style="color: rgb(255, 255, 255);">Como a tecnologia B.ON funciona na prática</em></p><p><em style="color: rgb(255, 255, 255);">Como o revendedor monta a operação dele</em></p><p><em style="color: rgb(255, 255, 255);">O que muda quando o cliente experimenta</em></p>
</div>



  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-ms60ukj1 {
      flex: 6 0 0;
    }

    #rd-column-ms60ukj1 > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms60ukj1 > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms60ukj1" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-video-ms60ukj3 {
      margin-top: 50px;
      margin-bottom: 50px;
      align-self: center;
      width: 560px;
      max-width: 100%;
    }

    #rd-video-ms60ukj3 iframe {
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
  

  
    
      @media (max-width: 480px) {
        #rd-video-ms60ukj3 {
        margin-top: 10px;
        margin-bottom: 10px;
        align-self: center;
        width: 960px;
      }

      #rd-video-ms60ukj3 iframe {
        border-bottom-style: none;
        border-color: #000000;
        border-left-style: none;
        border-radius: 0px;
        border-right-style: none;
        border-top-style: none;
        border-width: 1px;
      }
      }
    
  
</style>

<div id="rd-video-ms60ukj3" class="bricks--component bricks--component-video rd-video">
  <div>
    <iframe src="https://www.youtube.com/embed/agouzy8rxwU?&rel=0&autoplay=1&mute=1" frameborder="0"
            allow="autoplay; accelerometer; encrypted-media; gyroscope; fullscreen; picture-in-picture"
            allowfullscreen>
    </iframe>
  </div>
</div>

  </div>
</div>

</div>


<style type="text/css" rel="stylesheet">
  
    #rd-row-ms60ukj4 {
      min-height: 50px;
    }

    #rd-row-ms60ukj4 .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-ms60ukj4.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-ms60ukj4.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-ms60ukj4" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms60ukj5 {
      flex: 12 0 0;
    }

    #rd-column-ms60ukj5 > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms60ukj5 > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms60ukj5" class="bricks--column rd-column">
  <div>
    
  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-ms640eyd {
      
          background-color: transparent;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-ms640eyd > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-ms640eyd" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-ms640eye {
      min-height: 50px;
    }

    #rd-row-ms640eye .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-ms640eye.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-ms640eye.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-ms640eye" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms640eyf {
      flex: 12 0 0;
    }

    #rd-column-ms640eyf > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms640eyf > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms640eyf" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-ms6413k5 {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-149px;
      max-width: 878px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-ms6413k5" class="bricks--component bricks--component-text rd-text">
  <h2><br></h2><h2><strong>Você entra num mercado</strong></h2><h2><strong>que já está crescendo sem você.</strong></h2><p><br></p>
</div>



<style type="text/css" rel="stylesheet">
  
    #rd-text-ms641dqm {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-149px;
      max-width: 878px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-ms641dqm" class="bricks--component bricks--component-text rd-text">
  <h2><span style="color: rgb(87, 87, 87); font-size: 20px; background-color: rgb(248, 248, 247);">A moda tecnológica cresce seis vezes mais rápido que a moda fitness. </span></h2><h2><span style="color: rgb(87, 87, 87); font-size: 20px; background-color: rgb(248, 248, 247);">E no Brasil, a venda direta é a porta de entrada.</span></h2>
</div>



  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-ms66wlkp {
      
          background-color: transparent;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-ms66wlkp > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-ms66wlkp" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-ms66wlkq {
      min-height: 212px;
    }

    #rd-row-ms66wlkq .bricks--column > div {
      min-height: 212px;
    }

    @media (max-width: 480px) {
      #rd-row-ms66wlkq.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-ms66wlkq.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-ms66wlkq" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms66wlkr {
      flex: 6 0 0;
    }

    #rd-column-ms66wlkr > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms66wlkr > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms66wlkr" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-ms66wlks {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 460px;
    }

    #rd-image-ms66wlks a,
    #rd-image-ms66wlks img {
      width: 460px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-ms66wlks {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-ms66wlks" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1785323973/$5jq3boab822" alt="">

  
</div>

  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-ms66wlku {
      flex: 6 0 0;
    }

    #rd-column-ms66wlku > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms66wlku > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms66wlku" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-ms66wlkv {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 447px;
    }

    #rd-image-ms66wlkv a,
    #rd-image-ms66wlkv img {
      width: 447px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-ms66wlkv {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-ms66wlkv" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1785323973/$g79sckr6sh" alt="">

  
</div>

  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-ms676scu {
      
          background-color: transparent;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-ms676scu > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-ms676scu" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-ms676scv {
      min-height: 212px;
    }

    #rd-row-ms676scv .bricks--column > div {
      min-height: 212px;
    }

    @media (max-width: 480px) {
      #rd-row-ms676scv.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-ms676scv.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-ms676scv" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms676scw {
      flex: 6 0 0;
    }

    #rd-column-ms676scw > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms676scw > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms676scw" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-ms676scz {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 447px;
    }

    #rd-image-ms676scz a,
    #rd-image-ms676scz img {
      width: 447px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-ms676scz {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-ms676scz" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1785323973/$svruwtlq9uk" alt="">

  
</div>

  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-ms676scy {
      flex: 6 0 0;
    }

    #rd-column-ms676scy > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms676scy > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms676scy" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-ms676scx {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 460px;
    }

    #rd-image-ms676scx a,
    #rd-image-ms676scx img {
      width: 460px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-ms676scx {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-ms676scx" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1785323973/$vzrvfd6squq" alt="">

  
</div>

  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-mg6uz8pe {
      
          background-color: transparent;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-mg6uz8pe > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-mg6uz8pe" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-ms672241 {
      min-height: 50px;
    }

    #rd-row-ms672241 .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-ms672241.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-ms672241.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-ms672241" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms672242 {
      flex: 12 0 0;
    }

    #rd-column-ms672242 > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms672242 > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms672242" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-ms672oqo {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto0px;
      max-width: 915px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-ms672oqo" class="bricks--component bricks--component-text rd-text">
  <p><span style="font-size: 12.5px; background-color: transparent; color: rgb(87, 87, 87);">Fonte: ABEVD, Associação Brasileira de Empresas de Vendas Diretas.</span></p>
</div>



  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-ms644j0k {
      
          background-color: #ffffff;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-ms644j0k > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-ms644j0k" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-ms644j0s {
      min-height: 50px;
    }

    #rd-row-ms644j0s .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-ms644j0s.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-ms644j0s.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-ms644j0s" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms644j0t {
      flex: 12 0 0;
    }

    #rd-column-ms644j0t > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms644j0t > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms644j0t" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-ms66kex4 {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-45px;
      max-width: 940px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-ms66kex4" class="bricks--component bricks--component-text rd-text">
  <p><br></p>
</div>



  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-mg6v0oy0 {
      
            background-image: url(https://d335luupugsy2.cloudfront.net/cms/files/1072870/1785342603/$rqo5luw5n4d), linear-gradient(to bottom, rgba(74,144,226,0) 0%, rgba(74,144,226,0) 100%);
            background-position-x: 0%;
            background-position-y: 0%;
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: scroll;
          
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-mg6v0oy0 > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-mg6v0oy0" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-mg6v0oy1 {
      min-height: 457px;
    }

    #rd-row-mg6v0oy1 .bricks--column > div {
      min-height: 457px;
    }

    @media (max-width: 480px) {
      #rd-row-mg6v0oy1.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg6v0oy1.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg6v0oy1" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms6bamli {
      flex: 12 0 0;
    }

    #rd-column-ms6bamli > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms6bamli > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms6bamli" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-ms6bamlj {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto0px;
      max-width: 602px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-ms6bamlj" class="bricks--component bricks--component-text rd-text">
  <p><br></p><p><strong style="color: rgb(255, 255, 255); background-color: transparent; font-size: 12px; font-family: Roboto, sans-serif;">Como começar</strong></p><h2><strong style="font-family: Roboto, sans-serif; font-size: 30px; color: rgb(255, 248, 248);">Três passos e você</strong></h2><h2><strong style="font-family: Roboto, sans-serif; font-size: 30px; color: rgb(255, 248, 248);">já está vendendo.</strong></h2>
</div>




<style type="text/css" rel="stylesheet">
  
    #rd-image-ms6f2h1e {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 722px;
    }

    #rd-image-ms6f2h1e a,
    #rd-image-ms6f2h1e img {
      width: 722px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-ms6f2h1e {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-ms6f2h1e" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1785342603/$xj27lgl0wr" alt="">

  
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-image-ms6f46y2 {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 722px;
    }

    #rd-image-ms6f46y2 a,
    #rd-image-ms6f46y2 img {
      width: 722px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-ms6f46y2 {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-ms6f46y2" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1787934009/$ohw88gbnvej" alt="">

  
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-image-ms6fkxmh {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 730px;
    }

    #rd-image-ms6fkxmh a,
    #rd-image-ms6fkxmh img {
      width: 730px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-ms6fkxmh {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-ms6fkxmh" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1785342603/$om86ypzyfh" alt="">

  
</div>

  </div>
</div>

</div>


<style type="text/css" rel="stylesheet">
  
    #rd-row-mg9sj8kq {
      min-height: 102px;
    }

    #rd-row-mg9sj8kq .bricks--column > div {
      min-height: 102px;
    }

    @media (max-width: 480px) {
      #rd-row-mg9sj8kq.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg9sj8kq.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg9sj8kq" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg9sj8kr {
      flex: 12 0 0;
    }

    #rd-column-mg9sj8kr > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg9sj8kr > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg9sj8kr" class="bricks--column rd-column">
  <div>
    
  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-mg6uteop {
      
          background-color: #c6c6c6;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-mg6uteop > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-mg6uteop" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-mg704bul {
      min-height: 132px;
    }

    #rd-row-mg704bul .bricks--column > div {
      min-height: 132px;
    }

    @media (max-width: 480px) {
      #rd-row-mg704bul.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg704bul.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg704bul" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg704bum {
      flex: 12 0 0;
    }

    #rd-column-mg704bum > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg704bum > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg704bum" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6usxrn {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-187px;
      max-width: 859px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6usxrn" class="bricks--component bricks--component-text rd-text">
  <p><br></p><p><strong style="color: rgb(35, 35, 35); background-color: transparent; font-size: 12px;">Quem já vive disso</strong></p><h2><strong style="font-size: 30px; background-color: transparent;">Revendedores que começaram</strong></h2><h2><strong style="font-size: 30px; background-color: transparent;">exatamente onde você está.</strong></h2>
</div>



  </div>
</div>

</div>


<style type="text/css" rel="stylesheet">
  
    #rd-row-mg6uteoq {
      min-height: 324px;
    }

    #rd-row-mg6uteoq .bricks--column > div {
      min-height: 324px;
    }

    @media (max-width: 480px) {
      #rd-row-mg6uteoq.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg6uteoq.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg6uteoq" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6utqoj {
      flex: 4 0 0;
    }

    #rd-column-mg6utqoj > div {
      
          background-color: #c6c6c6;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6utqoj > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6utqoj" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-ms6eeujl {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 300px;
    }

    #rd-image-ms6eeujl a,
    #rd-image-ms6eeujl img {
      width: 300px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-ms6eeujl {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-ms6eeujl" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1785342603/$xfg3gv0bxbm" alt="">

  
</div>

  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6uteor {
      flex: 4 0 0;
    }

    #rd-column-mg6uteor > div {
      
          background-color: #c6c6c6;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6uteor > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6uteor" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-ms6efmwq {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 320px;
    }

    #rd-image-ms6efmwq a,
    #rd-image-ms6efmwq img {
      width: 320px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-ms6efmwq {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-ms6efmwq" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1785342603/$14r704u431z" alt="">

  
</div>

  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6utgvu {
      flex: 4 0 0;
    }

    #rd-column-mg6utgvu > div {
      
          background-color: #c6c6c6;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6utgvu > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6utgvu" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-image-ms6ei2qm {
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 300px;
    }

    #rd-image-ms6ei2qm a,
    #rd-image-ms6ei2qm img {
      width: 300px;
      max-width: 100%;
      height: auto;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }
    @media screen and (max-width: 767px) {
      #rd-image-ms6ei2qm {
        align-self: center;
      }
    }
  

  
</style>



<div id="rd-image-ms6ei2qm" class="bricks--component bricks--component-image rd-image">
  
        <img loading="lazy" src="https://d335luupugsy2.cloudfront.net/cms/files/1072870/1785342603/$4n5zo99qk0v" alt="">

  
</div>

  </div>
</div>

</div>


<style type="text/css" rel="stylesheet">
  
    #rd-row-ms6bg2z7 {
      min-height: 50px;
    }

    #rd-row-ms6bg2z7 .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-ms6bg2z7.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-ms6bg2z7.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-ms6bg2z7" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms6bg2z8 {
      flex: 12 0 0;
    }

    #rd-column-ms6bg2z8 > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms6bg2z8 > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms6bg2z8" class="bricks--column rd-column">
  <div>
    
  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-ms6f9bvu {
      
          background-color: transparent;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-ms6f9bvu > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-ms6f9bvu" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-ms6f9bvv {
      min-height: 50px;
    }

    #rd-row-ms6f9bvv .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-ms6f9bvv.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-ms6f9bvv.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-ms6f9bvv" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms6f9bvw {
      flex: 12 0 0;
    }

    #rd-column-ms6f9bvw > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms6f9bvw > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms6f9bvw" class="bricks--column rd-column">
  <div>
    
  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-joq3m2w2 {
      
            background-image: linear-gradient(to bottom, rgba(1,1,1,0.5) 0%, rgba(1,1,1,0.5) 100%), url(https://d335luupugsy2.cloudfront.net/cms/files/1072870/1759431843/$uccky1bmmy);
            background-position-x: 100%;
            background-position-y: 50%;
            background-repeat: no-repeat;
            background-size: initial;
            background-attachment: scroll;
          
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-joq3m2w2 > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
    
      @media (max-width: 480px) {
        #rd-section-joq3m2w2 {
          border-bottom-style: none;
          border-color: #000000;
          border-left-style: none;
          border-radius: 0px;
          border-right-style: none;
          border-top-style: none;
          border-width: 1px;
        }
      }

      #rd-section-joq3m2w2 > div:not(.bricks--row) {
        min-height: 0px;
      }
    
  
</style>

<section id="rd-section-joq3m2w2" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-joq3m2w3 {
      min-height: 964px;
    }

    #rd-row-joq3m2w3 .bricks--column > div {
      min-height: 964px;
    }

    @media (max-width: 480px) {
      #rd-row-joq3m2w3.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-joq3m2w3.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-joq3m2w3" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-joq3m2w8 {
      flex: 7 0 0;
    }

    #rd-column-joq3m2w8 > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 30px;
      padding-bottom: 0px;
      padding-left: 30px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-joq3m2w8 > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-joq3m2w8" class="bricks--column rd-column">
  <div>
    

<style type="text/css" rel="stylesheet">
  
    #rd-box-joq3m2vv {
      
          background-color: rgba(255,255,255,0.67);
        
      border-bottom-style: solid;
      border-color: transparent;
      border-left-style: solid;
      border-radius: 24px;
      border-right-style: solid;
      border-top-style: solid;
      border-width: 1px;
      padding-top: 30px;
      padding-right: 40px;
      padding-bottom: 10px;
      padding-left: 40px;
      min-height: auto34px;
      margin-top: 40px;
      margin-bottom: 40px;
      max-width: 573px;
      align-self: center;
      display: flex;
      flex-direction: column;
    }
  

  
  
      @media (max-width: 480px) {
        #rd-box-joq3m2vv {
          border-bottom-style: solid;
          border-color: transparent;
          border-left-style: solid;
          border-radius: 24px;
          border-right-style: solid;
          border-top-style: solid;
          border-width: 1px;
          padding-top: 30px;
          padding-right: 40px;
          padding-bottom: 10px;
          padding-left: 40px;
          min-height: 0px;
          margin-top: 40px;
          margin-bottom: 40px;
          max-width: 628px;
          align-self: center;
          display: flex;
          flex-direction: column;
        }
      }
  
  
</style>

<div id="rd-box-joq3m2vv" class="bricks--component bricks--component-box rd-box">
  
<style type="text/css" rel="stylesheet">
  
    #rd-text-joq3m2vw {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto0px;
      max-width: 546px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-joq3m2vw" class="bricks--component bricks--component-text rd-text">
  <h1 style="line-height: 1; text-align: left;"><strong style="font-size: 42px; font-family: Lato, sans-serif;">Comece agora mesmo</strong></h1>
</div>



<style type="text/css" rel="stylesheet">
  
    #rd-text-mg9st4fu {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto0px;
      max-width: 546px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg9st4fu" class="bricks--component bricks--component-text rd-text">
  <h2><span style="font-family: Lato, sans-serif; font-size: 36px;"> Aumente suas ganhose alcance o sucesso!</span></h2>
</div>



<style type="text/css" rel="stylesheet">
  
    #rd-text-mg6w8p4k {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto0px;
      max-width: 548px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mg6w8p4k" class="bricks--component bricks--component-text rd-text">
  <p style="text-align: left; line-height: 1.25;"><span style="font-family: Lato, sans-serif;">Torne-se um Revendedor </span><strong style="font-family: Lato, sans-serif;">B.ON</strong><span style="font-family: Lato, sans-serif;"> e comece a trilhar o caminho para sua </span><strong style="font-family: Lato, sans-serif;">independência financeira</strong><span style="font-family: Lato, sans-serif;">.</span></p><p style="text-align: left; line-height: 1.25;"><br></p><p style="text-align: left; line-height: 1.25;"><span style="font-family: Lato, sans-serif;">Com a </span><strong style="font-family: Lato, sans-serif;">venda direta</strong><span style="font-family: Lato, sans-serif;"> e nosso </span><strong style="font-family: Lato, sans-serif;">suporte especializado</strong><span style="font-family: Lato, sans-serif;">, você maximiza seus lucros e ainda desfruta de </span><strong style="font-family: Lato, sans-serif;">recompensas incríveis</strong><span style="font-family: Lato, sans-serif;">!</span></p>
</div>






<style type="text/css" rel="stylesheet">
  

  
    #rd-form-joq3m2vy {
      display: flex;
      flex-direction: column;
      align-self: center;
      max-width: 522px;
      margin-top: 30px;
      margin-bottom: 30px;
    }

    #rd-form-joq3m2vy .bricks-form__fieldset {
      flex-flow: column nowrap;
      align-items: flex-start;
    }

    #rd-form-joq3m2vy .bricks-form__field {
      margin-bottom: 15px;
      padding: 0;
      width: 100.0%;
    }

    #rd-form-joq3m2vy .bricks-form__field.bricks-form__privacy,
    #rd-form-joq3m2vy .bricks-form__field.bricks-form__terms {
        width: 100%;
    }

    @media screen and (max-width: 768px) {
      #rd-form-joq3m2vy .bricks-form__field {
        width: 100%;
        padding: 0;
      }
    }

    #rd-form-joq3m2vy .bricks-form__static {
      color: #4f4f4f;
      font-family: Lato, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: bold;
    }

    #rd-form-joq3m2vy .bricks-form__static a {
      color: #4f4f4f;
      text-decoration: underline;
    }

    #rd-form-joq3m2vy .bricks-form__label {
      color: #4f4f4f;
      display: inline-block;
      font-family: Lato, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      text-decoration: none;
    }

    #rd-form-joq3m2vy label.error {
      color: #DC3543;
      font-size: 12px;
      line-height: 1.1;
      padding: 2px 0 0 4px;
    }

    #rd-form-joq3m2vy .bricks-form__label.always-visible,
    #rd-form-joq3m2vy .bricks-form__field__option .bricks-form__label {
      display: inline-block;
    }

    #rd-form-joq3m2vy .bricks-form__field[data-step].step-hidden {
      display: none;
    }

    #rd-form-joq3m2vy .bricks-form__input {
      color: #555555;
      background-color: #ffffff;
      border-bottom-style: none;
      border-left-style: none;
      border-right-style: none;
      border-top-style: none;
      border-color: #a73131;
      border-radius: 4px;
      border-width: 0px;
      font-family: Lato, sans-serif;
      font-size: 15px;
      
          box-shadow: inset 0px 2px 3px #ddd;
          -webkit-box-shadow: inset 0px 2px 3px #ddd;
          -moz-box-shadow: inset 0px 2px 3px #ddd;
        ;
    }

    #rd-form-joq3m2vy .bricks-form__input::placeholder {
      color: transparent;
    }

    #rd-form-joq3m2vy .bricks-form__input.select2-container {
      padding: 0 !important;
    }

    #rd-form-joq3m2vy .select2-container .select2-choice {
      height: 32px !important;
      line-height: 32px !important;

      color: #555555 !important;
      font-family: Lato, sans-serif !important;
      font-size: 15px !important;
      background: #ffffff;
    }

    #rd-form-joq3m2vy .select2-container .select2-choice .select2-arrow b {
      background-position: 0 5px !important;
    }

    #rd-form-joq3m2vy .select2-container .select2-choice .select2-arrow {
      background: none;
      border: none;
    }

    #rd-form-joq3m2vy .bricks-form__input:not(textarea) {
      height: 32px;
    }

    #rd-form-joq3m2vy .bricks-form__submit {
      display: flex;
      flex-direction: column;
    }

    #rd-form-joq3m2vy .with-select-flags > .phone-input-group > .select2-container > .select2-choice {
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
      border-style: none;
    }
    #rd-form-joq3m2vy .with-select-flags > .phone-input-group > .select2-container > .select2-choice > .select2-chosen {
      margin-right: 0px;
    }

    #rd-form-joq3m2vy .with-select-flags > .phone-input-group > .select2-container > .select2-choice > .select2-chosen > .flag {
      vertical-align: middle;
    }

    #rd-form-joq3m2vy .with-select-flags > .phone-input-group > .phone {
      width: calc(100% - 55px);
      display: inline-block;
      border-top-left-radius: 0px !important;
      border-bottom-left-radius: 0px !important;
    }

    #rd-form-joq3m2vy .with-select-flags > .phone-country {
      display: inline-block;
    }

    #rd-form-joq3m2vy .with-select-flags > .phone-input-group {
      display: flex;
    }

    #rd-form-joq3m2vy .with-select-flags > .phone-input-group > .phone-country {
      width: 55px;
      display: inline-block;
    }
  

  

  
    

    
      @media (max-width: 480px) {
        #rd-form-joq3m2vy {
          align-self: center;
          max-width: 522px;
          margin-top: 30px;
          margin-bottom: 30px;
        }

        #rd-form-joq3m2vy .bricks-form__field {
          margin-bottom: 15px;
        }

        #rd-form-joq3m2vy .bricks-form__static {
          color: #4f4f4f;
          font-family: Open Sans, sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: normal;
        }

        #rd-form-joq3m2vy .bricks-form__static a {
          color: #4f4f4f;
        }

        #rd-form-joq3m2vy .bricks-form__label {
          color: #4f4f4f;
          display: inline-block;
          font-family: Open Sans, sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: normal;
          text-align: left;
          text-decoration: none;
        }

        #rd-form-joq3m2vy .bricks-form__input {
          color: #555555;
          background-color: #ffffff;
          border-bottom-style: none;
          border-left-style: none;
          border-right-style: none;
          border-top-style: none;
          border-color: #a73131;
          border-radius: 4px;
          border-width: 0px;
          font-family: Open Sans, sans-serif;
          font-size: 15px;
          
          box-shadow: inset 0px 2px 3px #ddd;
          -webkit-box-shadow: inset 0px 2px 3px #ddd;
          -moz-box-shadow: inset 0px 2px 3px #ddd;
        
        }

        #rd-form-joq3m2vy .bricks-form__input::placeholder {
          color: transparent;
        }

        #rd-form-joq3m2vy .select2-container .select2-choice {
          height: 32px !important;
          line-height: 32px !important;

          color: #555555 !important;
          font-family: Open Sans, sans-serif !important;
          font-size: 15px !important;
          background: #ffffff;
        }

        #rd-form-joq3m2vy .bricks-form__input:not(textarea) {
          height: 32px;
        }
      }
    
  
</style>


<style type="text/css" rel="stylesheet">
  
    #rd-form-joq3m2vy input[type="date"] {
      -webkit-appearance: none;
    }
  
</style>

<div
  id="rd-form-joq3m2vy"
  class="bricks--component bricks-form rd-form"
>
  

  <form
    id="conversion-form"
    
    novalidate="novalidate"
    action="https://cta-redirect.rdstation.com/v2/conversions"
    data-typed-fields="1"
    data-lang="pt-BR"
    data-asset-action = "aHR0cHM6Ly9tYXRlcmlhaXMuY29tcHJlYm9uLmNvbS9iLW9uLXNlamEtdW0t
ZGlzdHJpYnVpZG9yLWFncmFkZWNpbWVudG8=
"
    data-ga-ua-id=""
    data-recaptcha-public-token=""
  >
    <input type="hidden" name="token_rdstation" value="3658643dc246534fa1fa248cb577d9bf">
    <input type="hidden" name="conversion_identifier" value="pagina">
    <input type="hidden" name="internal_source" value="2">
    <input type="hidden" name="_rd_experiment_content_id" value="">
    <input type="hidden" name="_rd_dynamic_content_id" value="">
    <input type="hidden" name="c_utmz" value=""/>
    <input type="hidden" name="traffic_source" value=""/>
    <input type="hidden" name="privacy_data[browser]" id="privacy_data_browser" />

    

    

    <div
  class="bricks-form__fieldset"
  data-progressive-profiling="3"
  data-multi-step="false"
>
  

<div
  class="bricks-form__field   "
  data-step="1"
  data-is-conditional="false"
  data-conditional-rules='W10=
'
>
  <label for="rd-text_field-mh23hxe2" class="bricks-form__label">
    Nome*
  </label>
  
  <input
    id="rd-text_field-mh23hxe2"
    class="bricks-form__input required js-text js-field-name"
    name="name"
    type="text"
    data-use-type="STRING"
    placeholder="Nome *"
    required="required"
    autocomplete="name"
  >
</div>


<div
  class="bricks-form__field  "
  data-step="1"
  data-is-conditional="false"
  data-conditional-rules='W10=
'
>
  <label for="rd-email_field-mh23hxe3" class="bricks-form__label">
    Email*
  </label>
  
  <input
    id="rd-email_field-mh23hxe3"
    class="bricks-form__input required js-email js-field-email"
    name="email"
    type="email"
    data-use-type="STRING"
    data-always-visible="true"
    data-input-mask=""
    placeholder="Email *"
    required="required"
    autocomplete="email"
  >
</div>


<div
  class="bricks-form__field  with-select-flags "
  data-step="1"
  data-is-conditional="false"
  data-conditional-rules='W10=
'
>
  <label for="rd-phone_field-mh23hxe4" class="bricks-form__label">
    Telefone*
  </label>
  <div class="phone-input-group">
    
      <div class="form-control phone-country" data-type="countries"></div>
      <div class="country-field" value="BR"></div>
    

    
    <input
      id="rd-phone_field-mh23hxe4"
      class="bricks-form__input required phone js-phone js-field-personal_phone"
      name="personal_phone"
      data-input-mask="INTERNATIONAL_MASK"
      data-use-type="STRING"
      type="tel"
      
      placeholder="Telefone *"
      required="required"
      autocomplete="tel"
    >
  </div>
</div>


<div
  class="bricks-form__field  "
  data-step="1"
  data-is-conditional="false"
  data-conditional-rules='W10=
'
>
  <label for="rd-number_field-mh23hxe5" class="bricks-form__label">
    CNPJ
  </label>
  <input
    id="rd-number_field-mh23hxe5"
    class="bricks-form__input  js-number js-field-cf_cnpj"
    name="cf_cnpj"
    type="number"
    data-use-type="STRING"
    placeholder="CNPJ"
    
  >
</div>




  <div class="bricks-form__field  "  data-step="1">
    <label for="captcha" class="bricks-form__label">
      <span id="math_expression">1 + 1 = ?</span>
    </label>
    <input
      id="captcha"
      class="bricks-form__input math rd-bricks-captcha"
      name="captcha"
      type="text"
      placeholder="1 + 1 = ?"
    >
  </div>




  <div class="bricks-form__field bricks-form__privacy">
    <div class="bricks-form__field__option">
      <label class="bricks-form__label">
        <input
          id="rd-checkbox_field-mh23hxe7"
          name="privacy_data[consent]"
          type="checkbox"
          value="1"
          data-use-type="STRING"
          data-always-visible="true"
          data-legal-base-type="0"
          class="bricks-form__field__option__input  js-field-privacy_data[consent]"
          
        >
        Eu concordo em receber comunicações.
      </label>
    </div>
  </div>



<div class="bricks-form__field bricks-form__terms" >
  <p class="bricks-form__static"
    id="rd-static_text-mh23hxe8"
  >
    <span>A B.ON está comprometida a proteger e respeitar sua privacidade, seus dados são usados apenas para fins de marketing. </span>
  </p>

  
    
      <input
        type="hidden"
        name="privacy_data[consent_privacy_policy]"
        value="1"
        data-use-type="STRING"
        data-always-visible="true"
        data-legal-base-type="0"
      />
    
  
</div>

</div>


<style type="text/css" rel="stylesheet">
  
    a#rd-button-joq3m2w0 {
      display: flex;
      flex-direction: column;
    }

    #rd-button-joq3m2w0.bricks--component-button {
      -ms-flex-align: center;
      -ms-flex-direction: column;
      -ms-flex-pack: center;
      align-self: center;
      background-color: #000000;
      border-bottom-style: none;
      border-color: transparent;
      border-left-style: none;
      border-radius: 100px;
      border-right-style: none;
      border-top-style: none;
      border-width: 0px;
      
          box-shadow: 0px
                      0px
                      0px
                      0px
                      #cccccc;
        ;
      color: #FFFFFF;
      cursor: pointer;
      font-family: Lato, sans-serif;
      font-size: 18px;
      font-style: normal;
      font-weight: bold;
      height: 56px;
      justify-content: center;
      line-height: 1.42857;
      margin-bottom: 0px;
      margin-top: 20px;
      max-width: 389px;
      text-align: center;
      text-decoration: none;
      width: 100%;
      padding-right: 10px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-button-joq3m2w0 {
        height: auto;
        padding-top: 0.66em;
        padding-bottom: 0.66em;
      }
    }
  

  
</style>



  

  <div class="bricks-form__submit">
    <button
      class="bricks--component bricks--component-button rd-button"
      id="rd-button-joq3m2w0"
    >
      Quero ser um Revendedor!
    </button>
  </div>



    

    <div style="position: fixed; left: -5000px">
      <input type="text" name="emP7yF13ld" readonly autocomplete="false" tabindex="-1" value="">
      <input type="text" name="sh0uldN07ch4ng3" readonly autocomplete="false" tabindex="-1" value="should_not_change">
    </div>
  </form>
</div>
<script type="text/javascript" src="https://d335luupugsy2.cloudfront.net/js/rd/stable/rdlps.min.js?t=1788264855"></script>
<script type="text/javascript" src="https://d335luupugsy2.cloudfront.net/js/rd/stable/rdlps-progressive-profiling.min.js?t=1788264855"></script>
<script type="text/javascript" src="https://d335luupugsy2.cloudfront.net/js/rd/stable/rdlps-autofill.min.js?t=1788264855"></script>

<script type="text/javascript">
    var origConversionSuccess = window.conversionSuccess;
    const lpConversionForm = document.getElementById('conversion-form')

    conversionSuccess = function(resp) {
      if (window.origConversionSuccess) window.origConversionSuccess(resp);

      
        alert("Seu contato foi enviado para nosso time!");
      

      

      let redirectTo = (lpConversionForm.dataset.assetAction)
        ? atob(lpConversionForm.dataset.assetAction)
        : $("input[name='redirect_to']").val();

      if (redirectTo && redirectTo.length > 0) {
        top.location.href = redirectTo;
      }
    }
</script>

<script>
  document.querySelectorAll('input[name=emP7yF13ld],input[name=sh0uldN07ch4ng3]').forEach(function(element) {
    element.addEventListener('focus', function(e) {
      e.target.removeAttribute('readonly');
    });
  });
</script>


</div>

  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-mg7wf8ee {
      flex: 5 0 0;
    }

    #rd-column-mg7wf8ee > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg7wf8ee > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg7wf8ee" class="bricks--column rd-column">
  <div>
    
  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-mg6x3hya {
      
          background-color: transparent;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-mg6x3hya > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-mg6x3hya" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-ms6gifyn {
      min-height: 50px;
    }

    #rd-row-ms6gifyn .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-ms6gifyn.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-ms6gifyn.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-ms6gifyn" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms6gifyo {
      flex: 12 0 0;
    }

    #rd-column-ms6gifyo > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms6gifyo > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms6gifyo" class="bricks--column rd-column">
  <div>
    
  </div>
</div>

</div>


<style type="text/css" rel="stylesheet">
  
    #rd-row-ms6dldjc {
      min-height: 50px;
    }

    #rd-row-ms6dldjc .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-ms6dldjc.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-ms6dldjc.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-ms6dldjc" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms6dldjd {
      flex: 12 0 0;
    }

    #rd-column-ms6dldjd > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms6dldjd > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms6dldjd" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-ms6dlkhb {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-40px;
      max-width: 605px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-ms6dlkhb" class="bricks--component bricks--component-text rd-text">
  <p><strong style="background-color: rgb(248, 248, 247); color: rgb(35, 35, 35); font-size: 12px;">Dúvidas frequentes</strong></p><h2><strong>O que todo mundo pergunta antes de começar.</strong></h2><p><br></p>
</div>



  </div>
</div>

</div>


<style type="text/css" rel="stylesheet">
  
    #rd-row-ms6gkird {
      min-height: 50px;
    }

    #rd-row-ms6gkird .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-ms6gkird.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-ms6gkird.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-ms6gkird" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms6gkire {
      flex: 12 0 0;
    }

    #rd-column-ms6gkire > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms6gkire > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms6gkire" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-ms6gko4h {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-136px;
      max-width: 939px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-ms6gko4h" class="bricks--component bricks--component-text rd-text">
  <p><strong>Como faço para ser um Revendedor?</strong></p><p><br></p><p>Preencha o formulário desta página com seus dados. Nosso time entra em contato para orientar seu cadastro e montar o primeiro pedido junto com você.</p>
</div>



  </div>
</div>

</div>


<style type="text/css" rel="stylesheet">
  
    #rd-row-ms6gkhs1 {
      min-height: 50px;
    }

    #rd-row-ms6gkhs1 .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-ms6gkhs1.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-ms6gkhs1.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-ms6gkhs1" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms6gkhs2 {
      flex: 12 0 0;
    }

    #rd-column-ms6gkhs2 > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms6gkhs2 > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms6gkhs2" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-ms6gkwpd {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-159px;
      max-width: 940px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-ms6gkwpd" class="bricks--component bricks--component-text rd-text">
  <p><strong>Quanto custa para se tornar um Revendedor B.ON?</strong></p><p><br></p><p>O investimento inicial é de R$ 3.000 em produtos B.ON à sua escolha, com parcelamento no cartão de crédito. O valor vira estoque e você já recebe R$ 6.000 em produto a preço final.</p>
</div>



  </div>
</div>

</div>


<style type="text/css" rel="stylesheet">
  
    #rd-row-ms6gkgkp {
      min-height: 50px;
    }

    #rd-row-ms6gkgkp .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-ms6gkgkp.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-ms6gkgkp.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-ms6gkgkp" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-ms6gkgkq {
      flex: 12 0 0;
    }

    #rd-column-ms6gkgkq > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-ms6gkgkq > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-ms6gkgkq" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-ms6gkzmx {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-114px;
      max-width: 940px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-ms6gkzmx" class="bricks--component bricks--component-text rd-text">
  <p><strong>Como funcionam os 150% de lucro e os 25% de cashback?</strong></p><p><br></p><p>Os 150% são a margem sobre o valor de revenda dos produtos. Os 25% de cashback são creditados sobre todas as compras feitas pela sua loja virtual, retornando como crédito para você.</p>
</div>



<style type="text/css" rel="stylesheet">
  
    #rd-text-ms6gsbj8 {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-204px;
      max-width: 940px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-ms6gsbj8" class="bricks--component bricks--component-text rd-text">
  <p><strong>O que é a tecnologia do infravermelho longo?</strong></p><p><br></p><p>Micropartículas de biocerâmica incorporadas ao fio absorvem o calor do corpo e o devolvem à pele como raios infravermelhos longos. Isso estimula a microcirculação sanguínea, melhora a firmeza da pele, reduz a aparência de celulite e auxilia no desempenho esportivo.</p>
</div>



<style type="text/css" rel="stylesheet">
  
    #rd-text-ms6gshn0 {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-136px;
      max-width: 940px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-ms6gshn0" class="bricks--component bricks--component-text rd-text">
  <p><strong>Os benefícios da peça são permanentes?</strong></p><p><br></p><p>Sim. A biocerâmica é incorporada durante o derretimento do polímero, tornando-se parte da estrutura do fio. A tecnologia permanece ativa por toda a vida útil do produto, mesmo após múltiplas lavagens.</p>
</div>



<style type="text/css" rel="stylesheet">
  
    #rd-text-ms6gtpx2 {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-136px;
      max-width: 940px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-ms6gtpx2" class="bricks--component bricks--component-text rd-text">
  <p><strong>﻿Posso comprar para uso próprio ou apenas para Revender?</strong></p><p><br></p><p><span style="font-size: 16px;">Os dois. Todo distribuidor B.ON pode adquirir os produtos tanto para uso pessoal quanto para revenda.</span></p>
</div>



<style type="text/css" rel="stylesheet">
  
    #rd-text-ms6gtuj3 {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-69px;
      max-width: 940px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-ms6gtuj3" class="bricks--component bricks--component-text rd-text">
  <p><strong>O que eu preciso para ser um Revendedor?</strong></p><p><br></p><p>Fazer seu cadastro, realizar o primeiro pedido e finalizar o pagamento. Não há taxa de adesão nem mensalidade.</p>
</div>



<style type="text/css" rel="stylesheet">
  
    #rd-text-ms6gpp8o {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-159px;
      max-width: 940px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-ms6gpp8o" class="bricks--component bricks--component-text rd-text">
  <p><strong>Quais outros benefícios a tecnologia B.ON oferece?</strong></p><p><br></p><p>Regulação da temperatura corporal, ação antiodor, proteção solar FPU 50+ contra raios UVA e UVB, secagem ultrarrápida e tecidos que não amassam, além dos benefícios ligados à circulação.</p>
</div>



  </div>
</div>

</div>


<style type="text/css" rel="stylesheet">
  
    #rd-row-mg6x3hyb {
      min-height: 50px;
    }

    #rd-row-mg6x3hyb .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-mg6x3hyb.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg6x3hyb.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg6x3hyb" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6xcps3 {
      flex: 12 0 0;
    }

    #rd-column-mg6xcps3 > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6xcps3 > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6xcps3" class="bricks--column rd-column">
  <div>
    
  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-mg9t46ke {
      
          background-color: transparent;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-mg9t46ke > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-mg9t46ke" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-mg9t46kf {
      min-height: 50px;
    }

    #rd-row-mg9t46kf .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-mg9t46kf.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg9t46kf.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg9t46kf" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg9t4hob {
      flex: 3 0 0;
    }

    #rd-column-mg9t4hob > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg9t4hob > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg9t4hob" class="bricks--column rd-column">
  <div>
    
  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-mg9t4f6r {
      flex: 3 0 0;
    }

    #rd-column-mg9t4f6r > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg9t4f6r > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg9t4f6r" class="bricks--column rd-column">
  <div>
    
  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-mg9t4ait {
      flex: 3 0 0;
    }

    #rd-column-mg9t4ait > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg9t4ait > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg9t4ait" class="bricks--column rd-column">
  <div>
    
  </div>
</div>


<style type="text/css" rel="stylesheet">
  
    #rd-column-mg9t46kg {
      flex: 3 0 0;
    }

    #rd-column-mg9t46kg > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg9t46kg > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg9t46kg" class="bricks--column rd-column">
  <div>
    
  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-mg6xoilu {
      
          background-color: transparent;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-mg6xoilu > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-mg6xoilu" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-mg6xoilv {
      min-height: 50px;
    }

    #rd-row-mg6xoilv .bricks--column > div {
      min-height: 50px;
    }

    @media (max-width: 480px) {
      #rd-row-mg6xoilv.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mg6xoilv.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mg6xoilv" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mg6xoilw {
      flex: 12 0 0;
    }

    #rd-column-mg6xoilw > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mg6xoilw > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mg6xoilw" class="bricks--column rd-column">
  <div>
    













<style type="text/css" rel="stylesheet">
  .mobile {
    display: none;
  }

  #rd-social_media-mgky12c1.desktop {
      display: block;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      max-width: 200px;
    }

  

  .bricks-social-media-list {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    list-style: none;
    padding: 0;
    gap: 16px;
    flex-wrap: wrap;
  }

  .bricks-social-media-item,
  .bricks-social-media-image {
    width: 24px;
    height: 24px;
  }
</style>

<div class="bricks--component bricks--component-social-media mobile rd-social_media" id="rd-social_media-mgky12c1">
  <ul class="bricks-social-media-list">
    
      <li class="bricks-social-media-item">
        <a href="https://www.instagram.com/b.onegocios/" target="_blank">
          <img src="
            https://d335luupugsy2.cloudfront.net/cms/public-assets/social_media/instagram_original.svg
          "
          alt="instagram icon"
          class="bricks-social-media-image" />
        </a>
      </li>
    
  </ul>
</div>

<div class="bricks--component bricks--component-social-media desktop rd-social_media" id="rd-social_media-mgky12c1">
  <ul class="bricks-social-media-list">
    
      <li class="bricks-social-media-item">
        <a href="https://www.instagram.com/b.onoficial/" target="_blank">
          <img src="
            https://d335luupugsy2.cloudfront.net/cms/public-assets/social_media/instagram_original.svg
          "
          alt="instagram icon"
          class="bricks-social-media-image" />
        </a>
      </li>
    
      <li class="bricks-social-media-item">
        <a href="https://www.tiktok.com/@b.onoficial" target="_blank">
          <img src="
            https://d335luupugsy2.cloudfront.net/cms/public-assets/social_media/tiktok_original.svg
          "
          alt="tiktok icon"
          class="bricks-social-media-image" />
        </a>
      </li>
    
      <li class="bricks-social-media-item">
        <a href="https://www.facebook.com/b.onoficiall" target="_blank">
          <img src="
            https://d335luupugsy2.cloudfront.net/cms/public-assets/social_media/facebook_original.svg
          "
          alt="facebook icon"
          class="bricks-social-media-image" />
        </a>
      </li>
    
      <li class="bricks-social-media-item">
        <a href="https://www.youtube.com/@b.onoficial" target="_blank">
          <img src="
            https://d335luupugsy2.cloudfront.net/cms/public-assets/social_media/youtube_original.svg
          "
          alt="youtube icon"
          class="bricks-social-media-image" />
        </a>
      </li>
    
  </ul>
</div>

  </div>
</div>

</div>

</section>


<style type="text/css" rel="stylesheet">
  
    #rd-section-mgky3436 {
      
          background-color: #2f2f2f;
        
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
    }

    #rd-section-mgky3436 > div:not(.bricks--row) {
      min-height: 0px;
    }
  

  
</style>

<section id="rd-section-mgky3436" class="bricks--section rd-section">
  

<style type="text/css" rel="stylesheet">
  
    #rd-row-mgky3437 {
      min-height: 82px;
    }

    #rd-row-mgky3437 .bricks--column > div {
      min-height: 82px;
    }

    @media (max-width: 480px) {
      #rd-row-mgky3437.bricks--row {
        min-height: auto;
      }
    }

    @media screen and (max-width: 767px) {
      #rd-row-mgky3437.bricks--row.rd-row {
        min-height: auto;
      }
    }
  
</style>

<div id="rd-row-mgky3437" class="bricks--row rd-row">
  

<style type="text/css" rel="stylesheet">
  
    #rd-column-mgky3438 {
      flex: 12 0 0;
    }

    #rd-column-mgky3438 > div {
      
          background-color: transparent;
        
      justify-content: center;
      padding-top: 0px;
      padding-right: 10px;
      padding-bottom: 0px;
      padding-left: 10px;
    }
    @media screen and (max-width: 767px) {
      #rd-column-mgky3438 > div {
        min-height: auto !important;
      }
    }
  

  
</style>

<div id="rd-column-mgky3438" class="bricks--column rd-column">
  <div>
    
<style type="text/css" rel="stylesheet">
  
    #rd-text-mgky3ed3 {
      display: block;
      border-bottom-style: none;
      border-color: #000000;
      border-left-style: none;
      border-radius: 0px;
      border-right-style: none;
      border-top-style: none;
      border-width: 1px;
      min-height: auto-45px;
      max-width: 940px;
      margin-top: 10px;
      margin-bottom: 10px;
      align-self: center;
      width: 100%;
      word-break: break-word;
    }
  

  
</style>

<div id="rd-text-mgky3ed3" class="bricks--component bricks--component-text rd-text">
  <p style="text-align: center;"><span style="color: rgb(255, 255, 255); font-size: 13px; font-family: Lato, sans-serif;">B.ON | O Futuro é agora - 2025 - Todos os direitos reservados </span></p>
</div>



  </div>
</div>

</div>

</section>

      </div>
    </div>

    
      <script type="text/javascript" src="https://d335luupugsy2.cloudfront.net/js/loader-scripts/94971e8a-ace3-4518-83ae-d279da54ded8-loader.js"></script>
    

    <script id="landing-page-attributes" data-id="9300231" data-experiment-content-id=""></script>

    <div data-editable="true" data-field-name="landing_page"></div>
    <script type="text/javascript"> </script>
    <style>
      
    </style>
    

  </body>
</html>
