HTML |
---|
<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 { 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; } @media screen and (max-width: 700px) { .inherited-styles-for-exported-element { font-size: 16px; 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; } @media screen and (max-width: 700px) { p { font-size: 16px; line-height: 26px; } } b, strong { font-weight: 700b, 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: 16pxsize6px; 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_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: 14px16px; 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: 16pxsize6px; line-height: 26px; list-style: none; } @media screen and (max-width: 700px) { .section-list li { font-size: 16px; line-height: 26px; } } .breadcrumbs li::before { color: .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: 14px16px; line-height: 18px; margin-bottom: 4px; padding: 5px 10px 6px; text-decoration: none; } .article_page .article_container { display: flexblock; flex-directionwrap: columnwrap; } .text-container { flex: 1; // Permite que o contêiner se ajuste flexivelmente font-size6px; line-height: 26px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; } .article_page .article_breadcrumbs_container { display: block; overflowflex-xwrap: hiddenwrap; // Esconde o overflow horizontal overflow-y: auto; // Permite scroll vertical se necessário } margin-left: auto; margin-right: auto; max-width: 960px; padding-left: 20px; padding-right: 20px; padding-top: 30px; visibility: hidden; } .article_page .article_containertitle { displayflex-basis: block100%; flexfont-wrapsize: wrap32px; font-sizeweight: 16px700; line-height: 26px36px; margin-leftbottom: auto30px; margin-righttop: auto30px; padding-left: 10px; padding-right: 10px; } .article_page width: 100%; // Garante que o contêiner se ajuste à largura da tela box-sizing: border-box; // Inclui padding e borda no cálculo da largura.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_container ppage .article_footer { fontflex-sizebasis: 16px; // Pode ser necessário ajustar baseado em testes padding: 5px100%; padding-left: 10px; // Adiciona padding para não tocar nas bordas word-wrap: break-word; // Evita que palavras longas saiam do contêiner } padding-right: 10px; } .article_page-vote .article_breadcrumbs_container-vote-question { display: block; flexfont-wrapweight: wrap700; margin-leftbottom: auto25px; margin-rightopacity: auto0; maxtext-widthalign: 960pxcenter; } padding-left: 20px;.article-vote .article-vote-controls { paddingjustify-rightcontent: 20pxcenter; paddingtext-topalign: 30pxcenter; visibility: hidden; } .article_page-vote .article_title-feedback-form { flex-basisdisplay: 100%none; fonttext-sizealign: 32pxright; } font-weight: 700;.article-vote .vote-err { linefont-heightsize: 36px13.3333px; margin-bottom: 30px0; } margin-top: 30px; padding-left: 10px; padding-right: 10px; } .article_page .article_breadcrumb_title { color: #868686;.article-vote .feedback-thanks, .article-vote .vote-err, .article-vote .vote-thanks { display: none; fonttext-sizealign: 15pxcenter; } .article_page-vote .article_body { padding-bottom: 50px-send-feedback, .article-vote .article-vote-down, .article-vote .article-vote-up { background-clip: padding-box; paddingborder-leftradius: 10px6px; paddingborder-rightstyle: 10pxsolid; border-width: 100%2px; } .article_page .article_footer { flex-basis cursor: 100%pointer; padding-leftheight: 10px44px; paddingtext-rightdecoration: 10pxnone; } .article-vote .article-vote-question { display: block;down, .article-vote .article-vote-up { fontborder-weightcolor: 700#007a5a; margin-bottomcolor: 25px#007a5a; opacitymargin: 0 10px; textmin-alignwidth: center125px; } .article-vote .article-votebutton-controlstext { display: block; height: 100%; justify-contentpadding: 7px center16px; text-align: center; width: 100%; } .article-vote .article-send-feedback-form { displayborder-color: none#868686; text-aligncolor: right#868686; } .article-vote .vote-err { font-size: 13.3333px display: inline-block; margin: 20px 0 0 10px; min-width: 180px; margin-bottompadding: 0 12px; } .article-vote .feedback-thanks, .article-vote .vote-err, get-support { text-align: left; } .article-vote .votearticle-thanksfeedback-drive { displaypadding-bottom: none20px; text-align: centerleft; } .article-vote .article-send-feedback, .article-vote .article-vote-down, .article-vote .article-vote-up { background-clip: padding-box; border-radiuswidth: 6px42%; border-style: solid;} .nav_scroll.stick { border-widthflex: 2px; 0 0 cursor: pointerauto; max-height: 44px75vh; text-decorationposition: nonefixed; } .article-vote_body section, .article-vote-down_page #cat_list, .articlesection-votelist .article-vote-upclose { border-colordisplay: #007a5anone; } .option:focus { color: #007a5a; margin outline: 0thin 10px; min-width: 125pxdotted #611f69; } .article-vote_page .article-button-text_breadcrumb_title::before { displaycolor: block#ddd; heightcontent: 100%">"; padding: 7px0 14px3px; } .article_page .article_body p text-align{ margin-bottom: center12px; widthmargin-top: 100%0; } .article-vote_page .article-send-feedback_body ul { border-color: #868686inherit; colorpadding-left: #86868630px; } .article_page display: inline-block.article_body li { line-height: 24px; margin-bottom: 20px 0 0 10px;10px; } .article_page .article_body h2 { minborder-widthbottom: 1px solid 180px#ddd; paddingcolor: 0 12px; } .article-vote .get-support { text-align: left; } .article-vote .article-feedback-drive { padding #1d1c1d; display: block; font-size: 22px; font-weight: 700; line-height: 27px; margin-bottom: 20px; textpadding-alignbottom: left10px; } @media screen and (min-width: 961px) { .article_page .contentarticle_colbody h3 { color: min-width#1d1c1d; display: 640pxblock; } } @media screen and (max-width: 800px) { .article_page .section_list_container { display: none; } } @media screen and (max-width: 700px) { font-size: 20px; font-weight: 700; line-height: 25px; margin-bottom: 20px; margin-top: 20px; } .article_page .article_titlebody section { fontmargin-sizetop: 28px-1px; line-heightpadding: 32px30px; } } @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-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-down,controls a { display: inline-block; } .article-vote .article-votefeedback-upform textarea { background-clip: padding-box; widthborder: 1px solid 42%#ddd; } } @media screen and (max-width: 380px) { .article_body .option { font-size: 16px; } } .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 #611f69border-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_page-vote .article_breadcrumb_title::before-feedback-drive input { colormargin-right: #ddd10px; contentmargin-top: ">"; padding: 0 3px7px; } .article_page .article_body pbreadcrumbs li:first-child::before { margin-bottomcontent: 12pxnone; margin-toppadding: 0; } .article_page .article_body ulsection-list li a.active, .section-list li a:hover { background-color: inherit#ebf6fd; padding-leftborder: 30px1px solid #dcf0fb; } .article_page .article_body lisection-list li a.active { linebackground-heightcolor: 24px#0897E9; marginborder-bottomcolor: 10pxtransparent; } .article_page .article_body h2 { color: #fff; borderfont-bottomweight: 1px solid #ddd700; colorline-height: #1d1c1d22px; displaypadding: 3px 10px block4px; fonttext-size: 22px; font-weight: 700; line-height: 27px; margin-bottom: 20px; padding-bottom: 10pxshadow: rgba(0, 0, 0, .1) 0 1px 0; } .article_page.has_sidenav .article_container { max-width: 960px; width: 100%; } .article_page .article_body h3.side_by_side { coloroverflow: #1d1c1dhidden; displaytext-align: blockcenter; font-size: 20px; font-weight: 700; line-height: 25px; margin-bottom: 20px; margin-top: 20px; } } .article_page .article_body .bug, .article_page .article_body section { margin-top: -1px; padding: 30px; } .article-vote .article-vote-question::before.note, .article_page .article_body .tip { background-clip: padding-box; border-radius: 50% 6px; border-style: solid; contentborder-width: ""1px; display: inline-block; fontline-familyheight: "Slack v2"1.5rem; fontmargin-sizebottom: 20px18px; fontmargin-weighttop: 40018px; height: 25pxpadding: 12px 18px 12px 65px; margin-bottomposition: 1pxrelative; marginword-rightbreak: 2px;break-word; } .article_page .article_body .note { verticalbackground-aligncolor: bottom#f8f8f8; widthborder-color: 25px#363636; } .article-vote_page .article-vote-controls a_body .tip { displaybackground-color: inline-block#e8f5fa; border-color: #1d9bd1; } .article-vote_page .article-feedback-form textarea_body .bug { background-clipcolor: padding-box#fcf4da; border-color: 1px solid #ddd;#f2c744; } .article_page .article_body .tabs { border-radius: 6px; color: inherit; line-height: 24pxmargin-bottom6px; } .article_page .article_body .option { border: 1px solid transparent; paddingcolor: 10px#616061; transitioncursor: all 160mspointer; widthdisplay: 100%; } .article-vote .vote-err i {inline-block; margin: 0; fontpadding-sizebottom: 20px4px; verticalpadding-aligntop: middle5px; } .article-vote .feedback-thanks particle-vote-down:hover, .article-vote .article-vote-thanksup:hover p { marginbackground-bottomcolor: 25px#148567; margin-topborder-color: #148567; color: 3px#fff; } .article-vote .feedback-thanks i, .article-vote .vote-thanks isend-feedback:hover { verticalbackground-aligncolor: middle#fff; } .article-vote .article-feedback-drive label { border: 2px cursor:solid pointer#868686; displaycolor: flex#868686; } .article-vote_page .article-feedback-drive input_body .side_by_side>div { margin-rightfloat: 10pxleft; margintext-topalign: 7pxleft; } .breadcrumbs li:first-child::before { content width: none49%; padding: 0; } .section-list li a.active, .section-list li a:hoverarticle_page .article_body .bug strong, .article_page .article_body .note strong, .article_page .article_body .tip strong { backgroundfont-colorweight: #ebf6fd900; } .article_page border: 1px solid #dcf0fb; } .section-list li a.active.article_body .bug::before, .article_page .article_body .note::before, .article_page .article_body .tip::before { background-colorcontent: #0897E9""; borderfont-colorfamily: transparent'FontAwesome'; colorfont-size: #fff28px; font-weight: 700300; line-height: 22px100%; paddingleft: 20px; 3px 10pxposition: 4pxabsolute; textvertical-shadowalign: rgba(0, 0, 0, .1) 0 1px 0middle; } .article_page.has_sidenav .article_container { max-width: 960px;body .bug::before { widthtop: 100%24%; } .article_page .article_body .side_by_sidenote::before { overflowfont-family: hidden;'FontAwesome'; /* Assegura que a fonte correta está sendo usada */ text-aligncolor: center#363636; } .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; 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 .tipbug::before { backgroundfont-colorfamily: #e8f5fa'FontAwesome'; border-color: #1d9bd1; } .article_page .article_body .bug { background-color: #fcf4da; border-color: #f2c744; } .article_page .article_body .tabs { margin-bottom: 16px; /* 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_page-vote .article_body .option-feedback-form textarea:focus { border: 1px solid transparent#1d9bd1; coloroutline: #6160610; cursor: pointer; display: inline-block; margin: 0; padding-bottom: 4px; padding-top: 5px; } @media screen and (max-width: 700px) { .article_page .article_body .option } .article-vote .feedback-thanks p:nth-child(2), .article-vote .vote-thanks p:nth-child(2) { paddingmargin-bottom: 4px8px; padding-top: 5px; } } .article-vote .article-vote-down:hover::after, .article-vote .article-vote-up:hover::after { background-colorpadding: #148567; border-color: #148567; color: #fff9px 0; } .article-vote .article-send-feedback:hover::after { background-colorpadding: #fff; border: 2px solid #868686; color: #868686; } @media screen and (max-width: 800px) { 7px 0; } .article_page .hasarticle_sidenavcontainer .article_containerbody ul li { display: block; }font-size6px; } .article_page .article_body .side_by_side>div { float: left;section ul:first-child { textmargin-aligntop: left0; width: 49%; } .article_page } .article_page .article_body .bug strongsection p:last-child, .article_page .article_body section .note strongul li:last-child, .article_page .article_body .tip strongsection ul:last-child { fontmargin-weightbottom: 9000; } .article_pagebody .article_body .bug::before, section.active { display: block; } .article_page.has_sidenav .article_bodycontainer .note::before, content_col { display: table-cell; } .article_page.has_sidenav .article_bodycontainer .tip::beforecategory_list { contentdisplay: ""table-cell; fontpadding-familyleft: 'FontAwesome'48px; fontpadding-sizeright: 28px10px; fontpadding-weighttop: 30030px; heightvertical-align: 100%top; leftwidth: 20px; position: absolute; vertical-align: middle320px; } .article_page .article_body .bug::before {.option.large_tab { padding-left: 16px; toppadding-right: 24%16px; } .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; } .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 */ } .article-vote .article-feedback-form textarea:focus {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 #1d9bd1 #0897E9; margin-bottom: 20px; outlinepadding: 016px 13px 13px; } .article-vote_page .feedback-thanks p:nth-child(2), .article-vote .vote-thanks p:nth-child(2) { margin-bottom: 8pxarticle_body .option:not(.active):hover { color: #616061; } .article-vote_page.has_sidenav .article-vote-down:hover::after, .article-vote .article-vote-up:hover::after {_container .category_list .section_list_container h5 { font-size: 16px; margin: 0; padding: 9px 0; } .article-vote_page .article-send-feedback:hover::after_body .tabs.enclosed section.first_content { paddingborder-top-left-radius: 7px 0; } @media (max-width: 600px) { .article_container p .article_page.has_sidenav .article_container .category_list .section_list_container .section-list { border-top: 1px solid #ebeaeb; fontpadding-sizetop: 14px; // Tamanho menor de fonte para telas pequenas } } @media screen and (max-width: 600px) {8px; } .article_page .article#nav_body .side_by_side>div list { margin-rightdisplay: 0none; width: auto; } } .article_body { word-wrap: break-word-vote .article-feedback-form #char_num { color: #868686; float: left; font-size: 16px; } .article_page .article_container .article_body ul li* { fontbackface-sizevisibility: visible 16px!important; } .article_page .article_body section ulp:first-child { margin-top: 0 !important; } .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;html { font-size6px; /* This is IMPORTANT since some copied values use "REM" units */ } .article_bodytip sectioni.activefa { displayposition: blockabsolute; } .article_page.has_sidenav .article_container .content_col { left: 20px; displaytop: table-cell50%; } .article_page.has_sidenav .article_container .category_list { display: table-cell transform: translateY(-50%); paddingfont-leftsize: 48px28px; 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 /* 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: rgba(0, 0, 0, .1) 0 1px 20px2px #4c9aff; borderoutline: 1px solid #0897E90; } .font-weight-bold margin-bottom: 20px;strong, strong { paddingfont-weight: 16px 13px 13pxbolder; } .article_page .article_body .optionhtml: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: 16px; /* 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-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; /* Limita a largura máxima para melhor leitura em telas grandes */ margin: 0 auto; /* Centraliza o contêiner */ } /* TITULO */ .inherited-styles-for-exported-elementaui-no-focusvisible) :focus:not(:focus-visible) { outline: unset unset unset; outline-offset: unset; } .mb-4 { margin-bottom: 1.5rem !important; } .font-weight-bold { font-familyweight: Lato, sans-serif; letter-spacing: 0; tab-size: 3700 !important; } .text-dark { color: #363636 !important; } body ::-webkit-scrollbar.text-blue { heightcolor: #0897e9 10px!important; } .text-center width: 10px{ text-align: center !important; } body ::-webkit-scrollbar-thumb.text-uppercase { backgroundtext-colortransform: uppercase #a9a9a9!important; } body ::-webkit-scrollbar-thumb, body ::-webkit-scrollbar-thumb:hover { border-radius: 5px; transition: background-color .3s; transition-behavior: normal /* TITULO */ /* LIST BALL BLUE */ strong { font-weight: 700; } :focus { outline: 2px soliddotted #4c9aff#611f69; outline-offset: 1px5px; } .display-h2ts_icon, li kbd { text-indent: 0; } .ts_icon_buildings::before { font-sizecontent: 22px""; } @media screen and (max-width: 768px).ts_icon::after, .ts_icon::before { .display-h2 { : inline-block; font-sizefamily: "Slack 26pxv2"; } } .display-h2 {font-size: 20px; linefont-heightweight: 1.3400; } p:first-child.ts_icon.middle { marginvertical-topalign: 0middle; } body ::-webkit-scrollbar-thumb:hover { background-color: gray; } html:not(.aui-no-focusvisible) :focus-visible { box-shadow: 0 0 0 2px #4c9aff; outline: 0ol { color: inherit; padding-left: 30px; } li { line-height: 24px; margin-bottom: 10px; } .font-weight-bold strong+img, .boxed, strongkbd { font-weight: bolderborder: 1px solid #ddd; } html:not(.aui-no-focusvisible) :focus:not(:focus-visible) { outline: unset unset unsetkbd { background-color: #fff; border: 1px solid #a3a2a2; outlineborder-offsetradius: unset.3em; } .mb-4 { cursor: default; display: inline-block; marginfont-bottom: 1.5remfamily: Monaco, Menlo, Consolas, "Courier New", monospace !important; } . font-weight-bold {size: 13.6px; font-weight: 700 !important400; } .text-dark { line-height: .6rem; colormargin: #363636 !important2px; } .text-blue { min-width: 1em; colorpadding: .5em #0897e9 !important; } .text-center {.6em .4em; text-align: center; text-aligndecoration: center !importantnone; user-select: none; } .textimg-uppercaseresponsiva { textmax-transformwidth: uppercase !important; } 100%; /* TITULO A imagem nunca será maior que o contêiner */ height: auto; /* LIST BALL BLUE A altura se ajusta automaticamente para manter a proporção */ strong { fontborder-weightradius: 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 {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: #fff#0897E9; border-radius: 1px solid #a3a2a213px; border-radiuscolor: .3em#fff; cursorcontent: defaultcounter(list); display: inline-block; font-familysize: Monaco, Menlo, Consolas, "Courier New", monospace !important16px; font-sizeweight: 13.6px700; font-weightheight: 40024px; line-height: .6rem24px; margin-right: 2px15px; minpadding-widthleft: 1em0; paddingtext-indent: .5em .6em .4em8px; textvertical-align: centertop; text-decorationwidth: none;24px; } .boxed>ol:first-child { usermargin-selecttop: none0; } @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.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: 100%; /* A imagem nunca será maior que o contêiner */600px; heightmargin: 0 auto; /* A altura se ajusta automaticamente para manter a proporção */ } .faq { borderbackground-radiuscolor: 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: 16px; } 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: 13pxtransparent; 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: #fff#c9c9c9; contentfont-size: counter(list)7rem; displayposition: inline-blockabsolute; font-sizeopacity: 14px0.2; font-weighttop: 70020px; heightleft: 24px20px; line-height: 24px; margin-rightz-index: 15px;0; } .faq.active::before { padding-leftcolor: 0#0897E9; text-indenttop: 8px-10px; vertical-alignleft: top-30px; widthtransform: 24pxrotateY(180deg); } .boxed>ol:firstfaq-childtitle { margin-top: 0; } .boxed ol:last-child li:last-child { 35px 0 0; marginfont-bottomfamily: 0; } ol:not(.takeaway) li:nth-child(n+10):nth-child(-n+99)::before { text-indent: 5px;lato, sans-serif; font-size: 16px; } .faq-text { /* LIST BALL BLUE */ display: none; margin: /* FAQ*/ @import url("https://fonts.googleapis.com/css2?family=Muli&display=swap"); *30px 0 0; } .faq.active .faq-text { display: block; } .faq-toggle { boxbackground-sizingcolor: border-box; } h1 { margin: 50px 0 30pxtransparent; border: 0; textborder-alignradius: center50%; } .faq-container { max-width cursor: 600pxpointer; margindisplay: 0 auto; } .faq {flex; backgroundalign-coloritems: transparentcenter; borderjustify-content: 1pxcenter; solid #9fa4a8font-size6px; border-radiuspadding: 10px0; marginposition: 20px 0absolute; paddingtop: 30px; positionright: relative30px; overflowheight: hidden30px; transitionwidth: 0.3 ease30px; } .faq.active-toggle:focus { background-coloroutline: #fff0; } box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1).faq-toggle .fa-times { display: none; } .faq.active .faq-toggle .fa-times { color: #fff; display: block; } .faq.active::before, .faq.active::after-toggle .fa-chevron-down { contentdisplay: "\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)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-titlecontainer .faq.active { marginbackground-color: 0 35px 0 0#fff; fontbox-familyshadow: lato, sans-serif; font-size: 16px; } .faq-text { display: none; margin: 30px 0 00 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1); } .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: 16px; 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 *//* Demais estilos isolados aqui */ /* 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> <meta name="viewport" content="width=device-width, initial-scale=1"> <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">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> <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 <kbd><a href="https://totvscrm.com/wp-content/uploads/2024/04/Template-para-Importacao-4.xls">modelo de arquivo</a> </kbd> <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-CSV1TDNSCVBOX1.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 o seu arquivo, vocêserá precisaránecessário indicar qual linha contém os títulos das informações, tais como "Email", Meta_Data_Inicio etc 'E-mail do Usuário', 'Início da Meta', entre outros.</p> <ol> <li>Selecione a linha do cabeçalho</li> <li>Clique em <kbd>Próximo</kbd> para continuar</li> </ol> <br><img src="https://totvscrm.com/wp-content/uploads/2024/04/MOCKUP-TDNSCVBOX2.png" alt="Descrição da Imagem" class="img-responsiva"> <br> <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> <kbd> </li> </ol> <br><img src="https://totvscrm.com/wp-content/uploads/2024/04/MOCKUP-TDN-RELEASE-CSV2TDNSCVBOX23.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<sucesso".</li> <li><strong>Mensagem de Erro:</strong> Se houver um problema na importação, a mensagem "A importação falhou" será exibida<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<h2>Perguntas 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'); 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> |