Histórico da Página

<style>
#title-text {
    display: none !important;
  }
  .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>
  body.meu-estilo-personalizado {
    background-color: #f4f5f7 !important;
    /* mais estilos aqui */
}

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

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

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

}

.container .articles {
  background-colorflex: #f0f0f0;  /* Fundo cinza */1;
  padding: 20px;
}

.container .faq-container {
  flex: 1;
  padding:       /* Espaço interno para evitar que o texto toque as bordas */20px;
}

.inherited-styles-for-exported-element {
  box-sizing: border-box;
  color: #494440;
  /* Inclui padding e border na largura total do contêiner */
  width: 100%;                /* Garante que o contêiner ocupe a largura total do seu elemento pai */
  overflow: hidden;           /* Esconde qualquer conteúdo que exceda as dimensões do contêiner */
  max-width: 900px;           /* Limita a largura máxima para melhor leitura em telas grandes */
  margin: 0 auto;             /* Centraliza o contêiner */
}

.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: 14.4px;
  font-weight: 400;
  line-height: 26px;
}

@media screen and (max-width: 700px) {
  .inherited-styles-for-exported-element {
    font-size: 14.4px;
    line-height: 26px;
  }
}

ul {
  padding-leftfont-family:  Lato, sans-serif;
  font-size: 14.4px;
  font-weight: 400;
  line-height: 26px;
}

@media screen and (max-width: 700px) {
  .inherited-styles-for-exported-element {
    font-size: 14.4px;
    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: 14.4px;
  line-height: 26px;
}

@media screen and (max-width: 700px) {
  p {
    font-size: 14.4px;
    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-size: 14.4px;
  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;
}

ol,button ul {
  colorappearance: #5d5d5enone;
}

a {
  background-color: initial;
  background-position: 0 0;
  colorborder-radius: #1264a34px;
  textline-decorationheight: noneinherit;
}

h1, h5 {  overflow: visible;
  colortext-align: #1d1c1dcenter;
}

h1, h2, h3, h5 { text-decoration: none;
  fonttext-familytransform: lato, sans-serifnone;
}

p.breadcrumbs {
  font-sizedisplay: 14.4pxinline-block;
  linelist-heightstyle: 26pxnone;
}

@media screen and (max-width: 700px) {
  p  margin: 0 1px 0 0;
  padding: 0;
}

:focus {
  outline: 2px font-size: 14.4pxdotted #611f69;
    lineoutline-heightoffset: 26px5px;
  }
}

b, strong
.ts_icon {
  fonttext-weightindent: 7000;
}

h1.article_page {
  marginpadding-leftbottom: 050px;
  margin-rightposition: 0relative;
}

button, input, textarea.article-vote {
  fontborder-familybottom: inherit;
1px  font-feature-settings: inheritsolid #ddd;
  fontborder-kerningtop: inherit;
1px  font-optical-sizing: inheritsolid #ddd;
  font-sizepadding: 14.4px;
35px  font-stretch: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-variant-position: inherit;
  font-variation-settings: inherit;
  font-weight: inherit;
}

input0 45px;
}

@media screen and (max-width: 800px) {
  .article_spacer {
    padding-top: 53px;
  }
}

.section-list {
  colormargin: inherit0;
  linemin-heightwidth: normal;
  margin: 0217px;
}

button.section_list_container {
  appearance: none;
  background-color position: initialrelative;
  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/* 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 */
}

@media (max-width: 800px) {
  .section-list {
    overflow: hidden;
  }
}

.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: 14px;
  line-height: 20px;
}

@media screen and (max-width: 800px700px) {
  .article_spacerbreadcrumbs li {
    font-size: 14px;
    paddingline-topheight: 53px20px;
  }
}

.section-lista:active, a:hover {
  marginoutline: 0;
}

input[type=radio] {
  box-sizing: min-widthborder-box;
  padding: 217px0;
}

.section_list_containerts_icon::after, .ts_icon::before {
    positiondisplay: relativeinline-block;
 /* 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 */
}

@media font-family: "Slack v2";
  font-size: 20px;
  font-weight: 400;
}

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

@media screen and (max-width: 800px700px) {
  .section-list li {
    overflowfont-size: 14.4px;
    line-height: hidden26px;
  }
}

.ts_icon_happy_smilebreadcrumbs li::before {
  contentcolor: "";
}

.ts_icon_check_circle_o_large::before {#cacaca;
  content: ">";
}

.ts_icon_warning::before {
 padding: content: ""0 4px;
}

a:focus.section-list li a {
  outlineborder: thin1px solid dotted;
}

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

.breadcrumbs li {
  color: #7d7d7dtransparent;
  border-radius: 4px;
  color: #1d1c1d;
  display: inline-block;
  font-size: 14px;
  line-height: 20px18px;
}

@media screen and (max-width: 700px)  margin-bottom: 4px;
  padding: 5px 10px 6px;
  text-decoration: none;
}

.article_page .article_container {
  .breadcrumbs li {
  display: block;
  flex-wrap: wrap;
  font-size: 14px14.4px;
    line-height: 20px26px;
  }
}

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-sizemargin-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;
  font-weightpadding-top: 30px;
  visibility: 400hidden;
}

.section-list liarticle_page .article_title {
  fontflex-sizebasis: 14.4px100%;
  linefont-heightsize: 26px32px;
  listfont-styleweight: none700;
}

@media screen and (maxline-widthheight: 700px) {36px;
  .sectionmargin-list li {bottom: 30px;
    fontmargin-sizetop: 14.4px30px;
    linepadding-heightleft: 26px10px;
  } padding-right: 10px;
}

.breadcrumbs li::beforearticle_page .article_breadcrumb_title {
  color: #cacaca#868686;
  contentdisplay: ">"none;
  paddingfont-size: 0 4px15px;
}

.section-list li a article_page .article_body {
  borderpadding-bottom: 1px solid transparent50px;
  borderpadding-radiusleft: 4px10px;
  colorpadding-right: #1d1c1d10px;
  displaywidth: block100%;
  font-size: 14px;
  line-height: 18px;}

.article_page .article_footer {
  marginflex-bottombasis: 4px100%;
  padding-left: 5px 10px 6px;
  textpadding-decorationright: none10px;
}

