Histórico da Página

.compositiondani-banner {
    width: 

100%; /* Garante que o banner ocupe toda a largura */
    min-height: 220px; /* Altura mínima para manter aspecto visual */
    border-radius: 5px;
    overflow: hidden;
    position: relative; /* Posição relativa para que o conteúdo absoluto se posicione corretamente */
    margin-bottom: 5px; /* Ajuste conforme necessário */
}

.compositiondani-banner-image {
    background-image: url("https://totvscrm.com/wp-content/uploads/2024/04/capa-com-fundo-e-sem-icone-TDN-AZUL2.png");
    background-size: cover;
    background-position: center; /* Centraliza a imagem de fundo */
    min-height: 100%; /* Garante que a altura do background cubra a área */
    width: 100%;
    position: absolute; /* Posicionamento absoluto para cobrir toda a área do banner */
}

  .compositiondani-banner-overlay {
    min-height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    pointer-events: none;
  }

  .compositiondani-banner-logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
  }

  .compositiondani-banner-logo {
    width: 350px;
    height: 180px;
    background-image: url("https://totvscrm.com/wp-content/uploads/2023/09/logo-com-descricao-totvsgc.png");
    background-size: contain;
    background-repeat: no-repeat;
  }

  .compositiondani-banner-content {
    position: absolute;
    padding: 30px;
    max-width: 60%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    color: white;
    text-align: center;
  }

  .compositiondani-banner-title {
    margin-bottom: 10px !important;
    padding: 10px !important;
    background: rgba(0, 0, 0, 0.5) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    max-height: 133px !important;
    font-family: "Roboto", sans-serif !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: #ffffff !important;
    position: relative !important;
    margin-top: 130px !important;
    border-radius: 10px !important;
  }
</style>


<style>


*, ::after, ::before {
  box-sizing: inherit;
}

textarea {
  margin: 0;
  overflow: auto;
  vertical-align: top;
}

.container {
  display: flex;
  justify-content: space-between;
}

.container .articles {
  flex: 1;
  padding: 20px;
}

.container .faq-container {
  flex: 1;
  padding: 20px;
}

.inherited-styles-for-exported-element {
  box-sizing: border-box;
  color: #494440;
  font-family:  Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}



ul {
  padding-left: 0;
}

ol, ul {
  color: #5d5d5e;
}

a {
  background-color: initial;
  background-position: 0 0;
  color: #1264a3;
  text-decoration: none;
}

h1, h5 {
  color: #1d1c1d;
}

h1, h2, h3, h5 {
  font-family: lato, sans-serif;
}

p {
  font-size: 16px;
  line-height: 26px;
}



b, strong {
  font-weight: 700;
}

h1 {
  margin-left: 0;
  margin-right: 0;
}

button, input, textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-kerning: inherit;
  font-optical-sizing: inherit;
  font-size6px;
  font-stretch: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-variant-position: inherit;
  font-variation-settings: inherit;
  font-weight: inherit;
}

input {
  color: inherit;
  line-height: normal;
  margin: 0;
}

button {
  appearance: none;
  background-color: initial;
  background-position: 0 0;
  border-radius: 4px;
  line-height: inherit;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  text-transform: none;
}

.breadcrumbs {
  display: inline-block;
  list-style: none;
  margin: 0 1px 0 0;
  padding: 0;
}

:focus {
  outline: 2px dotted #611f69;
  outline-offset: 5px;
}

.ts_icon {
  text-indent: 0;
}

.article_page {
  padding-bottom: 50px;
  position: relative;
}

.article-vote {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 35px 0 45px;
}


.section-list {
  margin: 0;
  min-width: 217px;
}

.section_list_container {
    position: relative; /* Isso garante que o z-index possa ser aplicado corretamente */
    z-index: 1; /* Menor z-index para que fique abaixo do banner */
    margin-top: 250px; /* Ajuste conforme necessário para empurrar a seção para baixo do banner */
}



.ts_icon_happy_smile::before {
  content: "";
}

.ts_icon_check_circle_o_large::before {
  content: "";
}

.ts_icon_warning::before {
  content: "";
}

a:focus {
  outline: thin dotted;
}

.article_page .article_body a[href], a:hover {
  text-decoration: underline;
}