.article_page-vote .article_container-vote-question {
  display: block;
  flexfont-wrapweight: wrap700;
  fontmargin-sizebottom: 14.4px25px;
  line-heightopacity: 26px0;
  margintext-leftalign: autocenter;
}

  margin-right: auto;.article-vote .article-vote-controls {
  paddingjustify-leftcontent: 10pxcenter;
  paddingtext-rightalign: 10pxcenter;
}

.article_page-vote .article_breadcrumbs_container-feedback-form {
  display: blocknone;
  flextext-wrapalign: wrapright;
  margin-left: auto;}

.article-vote .vote-err {
  marginfont-rightsize: auto13.3333px;
  maxmargin-widthbottom: 960px0;
}

.article-vote  padding-left: 20px;
  padding-right: 20px;
  padding-top: 30px;
  visibility: hidden.feedback-thanks, .article-vote .vote-err, .article-vote .vote-thanks {
  display: none;
  text-align: center;
}

.article_page-vote .article_title {
  flex-basis: 100%;
  font-size: 32px-send-feedback, .article-vote .article-vote-down, .article-vote .article-vote-up {
  background-clip: padding-box;
  fontborder-weightradius: 7006px;
  lineborder-heightstyle: 36pxsolid;
  marginborder-bottomwidth: 30px2px;
  margin-topcursor: 30pxpointer;
  padding-leftheight: 10px44px;
  paddingtext-rightdecoration: 10pxnone;
}

.article-vote .article-vote-down, .article_page-vote .article_breadcrumb_title {-vote-up {
  border-color: #007a5a;
  color: #868686#007a5a;
  displaymargin: none0 10px;
  fontmin-sizewidth: 15px125px;
}

.article_page-vote .article_body-button-text {
  padding-bottomdisplay: 50pxblock;
  padding-leftheight: 10px100%;
  padding-right: 10px7px 14px;
  widthtext-align: center;
  width: 100%;
}

.article_page-vote .article_footer-send-feedback {
  flexborder-basiscolor: 100%#868686;
  padding-leftcolor: 10px#868686;
  padding-rightdisplay: 10pxinline-block;
}

.article-vote .article-vote-question {
  displaymargin: block;
20px 0 font-weight: 7000 10px;
  marginmin-bottomwidth: 25px180px;
  opacitypadding: 0;
  text-align: center 12px;
}

.article-vote .articleget-vote-controlssupport {
  justify-content: center;
  text-align: centerleft;
}

.article-vote .article-feedback-formdrive {
  displaypadding-bottom: none20px;
  text-align: rightleft;
}

.article-vote .vote-err@media screen and (min-width: 961px) {
  font-size: 13.3333px;.article_page .content_col {
  margin  min-bottomwidth: 0640px;
  }

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

}

@media screen and (max-width: 800px) {
  .article_page .section_list_container {
    display: none;
  }
}

@media screen and (max-width: 700px) {
  .article_page .article_title {
    font-size: 28px;
    line-height: 32px;
  }
}

@media screen and (max-width: 480px) {

  .article-vote .article-send-feedback,   .article-vote .article-vote-down,   .article-vote .article-vote-up {
  background-clip  height: padding-box50px;
  border  line-radiusheight: 6px31px;
  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;
  colorwidth: #007a5a42%;
  margin: 0 10px;
  min}
}

@media screen and (max-width: 125px;
}

.article-vote .article-button-text380px) {
  .article_body .option {
  display  font-size: block14.4px;
  height: 100%;}
}

.nav_scroll.stick {
  paddingflex: 7px0 0 14pxauto;
  textmax-alignheight: center75vh;
  widthposition: 100%fixed;
}

.article-vote .article-send-feedback@media screen and (min-width: 801px) {
  border-color: #868686;.nav_scroll.stick {
  color: #868686;
  displaymax-width: inline-block242px;
  margin: 20px 0 0 10px;
  min-width: 180px;
  padding: 0 12px}
}

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

.article-vote .get-supportoption:focus {
  text-align: leftoutline: thin dotted #611f69;
}

.article-vote_page .article-feedback-drive_breadcrumb_title::before {
  padding-bottomcolor: 20px#ddd;
  text-aligncontent: left;
}

@media screen and (min-width: 961px) {
  ">";
  padding: 0 3px;
}

.article_page .contentarticle_colbody p {
    minmargin-widthbottom: 640px12px;
  }margin-top: 0;
}

@media screen and (max-width: 800px) {
  .article_page .article_body ul {
  color: inherit;
  padding-left: 30px;
}

.article_page .section_list_containerarticle_body li {
    displayline-height: none24px;
  } margin-bottom: 10px;
}

@media screen and (max-width: 700px) {
  .article_page .article_title {
  .article_page .article_body h2 {
  border-bottom: 1px solid #ddd;
  color: #1d1c1d;
  display: block;
  font-size: 28px22px;
  font-weight: 700;
  line-height: 32px27px;
  }
}

@media screen and (max-width: 480px) {

  .article-vote .article-send-feedback,   .article-vote .article-vote-down,   .article-vote .article-vote-up {
    height: 50px;
    line-height: 31px;
  }

  .article-vote .article-vote-down,    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-upquestion::before {
  background-clip: padding-box;
  widthborder-radius: 42%50%;
  }
}

@media screen and (max-width: 380px) {
  .article_body .option {
  content: "";
  display: inline-block;
  font-family: "Slack v2";
  font-size: 14.4px20px;
  }
}

.nav_scroll.stick {font-weight: 400;
  flexheight: 0 0 auto25px;
  maxmargin-heightbottom: 75vh1px;
  positionmargin-right: fixed2px;
}

@media screen and (min-width: 801px) {
  .nav_scroll.stick {vertical-align: bottom;
    max-width: 242px25px;
  }
}

.article_body section, .article_page #cat_list, .section-list .close-vote .article-vote-controls a {
  display: noneinline-block;
}

.option:focusarticle-vote .article-feedback-form textarea {
  outlinebackground-clip: thin dotted #611f69;
}

.article_page .article_breadcrumb_title::before {
  color: #dddpadding-box;
  border: 1px solid #ddd;
  border-radius: 6px;
  contentcolor: ">"inherit;
  paddingline-height: 0 3px;
}

.article_page .article_body p {
  margin-bottom: 12px24px;
  padding: 10px;
  transition: all 160ms;
  margin-topwidth: 0100%;
}

.article_page-vote .article_body ulvote-err i {
  colorfont-size: inherit20px;
  paddingvertical-leftalign: 30pxmiddle;
}

.article_page-vote .feedback-thanks p, .article_body li-vote .vote-thanks p {
  linemargin-heightbottom: 24px25px;
  margin-bottomtop: 10px3px;
}

.article_page-vote .feedback-thanks i, .article_body h2-vote .vote-thanks i {
  bordervertical-bottom: 1px solid #ddd;align: middle;
}

.article-vote .article-feedback-drive label {
  colorcursor: #1d1c1dpointer;
  display: blockflex;
}

.article-vote  font-size: 22px.article-feedback-drive input {
  margin-right: 10px;
  fontmargin-weighttop: 7007px;
}
  line-height: 27px;
.breadcrumbs li:first-child::before {
  margin-bottomcontent: 20pxnone;
  padding-bottom: 10px0;
}

.article_page .article_body h3.section-list li a.active, .section-list li a:hover {
  background-color: #1d1c1d#ebf6fd;
  displayborder: 1px solid block#dcf0fb;
}

.section-list  font-size: 20px;li a.active {
  fontbackground-weightcolor: 700#0897E9;
  lineborder-heightcolor: 25pxtransparent;
  margin-bottomcolor: 20px#fff;
  marginfont-topweight: 20px700;
}

.article_page .article_body section { line-height: 22px;
  margin-toppadding: -1px 3px 10px 4px;
  padding: 30pxtext-shadow: rgba(0, 0, 0, .1) 0 1px 0;
}

.article-vote_page.has_sidenav .article-vote-question::before_container {
  backgroundmax-clipwidth: padding-box960px;
  border-radiuswidth: 50%100%;
}

.article_page  content: "";.article_body .side_by_side {
  displayoverflow: inline-blockhidden;
  fonttext-familyalign: "Slack v2"center;
}

.article_page  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_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-vote_page .feedback-thanks p, .article-vote .vote-thanks particle_body .tip {
  marginbackground-bottomcolor: 25px#e8f5fa;
  marginborder-topcolor: 3px#1d9bd1;
}

.article-vote_page .article_body .feedback-thanks i, .article-vote .vote-thanks i {bug {
  background-color: #fcf4da;
  verticalborder-aligncolor: middle#f2c744;
}

.article-vote_page .article-feedback-drive label_body .tabs {
  cursor: pointer;
  display: flexmargin-bottom: 14.4px;
}

.article-vote_page .article-feedback-drive input_body .option {
  margin-rightborder: 10px1px solid transparent;
  margin-topcolor: 7px#616061;
}

.breadcrumbs li:first-child::before {
  content: none  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding-bottom: 4px;
  padding-top: 05px;
}

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

.section-list li a.active@media screen and (max-width: 700px) {
  .article_page .article_body .option {
    padding-bottom: 4px;
    padding-top: 5px;
  }
}

.article-vote .article-vote-down:hover, .article-vote .article-vote-up:hover {
  background-color: #0897E9#148567;
  border-color: transparent#148567;
  color: #fff;
  font-weight: 700;}

.article-vote .article-send-feedback:hover {
  linebackground-heightcolor: 22px#fff;
  paddingborder: 3px2px 10pxsolid 4px#868686;
  text-shadow: rgba(0, 0, 0, .1) 0 1px 0;
}

color: #868686;
}

@media screen and (max-width: 800px) {
  .article_page.has_sidenav .article_container {
  max-width  display: 960pxblock;
  width: 100%;}
}

.article_page .article_body .side_by_sideside>div {
  overflowfloat: hiddenleft;
  text-align: left;
  width: center49%;
}

.article_page .article_body .bug strong, .article_page .article_body .note strong, .article_page .article_body .tip strong {
  backgroundfont-clipweight: 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 65px900;
}

.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: relativeabsolute;
  wordvertical-breakalign: break-wordmiddle;
}

.article_page .article_body .notebug::before {
  background-colortop: #f8f8f824%;
  border-color: #363636;
}

.article_page .article_body .tipnote::before {
  backgroundfont-colorfamily: #e8f5fa;
  border-color: #1d9bd1;
}

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

.article_page .article_body .tabs {
  margin-bottom: 14.4px;'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 .optiontip::before {
  border: 1px solid transparent;
  color: #616061;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding-bottom: 4px;
  padding-top: 5px;
}