.breadcrumbs li {
  color: #7d7d7d;
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
}



a:active, a:hover {
  outline: 0;
}

input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

.ts_icon::after, .ts_icon::before {
  display: inline-block;
  font-family: "Slack v2";
  font-size: 20px;
  font-weight: 400;
}

.section-list li {
  font-size6px;
  line-height: 26px;
  list-style: none;
}



.breadcrumbs li::before {
  color: #cacaca;
  content: ">";
  padding: 0 4px;
}

.section-list li a {
  border: 1px solid transparent;
  border-radius: 4px;
  color: #1d1c1d;
  display: block;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 4px;
  padding: 5px 10px 6px;
  text-decoration: none;
}

.article_page .article_container {
  display: block;
  flex-wrap: wrap;
  font-size6px;
  line-height: 26px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.article_page .article_breadcrumbs_container {
  display: block;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 30px;
  visibility: hidden;
}

.article_page .article_title {
  flex-basis: 100%;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 30px;
  margin-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
}

.article_page .article_breadcrumb_title {
  color: #868686;
  display: none;
  font-size: 15px;
}

.article_page .article_body {
  padding-bottom: 50px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}

.article_page .article_footer {
  flex-basis: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.article-vote .article-vote-question {
  display: block;
  font-weight: 700;
  margin-bottom: 25px;
  opacity: 0;
  text-align: center;
}

.article-vote .article-vote-controls {
  justify-content: center;
  text-align: center;
}

.article-vote .article-feedback-form {
  display: none;
  text-align: right;
}

.article-vote .vote-err {
  font-size: 13.3333px;
  margin-bottom: 0;
}

.article-vote .feedback-thanks, .article-vote .vote-err, .article-vote .vote-thanks {
  display: none;
  text-align: center;
}

.article-vote .article-send-feedback, .article-vote .article-vote-down, .article-vote .article-vote-up {
  background-clip: padding-box;
  border-radius: 6px;
  border-style: solid;
  border-width: 2px;
  cursor: pointer;
  height: 44px;
  text-decoration: none;
}

.article-vote .article-vote-down, .article-vote .article-vote-up {
  border-color: #007a5a;
  color: #007a5a;
  margin: 0 10px;
  min-width: 125px;
}

.article-vote .article-button-text {
  display: block;
  height: 100%;
  padding: 7px 16px;
  text-align: center;
  width: 100%;
}

.article-vote .article-send-feedback {
  border-color: #868686;
  color: #868686;
  display: inline-block;
  margin: 20px 0 0 10px;
  min-width: 180px;
  padding: 0 12px;
}

.article-vote .get-support {
  text-align: left;
}

.article-vote .article-feedback-drive {
  padding-bottom: 20px;
  text-align: left;
}


  .article-vote .article-vote-down,   .article-vote .article-vote-up {
    width: 42%;
  }



.nav_scroll.stick {
  flex: 0 0 auto;
  max-height: 75vh;
  position: fixed;
}



.article_body section, .article_page #cat_list, .section-list .close {
  display: none;
}

.option:focus {
  outline: thin dotted #611f69;
}

.article_page .article_breadcrumb_title::before {
  color: #ddd;
  content: ">";
  padding: 0 3px;
}

.article_page .article_body p {
  margin-bottom: 12px;
  margin-top: 0;
}

.article_page .article_body ul {
  color: inherit;
  padding-left: 30px;
}

.article_page .article_body li {
  line-height: 24px;
  margin-bottom: 10px;
}

.article_page .article_body h2 {
  border-bottom: 1px solid #ddd;
  color: #1d1c1d;
  display: block;
  font-size: 22px;
  font-weight: 700;
  line-height: 27px;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.article_page .article_body h3 {
  color: #1d1c1d;
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.article_page .article_body section {
  margin-top: -1px;
  padding: 30px;
}

.article-vote .article-vote-question::before {
  background-clip: padding-box;
  border-radius: 50%;
  content: "";
  display: inline-block;
  font-family: "Slack v2";
  font-size: 20px;
  font-weight: 400;
  height: 25px;
  margin-bottom: 1px;
  margin-right: 2px;
  vertical-align: bottom;
  width: 25px;
}

.article-vote .article-vote-controls a {
  display: inline-block;
}

.article-vote .article-feedback-form textarea {
  background-clip: padding-box;
  border: 1px solid #ddd;
  border-radius: 6px;
  color: inherit;
  line-height: 24px;
  padding: 10px;
  transition: all 160ms;
  width: 100%;
}

.article-vote .vote-err i {
  font-size: 20px;
  vertical-align: middle;
}

.article-vote .feedback-thanks p, .article-vote .vote-thanks p {
  margin-bottom: 25px;
  margin-top: 3px;
}

.article-vote .feedback-thanks i, .article-vote .vote-thanks i {
  vertical-align: middle;
}

.article-vote .article-feedback-drive label {
  cursor: pointer;
  display: flex;
}

.article-vote .article-feedback-drive input {
  margin-right: 10px;
  margin-top: 7px;
}

.breadcrumbs li:first-child::before {
  content: none;
  padding: 0;
}

.section-list li a.active, .section-list li a:hover {
  background-color: #ebf6fd;
  border: 1px solid #dcf0fb;
}

.section-list li a.active {
  background-color: #0897E9;
  border-color: transparent;
  color: #fff;
  font-weight: 700;
  line-height: 22px;
  padding: 3px 10px 4px;
  text-shadow: rgba(0, 0, 0, .1) 0 1px 0;
}

.article_page.has_sidenav .article_container {
  max-width: 960px;
  width: 100%;
}

.article_page .article_body .side_by_side {
  overflow: hidden;
  text-align: center;
}

.article_page .article_body .bug, .article_page .article_body .note, .article_page .article_body .tip {
  background-clip: padding-box;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  display: block;
  line-height: 1.5rem;
  margin-bottom: 18px;
  margin-top: 18px;
  padding: 12px 18px 12px 65px;
  position: relative;
  word-break: break-word;
}

.article_page .article_body .note {
  background-color: #f8f8f8;
  border-color: #363636;
}

.article_page .article_body .tip {
  background-color: #e8f5fa;
  border-color: #1d9bd1;
}

.article_page .article_body .bug {
  background-color: #fcf4da;
  border-color: #f2c744;
}

.article_page .article_body .tabs {
  margin-bottom6px;
}

.article_page .article_body .option {
  border: 1px solid transparent;
  color: #616061;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding-bottom: 4px;
  padding-top: 5px;
}



.article-vote .article-vote-down:hover, .article-vote .article-vote-up:hover {
  background-color: #148567;
  border-color: #148567;
  color: #fff;
}

.article-vote .article-send-feedback:hover {
  background-color: #fff;
  border: 2px solid #868686;
  color: #868686;
}


.article_page .article_body .side_by_side>div {
  float: left;
  text-align: left;
  width: 49%;
}

.article_page .article_body .bug strong, .article_page .article_body .note strong, .article_page .article_body .tip strong {
  font-weight: 900;
}

.article_page .article_body .bug::before, .article_page .article_body .note::before, .article_page .article_body .tip::before {
  content: "";
  font-family: 'FontAwesome';
   font-size: 28px;
  font-weight: 300;
  height: 100%;
  left: 20px;
  position: absolute;
  vertical-align: middle;
}

.article_page .article_body .bug::before {
  top: 24%;
}

.article_page .article_body .note::before {
  font-family: 'FontAwesome'; /* Assegura que a fonte correta está sendo usada */
  color: #363636;
  content: "\f303"; /* Código Unicode para o ícone 'magic wand' da FontAwesome */
  font-size: 20px; /* Ou qualquer tamanho que você deseje */
}

.article_page .article_body .tip::before {
  font-family: 'FontAwesome'; /* Assegura que a fonte correta está sendo usada */
  content: "\e2ca"; /* Código Unicode para o ícone 'magic wand' da FontAwesome */
  color: #1d9bd1;
  font-size: 20px; /* Ou qualquer tamanho que você deseje */
}

.article_page .article_body .bug::before {
  font-family: 'FontAwesome'; /* Assegura que a fonte correta está sendo usada */
  color: #f2c744;
  content: "\f06a"; /* Código Unicode para o ícone 'magic wand' da FontAwesome */
  font-size: 20px; /* Ou qualquer tamanho que você deseje */
}

.article-vote .article-feedback-form textarea:focus {
  border: 1px solid #1d9bd1;
  outline: 0;
}

.article-vote .feedback-thanks p:nth-child(2), .article-vote .vote-thanks p:nth-child(2) {
  margin-bottom: 8px;
}

.article-vote .article-vote-down:hover::after, .article-vote .article-vote-up:hover::after {
  padding: 9px 0;
}

.article-vote .article-send-feedback:hover::after {
  padding: 7px 0;
}



.article_page .article_container .article_body ul li {
  font-size6px;
}

.article_page .article_body section ul:first-child {
  margin-top: 0;
}

.article_page .article_body section p:last-child, .article_page .article_body section ul li:last-child, .article_page .article_body section ul:last-child {
  margin-bottom: 0;
}

.article_body section.active {
  display: block;
}

.article_page.has_sidenav .article_container .content_col {
  display: table-cell;
}

.article_page.has_sidenav .article_container .category_list {
  display: table-cell;
  padding-left: 48px;
  padding-right: 10px;
  padding-top: 30px;
  vertical-align: top;
  width: 320px;
}

.article_page .article_body .option.large_tab {
  padding-left: 16px;
  padding-right: 16px;
}

.article_page .article_body .option.active {
  border: 1px solid;
  border-color: #ddd #ddd #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: #1264a3;
}



  .article_page.has_sidenav .article_container .category_list {
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
  }

  .article_page.has_sidenav .article_container .article_breadcrumbs {
    display: none;
  }


.article_page .article_breadcrumbs_container .breadcrumbs li:nth-child(3) {
  display: inline-block;
}

.article_page .article_body .side_by_side>div:first-child {
  margin-right: 2%;
}

.article_page .article_body .side_by_side>div:last-child {
  float: right;
}

.article_page .article_body .tip.singleline::before {
  top: 11px;
}

.article_page .article_body .note.singleline::before {
  top: 12px;
}

.article_page .article_body .tabs.enclosed section {
  border: 1px solid #ddd;
  border-radius: 6px;
}



.article_page.has_sidenav .article_container .category_list .section_list_container {
  box-shadow: rgba(0, 0, 0, .1) 0 1px 20px;
  border: 1px solid #0897E9;
  margin-bottom: 20px;
  padding: 16px 13px 13px;
}

.article_page .article_body .option:not(.active):hover {
  color: #616061;
}

.article_page.has_sidenav .article_container .category_list .section_list_container h5 {
  font-size: 16px;
  margin: 0;
  padding: 0;
}

.article_page .article_body .tabs.enclosed section.first_content {
  border-top-left-radius: 0;
}

.article_page.has_sidenav .article_container .category_list .section_list_container .section-list {
  border-top: 1px solid #ebeaeb;
  padding-top: 8px;
}



  .article_page #nav_list {
    display: none;
  }

.article-vote .article-feedback-form #char_num {
  color: #868686;
  float: left;
  font-size: 16px;
}

* {
  backface-visibility: visible !important;
}



.article_page .article_body p:first-child {
  margin-top: 0 !important;
}


html {
  font-size6px;
  /* This is IMPORTANT since some copied values use "REM" units */
}

.tip i.fa {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 28px;  /* Ajuste o tamanho conforme necessário */
}
.meu-conteudo-personalizado {

    min-height: 100vh;          /* Garante que o div ocupe pelo menos a altura total da tela */
    width: 100%;                /* Garante que o div ocupe toda a largura */
}

 /* TITULO */



.inherited-styles-for-exported-element {
  font-family: Lato, sans-serif;
  letter-spacing: 0;
  tab-size: 3;
}

body ::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}