@media screen and (max-width: 700px) {
  .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 .optionbug::before {
    paddingfont-bottomfamily: 4px'FontAwesome';
 /* Assegura que padding-top: 5px;
  }
}

.article-vote .article-vote-down:hover, .article-vote .article-vote-up:hover {
  background-color: #148567;
  border-color: #148567;
  color: #fff;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-sendfeedback-feedbackform textarea:hoverfocus {
  background-colorborder: #fff1px solid #1d9bd1;
  border: 2px solid #868686;
  color: #868686outline: 0;
}

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

@media screen and (max-width: 800px) {
  .article_page.has_sidenav .article_container.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 display: block0;
  }
}


@media screen and (max-width: 600px) {
  .article_page .article_body .side_by_side>div {
  float: left;
  text-align margin-right: left0;
    width: 49%auto;
  }
}

.article_page .article_bodycontainer .bug strong, .article_page .article_body .note strong, article_body ul li {
  font-size: 14.4px;
}

.article_page .article_body .tip strongsection ul:first-child {
  fontmargin-weighttop: 9000;
}

.article_page .article_body .bug::beforesection p:last-child, .article_page .article_body .note::before section ul li:last-child, .article_page .article_body section .tip::beforeul:last-child {
  contentmargin-bottom: "";
  font-family: 'FontAwesome';
   font-size: 28px;
  font-weight: 300;
  height: 100%;
  left: 20px;
  position: absolute0;
}

.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: middletop;
  width: 320px;
}

.article_page .article_body .bug::before {.option.large_tab {
  padding-left: 14px;
  toppadding-right: 24%14px;
}

.article_page .article_body .note::before.option.active {
  font-familyborder: 1px 'FontAwesome'solid;
 /* 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 */ border-color: #ddd #ddd #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: #1264a3;
}

@media screen and (max-width: 800px) {
  .article_page.has_sidenav .article_container .content_col {
    display: block;
  }

  .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 .bug::beforeside_by_side>div:first-child {
  fontmargin-familyright: '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 */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-vote_page .article-feedback-form textarea:focus_body .tabs.enclosed section {
  border: 1px solid #1d9bd1#ddd;
  outlineborder-radius: 06px;
}



.article-vote .feedback-thanks p:nth-child(2), .article-vote .vote-thanks p:nth-child(2)_page.has_sidenav .article_container .category_list .section_list_container {
  marginbox-bottom: 8px;
}

.article-vote .article-vote-down:hover::after, .article-vote .article-vote-up:hover::after {shadow: rgba(0, 0, 0, .1) 0 1px 20px;
  border: 1px solid #0897E9;
  margin-bottom: 20px;
  padding: 9px16px 13px 013px;
}

.article-vote_page .article-send-feedback:hover::after_body .option:not(.active):hover {
  paddingcolor: 7px 0#616061;
}

@media screen and (max-width: 600px) {
  .article_page.has_sidenav .article_bodycontainer .category_list .sidesection_bylist_side>divcontainer h5 {
    marginfont-rightsize: 014px;
    widthmargin: auto0;
  padding: }0;
}

.article_page .article_container .article_body ul libody .tabs.enclosed section.first_content {
  font-sizeborder-top-left-radius: 14.4px0;
}

.article_page.has_sidenav .article_container .category_bodylist .section ul:first-child {_list_container .section-list {
  border-top: 1px solid #ebeaeb;
  marginpadding-top: 08px;
}

.article_page .article_body section p:last-child, .article_page .article_body section ul li:last-child, @media screen and (max-width: 800px) {
  .article_page .article#cat_bodylist section ul:last-child {
  margin-bottom: 0;
{
    display: block;
  }

  .article_body section.activepage #nav_list {
    display: block;
}

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

.article_page.has_sidenav-vote .article_container .category_list-feedback-form #char_num {
  displaycolor: table-cell#868686;
  padding-leftfloat: 48pxleft;
  paddingfont-rightsize: 10px14px;
  padding-top: 30px;}

* {
  verticalbackface-alignvisibility: visible top!important;
}

@media screen and (max-width: 320px;
}

.article_page .article_body .option.large_tab 800px) {
  .nav_scroll {
  padding-left  display: 14pxnone;
  padding-right: 14px;
}

.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;/* Esconde a barra de navegação lateral */
  }
}


@media (max-width: 800px) {
  .section-list li a {
    text-shadow: none !important;
  }
}

@media screen and (max-width: 800px) {
  .article_page.has_sidenav .article_container .content_col {
    displaymax-width: 660px block!important;
  }
}

  .article_page.has_sidenav .article_container .category_listbody p:first-child {
    leftmargin-top: 0 !important;
}

@media screen and  padding: 0;(max-width: 600px) {
  .article_page  position: absolute;.article_body .side_by_side>div {
    topfloat: none 0!important;
    width: 100%;}
}

html {
    zfont-indexsize: 314.4px;
  }

/*  .article_page.has_sidenav .article_container .article_breadcrumbs {
    display: none;
  }This is IMPORTANT since some copied values use "REM" units */
}

.article_pagetip .article_breadcrumbs_container .breadcrumbs li:nth-child(3) {i.fa {
  position: absolute;
  displayleft: inline-block20px;
}

.article_page .article_body .side_by_side>div:first-child { top: 50%;
  margin-righttransform: 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: 14px;
  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;
}

@media screen and (max-width: 800px) {
  .article_page #cat_list {
    display: block;
  }

  .article_page #nav_list {
    display: none;
  }
}

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

* {
  backface-visibility: visible !important;
}

@media screen and (max-width: 800px) {
  .nav_scroll {
    display: none;  /* Esconde a barra de navegação lateral */
  }
}


@media (max-width: 800px) {
  .section-list li a {
    text-shadow: none !important;
  }
}

@media screen and (max-width: 800px) {
  .article_page.has_sidenav .article_container {
    max-width: 660px !important;
  }
}

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

@media screen and (max-width: 600px) {
  .article_page .article_body .side_by_side>div {
    float: none !important;
  }
}

html {
  font-size: 14.4px;
  /* 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 {
    background-color: #f4f5f7;  /* Cor de fundo que você quer aplicar */
    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;
}

@media screen and (max-width: 768px) {
  .display-h2 {
    font-size: 26px;
  }
}

.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;
}



@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {

  +img,   img {
    width: 100%;
  }
}


@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
  .boxed {
    width: 100%;
  }
}
.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-size: 14.4px;
}

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: 14px;
  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;
}



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-size: 14.4px;
  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);
}

/* Demais estilos isolados aqui */

</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>
        <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">Como Importar Metas para o Analytics Studio</span>
        </p>
        <div class="article_body">
          <p>Este guia tem como objetivo fornecer instruções detalhadas sobre como utilizar o novo importador de metas do TOTVS CRM, que permite a importação das suas metas para acompanhamento através do Analytics Studio. Siga os passos a seguir para começar a importar e monitorar suas metas.</p>
          
          <a class="zd_anchor" id="13242" name="importadados" prettyslug="importador-metas"></a>
          <h2 id="h_01HBVSNSWJRRTTX7D5QT21QDFF" class="anchor">Acesso ao Importador de Metas</h2>
          <ol>
          </li>
          <li>Acesse o link: <a target="_new" href="https://goals-setup.totvscrm.app">https://goals-setup.totvscrm.app</a></li>
          <li>Insira a chave de acesso fornecida no campo designado </li>
          <li> Clique em <kbd>Continuar</kbd> </li>
            <br><img src="https://totvscrm.com/wp-content/uploads/2024/04/MOCKUP-TDN-RELEASE-CSV.png" alt="Descrição da Imagem" class="img-responsiva">
        </ol>
        <p class="bug"><strong>Importante:</strong> A chave de acesso será fornecida para o usuário chave durante a implantação do CRM. Caso tenha perdido ou esquecido sua chave, por favor, <a href="https://totvscst.zendesk.com/hc/pt-br/#home">entre em contato com o suporte técnico</a> para solicitar assistência.</p>
        <br>

        <!-- Conteudo 2 -->

            <a class="zd_anchor" id="13243" name="importametas" prettyslug="importar-metas"></a>
          <h2 id="h_01HBVSNSWJ4G2BX1X9GYZS7S99" class="anchor">Importando Metas</h2>
          <ol>
            <li>Para garantir a correta formatação dos dados, inicie o processo baixando nosso <kbd>modelo de arquivo</kbd> </li> 
          </li>
            <li>Após o download, preencha o arquivo com as metas dos profissionais conforme necessário</li>
            <li><strong>Faça o Upload do Arquivo Preenchido:</strong></li></ol>
            <ul>
              <li>Arraste e solte o arquivo na área indicada para fazer o upload</li>
              <li>Se preferir, clique na área para abrir o explorador de arquivos e selecione o arquivo manualmente</li>
            </ul>
           
            <div class="note singleline">
              <strong>Recomendações:</strong>
              <ul>
                <li><strong>Excel (xls, xlsx):</strong> Utilize apenas colunas como separadores</li>
                <li><strong>CSV:</strong> Utilize vírgula, ponto e vírgula ou aspas como separadores e codifique em UTF-8</li>
                <li><strong>Células Mescladas:</strong> Não são suportadas</li>
                <li><strong>Caracteres por Campo:</strong> Máximo de 250 caracteres</li>
                <li><strong>Limite de Linhas:</strong> Até 9.999 linhas por arquivo</li>
                <li><strong>Formatação das Células:</strong> Mantenha a mesma formatação das células do modelo fornecido</li>
              </ul>
          </div>
          <br><img src="https://totvscrm.com/wp-content/uploads/2024/04/MOCKUP-TDN-RELEASE-CSV1.png" alt="Descrição da Imagem" class="img-responsiva">
          <br>
          
  <!-- Conteudo 3 -->
  <br> 
          <a class="zd_anchor" id="13244" name="selecaocabecalho" prettyslug="selecao-arquivo"></a>
          <h2 id="h_01HBVSNSWJTN11APH3TQHH5KCT" class="anchor">Seleção do Cabeçalho</h2>
          <p>Após carregar seu arquivo, você precisará indicar qual linha contém os títulos das informações, como "Email", Meta_Data_Inicio etc.</p>
          <ol>
            <li>Selecione a linha do cabeçalho</li>
            <li>Clique em <kbd>Próximo</kbd>  para continuar</li>
          </ol>
          <br>  
          <a class="zd_anchor" id="13244" name="mapeamentocolunas" prettyslug="mapeamento-colunas"></a>
          <h2 id="h_01HBVSNSWJPXEV1894PCSMQXYD" class="anchor">Mapeamento das Colunas</h2>

          <ol>
            <li>Após selecionar o cabeçalho, outra tela será exibida para mapear as colunas do arquivo</li>
            <li>Verifique se todos os campos estão vinculados às suas respectivas colunas</li>
            <li>Se estiver utilizando a planilha modelo, o mapeamento será feito automaticamente</li>
            <li>Caso contrário, você precisará mapear manualmente as colunas</li>
            <li>Após o mapeamento, clique em <kbd>Próximo</kbd> </li>
          </ol>
          <br><img src="https://totvscrm.com/wp-content/uploads/2024/04/MOCKUP-TDN-RELEASE-CSV2.png" alt="Descrição da Imagem" class="img-responsiva">
          <br>
          <br> 
            <!-- Conteudo 4 -->
          <a class="zd_anchor" id="13245" name="conferenciaeprocessamento" prettyslug="conferencia-e-processamento"></a>
          <h2 id="h_01HBVSNSWJV11H2D2QFW5DMW0B" class="anchor">Conferência e Processamento</h2>
          <p>Antes de prosseguir:</p>
          <ul>
            <li><strong>Verifique os dados:</strong> Confirme se todas as informações estão corretas e se a quantidade de linhas é a esperada.</li>
            <li><strong>Faça ajustes se necessário:</strong> Você tem a liberdade de adicionar ou remover linhas para melhor adequação.</li>
          </ul>
          <p>Quando tudo estiver pronto:</p>
          <ul>
            <li><strong>Prossiga:</strong> Clique em <kbd>Enviar</kbd>  para começar a processar os dados.</li>
            <li><strong>Espere um pouco:</strong> O processamento pode demorar alguns minutos, dependendo da quantidade de dados.</li>
          </ul>


          <a class="zd_anchor" id="13246" name="faq" prettyslug="faq-importacao"></a>
          <h2 id="h_01HBVSNSWK6MGFS52B8ZZ3V5HP" class="anchor">Resultado da Importação</h2>
          <p>Após o processamento, você receberá uma notificação sobre o resultado:</p>

          <ul>
            <li><strong>Mensagem de Sucesso:</strong> Se os dados forem importados corretamente, aparecerá a mensagem "Arquivo importado com sucesso</li>
            <li><strong>Mensagem de Erro:</strong> Se houver um problema na importação, a mensagem "A importação falhou" será exibida</li>
          </ul>


          <p class="bug"><strong>Observação:</strong> O processamento dos dados para o Analytics pode levar alguns minutos. A duração depende do volume de dados sendo importados.</p>
<br> <br>


              <!-- inicio de faq -->
    <h2>Dúvidas Frequentes</h2>
    <div class="faq-container">
      <div class="faq active">
        <p class="faq-title"> <strong>Como faço para realizar alterações nas metas já importadas?</strong></p>
        <p class="faq-text">Para editar uma meta, você precisará reimportar todas as metas, pois cada importação substitui as metas existentes. Não é possível editar uma única meta após a importação.</p>
        <button class="faq-toggle">
          <i class="fas fa-chevron-down"></i>
          <i class="fas fa-times"></i>
        </button>
      </div>
      <div class="faq">
        <p class="faq-title"> <strong>Quanto tempo leva para que as metas importadas apareçam no Analytics?</strong></p>
        <p class="faq-text">O processo de sincronização das metas importadas com a visualização do Analytics leva em média cerca de 2 horas.</p>
        <button class="faq-toggle">
          <i class="fas fa-chevron-down"></i>
          <i class="fas fa-times"></i>
        </button>
      </div>

      <div class="faq">
        <p class="faq-title"><strong>
          Quais métricas e KPIs estão disponíveis para análise no analytics?</strong>
        </p>
        <p class="faq-text">No Analytics, você terá acesso a metas para análise do desempenho, tais como a quantidade de prospecções, oportunidades, propostas, negócios prováveis, negócios fechados, valor total de vendas e ticket médio.</p>
        <button class="faq-toggle">
          <i class="fas fa-chevron-down"></i>
          <i class="fas fa-times"></i>
        </button>
      </div>

    </div>
 <!-- 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');<style>