body ::-webkit-scrollbar-thumb {
  background-color: #a9a9a9;
}

body ::-webkit-scrollbar-thumb, body ::-webkit-scrollbar-thumb:hover {
  border-radius: 5px;
  transition: background-color .3s;
  transition-behavior: normal;
}

:focus {
  outline: 2px solid #4c9aff;
  outline-offset: 1px;
}

.display-h2 {
  font-size: 22px;
}


.display-h2 {
  line-height: 1.3;
}

p:first-child {
  margin-top: 0;
}

body ::-webkit-scrollbar-thumb:hover {
  background-color: gray;
}

html:not(.aui-no-focusvisible) :focus-visible {
  box-shadow: 0 0 0 2px #4c9aff;
  outline: 0;
}

.font-weight-bold strong, strong {
  font-weight: bolder;
}

html:not(.aui-no-focusvisible) :focus:not(:focus-visible) {
  outline: unset unset unset;
  outline-offset: unset;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.text-dark {
  color: #363636 !important;
}

.text-blue {
  color: #0897e9 !important;
}

.text-center {
  text-align: center !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

  /* TITULO */
  /* LIST BALL BLUE */


strong {
  font-weight: 700;
}

:focus {
  outline: 2px dotted #611f69;
  outline-offset: 5px;
}

.ts_icon, li kbd {
  text-indent: 0;
}



.ts_icon_buildings::before {
  content: "";
}

.ts_icon::after, .ts_icon::before {
  display: inline-block;
  font-family: "Slack v2";
  font-size: 20px;
  font-weight: 400;
}

.ts_icon.middle {
  vertical-align: middle;
}

ol {
  color: inherit;
  padding-left: 30px;
}

li {
  line-height: 24px;
  margin-bottom: 10px;
}

+img, .boxed, kbd {
  border: 1px solid #ddd;
}

kbd {
  background-color: #fff;
  border: 1px solid #a3a2a2;
  border-radius: .3em;
  cursor: default;
  display: inline-block;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important;
  font-size: 13.6px;
  font-weight: 400;
  line-height: .6rem;
  margin: 2px;
  min-width: 1em;
  padding: .5em .6em .4em;
  text-align: center;
  text-decoration: none;
  user-select: none;
}



.img-responsiva {
  max-width: 100%; /* A imagem nunca será maior que o contêiner */
  height: auto; /* A altura se ajusta automaticamente para manter a proporção */
  border-radius: 6px; /* Adiciona bordas arredondadas (opcional) */
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 5px; /* Sombra leve para destacar a imagem (opcional) */
}



ol:not(.takeaway) {
  counter-reset: list 0;
  list-style: none;
  padding-left: 0;
}

ol li {
  font-size6px;
}

ol:not(.takeaway) li {
  counter-increment: list 1;
  margin-left: 40px;
  text-indent: -40px;
}

ol:not(.takeaway) li::before {
  background-clip: padding-box;
  background-color: #0897E9;
  border-radius: 13px;
  color: #fff;
  content: counter(list);
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  height: 24px;
  line-height: 24px;
  margin-right: 15px;
  padding-left: 0;
  text-indent: 8px;
  vertical-align: top;
  width: 24px;
}

.boxed>ol:first-child {
  margin-top: 0;
}

.boxed ol:last-child li:last-child {
  margin-bottom: 0;
}

ol:not(.takeaway) li:nth-child(n+10):nth-child(-n+99)::before {
  text-indent: 5px;
}

   /* LIST BALL BLUE */ 
   /* FAQ*/ 
   @import url("https://fonts.googleapis.com/css2?family=Muli&display=swap");

* {
  box-sizing: border-box;
}

body {
  font-family: "Muli", sans-serif;
  background-color: #f0f0f0;
}

h1 {
  margin: 50px 0 30px;
  text-align: center;
}

.faq-container {
  max-width: 600px;
  margin: 0 auto;
}

.faq {
  background-color: transparent;
  border: 1px solid #9fa4a8;
  border-radius: 10px;
  margin: 20px 0;
  padding: 30px;
  position: relative;
  overflow: hidden;
  transition: 0.3 ease;
}

.faq.active {
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.faq.active::before,
.faq.active::after {
  content: "\f075";
  font-family: "Font Awesome 5 Free";
  color: #c9c9c9;
  font-size: 7rem;
  position: absolute;
  opacity: 0.2;
  top: 20px;
  left: 20px;
  z-index: 0;
}

.faq.active::before {
  color: #0897E9;
  top: -10px;
  left: -30px;
  transform: rotateY(180deg);
}

.faq-title {
  margin: 0 35px 0 0;
  font-family: lato, sans-serif;
font-size: 16px;  
}

.faq-text {
  display: none;
  margin: 30px 0 0;
}

.faq.active .faq-text {
  display: block;
}

.faq-toggle {
  background-color: transparent;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size6px;
  padding: 0;
  position: absolute;
  top: 30px;
  right: 30px;
  height: 30px;
  width: 30px;
}

.faq-toggle:focus {
  outline: 0;
}

.faq-toggle .fa-times {
  display: none;
}

.faq.active .faq-toggle .fa-times {
  color: #fff;
  display: block;
}

.faq.active .faq-toggle .fa-chevron-down {
  display: none;
}

.faq.active .faq-toggle {
  background-color: #9fa4a8;
}

 /* FAQ*/ 

 .faq-container .faq {
  background-color: transparent;
  border: 1px solid #9fa4a8;
  border-radius: 10px;
  margin: 16px 0;
  padding: 30px;
  position: relative;
  overflow: hidden;
  transition: 0.3s ease;
}

.faq-container .faq.active {
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}

/* estilo miniatura pdf*/

/* Estilos para PDF */
.versionpdf {
    margin-top: 20px;
    font-weight: bold;
}

.descriptionpdf {
    margin-top: 20px;
    text-align: left;
}

.thumbnailpdf {
    position: relative;
    display: inline-block;
    margin-top: 20px;
}

.thumbnailpdf img {
    height: 250px;
}

.file-type-desc-overlay {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.file-type-desc-overlay .aui-icon {
    margin-right: 5px;
}

.observationpdf {
    margin-top: 20px;
    font-size: 14px;
    color: red;
    text-align: left;
}

  /* Responsive adjustments */
  @media (min-width: 576px) {
    .container { max-width: 540px; }
  }

  @media (min-width: 768px) {
    .container { max-width: 720px; }
    .col-md-3, .col-md-9 { flex: 0 0 25%; max-width: 25%; }
    .col-md-9 { flex: 0 0 75%; max-width: 75%; }
    .display-h2 { font-size: 26px; }
  }

  @media (min-width: 992px) {
    .container { max-width: 960px; padding-left: 30px; padding-right: 30px; }
    .d-lg-none { display: none !important; }
  }

  @media (min-width: 1200px) {
    .container { max-width: 1140px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .fade { transition: none 0s; transition-behavior: normal; }
  }

  @media (max-width: 575.98px) {
    .display-4 { font-size: 32px; }
  }

  @media (max-width: 767.98px) {
    .jumbotron-content { text-align: center; }
  }

</style>







<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">

<header>
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap" rel="stylesheet"/>
  <div class="compositiondani-banner">
    <div class="compositiondani-banner-image"></div>
    <div class="compositiondani-banner-overlay"></div>
    <div class="compositiondani-banner-logo-container">
      <div class="compositiondani-banner-logo"></div>
    </div>
    <div class="compositiondani-banner-content">

    </div>
  </div>
</header>



<div class="meu-conteudo-personalizado">
<div class="article_page has_sidenav inherited-styles-for-exported-element">
  <div class="article_container">
    <div class="article_spacer"></div>
    <div class="article_breadcrumbs">
<br>
<br>
    </div>
    <div class="content_col">
      <div>
        <br>  
        <p class="display-h2 font-weight-bold text-uppercase text-center text-dark mb-4 inherited-styles-for-exported-element">
          <span class="font-weight-bold">Escopo Funcional - TOTVS CRM - Gestão de Clientes</span>
        </p>
        <div class="article_body">
          <p>Este documento serve como a fonte autorizada delineando o escopo da solução TOTVS CRM - Gestão de Clientes BX, integrando-se às especificações fundamentais que vão respaldar a proposta comercial. Ele destaca as funcionalidades centrais e os recursos atuais disponíveis.</p>

            

          <a 

class="zd_anchor" id="13242" name="importadados" prettyslug="importador-metas"></a>
      

    <h2 id="h_01HBVSNSWJRRTTX7D5QT21QDFF" 

class="anchor">Principais Assuntos</h2>
        

  <ol>
          

</li>
          <li>Introdução 

ao TOTVS CRM, ROI e diferenciais</li>
          <li>Benefícios e aplicabilidade em 

diferentes segmentos </li>
          <li>Integrações com ferramentas 

terceiras e ERPs TOTVS</li>
          <li>Abrangência nos processos e áreas</li>
  

       <li>Tabelas de escopo: Planejamento, Prospecção, Vendas, Gestão e 

Retenção</

li>
          <li>Tabelas de 

serviços e recursos disponíveis </li>
        

        </

ol>
        <p>Para acessar 

o 

documento completo, 

clique na imagem abaixo para baixar o PDF:</p>  <p><span class="confluence-embedded-file-wrapper conf-macro output-inline has-comment-overlay" data-hasbody="false" data-macro-name="view-file"><a class="confluence-embedded-file" href="/download/attachments/786551398/Escopo%20-%20Recursos%20Padroes%20-%20TCRM%20-%20GC%20%28v.008%29.pdf?version=1&modificationDate=1729615524182&api=v2" data-nice-type="PDF Document" data-file-src="/download/attachments/786551398/Escopo%20-%20Recursos%20Padroes%20-%20TCRM%20-%20GC%20%28v.008%29.pdf?version=1&modificationDate=1729615524182&api=v2" data-linked-resource-id="877856258" data-linked-resource-type="attachment" data-linked-resource-container-id="786551398" data-linked-resource-default-alias="Escopo - Recursos Padroes - TCRM - GC (v.008).pdf" data-mime-type="application/pdf" data-has-thumbnail="true" data-linked-resource-version="1" data-can-edit="true" aria-label="Escopo - Recursos Padroes - TCRM - GC (v.008).pdf" draggable="false"><img src="/rest/documentConversion/latest/conversion/thumbnail/877856258/1" height="250" alt="" draggable="false"></a><span class="companion-edit-button-placeholder edit-button-overlay" data-linked-resource-container-id="786551398" data-linked-resource-id="877856258" data-template-name="companionEditIcon" data-source-location="embedded-attachment"> </span><span class="overlay"><span class="file-type-desc-overlay"><i class="aui-icon aui-icon-small aui-iconfont-file-pdf"></i><span class="content"> PDF</span></span></span></span></p>          

 <!-- Conteudo 2 -->  

<p class="bug">
            <strong>Observação:</strong> Este documento poderá 

ser atualizado de acordo com mudanças no produto e de processos. Acesse regularmente o <a href="https://tdn.totvs.com" target="_blank" 

rel="noopener">Portal TOTVS</a> para verificar as atualizações e novas versões da documentação.
        </

p>               <!-- inicio de faq -->
  
 <!-- inicio de faq -->
        </div>
      

</div>
    </div>

    </div>
  

</div>
</div>
</div>


<script>
  document.addEventListener("DOMContentLoaded", function() {
  const links = document.querySelectorAll('.section-list a');  // Selecione todos os links da seção

  links.forEach(link => {
    link.addEventListener('click', function(e) {
      e.preventDefault();  // Previne o comportamento padrão do 

link
      document.querySelector('.section-list a.active').classList.remove('active');  // Remove a classe 'active' do 

link atualmente ativo
      this.classList.add('active');  // Adiciona a classe 'active' 

ao link clicado

      const sectionId = this.getAttribute('href');  

// Obtém o ID da seção alvo
     

 document.querySelector(sectionId).scrollIntoView({behavior: 'smooth'});  // Navega até a seção
    });
  

});
});

</script>

<script>
  document.addEventListener("DOMContentLoaded", function() {
  const 

tabButtons = document.

querySelectorAll(

'.tabs

 button.option');

  tabButtons.forEach(button => {
  

 button.addEventListener('click', function() {
      // 

Desativa 

todas 

as tabs e esconde todo o conteúdo
      

tabButtons.forEach(btn =

> {
      

btn.

classList.remove('active');
        

const 

section = 

document.getElementById(btn.getAttribute('aria-controls'));

if (

section) 

{
        

  section.style.display = 

'none';
        

}
 

})

;

      // Ativa 

a tab clicada e mostra o conteúdo correspondente
      

this.

classList.

add(

'active

');

      const activeSection 

= 

document.getElementById(this.getAttribute('aria-controls'));
      

if (activeSection) {
        

activeSection.style.

display = 

'block';
      }
    

});
  }

);

});

</script>

  <script>
  

  const toggles 

= document.querySelectorAll(".faq-toggle");
    

toggles.forEach((toggle) => {
      

toggle.addEventListener("click", () => {
        toggle.parentNode.classList.toggle("active");
      

});
    

});
  </script>