#title-text {
    display: none !important;
  }
  .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>
  body.meu-estilo-personalizado {
    background-color: #f4f5f7 !important;
    /* mais estilos aqui */
}

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

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

.container {
  display: flex;
  justify-content: space-between;
  background-color: #f0f0f0;  /* Fundo cinza */
  padding: 20px;              /* Espaço interno para evitar que o texto toque as bordas */
  box-sizing: border-box;     /* Inclui padding e border na largura total do contêiner */
  width: 100%;                /* Garante que o contêiner ocupe a largura total do seu elemento pai */
  overflow: hidden;           /* Esconde qualquer conteúdo que exceda as dimensões do contêiner */
  max-width: 900px;           /* Limita a largura máxima para melhor leitura em telas grandes */
  margin: 0 auto;             /* Centraliza o contêiner */
}

.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: 14.4px;
  font-weight: 400;
  line-height: 26px;
}

@media screen and (max-width: 700px) {
  .inherited-styles-for-exported-element {
    font-size: 14.4px;
    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: 14.4px;
  line-height: 26px;
}

@media screen and (max-width: 700px) {
  p {
    font-size: 14.4px;
    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-size: 14.4px;
  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;
}

@media screen and (max-width: 800px) {
  .article_spacer {
    padding-top: 53px;
  }
}

.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 */
}

@media (max-width: 800px) {
  .section-list {
    overflow: hidden;
  }
}

.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: 14px;
  line-height: 20px;
}

@media screen and (max-width: 700px) {
  .breadcrumbs li {
    font-size: 14px;
    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-size: 14.4px;
  line-height: 26px;
  list-style: none;
}

@media screen and (max-width: 700px) {
  .section-list li {
    font-size: 14.4px;
    line-height: 26px;
  }
}

.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: 14px;
  line-height: 18px;
  margin-bottom: 4px;
  padding: 5px 10px 6px;
  text-decoration: none;
}

.article_page .article_container {
  display: block;
  flex-wrap: wrap;
  font-size: 14.4px;
  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 14px;
  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;
}

@media screen and (min-width: 961px) {
  .article_page .content_col {
    min-width: 640px;
  }
}

@media screen and (max-width: 800px) {
  .article_page .section_list_container {
    display: none;
  }
}

@media screen and (max-width: 700px) {
  .article_page .article_title {
    font-size: 28px;
    line-height: 32px;
  }
}

@media screen and (max-width: 480px) {

  .article-vote .article-send-feedback,   .article-vote .article-vote-down,   .article-vote .article-vote-up {
    height: 50px;
    line-height: 31px;
  }

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

@media screen and (max-width: 380px) {
  .article_body .option {
    font-size: 14.4px;
  }
}

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

@media screen and (min-width: 801px) {
  .nav_scroll.stick {
    max-width: 242px;
  }
}

.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-bottom: 14.4px;
}

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

@media screen and (max-width: 700px) {
  .article_page .article_body .option {
    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;
}

@media screen and (max-width: 800px) {
  .article_page.has_sidenav .article_container {
    display: block;
  }
}

.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;
}

@media screen and (max-width: 600px) {
  .article_page .article_body .side_by_side>div {
    margin-right: 0;
    width: auto;
  }
}

.article_page .article_container .article_body ul li {
  font-size: 14.4px;
}

.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: 14px;
  padding-right: 14px;
}

.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;
}

@media screen and (max-width: 800px) {
  .article_page.has_sidenav .article_container .content_col {
    display: block;
  }

  .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: 14px;
  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;
}

@media screen and (max-width: 800px) {
  .article_page #cat_list {
    display: block;
  }

  .article_page #nav_list {
    display: none;
  }
}

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

* {
  backface-visibility: visible !important;
}

@media screen and (max-width: 800px) {
  .nav_scroll {
    display: none;  /* Esconde a barra de navegação lateral */
  }
}


@media (max-width: 800px) {
  .section-list li a {
    text-shadow: none !important;
  }
}

@media screen and (max-width: 800px) {
  .article_page.has_sidenav .article_container {
    max-width: 660px !important;
  }
}

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

@media screen and (max-width: 600px) {
  .article_page .article_body .side_by_side>div {
    float: none !important;
  }
}

html {
  font-size: 14.4px;
  /* 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 {
    background-color: #f4f5f7;  /* Cor de fundo que você quer aplicar */
    min-height: 100vhtranslateY(-50%);
  font-size: 28px;  /* Ajuste o tamanho conforme necessário */
}
.meu-conteudo-personalizado {
    background-color: #f4f5f7;  /* Cor de fundo que você quer aplicar */
    min-width: 400px; /* Largura mínima de 400px */
    min-height: 100vh;          /* Garante que o div ocupe pelo menos a altura total da tela */
    padding: 20px;              /* Espaço interno para evitar que o texto toque as bordas */
  box-sizing: border-box;     /* Inclui padding e border na largura total do contêiner */
  width: 100%;                /* Garante que o contêiner ocupe a largura total do seu elemento pai */
  overflow: hidden;           /* Esconde qualquer conteúdo que exceda as dimensões do contêiner */
  max-width: 900px;           /* GaranteLimita quea olargura divmáxima ocupepara pelomelhor menosleitura aem alturatelas totalgrandes da tela */
    width: 100%;  margin: 0 auto;              /* GaranteCentraliza que o div ocupe toda a largura contêiner */
}

 /* 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;
}

@media screen and (max-width: 768px) {
  .display-h2 {
    font-size: 26px;
  }
}

.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;
}



@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {

  +img,   img {
    width: 100%;
  }
}


@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
  .boxed {
    width: 100%;
  }
}
.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-size: 14.4px;
}

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: 14px;
  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;
}



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-size: 14.4px;
  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);
}

/* Demais estilos isolados aqui */

</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>
        <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">Como Importar Metas para o Analytics Studio</span>
        </p>
        <div class="article_body">
          <p>Este guia tem como objetivo fornecer instruções detalhadas sobre como utilizar o novo importador de metas do TOTVS CRM, que permite a importação das suas metas para acompanhamento através do Analytics Studio. Siga os passos a seguir para começar a importar e monitorar suas metas.</p>
          
          <a class="zd_anchor" id="13242" name="importadados" prettyslug="importador-metas"></a>
          <h2 id="h_01HBVSNSWJRRTTX7D5QT21QDFF" class="anchor">Acesso ao Importador de Metas</h2>
          <ol>
          </li>
          <li>Acesse o link: <a target="_new" href="https://goals-setup.totvscrm.app">https://goals-setup.totvscrm.app</a></li>
          <li>Insira a chave de acesso fornecida no campo designado </li>
          <li> Clique em <kbd>Continuar</kbd> </li>
            <br><img src="https://totvscrm.com/wp-content/uploads/2024/04/MOCKUP-TDN-RELEASE-CSV.png" alt="Descrição da Imagem" class="img-responsiva">
        </ol>
        <p class="bug"><strong>Importante:</strong> A chave de acesso será fornecida para o usuário chave durante a implantação do CRM. Caso tenha perdido ou esquecido sua chave, por favor, <a href="https://totvscst.zendesk.com/hc/pt-br/#home">entre em contato com o suporte técnico</a> para solicitar assistência.</p>
        <br>

        <!-- Conteudo 2 -->

            <a class="zd_anchor" id="13243" name="importametas" prettyslug="importar-metas"></a>
          <h2 id="h_01HBVSNSWJ4G2BX1X9GYZS7S99" class="anchor">Importando Metas</h2>
          <ol>
            <li>Para garantir a correta formatação dos dados, inicie o processo baixando nosso <kbd>modelo de arquivo</kbd> </li> 
          </li>
            <li>Após o download, preencha o arquivo com as metas dos profissionais conforme necessário</li>
            <li><strong>Faça o Upload do Arquivo Preenchido:</strong></li></ol>
            <ul>
              <li>Arraste e solte o arquivo na área indicada para fazer o upload</li>
              <li>Se preferir, clique na área para abrir o explorador de arquivos e selecione o arquivo manualmente</li>
            </ul>
           
            <div class="note singleline">
              <strong>Recomendações:</strong>
              <ul>
                <li><strong>Excel (xls, xlsx):</strong> Utilize apenas colunas como separadores</li>
                <li><strong>CSV:</strong> Utilize vírgula, ponto e vírgula ou aspas como separadores e codifique em UTF-8</li>
                <li><strong>Células Mescladas:</strong> Não são suportadas</li>
                <li><strong>Caracteres por Campo:</strong> Máximo de 250 caracteres</li>
                <li><strong>Limite de Linhas:</strong> Até 9.999 linhas por arquivo</li>
                <li><strong>Formatação das Células:</strong> Mantenha a mesma formatação das células do modelo fornecido</li>
              </ul>
          </div>
          <br><img src="https://totvscrm.com/wp-content/uploads/2024/04/MOCKUP-TDN-RELEASE-CSV1.png" alt="Descrição da Imagem" class="img-responsiva">
          <br>
          
  <!-- Conteudo 3 -->
  <br> 
          <a class="zd_anchor" id="13244" name="selecaocabecalho" prettyslug="selecao-arquivo"></a>
          <h2 id="h_01HBVSNSWJTN11APH3TQHH5KCT" class="anchor">Seleção do Cabeçalho</h2>
          <p>Após carregar seu arquivo, você precisará indicar qual linha contém os títulos das informações, como "Email", Meta_Data_Inicio etc.</p>
          <ol>
            <li>Selecione a linha do cabeçalho</li>
            <li>Clique em <kbd>Próximo</kbd>  para continuar</li>
          </ol>
          <br>  
          <a class="zd_anchor" id="13244" name="mapeamentocolunas" prettyslug="mapeamento-colunas"></a>
          <h2 id="h_01HBVSNSWJPXEV1894PCSMQXYD" class="anchor">Mapeamento das Colunas</h2>

          <ol>
            <li>Após selecionar o cabeçalho, outra tela será exibida para mapear as colunas do arquivo</li>
            <li>Verifique se todos os campos estão vinculados às suas respectivas colunas</li>
            <li>Se estiver utilizando a planilha modelo, o mapeamento será feito automaticamente</li>
            <li>Caso contrário, você precisará mapear manualmente as colunas</li>
            <li>Após o mapeamento, clique em <kbd>Próximo</kbd> </li>
          </ol>
          <br><img src="https://totvscrm.com/wp-content/uploads/2024/04/MOCKUP-TDN-RELEASE-CSV2.png" alt="Descrição da Imagem" class="img-responsiva">
          <br>
          <br> 
            <!-- Conteudo 4 -->
          <a class="zd_anchor" id="13245" name="conferenciaeprocessamento" prettyslug="conferencia-e-processamento"></a>
          <h2 id="h_01HBVSNSWJV11H2D2QFW5DMW0B" class="anchor">Conferência e Processamento</h2>
          <p>Antes de prosseguir:</p>
          <ul>
            <li><strong>Verifique os dados:</strong> Confirme se todas as informações estão corretas e se a quantidade de linhas é a esperada.</li>
            <li><strong>Faça ajustes se necessário:</strong> Você tem a liberdade de adicionar ou remover linhas para melhor adequação.</li>
          </ul>
          <p>Quando tudo estiver pronto:</p>
          <ul>
            <li><strong>Prossiga:</strong> Clique em <kbd>Enviar</kbd>  para começar a processar os dados.</li>
            <li><strong>Espere um pouco ajustes se necessário:</strong> OVocê tem processamentoa podeliberdade demorarde algunsadicionar minutos,ou dependendoremover dalinhas quantidadepara demelhor dadosadequação.</li>
          </ul>


          <a class="zd_anchor" id="13246" name="faq" prettyslug="faq-importacao"></a><p>Quando tudo estiver pronto:</p>
          <h2 id="h_01HBVSNSWK6MGFS52B8ZZ3V5HP" class="anchor">Resultado da Importação</h2>
<ul>
            <li><strong>Prossiga:</strong> <p>ApósClique o processamento, você receberá uma notificação sobre o resultado:</p>

em <kbd>Enviar</kbd>  para começar a processar os dados.</li>
          <ul>
  <li><strong>Espere um pouco:</strong> O processamento pode demorar alguns minutos, dependendo <li><strong>Mensagemda quantidade de Sucesso:dados.</strong> Se os dados forem importados corretamente, aparecerá a mensagem "Arquivo importado com sucesso</li>li>
          </ul>


          <a  <li><strong>Mensagem de Erro:</strong> Se houver um problema na importação, a mensagem "A importação falhou" será exibida</li>class="zd_anchor" id="13246" name="faq" prettyslug="faq-importacao"></a>
          <h2 id="h_01HBVSNSWK6MGFS52B8ZZ3V5HP" class="anchor">Resultado da Importação</h2>
          </ul>


          <p class="bug"><strong>Observação:</strong> O processamento dos dados para o Analytics pode levar alguns minutos. A duração depende do volume de dados sendo importados.</p>
<br> <br>


              <!-- inicio de faq -->
    <h2>Dúvidas Frequentes</h2>
    <div class="faq-container">
      <div class="faq active">
        <p class="faq-title"> <strong>Como faço para realizar alterações nas metas já importadas?</strong></p><p>Após o processamento, você receberá uma notificação sobre o resultado:</p>

          <ul>
            <li><strong>Mensagem de Sucesso:</strong> Se os dados forem importados corretamente, aparecerá a mensagem "Arquivo importado com sucesso</li>
            <li><strong>Mensagem de Erro:</strong> Se houver um problema na importação, a mensagem "A importação falhou" será exibida</li>
          </ul>


          <p class="faq-text">Para editar uma meta, você precisará reimportar todas as metas, pois cada importação substitui as metas existentes. Não é possível editar uma única meta após a importaçãobug"><strong>Observação:</strong> O processamento dos dados para o Analytics pode levar alguns minutos. A duração depende do volume de dados sendo importados.</p>
   <br> <br>


     <button class="faq-toggle">
        <!-- inicio <i class="fas fa-chevron-down"></i>de faq -->
    <h2>Dúvidas Frequentes</h2>
    <div <i class="fas fafaq-times"></i>
        </button>
      </div>container">
      <div class="faq active">
        <p class="faq-title"> <strong>Quanto<strong>Como tempofaço levapara pararealizar quealterações asnas metas já importadas apareçam no Analytics?</strong></p>
        <p class="faq-text">O processo de sincronização das metas importadas com a visualização do Analytics leva em média cerca de 2 horas>Para editar uma meta, você precisará reimportar todas as metas, pois cada importação substitui as metas existentes. Não é possível editar uma única meta após a importação.</p>
        <button class="faq-toggle">
          <i class="fas fa-chevron-down"></i>
          <i class="fas fa-times"></i>
        </button>
      </div>

      <div class="faq">
        <p class="faq-title"><strong>
          Quais métricas e KPIs estão disponíveis para análise no analytics?</strong>
        </p>
        <p class="faq-text">No Analytics, você terá acesso a metas para análise do desempenho, tais como a quantidade de prospecções, oportunidades, propostas, negócios prováveis, negócios fechados, valor total de vendas e ticket médio.</p>">
        <button<p class="faq-toggletitle">
 <strong>Quanto tempo leva para que as metas importadas apareçam <i class="fas fa-chevron-down"></i>no Analytics?</strong></p>
        <p  <i class="fas fafaq-times"></i>
        </button>
      </div>

    </div>
 <!-- inicio de faq --text">O processo de sincronização das metas importadas com a visualização do Analytics leva em média cerca de 2 horas.</p>
        <button class="faq-toggle">
        </div>
  <i    </div>class="fas fa-chevron-down"></i>
    </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) {  <i class="fas fa-times"></i>
        </button>
      </div>

      <div class="faq">
        <p class="faq-title"><strong>
      e.preventDefault();  // Previne oQuais comportamentométricas padrãoe doKPIs link
estão disponíveis para análise no  document.querySelector('.section-list a.active').classList.remove('active');  // Remove a classe 'active' do link atualmente ativo
analytics?</strong>
        </p>
        <p  this.classList.add('active');  // Adiciona a classe 'active' ao link clicado

      const sectionId = this.getAttribute('href');  // Obtém o ID da seção alvoclass="faq-text">No Analytics, você terá acesso a metas para análise do desempenho, tais como a quantidade de prospecções, oportunidades, propostas, negócios prováveis, negócios fechados, valor total de vendas e ticket médio.</p>
      document.querySelector(sectionId).scrollIntoView({behavior: 'smooth'});  // Navega até a seção
<button class="faq-toggle">
        });
  });
});

</script>

<script>
  document.addEventListener("DOMContentLoaded", function() {
  const tabButtons = document.querySelectorAll('.tabs button.option');

  tabButtons.forEach(button => {
    button.addEventListener('click', function() {  <i class="fas fa-chevron-down"></i>
          <i class="fas fa-times"></i>
        </button>
      </div>

    </ Desativa todas as tabs e esconde todo o conteúdo
div>
 <!-- inicio de faq -->
        </div>
      </div>
  tabButtons.forEach(btn => { </div>

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


<script>
  btn.classList.remove('active');
        const sectiondocument.addEventListener("DOMContentLoaded", function() {
  const links = document.getElementByIdquerySelectorAll(btn.getAttribute('aria-controls'.section-list a'));
  // Selecione todos os links da seção

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

      // Ativa a tab clicada e mostra o conteúdo correspondentedocument.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 activeSectionsectionId = document.getElementById(this.getAttribute('aria-controlshref'));
  // Obtém o ID ifda (activeSection)seção {alvo
        activeSection.style.display = 'block';
      }document.querySelector(sectionId).scrollIntoView({behavior: 'smooth'});  // Navega até a seção
    });
  });
});

</script>

  <script>
    const toggles = document.querySelectorAll(".faq-toggle");
    toggles.forEach((toggle) => {
      toggle.addEventListener("clickDOMContentLoaded", function() => {
  const tabButtons =    toggle.parentNode.classList.toggle("active");
      });
    });
  </script>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>