{"id":955821,"date":"2026-08-06T17:46:03","date_gmt":"2026-08-06T17:46:03","guid":{"rendered":"https:\/\/novosite.voipdobrasil.com.br\/v1\/?page_id=955821"},"modified":"2026-09-01T14:30:06","modified_gmt":"2026-09-01T14:30:06","slug":"recursos-vb365","status":"publish","type":"page","link":"https:\/\/novosite.voipdobrasil.com.br\/v1\/recursos-vb365\/","title":{"rendered":"VB365 Recursos para Gest\u00e3o"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"955821\" class=\"elementor elementor-955821\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe107de e-flex e-con-boxed e-con e-parent\" data-id=\"fe107de\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-20a68e0 e-con-full e-flex e-con e-child\" data-id=\"20a68e0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13593db elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"13593db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================ -->\r\n<!-- VB365 \u2014 Carrossel de Recursos | SOMENTE CARROSSEL             -->\r\n<!-- Estilo seguindo o modelo do carrossel PABX em Nuvem            -->\r\n<!-- Tags azuis apenas ao passar o mouse                            -->\r\n<!-- C\u00f3digo isolado para Elementor HTML Widget                     -->\r\n<!-- ============================================================ -->\r\n\r\n<section id=\"vb365-carousel-only-2026\" class=\"vb365-carousel-only-2026\">\r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700;900&display=swap');\r\n\r\n    #vb365-carousel-only-2026,\r\n    #vb365-carousel-only-2026 *,\r\n    #vb365-carousel-only-2026 *::before,\r\n    #vb365-carousel-only-2026 *::after {\r\n      box-sizing: border-box !important;\r\n    }\r\n\r\n    #vb365-carousel-only-2026 {\r\n      --vb365-blue: #0057ae;\r\n      --vb365-blue-dark: #003f82;\r\n      --vb365-yellow: #edb000;\r\n      --vb365-text: #6b7890;\r\n      --vb365-text-dark: #243b5a;\r\n      --vb365-border: #e8eef6;\r\n      --vb365-bg: transparent;\r\n      --vb365-soft: #f8fafc;\r\n\r\n      width: 100% !important;\r\n      max-width: 100% !important;\r\n      overflow: hidden !important;\r\n      padding: 32px 0 !important;\r\n      background: var(--vb365-bg) !important;\r\n      font-family: \"Lato\", Arial, Helvetica, sans-serif !important;\r\n      position: relative !important;\r\n      z-index: 1 !important;\r\n    }\r\n\r\n    #vb365-carousel-only-2026 .vb365-carousel-only__viewport {\r\n      width: 100% !important;\r\n      max-width: 100vw !important;\r\n      overflow: hidden !important;\r\n      position: relative !important;\r\n      -webkit-mask-image: none !important;\r\n      mask-image: none !important;\r\n    }\r\n\r\n    #vb365-carousel-only-2026 .vb365-carousel-only__track {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 12px !important;\r\n      width: max-content !important;\r\n      padding: 6px 0 !important;\r\n      animation: vb365CarouselOnlyMove 110s linear infinite reverse !important;\r\n      will-change: transform !important;\r\n    }\r\n\r\n    #vb365-carousel-only-2026:hover .vb365-carousel-only__track {\r\n      animation-play-state: paused !important;\r\n    }\r\n\r\n    @keyframes vb365CarouselOnlyMove {\r\n      to {\r\n        transform: translateX(-50%);\r\n      }\r\n    }\r\n\r\n    #vb365-carousel-only-2026 .vb365-carousel-only__item {\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      gap: 8px !important;\r\n      padding: 9px 16px !important;\r\n      background: var(--vb365-soft) !important;\r\n      border: 1px solid var(--vb365-border) !important;\r\n      border-radius: 999px !important;\r\n      font-size: 13px !important;\r\n      line-height: 1.2 !important;\r\n      font-weight: 600 !important;\r\n      color: var(--vb365-text) !important;\r\n      white-space: nowrap !important;\r\n      flex-shrink: 0 !important;\r\n      cursor: default !important;\r\n      text-decoration: none !important;\r\n      user-select: none !important;\r\n      transition:\r\n        transform .2s ease,\r\n        box-shadow .2s ease,\r\n        background .2s ease,\r\n        color .2s ease,\r\n        border-color .2s ease !important;\r\n    }\r\n\r\n    #vb365-carousel-only-2026 .vb365-carousel-only__item svg {\r\n      width: 14px !important;\r\n      height: 14px !important;\r\n      color: var(--vb365-blue) !important;\r\n      flex-shrink: 0 !important;\r\n      display: block !important;\r\n      transition: color .2s ease !important;\r\n    }\r\n\r\n    #vb365-carousel-only-2026 .vb365-carousel-only__item:hover {\r\n      background: var(--vb365-blue) !important;\r\n      color: #ffffff !important;\r\n      transform: translateY(-2px) !important;\r\n      border-color: var(--vb365-blue) !important;\r\n      box-shadow: 0 6px 18px rgba(0, 87, 174, .18) !important;\r\n    }\r\n\r\n    #vb365-carousel-only-2026 .vb365-carousel-only__item:hover svg {\r\n      color: var(--vb365-yellow) !important;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      #vb365-carousel-only-2026 {\r\n        padding: 28px 0 !important;\r\n      }\r\n\r\n      #vb365-carousel-only-2026 .vb365-carousel-only__viewport {\r\n        -webkit-mask-image: none !important;\r\n        mask-image: none !important;\r\n      }\r\n\r\n      #vb365-carousel-only-2026 .vb365-carousel-only__track {\r\n        animation-duration: 90s !important;\r\n      }\r\n\r\n      #vb365-carousel-only-2026 .vb365-carousel-only__item {\r\n        font-size: 12px !important;\r\n        padding: 8px 12px !important;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      #vb365-carousel-only-2026 {\r\n        padding: 24px 0 !important;\r\n      }\r\n\r\n      #vb365-carousel-only-2026 .vb365-carousel-only__viewport {\r\n        -webkit-mask-image: none !important;\r\n        mask-image: none !important;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #vb365-carousel-only-2026 .vb365-carousel-only__track {\r\n        animation: none !important;\r\n      }\r\n\r\n      #vb365-carousel-only-2026 .vb365-carousel-only__viewport {\r\n        overflow-x: auto !important;\r\n        -webkit-mask-image: none !important;\r\n        mask-image: none !important;\r\n        scrollbar-width: thin !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"vb365-carousel-only__viewport\">\r\n    <div class=\"vb365-carousel-only__track\" id=\"vb365CarouselOnlyTrack2026\">\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\r\n          <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n          <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n          <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n        <\/svg>\r\n        Base de Clientes\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"><\/rect>\r\n          <circle cx=\"9\" cy=\"7\" r=\".6\" fill=\"currentColor\"><\/circle>\r\n          <circle cx=\"12\" cy=\"7\" r=\".6\" fill=\"currentColor\"><\/circle>\r\n          <circle cx=\"15\" cy=\"7\" r=\".6\" fill=\"currentColor\"><\/circle>\r\n          <circle cx=\"9\" cy=\"11\" r=\".6\" fill=\"currentColor\"><\/circle>\r\n          <circle cx=\"12\" cy=\"11\" r=\".6\" fill=\"currentColor\"><\/circle>\r\n          <circle cx=\"15\" cy=\"11\" r=\".6\" fill=\"currentColor\"><\/circle>\r\n        <\/svg>\r\n        IVR \/ URA\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07\"><\/path>\r\n          <path d=\"M15 5h6v6\"><\/path>\r\n          <path d=\"M21 5l-8 8\"><\/path>\r\n        <\/svg>\r\n        Filas de espera\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <rect x=\"9\" y=\"2\" width=\"6\" height=\"12\" rx=\"3\"><\/rect>\r\n          <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path>\r\n          <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"><\/line>\r\n          <line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"><\/line>\r\n        <\/svg>\r\n        \u00c1udios personaliz\u00e1veis\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\r\n          <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n          <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n          <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n        <\/svg>\r\n        Grupos de chamadas\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n          <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n        <\/svg>\r\n        Hist\u00f3rico 360\u00b0\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon>\r\n          <polyline points=\"2 17 12 22 22 17\"><\/polyline>\r\n          <polyline points=\"2 12 12 17 22 12\"><\/polyline>\r\n        <\/svg>\r\n        Multi-canal\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z\"><\/path>\r\n          <line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"><\/line>\r\n        <\/svg>\r\n        Tags &amp; Filtros\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon>\r\n        <\/svg>\r\n        Pesquisa de satisfa\u00e7\u00e3o\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M3 11l18-8-3 18-6-6-3 5z\"><\/path>\r\n          <path d=\"M9 14l3 5\"><\/path>\r\n        <\/svg>\r\n        Campanhas de voz\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\r\n        <\/svg>\r\n        SMS em massa\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"12\" cy=\"8\" r=\"4\"><\/circle>\r\n          <path d=\"M3 21v-1a7 7 0 0 1 14 0v1\"><\/path>\r\n          <polyline points=\"17 11 19 13 23 9\"><\/polyline>\r\n        <\/svg>\r\n        Identifica\u00e7\u00e3o do chamador\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"><\/rect>\r\n          <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\r\n          <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\r\n          <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\r\n        <\/svg>\r\n        Hor\u00e1rios\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M12 19l7-7 3 3-7 7-3-3z\"><\/path>\r\n          <path d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\"><\/path>\r\n          <path d=\"M2 2l7.586 7.586\"><\/path>\r\n          <circle cx=\"11\" cy=\"11\" r=\"2\"><\/circle>\r\n        <\/svg>\r\n        Whitelabel\r\n      <\/span>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      var section = document.getElementById('vb365-carousel-only-2026');\r\n      if (!section) return;\r\n\r\n      var track = section.querySelector('#vb365CarouselOnlyTrack2026');\r\n      if (!track || track.dataset.cloned === 'true') return;\r\n\r\n      Array.prototype.slice.call(track.children).forEach(function (item) {\r\n        var clone = item.cloneNode(true);\r\n        clone.setAttribute('aria-hidden', 'true');\r\n        track.appendChild(clone);\r\n      });\r\n\r\n      track.dataset.cloned = 'true';\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d4753c e-con-full e-flex e-con e-child\" data-id=\"7d4753c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d73c2f1 elementor-widget elementor-widget-image\" data-id=\"d73c2f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"400\" height=\"143\" src=\"https:\/\/novosite.voipdobrasil.com.br\/v1\/wp-content\/uploads\/2026\/07\/VB365-logo_2026-e1784236706299.png\" class=\"attachment-large size-large wp-image-951028\" alt=\"\" srcset=\"https:\/\/novosite.voipdobrasil.com.br\/v1\/wp-content\/uploads\/2026\/07\/VB365-logo_2026-e1784236706299.png 400w, https:\/\/novosite.voipdobrasil.com.br\/v1\/wp-content\/uploads\/2026\/07\/VB365-logo_2026-e1784236706299-300x107.png 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d12b06 elementor-widget__width-inherit elementor-widget elementor-widget-pix-marquee\" data-id=\"9d12b06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-marquee.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"el-9d12b06\" class=\"pix-marquee-element d-flex \" ><div class=\"pix-marquee  \" data-base-velocity=\"100\" data-speed=\"10\"><div class=\"marquee__inner  pix-reversed\"><div class=\"pix-marquee-item d-flex justify-content-center el-content_custom_color pix-custom-text-size \" style=\"color:#43E55F;font-size:36px;\" aria-hidden=\"true\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\"  data-name=\"Solid\/pixfort-icon-check-circle-1\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M16.7071068,8.29289322 C16.3165825,7.90236893 15.6834175,7.90236893 15.2928932,8.29289322 L10.5,13.085 L8.70710678,11.2928932 C8.31658249,10.9023689 7.68341751,10.9023689 7.29289322,11.2928932 C6.90236893,11.6834175 6.90236893,12.3165825 7.29289322,12.7071068 L9.79289322,15.2071068 C10.1834175,15.5976311 10.8165825,15.5976311 11.2071068,15.2071068 L16.7071068,9.70710678 C17.0976311,9.31658249 17.0976311,8.68341751 16.7071068,8.29289322 Z\"  fill=\"var(--pf-icon-color)\"><\/path><\/g><\/svg><\/div><div class=\"pix-marquee-item d-flex justify-content-center el-content_custom_color pix-custom-text-size \" style=\"color:#43E55F;font-size:36px;\" aria-hidden=\"true\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\"  data-name=\"Solid\/pixfort-icon-check-circle-1\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M16.7071068,8.29289322 C16.3165825,7.90236893 15.6834175,7.90236893 15.2928932,8.29289322 L10.5,13.085 L8.70710678,11.2928932 C8.31658249,10.9023689 7.68341751,10.9023689 7.29289322,11.2928932 C6.90236893,11.6834175 6.90236893,12.3165825 7.29289322,12.7071068 L9.79289322,15.2071068 C10.1834175,15.5976311 10.8165825,15.5976311 11.2071068,15.2071068 L16.7071068,9.70710678 C17.0976311,9.31658249 17.0976311,8.68341751 16.7071068,8.29289322 Z\"  fill=\"var(--pf-icon-color)\"><\/path><\/g><\/svg><\/div><div class=\"pix-marquee-item d-flex justify-content-center el-content_custom_color pix-custom-text-size \" style=\"color:#43E55F;font-size:36px;\" aria-hidden=\"true\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\"  data-name=\"Solid\/pixfort-icon-check-circle-1\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M16.7071068,8.29289322 C16.3165825,7.90236893 15.6834175,7.90236893 15.2928932,8.29289322 L10.5,13.085 L8.70710678,11.2928932 C8.31658249,10.9023689 7.68341751,10.9023689 7.29289322,11.2928932 C6.90236893,11.6834175 6.90236893,12.3165825 7.29289322,12.7071068 L9.79289322,15.2071068 C10.1834175,15.5976311 10.8165825,15.5976311 11.2071068,15.2071068 L16.7071068,9.70710678 C17.0976311,9.31658249 17.0976311,8.68341751 16.7071068,8.29289322 Z\"  fill=\"var(--pf-icon-color)\"><\/path><\/g><\/svg><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"animate-in elementor-element elementor-element-83874f5 e-con-full e-flex e-con e-child\" data-anim-type=\"fade-in-up\" data-anim-delay=\"0\" data-id=\"83874f5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-beccd39 e-con-full e-flex e-con e-child\" data-id=\"beccd39\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a639ca elementor-widget elementor-widget-pix-sliding-text\" data-id=\"2a639ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-sliding-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"el-2a639ca\" class=\"mb-3 pix-sliding-text-element text-left \"><div class=\"d-inline-block\" style=\"max-width:700px;\"><h1 class=\"mb-32 pix-sliding-headline-2 animate-in font-weight-bold secondary-font display-4 \" data-anim-type=\"pix-sliding-text\" data-class=\"secondary-font text-secondary\" style=\"\"><span class=\"slide-in-container \"><span class=\"pix-sliding-item secondary-font text-secondary\" style=\"transition-delay: 0ms;transition-duration: 800ms;\">Recursos&#32;<\/span><\/span> <span class=\"slide-in-container \"><span class=\"pix-sliding-item secondary-font text-secondary\" style=\"transition-delay: 100ms;transition-duration: 800ms;\">para&#32;<\/span><\/span> <span class=\"slide-in-container \"><span class=\"pix-sliding-item secondary-font text-secondary\" style=\"transition-delay: 200ms;transition-duration: 800ms;\">Gest\u00e3o&#32;<\/span><\/span> <\/h1><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-912426b elementor-widget-mobile__width-inherit elementor-widget__width-initial elementor-widget elementor-widget-pix-sliding-text\" data-id=\"912426b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-sliding-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"el-912426b\" class=\"mb-3 pix-sliding-text-element text-left \"><div class=\"d-inline-block\" style=\"max-width:x;\"><h1 class=\"mb-32 pix-sliding-headline-2 animate-in font-weight-bold secondary-font display-4 \" data-anim-type=\"pix-sliding-text\" data-class=\"secondary-font text-heading-default\" style=\"\"><span class=\"slide-in-container \"><span class=\"pix-sliding-item secondary-font text-heading-default\" style=\"transition-delay: 0ms;transition-duration: 800ms;\">Troque&#32;<\/span><\/span> <span class=\"slide-in-container \"><span class=\"pix-sliding-item secondary-font text-heading-default\" style=\"transition-delay: 100ms;transition-duration: 800ms;\">estimativas&#32;<\/span><\/span> <span class=\"slide-in-container \"><span class=\"pix-sliding-item secondary-font text-heading-default\" style=\"transition-delay: 200ms;transition-duration: 800ms;\">por&#32;<\/span><\/span> <span class=\"slide-in-container \"><span class=\"pix-sliding-item secondary-font text-heading-default\" style=\"transition-delay: 300ms;transition-duration: 800ms;\">indicadores&#32;<\/span><\/span> <span class=\"slide-in-container \"><span class=\"pix-sliding-item secondary-font text-heading-default\" style=\"transition-delay: 400ms;transition-duration: 800ms;\">de&#32;<\/span><\/span> <span class=\"slide-in-container \"><span class=\"pix-sliding-item secondary-font text-heading-default\" style=\"transition-delay: 500ms;transition-duration: 800ms;\">desempenho&#32;<\/span><\/span> <span class=\"slide-in-container \"><span class=\"pix-sliding-item secondary-font text-heading-default\" style=\"transition-delay: 600ms;transition-duration: 800ms;\">precisos&#32;<\/span><\/span> <\/h1><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5990595 elementor-widget__width-initial elementor-widget elementor-widget-pix-text\" data-id=\"5990595\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pix-el-text w-100 text-left \" ><div class=\"d-inline-block\" style=\"max-width:500px;\"><p class=\" resp-option text-body-default text-left \" >Tenha uma vis\u00e3o macrosc\u00f3pica de cada departamento com relat\u00f3rios e gr\u00e1ficos em tempo real.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b3ff82 e-con-full e-flex e-con e-child\" data-id=\"5b3ff82\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e520706 elementor-align-left abrir-popup-voip elementor-widget elementor-widget-button\" data-id=\"e520706\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Agende uma conversa<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eab1f55 elementor-widget elementor-widget-button\" data-id=\"eab1f55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/api.whatsapp.com\/send?phone=551151983597&#038;text=Ol%C3%A1%20estou%20vindo%20do%20site%20da%20VB%20e%20gostaria%20de%20saber%20mais.\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ou fale com nossa equipe de vendas<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-329cfd5 e-con-full e-flex e-con e-child\" data-id=\"329cfd5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bbc179c elementor-widget elementor-widget-html\" data-id=\"bbc179c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n VB365 \u2014 GEST\u00c3O + BASE & RELACIONAMENTO\r\n MOCKUP MULTITELAS ENRIQUECIDO PARA HERO\r\n\r\n WORDPRESS + ELEMENTOR\r\n HTML + CSS + JS EMBUTIDO \/ ISOLADO\r\n\r\n PADR\u00c3O:\r\n - MAX-WIDTH 580PX\r\n - ALTURA 468PX\r\n - 1 \u00daNICO MOCKUP\r\n - 4 TELAS INTERNAS\r\n - DASHBOARD COM GR\u00c1FICOS ANIMADOS\r\n - DADOS FICT\u00cdCIOS\r\n - MOVIMENTO SUTIL\r\n - PAUSA NO HOVER\r\n - NAVEGA\u00c7\u00c3O POR DOTS\r\n - RESPONSIVO\r\n\r\n TELAS:\r\n 01. BASE & RELACIONAMENTO\r\n 02. VIS\u00c3O GERAL DA OPERA\u00c7\u00c3O\r\n 03. EQUIPE & PRODUTIVIDADE\r\n 04. OPERA\u00c7\u00c3O & PERFORMANCE\r\n========================================================= -->\r\n\r\n<link\r\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\"\r\n  rel=\"stylesheet\"\r\n>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET \/ VARI\u00c1VEIS\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026,\r\n#vb365-gestao-base-2026 *,\r\n#vb365-gestao-base-2026 *::before,\r\n#vb365-gestao-base-2026 *::after{\r\n  box-sizing:border-box !important;\r\n}\r\n\r\n#vb365-gestao-base-2026{\r\n\r\n  --vb-blue:#0759a9;\r\n  --vb-blue2:#0878ee;\r\n  --vb-blue-soft:#edf5fc;\r\n\r\n  --vb-cyan:#14a7e5;\r\n  --vb-cyan-soft:#e8f7fd;\r\n\r\n  --vb-yellow:#f7bd18;\r\n  --vb-yellow-soft:#fff7df;\r\n\r\n  --vb-green:#20ad65;\r\n  --vb-green-soft:#e9f8f0;\r\n\r\n  --vb-orange:#d99b2b;\r\n  --vb-orange-soft:#fff5e5;\r\n\r\n  --vb-red:#e45a60;\r\n  --vb-red-soft:#fff0f1;\r\n\r\n  --vb-purple:#7471df;\r\n\r\n  --vb-bg:#f4f7f9;\r\n  --vb-white:#ffffff;\r\n\r\n  --vb-border:#dfe6ed;\r\n  --vb-border-soft:#edf1f5;\r\n\r\n  --vb-dark:#34475e;\r\n  --vb-text:#5d6e83;\r\n  --vb-muted:#98a6b6;\r\n\r\n  width:100%;\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    Arial,\r\n    sans-serif !important;\r\n\r\n  color:var(--vb-text);\r\n\r\n  -webkit-font-smoothing:antialiased;\r\n  text-rendering:optimizeLegibility;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMA\u00c7\u00d5ES\r\n========================================================= *\/\r\n\r\n@keyframes vgb-enter{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(12px);\r\n  }\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes vgb-screen{\r\n  from{\r\n    opacity:0;\r\n    transform:translateX(13px) scale(.994);\r\n  }\r\n  to{\r\n    opacity:1;\r\n    transform:translateX(0) scale(1);\r\n  }\r\n}\r\n\r\n@keyframes vgb-card{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(6px);\r\n  }\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes vgb-pulse{\r\n  0%,100%{\r\n    opacity:1;\r\n    transform:scale(1);\r\n  }\r\n  50%{\r\n    opacity:.4;\r\n    transform:scale(.72);\r\n  }\r\n}\r\n\r\n@keyframes vgb-live{\r\n  0%{\r\n    box-shadow:0 0 0 0 rgba(32,173,101,.28);\r\n  }\r\n  70%{\r\n    box-shadow:0 0 0 6px rgba(32,173,101,0);\r\n  }\r\n  100%{\r\n    box-shadow:0 0 0 0 rgba(32,173,101,0);\r\n  }\r\n}\r\n\r\n@keyframes vgb-number{\r\n  from{\r\n    opacity:.25;\r\n    transform:translateY(3px);\r\n  }\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes vgb-row{\r\n  0%{\r\n    background:#fff;\r\n    box-shadow:inset 0 0 0 rgba(7,89,169,0);\r\n  }\r\n  50%{\r\n    background:#eef6fd;\r\n    box-shadow:inset 3px 0 0 rgba(7,89,169,.4);\r\n  }\r\n  100%{\r\n    background:#f8fbfe;\r\n    box-shadow:inset 3px 0 0 rgba(7,89,169,.16);\r\n  }\r\n}\r\n\r\n@keyframes vgb-panel-focus{\r\n  0%,100%{\r\n    transform:translateY(0);\r\n    border-color:#e1e7ed;\r\n  }\r\n  50%{\r\n    transform:translateY(-2px);\r\n    border-color:#bad7ed;\r\n  }\r\n}\r\n\r\n@keyframes vgb-donut{\r\n  0%{\r\n    transform:rotate(-14deg) scale(.93);\r\n    opacity:.5;\r\n  }\r\n  100%{\r\n    transform:rotate(0) scale(1);\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n@keyframes vgb-orbit{\r\n  from{\r\n    transform:rotate(0deg) translateX(29px) rotate(0deg);\r\n  }\r\n  to{\r\n    transform:rotate(360deg) translateX(29px) rotate(-360deg);\r\n  }\r\n}\r\n\r\n@keyframes vgb-line{\r\n  from{\r\n    stroke-dashoffset:240;\r\n  }\r\n  to{\r\n    stroke-dashoffset:0;\r\n  }\r\n}\r\n\r\n@keyframes vgb-bar{\r\n  from{\r\n    transform:scaleY(.15);\r\n    opacity:.3;\r\n  }\r\n  to{\r\n    transform:scaleY(1);\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n@keyframes vgb-width{\r\n  from{\r\n    width:0;\r\n  }\r\n  to{\r\n    width:var(--value);\r\n  }\r\n}\r\n\r\n@keyframes vgb-team-focus{\r\n  0%,100%{\r\n    transform:translateY(0);\r\n  }\r\n  50%{\r\n    transform:translateY(-2px);\r\n    box-shadow:0 8px 16px rgba(7,89,169,.08);\r\n  }\r\n}\r\n\r\n@keyframes vgb-shimmer{\r\n  from{\r\n    left:-45%;\r\n  }\r\n  to{\r\n    left:125%;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   JANELA\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-window{\r\n\r\n  width:100%;\r\n  max-width:580px;\r\n\r\n  height:468px;\r\n\r\n  margin:0 auto;\r\n\r\n  overflow:hidden;\r\n\r\n  background:var(--vb-bg);\r\n\r\n  border:1px solid #dfe5ec;\r\n  border-radius:18px;\r\n\r\n  box-shadow:\r\n    0 8px 22px rgba(28,54,88,.05),\r\n    0 22px 50px rgba(28,54,88,.065);\r\n\r\n  animation:vgb-enter .55s ease-out both;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BROWSER\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-browser{\r\n\r\n  height:36px;\r\n\r\n  padding:0 13px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n\r\n  background:#f8fafc;\r\n\r\n  border-bottom:1px solid #e5eaf0;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-browser-dots{\r\n  display:flex;\r\n  gap:5px;\r\n  flex-shrink:0;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-browser-dot{\r\n  width:9px;\r\n  height:9px;\r\n  border-radius:50%;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-browser-dot.red{\r\n  background:#ff6058;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-browser-dot.yellow{\r\n  background:#ffbd2e;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-browser-dot.green{\r\n  background:#28c840;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-url{\r\n\r\n  flex:1;\r\n  min-width:0;\r\n\r\n  height:23px;\r\n\r\n  padding:0 11px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  background:#fff;\r\n\r\n  border:1px solid #edf1f5;\r\n  border-radius:6px;\r\n\r\n  color:#8998aa;\r\n\r\n  font-size:6px;\r\n  font-weight:500;\r\n\r\n  white-space:nowrap;\r\n  overflow:hidden;\r\n  text-overflow:ellipsis;\r\n\r\n  transition:opacity .2s ease;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-browser-status{\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:4px;\r\n\r\n  flex-shrink:0;\r\n\r\n  color:#688097;\r\n\r\n  font-size:4.1px;\r\n  font-weight:600;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-online-dot{\r\n\r\n  width:5px;\r\n  height:5px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--vb-green);\r\n\r\n  animation:vgb-pulse 1.8s ease-in-out infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STAGE \/ TELAS\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-stage{\r\n\r\n  position:relative;\r\n\r\n  height:calc(100% - 36px);\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-screen{\r\n\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  visibility:hidden;\r\n  opacity:0;\r\n\r\n  pointer-events:none;\r\n\r\n  background:var(--vb-bg);\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-screen.active{\r\n\r\n  visibility:visible;\r\n  opacity:1;\r\n\r\n  pointer-events:auto;\r\n\r\n  animation:vgb-screen .42s ease both;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CABE\u00c7ALHO INTERNO\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-head{\r\n\r\n  height:45px;\r\n\r\n  padding:7px 11px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:8px;\r\n\r\n  background:#fff;\r\n\r\n  border-bottom:1px solid var(--vb-border);\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-head-left{\r\n\r\n  min-width:0;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-head-icon{\r\n\r\n  width:27px;\r\n  height:27px;\r\n\r\n  display:grid;\r\n  place-items:center;\r\n\r\n  flex-shrink:0;\r\n\r\n  border:1px solid #dce9f5;\r\n  border-radius:8px;\r\n\r\n  background:var(--vb-blue-soft);\r\n\r\n  color:var(--vb-blue);\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-head-icon svg{\r\n  width:13px;\r\n  height:13px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-title{\r\n\r\n  color:var(--vb-dark);\r\n\r\n  font-size:8.4px;\r\n  font-weight:800;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-subtitle{\r\n\r\n  margin-top:2px;\r\n\r\n  color:var(--vb-muted);\r\n\r\n  font-size:4.3px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOTS DE NAVEGA\u00c7\u00c3O\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-nav{\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:4px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-nav-dot{\r\n\r\n  width:5px;\r\n  height:5px;\r\n\r\n  padding:0;\r\n\r\n  border:0;\r\n  border-radius:50%;\r\n\r\n  background:#d3dde7;\r\n\r\n  cursor:pointer;\r\n\r\n  transition:\r\n    width .25s ease,\r\n    background .25s ease,\r\n    border-radius .25s ease;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-nav-dot.active{\r\n\r\n  width:15px;\r\n\r\n  border-radius:5px;\r\n\r\n  background:var(--vb-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-content{\r\n\r\n  height:calc(100% - 45px);\r\n\r\n  padding:8px 9px;\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   M\u00c9TRICAS\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-metrics{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:1.08fr repeat(3,1fr);\r\n\r\n  gap:5px;\r\n\r\n  margin-bottom:6px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-metric{\r\n\r\n  position:relative;\r\n\r\n  min-width:0;\r\n  height:48px;\r\n\r\n  padding:7px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:4px;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#fff;\r\n\r\n  border:1px solid var(--vb-border);\r\n  border-radius:9px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-screen.active .vgb-metric{\r\n  animation:vgb-card .35s ease both;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-metric::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  top:0;\r\n  bottom:0;\r\n\r\n  width:2px;\r\n\r\n  background:var(--accent);\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-metric.blue{\r\n\r\n  --accent:#0759a9;\r\n\r\n  background:#0759a9;\r\n  border-color:#0759a9;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-metric.yellow{\r\n  --accent:#e7ae28;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-metric.green{\r\n  --accent:#61b78a;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-metric.cyan{\r\n  --accent:#4c97bd;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-metric.orange{\r\n  --accent:#d9a047;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-metric.red{\r\n  --accent:#d87b83;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-metric-label{\r\n\r\n  margin-bottom:3px;\r\n\r\n  color:#79899c;\r\n\r\n  font-size:3.8px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n\r\n  white-space:nowrap;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-metric-value{\r\n\r\n  color:var(--vb-dark);\r\n\r\n  font-size:9.4px;\r\n  font-weight:800;\r\n\r\n  line-height:1;\r\n\r\n  white-space:nowrap;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-metric-value small{\r\n\r\n  margin-left:2px;\r\n\r\n  color:#9aa7b7;\r\n\r\n  font-size:3.3px;\r\n  font-weight:500;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-metric.blue .vgb-metric-label,\r\n#vb365-gestao-base-2026 .vgb-metric.blue .vgb-metric-value,\r\n#vb365-gestao-base-2026 .vgb-metric.blue .vgb-metric-value small{\r\n  color:#fff;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-metric.blue .vgb-metric-label,\r\n#vb365-gestao-base-2026 .vgb-metric.blue .vgb-metric-value small{\r\n  opacity:.78;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-metric-icon{\r\n\r\n  width:22px;\r\n  height:22px;\r\n\r\n  display:grid;\r\n  place-items:center;\r\n\r\n  flex-shrink:0;\r\n\r\n  border:1px solid #e6ecf1;\r\n  border-radius:7px;\r\n\r\n  background:#f0f4f8;\r\n\r\n  color:#667b91;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-metric-icon.yellow{\r\n  background:#fff7e6;\r\n  color:#c68a17;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-metric-icon.green{\r\n  background:#ecf8f2;\r\n  color:#3a9769;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-metric-icon.blue{\r\n  background:#edf5fc;\r\n  color:#3973a2;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-metric-icon svg{\r\n  width:10px;\r\n  height:10px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-metric.blue .vgb-metric-icon{\r\n\r\n  border-color:rgba(255,255,255,.08);\r\n\r\n  background:rgba(255,255,255,.11);\r\n\r\n  color:#fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOOLBAR\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-toolbar{\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:4px;\r\n\r\n  margin-bottom:6px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-search{\r\n\r\n  flex:1;\r\n  min-width:0;\r\n\r\n  height:27px;\r\n\r\n  padding:0 9px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:5px;\r\n\r\n  background:#fff;\r\n\r\n  border:1px solid #dfe5ec;\r\n  border-radius:14px;\r\n\r\n  color:#8d9bad;\r\n\r\n  font-size:4.5px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-search svg{\r\n\r\n  width:9px;\r\n  height:9px;\r\n\r\n  flex-shrink:0;\r\n\r\n  color:#65778c;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-tool{\r\n\r\n  width:27px;\r\n  height:27px;\r\n\r\n  display:grid;\r\n  place-items:center;\r\n\r\n  flex-shrink:0;\r\n\r\n  background:#fff;\r\n\r\n  border:1px solid #dfe6ed;\r\n  border-radius:50%;\r\n\r\n  color:#6b7d91;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-tool svg{\r\n  width:10px;\r\n  height:10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PAINEL GEN\u00c9RICO\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-panel{\r\n\r\n  min-width:0;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#fff;\r\n\r\n  border:1px solid #e1e7ed;\r\n  border-radius:9px;\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    border-color .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-panel.chart-focus{\r\n  animation:vgb-panel-focus .8s ease;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-panel-head{\r\n\r\n  min-height:25px;\r\n\r\n  padding:4px 6px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:4px;\r\n\r\n  border-bottom:1px solid #edf1f5;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-panel-title{\r\n\r\n  color:#4d6178;\r\n\r\n  font-size:4.2px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-panel-meta{\r\n\r\n  color:#9aa7b6;\r\n\r\n  font-size:2.8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STATUS\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-status{\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n\r\n  gap:3px;\r\n\r\n  width:fit-content;\r\n\r\n  padding:3px 6px;\r\n\r\n  border-radius:9px;\r\n\r\n  font-size:3.4px;\r\n  font-weight:700;\r\n\r\n  white-space:nowrap;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-status.green{\r\n  background:#edf8f2;\r\n  color:#35835f;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-status.blue{\r\n  background:#edf4fb;\r\n  color:#3973a2;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-status.orange{\r\n  background:#fff5e6;\r\n  color:#b77b22;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-status.red{\r\n  background:#fff0f1;\r\n  color:#c85a64;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-status.gray{\r\n  background:#f0f3f6;\r\n  color:#77879a;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   01 \u2014 DASHBOARD DA BASE\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-base-dashboard{\r\n\r\n  height:274px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-rows:\r\n    101px\r\n    103px\r\n    58px;\r\n\r\n  gap:6px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-chart-row{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(3,1fr);\r\n\r\n  gap:6px;\r\n\r\n  min-height:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DONUT\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-donut-body{\r\n\r\n  height:75px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  gap:7px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-donut{\r\n\r\n  position:relative;\r\n\r\n  width:57px;\r\n  height:57px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    conic-gradient(\r\n      var(--c1) 0 var(--p1),\r\n      var(--c2) var(--p1) var(--p2),\r\n      var(--c3) var(--p2) 100%\r\n    );\r\n\r\n  animation:vgb-donut .65s ease-out both;\r\n\r\n  transition:\r\n    transform .45s ease,\r\n    background .4s ease;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-donut::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:13px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#fff;\r\n\r\n  box-shadow:inset 0 0 0 1px #f1f4f7;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-donut::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  width:5px;\r\n  height:5px;\r\n\r\n  margin:-2.5px;\r\n\r\n  border:1px solid #fff;\r\n  border-radius:50%;\r\n\r\n  background:var(--c1);\r\n\r\n  animation:vgb-orbit 5.8s linear infinite;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-donut-center{\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  z-index:2;\r\n\r\n  display:grid;\r\n  place-content:center;\r\n\r\n  text-align:center;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-donut-center strong{\r\n\r\n  color:#40546c;\r\n\r\n  font-size:6px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-donut-center span{\r\n\r\n  display:block;\r\n\r\n  margin-top:1px;\r\n\r\n  color:#9ba7b5;\r\n\r\n  font-size:2.4px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-mini-legend{\r\n\r\n  min-width:0;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  gap:4px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-legend-item{\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:3px;\r\n\r\n  color:#78899b;\r\n\r\n  font-size:2.7px;\r\n\r\n  white-space:nowrap;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-legend-item strong{\r\n\r\n  margin-left:auto;\r\n\r\n  color:#465a70;\r\n\r\n  font-size:2.9px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-legend-dot{\r\n\r\n  width:5px;\r\n  height:5px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--dot);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOJE\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-today{\r\n\r\n  height:75px;\r\n\r\n  padding:7px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(2,1fr);\r\n\r\n  gap:5px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-today-card{\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:6px;\r\n\r\n  border:1px solid #edf1f5;\r\n  border-radius:6px;\r\n\r\n  background:#f9fbfc;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-today-card strong{\r\n\r\n  display:block;\r\n\r\n  color:#42566d;\r\n\r\n  font-size:7px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-today-card span{\r\n\r\n  display:block;\r\n\r\n  margin-top:2px;\r\n\r\n  color:#98a6b6;\r\n\r\n  font-size:2.7px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-today-track{\r\n\r\n  position:absolute;\r\n\r\n  left:6px;\r\n  right:6px;\r\n  bottom:6px;\r\n\r\n  height:4px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:4px;\r\n\r\n  background:#e9eef3;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-today-fill{\r\n\r\n  width:var(--value);\r\n  height:100%;\r\n\r\n  border-radius:4px;\r\n\r\n  background:var(--bar);\r\n\r\n  transition:width .65s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MINI LINE CHART\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-line-chart{\r\n\r\n  position:relative;\r\n\r\n  height:76px;\r\n\r\n  padding:5px 6px 4px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-line-chart svg{\r\n\r\n  width:100%;\r\n  height:55px;\r\n\r\n  overflow:visible;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-grid-line{\r\n\r\n  stroke:#edf1f5;\r\n\r\n  stroke-width:.8;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-line-blue,\r\n#vb365-gestao-base-2026 .vgb-line-yellow{\r\n\r\n  fill:none;\r\n\r\n  stroke-width:2;\r\n\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n\r\n  stroke-dasharray:240;\r\n  stroke-dashoffset:240;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-line-blue{\r\n  stroke:#13a5e4;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-line-yellow{\r\n  stroke:#f6bd18;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-screen.active .vgb-line-blue,\r\n#vb365-gestao-base-2026 .vgb-screen.active .vgb-line-yellow{\r\n  animation:vgb-line 1.15s ease forwards;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-line-legend{\r\n\r\n  display:flex;\r\n  justify-content:center;\r\n\r\n  gap:8px;\r\n\r\n  margin-top:0;\r\n\r\n  color:#8291a2;\r\n\r\n  font-size:2.5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BAR CHARTS\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-bars-wrap{\r\n\r\n  height:76px;\r\n\r\n  padding:5px 6px 4px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-bars{\r\n\r\n  flex:1;\r\n\r\n  display:flex;\r\n  align-items:flex-end;\r\n  justify-content:space-between;\r\n\r\n  gap:2px;\r\n\r\n  border-bottom:1px solid #edf1f5;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-bar-group{\r\n\r\n  flex:1;\r\n\r\n  height:100%;\r\n\r\n  display:flex;\r\n  align-items:flex-end;\r\n  justify-content:center;\r\n\r\n  gap:1px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-bar{\r\n\r\n  width:4px;\r\n\r\n  min-height:3px;\r\n\r\n  height:var(--height);\r\n\r\n  transform-origin:bottom;\r\n\r\n  border-radius:2px 2px 0 0;\r\n\r\n  background:var(--bar);\r\n\r\n  transition:height .65s ease;\r\n\r\n  animation:vgb-bar .55s ease both;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-bar-months{\r\n\r\n  height:10px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:1px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-bar-months span{\r\n\r\n  flex:1;\r\n\r\n  overflow:hidden;\r\n\r\n  color:#9ba7b5;\r\n\r\n  font-size:1.9px;\r\n\r\n  text-align:center;\r\n\r\n  white-space:nowrap;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CIDADES\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-cities{\r\n\r\n  padding:5px 6px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(4,1fr);\r\n\r\n  gap:3px 7px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-city{\r\n\r\n  min-width:0;\r\n\r\n  height:20px;\r\n\r\n  padding:0 5px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:4px;\r\n\r\n  border:1px solid #edf1f5;\r\n  border-radius:5px;\r\n\r\n  background:#fafbfd;\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    background .25s ease,\r\n    border-color .25s ease;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-city.city-active{\r\n\r\n  transform:translateY(-1px);\r\n\r\n  border-color:#bed8ec;\r\n\r\n  background:#edf5fc;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-city-name{\r\n\r\n  overflow:hidden;\r\n\r\n  color:#65778c;\r\n\r\n  font-size:2.5px;\r\n\r\n  white-space:nowrap;\r\n  text-overflow:ellipsis;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-city-count{\r\n\r\n  min-width:18px;\r\n\r\n  padding:2px 4px;\r\n\r\n  flex-shrink:0;\r\n\r\n  text-align:center;\r\n\r\n  border-radius:6px;\r\n\r\n  background:#e7f2fb;\r\n\r\n  color:#3973a2;\r\n\r\n  font-size:2.4px;\r\n  font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TELA OPERA\u00c7\u00c3O \u2014 ESTRUTURA\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-operation-dashboard,\r\n#vb365-gestao-base-2026 .vgb-team-grid,\r\n#vb365-gestao-base-2026 .vgb-performance-grid{\r\n\r\n  height:274px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:1.07fr .93fr;\r\n\r\n  gap:6px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GR\u00c1FICO ATENDIMENTOS\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-volume-chart{\r\n\r\n  height:105px;\r\n\r\n  padding:7px 8px 4px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-volume-bars{\r\n\r\n  flex:1;\r\n\r\n  display:flex;\r\n  align-items:flex-end;\r\n\r\n  gap:5px;\r\n\r\n  border-bottom:1px solid #edf1f5;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-volume-bar{\r\n\r\n  position:relative;\r\n\r\n  flex:1;\r\n\r\n  height:var(--height);\r\n\r\n  transform-origin:bottom;\r\n\r\n  border-radius:4px 4px 0 0;\r\n\r\n  background:#dfe8f1;\r\n\r\n  transition:height .55s ease;\r\n\r\n  animation:vgb-bar .55s ease both;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-volume-bar.active{\r\n\r\n  background:linear-gradient(\r\n    180deg,\r\n    #0b75e5,\r\n    #0759a9\r\n  );\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-volume-bar.active::before{\r\n\r\n  content:attr(data-value);\r\n\r\n  position:absolute;\r\n\r\n  top:-14px;\r\n  left:50%;\r\n\r\n  transform:translateX(-50%);\r\n\r\n  padding:2px 4px;\r\n\r\n  border-radius:4px;\r\n\r\n  background:#0759a9;\r\n\r\n  color:#fff;\r\n\r\n  font-size:3px;\r\n  font-weight:700;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-volume-labels{\r\n\r\n  height:15px;\r\n\r\n  display:flex;\r\n\r\n  gap:5px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-volume-labels span{\r\n\r\n  flex:1;\r\n\r\n  padding-top:4px;\r\n\r\n  text-align:center;\r\n\r\n  color:#9aa7b6;\r\n\r\n  font-size:2.7px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MINI RESUMOS\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-summary-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(3,1fr);\r\n\r\n  gap:1px;\r\n\r\n  background:#edf1f5;\r\n\r\n  border-top:1px solid #edf1f5;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-summary-item{\r\n\r\n  padding:5px;\r\n\r\n  text-align:center;\r\n\r\n  background:#fff;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-summary-item strong{\r\n\r\n  display:block;\r\n\r\n  color:#0759a9;\r\n\r\n  font-size:6.2px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-summary-item span{\r\n\r\n  display:block;\r\n\r\n  margin-top:2px;\r\n\r\n  color:#98a5b5;\r\n\r\n  font-size:2.5px;\r\n  font-weight:700;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CANAIS \/ KPIS\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-progress-list{\r\n\r\n  padding:6px 8px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-progress-row{\r\n\r\n  margin-bottom:6px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-progress-row:last-child{\r\n  margin-bottom:0;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-progress-label{\r\n\r\n  margin-bottom:3px;\r\n\r\n  display:flex;\r\n  justify-content:space-between;\r\n\r\n  gap:5px;\r\n\r\n  color:#74869a;\r\n\r\n  font-size:3px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-progress-label strong{\r\n\r\n  color:#43566d;\r\n\r\n  font-size:3.2px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-progress-track{\r\n\r\n  height:4px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:4px;\r\n\r\n  background:#edf1f5;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-progress-fill{\r\n\r\n  width:var(--value);\r\n  height:100%;\r\n\r\n  border-radius:4px;\r\n\r\n  background:linear-gradient(\r\n    90deg,\r\n    #7facce,\r\n    #0759a9\r\n  );\r\n\r\n  transition:width .55s ease;\r\n\r\n  animation:vgb-width .8s ease-out both;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ATIVIDADE\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-activity{\r\n  padding:0 7px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-activity-row{\r\n\r\n  min-height:31px;\r\n\r\n  padding:5px 0;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:5px;\r\n\r\n  border-top:1px solid #edf1f5;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-activity-row:first-child{\r\n  border-top:0;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-activity-dot{\r\n\r\n  width:6px;\r\n  height:6px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--dot);\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-activity-info{\r\n\r\n  flex:1;\r\n  min-width:0;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-activity-title{\r\n\r\n  overflow:hidden;\r\n\r\n  color:#465970;\r\n\r\n  font-size:3.5px;\r\n  font-weight:700;\r\n\r\n  white-space:nowrap;\r\n  text-overflow:ellipsis;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-activity-sub{\r\n\r\n  margin-top:1px;\r\n\r\n  overflow:hidden;\r\n\r\n  color:#9aa7b6;\r\n\r\n  font-size:2.6px;\r\n\r\n  white-space:nowrap;\r\n  text-overflow:ellipsis;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LIVE BOX\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-live-box{\r\n\r\n  margin:5px 7px 7px;\r\n\r\n  padding:6px;\r\n\r\n  background:#f8fafc;\r\n\r\n  border:1px solid #edf1f5;\r\n  border-radius:7px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-live-title{\r\n\r\n  margin-bottom:5px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  color:#64768b;\r\n\r\n  font-size:3.1px;\r\n  font-weight:800;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-live-dot{\r\n\r\n  width:5px;\r\n  height:5px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--vb-green);\r\n\r\n  animation:vgb-live 2s ease-out infinite;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-live-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(3,1fr);\r\n\r\n  gap:4px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-live-stat{\r\n\r\n  padding:4px;\r\n\r\n  text-align:center;\r\n\r\n  background:#fff;\r\n\r\n  border:1px solid #edf1f5;\r\n  border-radius:5px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-live-stat strong{\r\n\r\n  display:block;\r\n\r\n  color:#44576e;\r\n\r\n  font-size:5px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-live-stat span{\r\n\r\n  display:block;\r\n\r\n  margin-top:2px;\r\n\r\n  color:#9aa7b6;\r\n\r\n  font-size:2.5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EQUIPE\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-team-list{\r\n  padding:6px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-team-card{\r\n\r\n  min-height:48px;\r\n\r\n  margin-bottom:5px;\r\n  padding:6px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:6px;\r\n\r\n  background:#fbfcfd;\r\n\r\n  border:1px solid #edf1f5;\r\n  border-radius:7px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-team-card:last-child{\r\n  margin-bottom:0;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-team-card.team-active{\r\n  animation:vgb-team-focus .8s ease;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-avatar{\r\n\r\n  position:relative;\r\n\r\n  width:27px;\r\n  height:27px;\r\n\r\n  display:grid;\r\n  place-items:center;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#eaf2f8;\r\n\r\n  color:#426d8e;\r\n\r\n  font-size:4.4px;\r\n  font-weight:800;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-avatar::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  right:-1px;\r\n  bottom:0;\r\n\r\n  width:7px;\r\n  height:7px;\r\n\r\n  border:2px solid #fff;\r\n  border-radius:50%;\r\n\r\n  background:var(--vb-green);\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-team-info{\r\n\r\n  flex:1;\r\n  min-width:0;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-team-name{\r\n\r\n  color:#44576e;\r\n\r\n  font-size:3.7px;\r\n  font-weight:800;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-team-role{\r\n\r\n  margin-top:1px;\r\n\r\n  color:#98a5b5;\r\n\r\n  font-size:2.6px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-team-meter{\r\n\r\n  height:4px;\r\n\r\n  margin-top:4px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:4px;\r\n\r\n  background:#edf1f5;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-team-meter span{\r\n\r\n  display:block;\r\n\r\n  width:var(--value);\r\n  height:100%;\r\n\r\n  border-radius:4px;\r\n\r\n  background:#77a7cc;\r\n\r\n  transition:width .5s ease;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-team-score{\r\n\r\n  width:27px;\r\n\r\n  text-align:right;\r\n\r\n  color:#42566d;\r\n\r\n  font-size:3.5px;\r\n  font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RANKING\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-ranking{\r\n  padding:7px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-rank-row{\r\n\r\n  min-height:35px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:18px 1fr 31px;\r\n\r\n  align-items:center;\r\n\r\n  gap:5px;\r\n\r\n  border-top:1px solid #edf1f5;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-rank-row:first-child{\r\n  border-top:0;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-rank-number{\r\n\r\n  width:17px;\r\n  height:17px;\r\n\r\n  display:grid;\r\n  place-items:center;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#edf4fa;\r\n\r\n  color:#3973a2;\r\n\r\n  font-size:3.3px;\r\n  font-weight:800;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-rank-name{\r\n\r\n  color:#455970;\r\n\r\n  font-size:3.5px;\r\n  font-weight:700;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-rank-sub{\r\n\r\n  margin-top:1px;\r\n\r\n  color:#99a6b6;\r\n\r\n  font-size:2.5px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-rank-score{\r\n\r\n  text-align:right;\r\n\r\n  color:#0759a9;\r\n\r\n  font-size:4px;\r\n  font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DISPONIBILIDADE\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-availability{\r\n\r\n  margin:5px 7px 7px;\r\n\r\n  padding:6px;\r\n\r\n  border:1px solid #edf1f5;\r\n  border-radius:7px;\r\n\r\n  background:#f8fafc;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-availability-title{\r\n\r\n  margin-bottom:5px;\r\n\r\n  color:#63768a;\r\n\r\n  font-size:3.1px;\r\n  font-weight:800;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-availability-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(3,1fr);\r\n\r\n  gap:4px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-availability-stat{\r\n\r\n  padding:4px;\r\n\r\n  text-align:center;\r\n\r\n  background:#fff;\r\n\r\n  border:1px solid #edf1f5;\r\n  border-radius:5px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-availability-stat strong{\r\n\r\n  display:block;\r\n\r\n  color:#44576e;\r\n\r\n  font-size:4.8px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-availability-stat span{\r\n\r\n  display:block;\r\n\r\n  margin-top:2px;\r\n\r\n  color:#9ba8b7;\r\n\r\n  font-size:2.4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PERFORMANCE \/ SETORES\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-kpi-list{\r\n  padding:7px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-kpi{\r\n\r\n  margin-bottom:8px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-kpi:last-child{\r\n  margin-bottom:0;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-kpi-label{\r\n\r\n  margin-bottom:3px;\r\n\r\n  display:flex;\r\n  justify-content:space-between;\r\n\r\n  color:#728398;\r\n\r\n  font-size:3.1px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-kpi-label strong{\r\n\r\n  color:#43566d;\r\n\r\n  font-size:3.4px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-kpi-track{\r\n\r\n  height:5px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:5px;\r\n\r\n  background:#edf1f5;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-kpi-fill{\r\n\r\n  width:var(--value);\r\n  height:100%;\r\n\r\n  border-radius:5px;\r\n\r\n  background:linear-gradient(\r\n    90deg,\r\n    #7ca9cc,\r\n    #0759a9\r\n  );\r\n\r\n  transition:width .55s ease;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-depts{\r\n  padding:0 7px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-dept{\r\n\r\n  min-height:35px;\r\n\r\n  padding:5px 0;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:6px;\r\n\r\n  border-top:1px solid #edf1f5;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-dept:first-child{\r\n  border-top:0;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-dept-icon{\r\n\r\n  width:21px;\r\n  height:21px;\r\n\r\n  display:grid;\r\n  place-items:center;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:6px;\r\n\r\n  background:#edf4fa;\r\n\r\n  color:#43769f;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-dept-icon svg{\r\n  width:8px;\r\n  height:8px;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-dept-info{\r\n\r\n  flex:1;\r\n  min-width:0;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-dept-name{\r\n\r\n  color:#465970;\r\n\r\n  font-size:3.4px;\r\n  font-weight:700;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-dept-sub{\r\n\r\n  margin-top:1px;\r\n\r\n  color:#9aa7b6;\r\n\r\n  font-size:2.5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FAIXA AZUL\r\n========================================================= *\/\r\n\r\n#vb365-gestao-base-2026 .vgb-live-strip{\r\n\r\n  position:relative;\r\n\r\n  height:28px;\r\n\r\n  margin-top:6px;\r\n  padding:0 9px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:6px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:7px;\r\n\r\n  background:linear-gradient(\r\n    90deg,\r\n    #0759a9,\r\n    #0b70cf\r\n  );\r\n\r\n  color:#fff;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-live-strip::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  bottom:0;\r\n  left:-45%;\r\n\r\n  width:30%;\r\n\r\n  transform:skewX(-20deg);\r\n\r\n  background:linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(255,255,255,.28),\r\n    transparent\r\n  );\r\n\r\n  animation:vgb-shimmer 4s ease-in-out infinite;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-live-strip-dot{\r\n\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:5px;\r\n  height:5px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#fff;\r\n\r\n  animation:vgb-live 1.8s ease-out infinite;\r\n}\r\n\r\n#vb365-gestao-base-2026 .vgb-live-strip-text{\r\n\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  overflow:hidden;\r\n\r\n  font-size:3.5px;\r\n  font-weight:700;\r\n\r\n  white-space:nowrap;\r\n  text-overflow:ellipsis;\r\n\r\n  transition:\r\n    opacity .25s ease,\r\n    transform .25s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:480px){\r\n\r\n  #vb365-gestao-base-2026 .vgb-window{\r\n    height:445px;\r\n    border-radius:14px;\r\n  }\r\n\r\n  #vb365-gestao-base-2026 .vgb-browser{\r\n    height:34px;\r\n    padding:0 9px;\r\n  }\r\n\r\n  #vb365-gestao-base-2026 .vgb-stage{\r\n    height:calc(100% - 34px);\r\n  }\r\n\r\n  #vb365-gestao-base-2026 .vgb-browser-status{\r\n    display:none;\r\n  }\r\n\r\n  #vb365-gestao-base-2026 .vgb-content{\r\n    padding:7px;\r\n  }\r\n\r\n  #vb365-gestao-base-2026 .vgb-metric{\r\n    height:45px;\r\n    padding:6px;\r\n  }\r\n\r\n  #vb365-gestao-base-2026 .vgb-metric-icon{\r\n    display:none;\r\n  }\r\n\r\n  #vb365-gestao-base-2026 .vgb-metric-label{\r\n    font-size:3px;\r\n  }\r\n\r\n  #vb365-gestao-base-2026 .vgb-metric-value{\r\n    font-size:7.5px;\r\n  }\r\n\r\n  #vb365-gestao-base-2026 .vgb-cities{\r\n    grid-template-columns:repeat(3,1fr);\r\n  }\r\n\r\n  #vb365-gestao-base-2026 .vgb-city:nth-child(n+7){\r\n    display:none;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUZIR MOVIMENTO\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #vb365-gestao-base-2026 *,\r\n  #vb365-gestao-base-2026 *::before,\r\n  #vb365-gestao-base-2026 *::after{\r\n    animation:none !important;\r\n    transition:none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div id=\"vb365-gestao-base-2026\">\r\n\r\n  <div class=\"vgb-window\">\r\n\r\n\r\n    <!-- =====================================================\r\n         BROWSER\r\n    ====================================================== -->\r\n\r\n    <div class=\"vgb-browser\">\r\n\r\n      <div class=\"vgb-browser-dots\">\r\n        <span class=\"vgb-browser-dot red\"><\/span>\r\n        <span class=\"vgb-browser-dot yellow\"><\/span>\r\n        <span class=\"vgb-browser-dot green\"><\/span>\r\n      <\/div>\r\n\r\n      <div\r\n        class=\"vgb-url\"\r\n        id=\"vgbCurrentUrl\"\r\n      >\r\n        app.vb365.com.br\/base\/dashboard\r\n      <\/div>\r\n\r\n      <div class=\"vgb-browser-status\">\r\n\r\n        <span class=\"vgb-online-dot\"><\/span>\r\n\r\n        Dados sincronizados\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         STAGE\r\n    ====================================================== -->\r\n\r\n    <div class=\"vgb-stage\">\r\n\r\n\r\n      <!-- ===================================================\r\n           01 \u2014 BASE & RELACIONAMENTO\r\n      ==================================================== -->\r\n\r\n      <section\r\n        class=\"vgb-screen active\"\r\n        data-url=\"app.vb365.com.br\/base\/dashboard\"\r\n      >\r\n\r\n        <div class=\"vgb-head\">\r\n\r\n          <div class=\"vgb-head-left\">\r\n\r\n            <span class=\"vgb-head-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle>\r\n                <circle cx=\"17\" cy=\"9\" r=\"2\"><\/circle>\r\n                <path d=\"M3 21v-2a6 6 0 0 1 12 0v2\"><\/path>\r\n                <path d=\"M15 15a5 5 0 0 1 6 4v2\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <div>\r\n\r\n              <div class=\"vgb-title\">\r\n                Base & Relacionamento\r\n              <\/div>\r\n\r\n              <div class=\"vgb-subtitle\">\r\n                Leads, clientes, perfil da base e evolu\u00e7\u00e3o\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"vgb-nav\">\r\n\r\n            <button class=\"vgb-nav-dot active\" data-go=\"0\"><\/button>\r\n            <button class=\"vgb-nav-dot\" data-go=\"1\"><\/button>\r\n            <button class=\"vgb-nav-dot\" data-go=\"2\"><\/button>\r\n            <button class=\"vgb-nav-dot\" data-go=\"3\"><\/button>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"vgb-content\">\r\n\r\n\r\n          <!-- M\u00c9TRICAS -->\r\n\r\n          <div class=\"vgb-metrics\">\r\n\r\n\r\n            <div class=\"vgb-metric blue\">\r\n\r\n              <div>\r\n\r\n                <div class=\"vgb-metric-label\">\r\n                  Total da base\r\n                <\/div>\r\n\r\n                <div\r\n                  class=\"vgb-metric-value\"\r\n                  id=\"vgbBaseTotal\"\r\n                >\r\n                  14.860\r\n                  <small>cadastros<\/small>\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n              <span class=\"vgb-metric-icon\">\r\n\r\n                <svg\r\n                  viewBox=\"0 0 24 24\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                >\r\n                  <circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle>\r\n                  <circle cx=\"17\" cy=\"9\" r=\"2\"><\/circle>\r\n                  <path d=\"M3 21v-2a6 6 0 0 1 12 0v2\"><\/path>\r\n                <\/svg>\r\n\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vgb-metric yellow\">\r\n\r\n              <div>\r\n\r\n                <div class=\"vgb-metric-label\">\r\n                  Leads\r\n                <\/div>\r\n\r\n                <div\r\n                  class=\"vgb-metric-value\"\r\n                  id=\"vgbLeads\"\r\n                >\r\n                  3.690\r\n                  <small>cadastros<\/small>\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n              <span class=\"vgb-metric-icon yellow\">\r\n\r\n                <svg\r\n                  viewBox=\"0 0 24 24\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                >\r\n                  <circle cx=\"10\" cy=\"8\" r=\"3\"><\/circle>\r\n                  <path d=\"M4 20v-2a6 6 0 0 1 12 0v2\"><\/path>\r\n                  <path d=\"M19 7v6M16 10h6\"><\/path>\r\n                <\/svg>\r\n\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vgb-metric green\">\r\n\r\n              <div>\r\n\r\n                <div class=\"vgb-metric-label\">\r\n                  Clientes\r\n                <\/div>\r\n\r\n                <div\r\n                  class=\"vgb-metric-value\"\r\n                  id=\"vgbClients\"\r\n                >\r\n                  4.080\r\n                  <small>cadastros<\/small>\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n              <span class=\"vgb-metric-icon green\">\r\n\r\n                <svg\r\n                  viewBox=\"0 0 24 24\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                >\r\n                  <circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle>\r\n                  <path d=\"M3 20v-2a6 6 0 0 1 12 0v2\"><\/path>\r\n                  <path d=\"M16 12l2 2 4-5\"><\/path>\r\n                <\/svg>\r\n\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vgb-metric cyan\">\r\n\r\n              <div>\r\n\r\n                <div class=\"vgb-metric-label\">\r\n                  Filtrados\r\n                <\/div>\r\n\r\n                <div\r\n                  class=\"vgb-metric-value\"\r\n                  id=\"vgbFiltered\"\r\n                >\r\n                  14.860\r\n                  <small>cadastros<\/small>\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n              <span class=\"vgb-metric-icon blue\">\r\n\r\n                <svg\r\n                  viewBox=\"0 0 24 24\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"1.8\"\r\n                >\r\n                  <path d=\"M3 4h18l-7 8v6l-4 2v-8z\"><\/path>\r\n                <\/svg>\r\n\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- BUSCA -->\r\n\r\n          <div class=\"vgb-toolbar\">\r\n\r\n            <div class=\"vgb-search\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle>\r\n                <path d=\"M20 20l-4-4\"><\/path>\r\n              <\/svg>\r\n\r\n              Pesquisar por nome, documento, telefone, empresa ou cidade...\r\n\r\n            <\/div>\r\n\r\n\r\n            <span class=\"vgb-tool\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <path d=\"M3 4h18l-7 8v6l-4 2v-8z\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n\r\n            <span class=\"vgb-tool\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <path d=\"M12 3v12\"><\/path>\r\n                <path d=\"M7 10l5 5 5-5\"><\/path>\r\n                <path d=\"M5 20h14\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- DASHBOARD COMPLETO -->\r\n\r\n          <div class=\"vgb-base-dashboard\">\r\n\r\n\r\n            <!-- LINHA 1 -->\r\n\r\n            <div class=\"vgb-chart-row\">\r\n\r\n\r\n              <!-- MINHA BASE -->\r\n\r\n              <div class=\"vgb-panel vgb-animated-chart\">\r\n\r\n                <div class=\"vgb-panel-head\">\r\n\r\n                  <span class=\"vgb-panel-title\">\r\n                    Minha Base\r\n                  <\/span>\r\n\r\n                  <span class=\"vgb-panel-meta\">\r\n                    Status\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-donut-body\">\r\n\r\n                  <div\r\n                    class=\"vgb-donut\"\r\n                    id=\"vgbDonutBase\"\r\n                    style=\"\r\n                      --c1:#13a5e4;\r\n                      --c2:#ef5759;\r\n                      --c3:#f6bd18;\r\n                      --p1:56%;\r\n                      --p2:99%;\r\n                    \"\r\n                  >\r\n\r\n                    <div class=\"vgb-donut-center\">\r\n\r\n                      <strong id=\"vgbBaseActivePct\">\r\n                        56%\r\n                      <\/strong>\r\n\r\n                      <span>\r\n                        ativos\r\n                      <\/span>\r\n\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"vgb-mini-legend\">\r\n\r\n                    <div class=\"vgb-legend-item\">\r\n\r\n                      <span\r\n                        class=\"vgb-legend-dot\"\r\n                        style=\"--dot:#13a5e4;\"\r\n                      ><\/span>\r\n\r\n                      Ativos\r\n\r\n                      <strong id=\"vgbBaseActive\">\r\n                        56%\r\n                      <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"vgb-legend-item\">\r\n\r\n                      <span\r\n                        class=\"vgb-legend-dot\"\r\n                        style=\"--dot:#ef5759;\"\r\n                      ><\/span>\r\n\r\n                      Inativos\r\n\r\n                      <strong id=\"vgbBaseInactive\">\r\n                        43%\r\n                      <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"vgb-legend-item\">\r\n\r\n                      <span\r\n                        class=\"vgb-legend-dot\"\r\n                        style=\"--dot:#f6bd18;\"\r\n                      ><\/span>\r\n\r\n                      Outros\r\n\r\n                      <strong>\r\n                        1%\r\n                      <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- POR TIPO -->\r\n\r\n              <div class=\"vgb-panel vgb-animated-chart\">\r\n\r\n                <div class=\"vgb-panel-head\">\r\n\r\n                  <span class=\"vgb-panel-title\">\r\n                    Por Tipo\r\n                  <\/span>\r\n\r\n                  <span class=\"vgb-panel-meta\">\r\n                    Perfil\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-donut-body\">\r\n\r\n                  <div\r\n                    class=\"vgb-donut\"\r\n                    id=\"vgbDonutType\"\r\n                    style=\"\r\n                      --c1:#13a5e4;\r\n                      --c2:#f6bd18;\r\n                      --c3:#edf1f5;\r\n                      --p1:42%;\r\n                      --p2:100%;\r\n                    \"\r\n                  >\r\n\r\n                    <div class=\"vgb-donut-center\">\r\n\r\n                      <strong id=\"vgbPersonPct\">\r\n                        42%\r\n                      <\/strong>\r\n\r\n                      <span>\r\n                        pessoa\r\n                      <\/span>\r\n\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"vgb-mini-legend\">\r\n\r\n                    <div class=\"vgb-legend-item\">\r\n\r\n                      <span\r\n                        class=\"vgb-legend-dot\"\r\n                        style=\"--dot:#13a5e4;\"\r\n                      ><\/span>\r\n\r\n                      Pessoa\r\n\r\n                      <strong id=\"vgbPersonLegend\">\r\n                        42%\r\n                      <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"vgb-legend-item\">\r\n\r\n                      <span\r\n                        class=\"vgb-legend-dot\"\r\n                        style=\"--dot:#f6bd18;\"\r\n                      ><\/span>\r\n\r\n                      Empresa\r\n\r\n                      <strong id=\"vgbCompanyLegend\">\r\n                        58%\r\n                      <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- HOJE -->\r\n\r\n              <div class=\"vgb-panel vgb-animated-chart\">\r\n\r\n                <div class=\"vgb-panel-head\">\r\n\r\n                  <span class=\"vgb-panel-title\">\r\n                    Hoje\r\n                  <\/span>\r\n\r\n                  <span class=\"vgb-panel-meta\">\r\n                    Novos registros\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-today\">\r\n\r\n\r\n                  <div class=\"vgb-today-card\">\r\n\r\n                    <strong id=\"vgbTodayLead\">\r\n                      18\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                      Novos leads\r\n                    <\/span>\r\n\r\n                    <div class=\"vgb-today-track\">\r\n\r\n                      <div\r\n                        class=\"vgb-today-fill\"\r\n                        id=\"vgbTodayLeadBar\"\r\n                        style=\"\r\n                          --value:64%;\r\n                          --bar:#f6bd18;\r\n                          width:64%;\r\n                        \"\r\n                      ><\/div>\r\n\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"vgb-today-card\">\r\n\r\n                    <strong id=\"vgbTodayClient\">\r\n                      7\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                      Novos clientes\r\n                    <\/span>\r\n\r\n                    <div class=\"vgb-today-track\">\r\n\r\n                      <div\r\n                        class=\"vgb-today-fill\"\r\n                        id=\"vgbTodayClientBar\"\r\n                        style=\"\r\n                          --value:39%;\r\n                          --bar:#13a5e4;\r\n                          width:39%;\r\n                        \"\r\n                      ><\/div>\r\n\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- LINHA 2 -->\r\n\r\n            <div class=\"vgb-chart-row\">\r\n\r\n\r\n              <!-- \u00daLTIMOS 7 DIAS -->\r\n\r\n              <div class=\"vgb-panel vgb-animated-chart\">\r\n\r\n                <div class=\"vgb-panel-head\">\r\n\r\n                  <span class=\"vgb-panel-title\">\r\n                    \u00daltimos 7 Dias\r\n                  <\/span>\r\n\r\n                  <span class=\"vgb-panel-meta\">\r\n                    Convers\u00f5es\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-line-chart\">\r\n\r\n                  <svg\r\n                    viewBox=\"0 0 160 55\"\r\n                    preserveAspectRatio=\"none\"\r\n                  >\r\n\r\n                    <line\r\n                      class=\"vgb-grid-line\"\r\n                      x1=\"0\"\r\n                      y1=\"10\"\r\n                      x2=\"160\"\r\n                      y2=\"10\"\r\n                    ><\/line>\r\n\r\n                    <line\r\n                      class=\"vgb-grid-line\"\r\n                      x1=\"0\"\r\n                      y1=\"27\"\r\n                      x2=\"160\"\r\n                      y2=\"27\"\r\n                    ><\/line>\r\n\r\n                    <line\r\n                      class=\"vgb-grid-line\"\r\n                      x1=\"0\"\r\n                      y1=\"44\"\r\n                      x2=\"160\"\r\n                      y2=\"44\"\r\n                    ><\/line>\r\n\r\n\r\n                    <path\r\n                      class=\"vgb-line-blue\"\r\n                      id=\"vgbLeadLine\"\r\n                      d=\"M2 45 C25 44 36 44 52 43 S77 41 92 38 S112 32 126 24 S145 30 158 18\"\r\n                    ><\/path>\r\n\r\n\r\n                    <path\r\n                      class=\"vgb-line-yellow\"\r\n                      id=\"vgbClientLine\"\r\n                      d=\"M2 46 C30 46 52 45 78 44 S104 42 118 40 S129 8 139 6 S150 34 158 42\"\r\n                    ><\/path>\r\n\r\n                  <\/svg>\r\n\r\n\r\n                  <div class=\"vgb-line-legend\">\r\n\r\n                    <span>\r\n                      \u25cf Lead\r\n                    <\/span>\r\n\r\n                    <span>\r\n                      \u25cf Cliente\r\n                    <\/span>\r\n\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- POR TIPO 12 MESES -->\r\n\r\n              <div class=\"vgb-panel vgb-animated-chart\">\r\n\r\n                <div class=\"vgb-panel-head\">\r\n\r\n                  <span class=\"vgb-panel-title\">\r\n                    Por Tipo \u00b7 12 Meses\r\n                  <\/span>\r\n\r\n                  <span class=\"vgb-panel-meta\">\r\n                    Evolu\u00e7\u00e3o\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-bars-wrap\">\r\n\r\n                  <div\r\n                    class=\"vgb-bars\"\r\n                    id=\"vgbTypeBars\"\r\n                  >\r\n\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar type-person\" style=\"--height:9%;--bar:#13a5e4;height:9%;\"><\/span>\r\n                      <span class=\"vgb-bar type-company\" style=\"--height:12%;--bar:#f6bd18;height:12%;\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar type-person\" style=\"--height:12%;--bar:#13a5e4;height:12%;\"><\/span>\r\n                      <span class=\"vgb-bar type-company\" style=\"--height:15%;--bar:#f6bd18;height:15%;\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar type-person\" style=\"--height:14%;--bar:#13a5e4;height:14%;\"><\/span>\r\n                      <span class=\"vgb-bar type-company\" style=\"--height:17%;--bar:#f6bd18;height:17%;\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar type-person\" style=\"--height:18%;--bar:#13a5e4;height:18%;\"><\/span>\r\n                      <span class=\"vgb-bar type-company\" style=\"--height:22%;--bar:#f6bd18;height:22%;\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar type-person\" style=\"--height:21%;--bar:#13a5e4;height:21%;\"><\/span>\r\n                      <span class=\"vgb-bar type-company\" style=\"--height:27%;--bar:#f6bd18;height:27%;\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar type-person\" style=\"--height:27%;--bar:#13a5e4;height:27%;\"><\/span>\r\n                      <span class=\"vgb-bar type-company\" style=\"--height:32%;--bar:#f6bd18;height:32%;\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar type-person\" style=\"--height:33%;--bar:#13a5e4;height:33%;\"><\/span>\r\n                      <span class=\"vgb-bar type-company\" style=\"--height:39%;--bar:#f6bd18;height:39%;\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar type-person\" style=\"--height:42%;--bar:#13a5e4;height:42%;\"><\/span>\r\n                      <span class=\"vgb-bar type-company\" style=\"--height:49%;--bar:#f6bd18;height:49%;\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar type-person\" style=\"--height:55%;--bar:#13a5e4;height:55%;\"><\/span>\r\n                      <span class=\"vgb-bar type-company\" style=\"--height:63%;--bar:#f6bd18;height:63%;\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar type-person\" style=\"--height:69%;--bar:#13a5e4;height:69%;\"><\/span>\r\n                      <span class=\"vgb-bar type-company\" style=\"--height:82%;--bar:#f6bd18;height:82%;\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar type-person\" style=\"--height:79%;--bar:#13a5e4;height:79%;\"><\/span>\r\n                      <span class=\"vgb-bar type-company\" style=\"--height:91%;--bar:#f6bd18;height:91%;\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar type-person\" style=\"--height:72%;--bar:#13a5e4;height:72%;\"><\/span>\r\n                      <span class=\"vgb-bar type-company\" style=\"--height:87%;--bar:#f6bd18;height:87%;\"><\/span>\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"vgb-bar-months\">\r\n\r\n                    <span>Out<\/span>\r\n                    <span>Nov<\/span>\r\n                    <span>Dez<\/span>\r\n                    <span>Jan<\/span>\r\n                    <span>Fev<\/span>\r\n                    <span>Mar<\/span>\r\n                    <span>Abr<\/span>\r\n                    <span>Mai<\/span>\r\n                    <span>Jun<\/span>\r\n                    <span>Jul<\/span>\r\n                    <span>Ago<\/span>\r\n                    <span>Set<\/span>\r\n\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- POR EST\u00c1GIO -->\r\n\r\n              <div class=\"vgb-panel vgb-animated-chart\">\r\n\r\n                <div class=\"vgb-panel-head\">\r\n\r\n                  <span class=\"vgb-panel-title\">\r\n                    Por Est\u00e1gio nos Meses\r\n                  <\/span>\r\n\r\n                  <span class=\"vgb-panel-meta\">\r\n                    Lead \u00d7 Cliente\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-bars-wrap\">\r\n\r\n                  <div\r\n                    class=\"vgb-bars\"\r\n                    id=\"vgbStageBars\"\r\n                  >\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar stage-lead\" style=\"--height:8%;--bar:#13a5e4;height:8%;\"><\/span>\r\n                      <span class=\"vgb-bar stage-client\" style=\"--height:6%;--bar:#f6bd18;height:6%;\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar stage-lead\" style=\"--height:10%;--bar:#13a5e4;height:10%;\"><\/span>\r\n                      <span class=\"vgb-bar stage-client\" style=\"--height:8%;--bar:#f6bd18;height:8%;\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar stage-lead\" style=\"--height:13%;--bar:#13a5e4;height:13%;\"><\/span>\r\n                      <span class=\"vgb-bar stage-client\" style=\"--height:11%;--bar:#f6bd18;height:11%;\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar stage-lead\" style=\"--height:17%;--bar:#13a5e4;height:17%;\"><\/span>\r\n                      <span class=\"vgb-bar stage-client\" style=\"--height:14%;--bar:#f6bd18;height:14%;\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar stage-lead\" style=\"--height:21%;--bar:#13a5e4;height:21%;\"><\/span>\r\n                      <span class=\"vgb-bar stage-client\" style=\"--height:19%;--bar:#f6bd18;height:19%;\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar stage-lead\" style=\"--height:28%;--bar:#13a5e4;height:28%;\"><\/span>\r\n                      <span class=\"vgb-bar stage-client\" style=\"--height:25%;--bar:#f6bd18;height:25%;\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar stage-lead\" style=\"--height:36%;--bar:#13a5e4;height:36%;\"><\/span>\r\n                      <span class=\"vgb-bar stage-client\" style=\"--height:31%;--bar:#f6bd18;height:31%;\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar stage-lead\" style=\"--height:44%;--bar:#13a5e4;height:44%;\"><\/span>\r\n                      <span class=\"vgb-bar stage-client\" style=\"--height:40%;--bar:#f6bd18;height:40%;\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar stage-lead\" style=\"--height:53%;--bar:#13a5e4;height:53%;\"><\/span>\r\n                      <span class=\"vgb-bar stage-client\" style=\"--height:48%;--bar:#f6bd18;height:48%;\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar stage-lead\" style=\"--height:62%;--bar:#13a5e4;height:62%;\"><\/span>\r\n                      <span class=\"vgb-bar stage-client\" style=\"--height:59%;--bar:#f6bd18;height:59%;\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar stage-lead\" style=\"--height:87%;--bar:#13a5e4;height:87%;\"><\/span>\r\n                      <span class=\"vgb-bar stage-client\" style=\"--height:96%;--bar:#f6bd18;height:96%;\"><\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-bar-group\">\r\n                      <span class=\"vgb-bar stage-lead\" style=\"--height:72%;--bar:#13a5e4;height:72%;\"><\/span>\r\n                      <span class=\"vgb-bar stage-client\" style=\"--height:79%;--bar:#f6bd18;height:79%;\"><\/span>\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"vgb-bar-months\">\r\n\r\n                    <span>Out<\/span>\r\n                    <span>Nov<\/span>\r\n                    <span>Dez<\/span>\r\n                    <span>Jan<\/span>\r\n                    <span>Fev<\/span>\r\n                    <span>Mar<\/span>\r\n                    <span>Abr<\/span>\r\n                    <span>Mai<\/span>\r\n                    <span>Jun<\/span>\r\n                    <span>Jul<\/span>\r\n                    <span>Ago<\/span>\r\n                    <span>Set<\/span>\r\n\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- TOP CIDADES -->\r\n\r\n            <div class=\"vgb-panel\">\r\n\r\n              <div class=\"vgb-panel-head\">\r\n\r\n                <span class=\"vgb-panel-title\">\r\n                  Top 20 Cidades\r\n                <\/span>\r\n\r\n                <span class=\"vgb-panel-meta\">\r\n                  Distribui\u00e7\u00e3o da base\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div\r\n                class=\"vgb-cities\"\r\n                id=\"vgbCities\"\r\n              >\r\n\r\n                <div class=\"vgb-city\">\r\n                  <span class=\"vgb-city-name\">S\u00e3o Paulo\/SP<\/span>\r\n                  <span class=\"vgb-city-count\">612<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"vgb-city\">\r\n                  <span class=\"vgb-city-name\">Curitiba\/PR<\/span>\r\n                  <span class=\"vgb-city-count\">286<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"vgb-city\">\r\n                  <span class=\"vgb-city-name\">Porto Alegre\/RS<\/span>\r\n                  <span class=\"vgb-city-count\">258<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"vgb-city\">\r\n                  <span class=\"vgb-city-name\">Recife\/PE<\/span>\r\n                  <span class=\"vgb-city-count\">241<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"vgb-city\">\r\n                  <span class=\"vgb-city-name\">Belo Horizonte\/MG<\/span>\r\n                  <span class=\"vgb-city-count\">226<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"vgb-city\">\r\n                  <span class=\"vgb-city-name\">Bras\u00edlia\/DF<\/span>\r\n                  <span class=\"vgb-city-count\">219<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"vgb-city\">\r\n                  <span class=\"vgb-city-name\">Goi\u00e2nia\/GO<\/span>\r\n                  <span class=\"vgb-city-count\">204<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"vgb-city\">\r\n                  <span class=\"vgb-city-name\">Salvador\/BA<\/span>\r\n                  <span class=\"vgb-city-count\">198<\/span>\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/section>\r\n\r\n\r\n      <!-- ===================================================\r\n           02 \u2014 VIS\u00c3O GERAL DA OPERA\u00c7\u00c3O\r\n      ==================================================== -->\r\n\r\n      <section\r\n        class=\"vgb-screen\"\r\n        data-url=\"app.vb365.com.br\/gestao\/dashboard\"\r\n      >\r\n\r\n        <div class=\"vgb-head\">\r\n\r\n          <div class=\"vgb-head-left\">\r\n\r\n            <span class=\"vgb-head-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <rect x=\"3\" y=\"3\" width=\"7\" height=\"9\"><\/rect>\r\n                <rect x=\"14\" y=\"3\" width=\"7\" height=\"5\"><\/rect>\r\n                <rect x=\"14\" y=\"12\" width=\"7\" height=\"9\"><\/rect>\r\n                <rect x=\"3\" y=\"16\" width=\"7\" height=\"5\"><\/rect>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <div>\r\n\r\n              <div class=\"vgb-title\">\r\n                Vis\u00e3o Geral da Opera\u00e7\u00e3o\r\n              <\/div>\r\n\r\n              <div class=\"vgb-subtitle\">\r\n                Atendimento, produtividade, SLA e canais\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"vgb-nav\">\r\n\r\n            <button class=\"vgb-nav-dot\" data-go=\"0\"><\/button>\r\n            <button class=\"vgb-nav-dot active\" data-go=\"1\"><\/button>\r\n            <button class=\"vgb-nav-dot\" data-go=\"2\"><\/button>\r\n            <button class=\"vgb-nav-dot\" data-go=\"3\"><\/button>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"vgb-content\">\r\n\r\n\r\n          <div class=\"vgb-metrics\">\r\n\r\n\r\n            <div class=\"vgb-metric blue\">\r\n\r\n              <div>\r\n\r\n                <div class=\"vgb-metric-label\">\r\n                  Atendimentos hoje\r\n                <\/div>\r\n\r\n                <div\r\n                  class=\"vgb-metric-value\"\r\n                  id=\"vgbAttendments\"\r\n                >\r\n                  142\r\n                  <small>atendimentos<\/small>\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vgb-metric green\">\r\n\r\n              <div>\r\n\r\n                <div class=\"vgb-metric-label\">\r\n                  SLA cumprido\r\n                <\/div>\r\n\r\n                <div\r\n                  class=\"vgb-metric-value\"\r\n                  id=\"vgbSla\"\r\n                >\r\n                  98%\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vgb-metric orange\">\r\n\r\n              <div>\r\n\r\n                <div class=\"vgb-metric-label\">\r\n                  Tempo m\u00e9dio\r\n                <\/div>\r\n\r\n                <div class=\"vgb-metric-value\">\r\n                  4 min\r\n                  <small>resposta<\/small>\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vgb-metric green\">\r\n\r\n              <div>\r\n\r\n                <div class=\"vgb-metric-label\">\r\n                  Produtividade\r\n                <\/div>\r\n\r\n                <div\r\n                  class=\"vgb-metric-value\"\r\n                  id=\"vgbProductivity\"\r\n                >\r\n                  76%\r\n                  <small>equipe<\/small>\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"vgb-toolbar\">\r\n\r\n            <div class=\"vgb-search\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle>\r\n                <path d=\"M20 20l-4-4\"><\/path>\r\n              <\/svg>\r\n\r\n              Pesquisar usu\u00e1rio, setor, atendimento ou indicador...\r\n\r\n            <\/div>\r\n\r\n\r\n            <span class=\"vgb-tool\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <path d=\"M3 4h18l-7 8v6l-4 2v-8z\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"vgb-operation-dashboard\">\r\n\r\n\r\n            <div\r\n              style=\"\r\n                display:grid;\r\n                grid-template-rows:174px 94px;\r\n                gap:6px;\r\n                min-width:0;\r\n              \"\r\n            >\r\n\r\n\r\n              <div class=\"vgb-panel\">\r\n\r\n                <div class=\"vgb-panel-head\">\r\n\r\n                  <div>\r\n\r\n                    <div class=\"vgb-panel-title\">\r\n                      Volume de Atendimentos\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-panel-meta\">\r\n                      \u00daltimos 7 dias\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n                  <span class=\"vgb-status green\">\r\n                    +18%\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-volume-chart\">\r\n\r\n                  <div class=\"vgb-volume-bars\">\r\n\r\n                    <div class=\"vgb-volume-bar\" style=\"--height:49%;height:49%;\"><\/div>\r\n                    <div class=\"vgb-volume-bar\" style=\"--height:61%;height:61%;\"><\/div>\r\n                    <div class=\"vgb-volume-bar\" style=\"--height:56%;height:56%;\"><\/div>\r\n                    <div class=\"vgb-volume-bar\" style=\"--height:70%;height:70%;\"><\/div>\r\n                    <div class=\"vgb-volume-bar\" style=\"--height:77%;height:77%;\"><\/div>\r\n\r\n                    <div\r\n                      class=\"vgb-volume-bar active\"\r\n                      style=\"--height:94%;height:94%;\"\r\n                      data-value=\"151\"\r\n                    ><\/div>\r\n\r\n                    <div class=\"vgb-volume-bar\" style=\"--height:82%;height:82%;\"><\/div>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"vgb-volume-labels\">\r\n\r\n                    <span>Seg<\/span>\r\n                    <span>Ter<\/span>\r\n                    <span>Qua<\/span>\r\n                    <span>Qui<\/span>\r\n                    <span>Sex<\/span>\r\n                    <span>S\u00e1b<\/span>\r\n                    <span>Hoje<\/span>\r\n\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-summary-grid\">\r\n\r\n                  <div class=\"vgb-summary-item\">\r\n                    <strong>4.8<\/strong>\r\n                    <span>CSAT<\/span>\r\n                  <\/div>\r\n\r\n                  <div class=\"vgb-summary-item\">\r\n                    <strong>92%<\/strong>\r\n                    <span>Resolvidos<\/span>\r\n                  <\/div>\r\n\r\n                  <div class=\"vgb-summary-item\">\r\n                    <strong>12<\/strong>\r\n                    <span>Usu\u00e1rios<\/span>\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"vgb-panel\">\r\n\r\n                <div class=\"vgb-panel-head\">\r\n\r\n                  <span class=\"vgb-panel-title\">\r\n                    Atendimentos por Canal\r\n                  <\/span>\r\n\r\n                  <span class=\"vgb-panel-meta\">\r\n                    Hoje\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-progress-list\">\r\n\r\n                  <div class=\"vgb-progress-row\">\r\n\r\n                    <div class=\"vgb-progress-label\">\r\n                      WhatsApp\r\n                      <strong>46%<\/strong>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-progress-track\">\r\n                      <div class=\"vgb-progress-fill\" style=\"--value:46%;\"><\/div>\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"vgb-progress-row\">\r\n\r\n                    <div class=\"vgb-progress-label\">\r\n                      Telefonia\r\n                      <strong>31%<\/strong>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-progress-track\">\r\n                      <div class=\"vgb-progress-fill\" style=\"--value:31%;\"><\/div>\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"vgb-progress-row\">\r\n\r\n                    <div class=\"vgb-progress-label\">\r\n                      Tickets\r\n                      <strong>23%<\/strong>\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-progress-track\">\r\n                      <div class=\"vgb-progress-fill\" style=\"--value:23%;\"><\/div>\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vgb-panel\">\r\n\r\n              <div class=\"vgb-panel-head\">\r\n\r\n                <div>\r\n\r\n                  <div class=\"vgb-panel-title\">\r\n                    Atividade Recente\r\n                  <\/div>\r\n\r\n                  <div class=\"vgb-panel-meta\">\r\n                    Atualiza\u00e7\u00e3o em tempo real\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n                <span class=\"vgb-live-dot\"><\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div\r\n                class=\"vgb-activity\"\r\n                id=\"vgbActivity\"\r\n              >\r\n\r\n                <div class=\"vgb-activity-row\">\r\n\r\n                  <span\r\n                    class=\"vgb-activity-dot\"\r\n                    style=\"--dot:#20ad65;\"\r\n                  ><\/span>\r\n\r\n                  <div class=\"vgb-activity-info\">\r\n\r\n                    <div class=\"vgb-activity-title\">\r\n                      Ana Martins\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-activity-sub\">\r\n                      Finalizou atendimento #5821\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n                  <span class=\"vgb-status green\">\r\n                    Finalizado\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-activity-row\">\r\n\r\n                  <span\r\n                    class=\"vgb-activity-dot\"\r\n                    style=\"--dot:#d99b2b;\"\r\n                  ><\/span>\r\n\r\n                  <div class=\"vgb-activity-info\">\r\n\r\n                    <div class=\"vgb-activity-title\">\r\n                      Ricardo Mendes\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-activity-sub\">\r\n                      Iniciou nova chamada\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n                  <span class=\"vgb-status orange\">\r\n                    Em liga\u00e7\u00e3o\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-activity-row\">\r\n\r\n                  <span\r\n                    class=\"vgb-activity-dot\"\r\n                    style=\"--dot:#3973a2;\"\r\n                  ><\/span>\r\n\r\n                  <div class=\"vgb-activity-info\">\r\n\r\n                    <div class=\"vgb-activity-title\">\r\n                      Paulo Rocha\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-activity-sub\">\r\n                      Atualizou 3 tickets\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n                  <span class=\"vgb-status blue\">\r\n                    Tickets\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-activity-row\">\r\n\r\n                  <span\r\n                    class=\"vgb-activity-dot\"\r\n                    style=\"--dot:#20ad65;\"\r\n                  ><\/span>\r\n\r\n                  <div class=\"vgb-activity-info\">\r\n\r\n                    <div class=\"vgb-activity-title\">\r\n                      SLA di\u00e1rio\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-activity-sub\">\r\n                      Meta operacional atingida\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n                  <span class=\"vgb-status green\">\r\n                    98%\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-activity-row\">\r\n\r\n                  <span\r\n                    class=\"vgb-activity-dot\"\r\n                    style=\"--dot:#7f8d9d;\"\r\n                  ><\/span>\r\n\r\n                  <div class=\"vgb-activity-info\">\r\n\r\n                    <div class=\"vgb-activity-title\">\r\n                      Equipe Financeiro\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-activity-sub\">\r\n                      2 atendimentos aguardando\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n                  <span class=\"vgb-status gray\">\r\n                    Fila\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"vgb-live-box\">\r\n\r\n                <div class=\"vgb-live-title\">\r\n\r\n                  Opera\u00e7\u00e3o neste momento\r\n\r\n                  <span class=\"vgb-live-dot\"><\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-live-grid\">\r\n\r\n                  <div class=\"vgb-live-stat\">\r\n\r\n                    <strong id=\"vgbOnline\">\r\n                      10\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                      Online\r\n                    <\/span>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"vgb-live-stat\">\r\n\r\n                    <strong id=\"vgbBusy\">\r\n                      6\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                      Atendendo\r\n                    <\/span>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"vgb-live-stat\">\r\n\r\n                    <strong id=\"vgbWaiting\">\r\n                      3\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                      Em fila\r\n                    <\/span>\r\n\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/section>\r\n\r\n\r\n      <!-- ===================================================\r\n           03 \u2014 EQUIPE\r\n      ==================================================== -->\r\n\r\n      <section\r\n        class=\"vgb-screen\"\r\n        data-url=\"app.vb365.com.br\/gestao\/equipe\"\r\n      >\r\n\r\n        <div class=\"vgb-head\">\r\n\r\n          <div class=\"vgb-head-left\">\r\n\r\n            <span class=\"vgb-head-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle>\r\n                <circle cx=\"17\" cy=\"9\" r=\"2\"><\/circle>\r\n                <path d=\"M3 21v-2a6 6 0 0 1 12 0v2\"><\/path>\r\n                <path d=\"M15 15a5 5 0 0 1 6 4v2\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <div>\r\n\r\n              <div class=\"vgb-title\">\r\n                Equipe & Produtividade\r\n              <\/div>\r\n\r\n              <div class=\"vgb-subtitle\">\r\n                Desempenho, disponibilidade e metas\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"vgb-nav\">\r\n\r\n            <button class=\"vgb-nav-dot\" data-go=\"0\"><\/button>\r\n            <button class=\"vgb-nav-dot\" data-go=\"1\"><\/button>\r\n            <button class=\"vgb-nav-dot active\" data-go=\"2\"><\/button>\r\n            <button class=\"vgb-nav-dot\" data-go=\"3\"><\/button>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"vgb-content\">\r\n\r\n\r\n          <div class=\"vgb-metrics\">\r\n\r\n            <div class=\"vgb-metric blue\">\r\n\r\n              <div>\r\n                <div class=\"vgb-metric-label\">\r\n                  Colaboradores\r\n                <\/div>\r\n\r\n                <div class=\"vgb-metric-value\">\r\n                  12\r\n                  <small>usu\u00e1rios<\/small>\r\n                <\/div>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vgb-metric green\">\r\n\r\n              <div>\r\n                <div class=\"vgb-metric-label\">\r\n                  Online agora\r\n                <\/div>\r\n\r\n                <div class=\"vgb-metric-value\">\r\n                  10\r\n                  <small>usu\u00e1rios<\/small>\r\n                <\/div>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vgb-metric orange\">\r\n\r\n              <div>\r\n                <div class=\"vgb-metric-label\">\r\n                  Ocupa\u00e7\u00e3o m\u00e9dia\r\n                <\/div>\r\n\r\n                <div class=\"vgb-metric-value\">\r\n                  79%\r\n                <\/div>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vgb-metric green\">\r\n\r\n              <div>\r\n                <div class=\"vgb-metric-label\">\r\n                  Meta di\u00e1ria\r\n                <\/div>\r\n\r\n                <div class=\"vgb-metric-value\">\r\n                  104%\r\n                <\/div>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"vgb-toolbar\">\r\n\r\n            <div class=\"vgb-search\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle>\r\n                <path d=\"M20 20l-4-4\"><\/path>\r\n              <\/svg>\r\n\r\n              Pesquisar colaborador, equipe ou departamento...\r\n\r\n            <\/div>\r\n\r\n            <span class=\"vgb-tool\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <path d=\"M3 4h18l-7 8v6l-4 2v-8z\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"vgb-team-grid\">\r\n\r\n\r\n            <div class=\"vgb-panel\">\r\n\r\n              <div class=\"vgb-panel-head\">\r\n\r\n                <div>\r\n                  <div class=\"vgb-panel-title\">\r\n                    Produtividade da Equipe\r\n                  <\/div>\r\n\r\n                  <div class=\"vgb-panel-meta\">\r\n                    Atualizada em tempo real\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <span class=\"vgb-live-dot\"><\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"vgb-team-list\">\r\n\r\n\r\n                <div class=\"vgb-team-card\">\r\n\r\n                  <span class=\"vgb-avatar\">\r\n                    AM\r\n                  <\/span>\r\n\r\n                  <div class=\"vgb-team-info\">\r\n\r\n                    <div class=\"vgb-team-name\">\r\n                      Ana Martins\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-team-role\">\r\n                      Suporte \u00b7 24 atendimentos\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-team-meter\">\r\n                      <span\r\n                        class=\"vgb-team-fill\"\r\n                        style=\"width:92%;\"\r\n                      ><\/span>\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n                  <span class=\"vgb-team-score\">\r\n                    92%\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-team-card\">\r\n\r\n                  <span class=\"vgb-avatar\">\r\n                    RM\r\n                  <\/span>\r\n\r\n                  <div class=\"vgb-team-info\">\r\n\r\n                    <div class=\"vgb-team-name\">\r\n                      Ricardo Mendes\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-team-role\">\r\n                      Comercial \u00b7 19 atendimentos\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-team-meter\">\r\n                      <span\r\n                        class=\"vgb-team-fill\"\r\n                        style=\"width:78%;\"\r\n                      ><\/span>\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n                  <span class=\"vgb-team-score\">\r\n                    78%\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-team-card\">\r\n\r\n                  <span class=\"vgb-avatar\">\r\n                    PR\r\n                  <\/span>\r\n\r\n                  <div class=\"vgb-team-info\">\r\n\r\n                    <div class=\"vgb-team-name\">\r\n                      Paulo Rocha\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-team-role\">\r\n                      Atendimento \u00b7 17 tickets\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-team-meter\">\r\n                      <span\r\n                        class=\"vgb-team-fill\"\r\n                        style=\"width:71%;\"\r\n                      ><\/span>\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n                  <span class=\"vgb-team-score\">\r\n                    71%\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-team-card\">\r\n\r\n                  <span class=\"vgb-avatar\">\r\n                    LS\r\n                  <\/span>\r\n\r\n                  <div class=\"vgb-team-info\">\r\n\r\n                    <div class=\"vgb-team-name\">\r\n                      Luana Santos\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-team-role\">\r\n                      Financeiro \u00b7 14 atendimentos\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-team-meter\">\r\n                      <span\r\n                        class=\"vgb-team-fill\"\r\n                        style=\"width:84%;\"\r\n                      ><\/span>\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n                  <span class=\"vgb-team-score\">\r\n                    84%\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-team-card\">\r\n\r\n                  <span class=\"vgb-avatar\">\r\n                    MC\r\n                  <\/span>\r\n\r\n                  <div class=\"vgb-team-info\">\r\n\r\n                    <div class=\"vgb-team-name\">\r\n                      Marina Costa\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-team-role\">\r\n                      Suporte \u00b7 21 atendimentos\r\n                    <\/div>\r\n\r\n                    <div class=\"vgb-team-meter\">\r\n                      <span\r\n                        class=\"vgb-team-fill\"\r\n                        style=\"width:88%;\"\r\n                      ><\/span>\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n                  <span class=\"vgb-team-score\">\r\n                    88%\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vgb-panel\">\r\n\r\n              <div class=\"vgb-panel-head\">\r\n\r\n                <div>\r\n\r\n                  <div class=\"vgb-panel-title\">\r\n                    Ranking do Dia\r\n                  <\/div>\r\n\r\n                  <div class=\"vgb-panel-meta\">\r\n                    \u00cdndice combinado\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n                <span class=\"vgb-status green\">\r\n                  Hoje\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"vgb-ranking\">\r\n\r\n\r\n                <div class=\"vgb-rank-row\">\r\n\r\n                  <span class=\"vgb-rank-number\">\r\n                    1\r\n                  <\/span>\r\n\r\n                  <div>\r\n                    <div class=\"vgb-rank-name\">\r\n                      Ana Martins\r\n                    <\/div>\r\n                    <div class=\"vgb-rank-sub\">\r\n                      24 atendimentos \u00b7 CSAT 5.0\r\n                    <\/div>\r\n                  <\/div>\r\n\r\n                  <span class=\"vgb-rank-score\">\r\n                    96\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-rank-row\">\r\n\r\n                  <span class=\"vgb-rank-number\">\r\n                    2\r\n                  <\/span>\r\n\r\n                  <div>\r\n                    <div class=\"vgb-rank-name\">\r\n                      Marina Costa\r\n                    <\/div>\r\n                    <div class=\"vgb-rank-sub\">\r\n                      21 atendimentos \u00b7 CSAT 4.9\r\n                    <\/div>\r\n                  <\/div>\r\n\r\n                  <span class=\"vgb-rank-score\">\r\n                    93\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-rank-row\">\r\n\r\n                  <span class=\"vgb-rank-number\">\r\n                    3\r\n                  <\/span>\r\n\r\n                  <div>\r\n                    <div class=\"vgb-rank-name\">\r\n                      Luana Santos\r\n                    <\/div>\r\n                    <div class=\"vgb-rank-sub\">\r\n                      18 atendimentos \u00b7 SLA 98%\r\n                    <\/div>\r\n                  <\/div>\r\n\r\n                  <span class=\"vgb-rank-score\">\r\n                    89\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-rank-row\">\r\n\r\n                  <span class=\"vgb-rank-number\">\r\n                    4\r\n                  <\/span>\r\n\r\n                  <div>\r\n                    <div class=\"vgb-rank-name\">\r\n                      Ricardo Mendes\r\n                    <\/div>\r\n                    <div class=\"vgb-rank-sub\">\r\n                      19 atendimentos \u00b7 CSAT 4.8\r\n                    <\/div>\r\n                  <\/div>\r\n\r\n                  <span class=\"vgb-rank-score\">\r\n                    86\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"vgb-availability\">\r\n\r\n                <div class=\"vgb-availability-title\">\r\n                  Disponibilidade Atual\r\n                <\/div>\r\n\r\n                <div class=\"vgb-availability-grid\">\r\n\r\n                  <div class=\"vgb-availability-stat\">\r\n                    <strong>4<\/strong>\r\n                    <span>Livres<\/span>\r\n                  <\/div>\r\n\r\n                  <div class=\"vgb-availability-stat\">\r\n                    <strong>6<\/strong>\r\n                    <span>Atendendo<\/span>\r\n                  <\/div>\r\n\r\n                  <div class=\"vgb-availability-stat\">\r\n                    <strong>2<\/strong>\r\n                    <span>Pausa<\/span>\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/section>\r\n\r\n\r\n      <!-- ===================================================\r\n           04 \u2014 PERFORMANCE\r\n      ==================================================== -->\r\n\r\n      <section\r\n        class=\"vgb-screen\"\r\n        data-url=\"app.vb365.com.br\/gestao\/performance\"\r\n      >\r\n\r\n        <div class=\"vgb-head\">\r\n\r\n          <div class=\"vgb-head-left\">\r\n\r\n            <span class=\"vgb-head-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <path d=\"M4 19V9\"><\/path>\r\n                <path d=\"M9 19V5\"><\/path>\r\n                <path d=\"M14 19v-7\"><\/path>\r\n                <path d=\"M19 19V3\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <div>\r\n\r\n              <div class=\"vgb-title\">\r\n                Opera\u00e7\u00e3o & Performance\r\n              <\/div>\r\n\r\n              <div class=\"vgb-subtitle\">\r\n                Metas, setores e efici\u00eancia operacional\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"vgb-nav\">\r\n\r\n            <button class=\"vgb-nav-dot\" data-go=\"0\"><\/button>\r\n            <button class=\"vgb-nav-dot\" data-go=\"1\"><\/button>\r\n            <button class=\"vgb-nav-dot\" data-go=\"2\"><\/button>\r\n            <button class=\"vgb-nav-dot active\" data-go=\"3\"><\/button>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"vgb-content\">\r\n\r\n\r\n          <div class=\"vgb-metrics\">\r\n\r\n\r\n            <div class=\"vgb-metric blue\">\r\n              <div>\r\n                <div class=\"vgb-metric-label\">\r\n                  Efici\u00eancia geral\r\n                <\/div>\r\n                <div class=\"vgb-metric-value\">\r\n                  94%\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vgb-metric green\">\r\n              <div>\r\n                <div class=\"vgb-metric-label\">\r\n                  Meta atingida\r\n                <\/div>\r\n                <div class=\"vgb-metric-value\">\r\n                  104%\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vgb-metric orange\">\r\n              <div>\r\n                <div class=\"vgb-metric-label\">\r\n                  Ocupa\u00e7\u00e3o\r\n                <\/div>\r\n                <div class=\"vgb-metric-value\">\r\n                  79%\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vgb-metric green\">\r\n              <div>\r\n                <div class=\"vgb-metric-label\">\r\n                  Qualidade\r\n                <\/div>\r\n                <div class=\"vgb-metric-value\">\r\n                  4.8\r\n                  <small>\/5<\/small>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"vgb-toolbar\">\r\n\r\n            <div class=\"vgb-search\">\r\n              Setembro 2026 \u00b7 Todas as equipes \u00b7 Todos os canais\r\n            <\/div>\r\n\r\n            <span class=\"vgb-tool\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <path d=\"M3 4h18l-7 8v6l-4 2v-8z\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"vgb-performance-grid\">\r\n\r\n\r\n            <div class=\"vgb-panel\">\r\n\r\n              <div class=\"vgb-panel-head\">\r\n\r\n                <div>\r\n                  <div class=\"vgb-panel-title\">\r\n                    Indicadores Operacionais\r\n                  <\/div>\r\n                  <div class=\"vgb-panel-meta\">\r\n                    Compara\u00e7\u00e3o com metas\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <span class=\"vgb-status green\">\r\n                  Dentro da meta\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"vgb-kpi-list\">\r\n\r\n\r\n                <div class=\"vgb-kpi\">\r\n\r\n                  <div class=\"vgb-kpi-label\">\r\n                    SLA de primeira resposta\r\n                    <strong>98%<\/strong>\r\n                  <\/div>\r\n\r\n                  <div class=\"vgb-kpi-track\">\r\n                    <div class=\"vgb-kpi-fill\" style=\"--value:98%;width:98%;\"><\/div>\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-kpi\">\r\n\r\n                  <div class=\"vgb-kpi-label\">\r\n                    Resolu\u00e7\u00e3o no primeiro contato\r\n                    <strong>91%<\/strong>\r\n                  <\/div>\r\n\r\n                  <div class=\"vgb-kpi-track\">\r\n                    <div class=\"vgb-kpi-fill\" style=\"--value:91%;width:91%;\"><\/div>\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-kpi\">\r\n\r\n                  <div class=\"vgb-kpi-label\">\r\n                    Produtividade da equipe\r\n                    <strong>82%<\/strong>\r\n                  <\/div>\r\n\r\n                  <div class=\"vgb-kpi-track\">\r\n                    <div class=\"vgb-kpi-fill\" style=\"--value:82%;width:82%;\"><\/div>\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-kpi\">\r\n\r\n                  <div class=\"vgb-kpi-label\">\r\n                    Satisfa\u00e7\u00e3o dos clientes\r\n                    <strong>96%<\/strong>\r\n                  <\/div>\r\n\r\n                  <div class=\"vgb-kpi-track\">\r\n                    <div class=\"vgb-kpi-fill\" style=\"--value:96%;width:96%;\"><\/div>\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-kpi\">\r\n\r\n                  <div class=\"vgb-kpi-label\">\r\n                    Disponibilidade da opera\u00e7\u00e3o\r\n                    <strong>99%<\/strong>\r\n                  <\/div>\r\n\r\n                  <div class=\"vgb-kpi-track\">\r\n                    <div class=\"vgb-kpi-fill\" style=\"--value:99%;width:99%;\"><\/div>\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"vgb-live-strip\">\r\n\r\n                <span class=\"vgb-live-strip-dot\"><\/span>\r\n\r\n                <span\r\n                  class=\"vgb-live-strip-text\"\r\n                  id=\"vgbLiveText\"\r\n                >\r\n                  Meta di\u00e1ria de atendimentos atingida\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vgb-panel\">\r\n\r\n              <div class=\"vgb-panel-head\">\r\n\r\n                <div>\r\n                  <div class=\"vgb-panel-title\">\r\n                    Performance por Setor\r\n                  <\/div>\r\n                  <div class=\"vgb-panel-meta\">\r\n                    Resultado consolidado\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <span class=\"vgb-live-dot\"><\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"vgb-depts\">\r\n\r\n\r\n                <div class=\"vgb-dept\">\r\n\r\n                  <span class=\"vgb-dept-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n                      <path d=\"M4 5h16v14H4z\"><\/path>\r\n                    <\/svg>\r\n                  <\/span>\r\n\r\n                  <div class=\"vgb-dept-info\">\r\n                    <div class=\"vgb-dept-name\">Suporte<\/div>\r\n                    <div class=\"vgb-dept-sub\">58 atendimentos \u00b7 SLA 99%<\/div>\r\n                  <\/div>\r\n\r\n                  <span class=\"vgb-status green\">\r\n                    98%\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-dept\">\r\n\r\n                  <span class=\"vgb-dept-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n                      <path d=\"M5 4h14v16H5z\"><\/path>\r\n                      <path d=\"M8 8h8M8 12h8\"><\/path>\r\n                    <\/svg>\r\n                  <\/span>\r\n\r\n                  <div class=\"vgb-dept-info\">\r\n                    <div class=\"vgb-dept-name\">Comercial<\/div>\r\n                    <div class=\"vgb-dept-sub\">36 atendimentos \u00b7 Convers\u00e3o 31%<\/div>\r\n                  <\/div>\r\n\r\n                  <span class=\"vgb-status green\">\r\n                    96%\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-dept\">\r\n\r\n                  <span class=\"vgb-dept-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n                      <path d=\"M4 7h16v11H4z\"><\/path>\r\n                    <\/svg>\r\n                  <\/span>\r\n\r\n                  <div class=\"vgb-dept-info\">\r\n                    <div class=\"vgb-dept-name\">Financeiro<\/div>\r\n                    <div class=\"vgb-dept-sub\">27 atendimentos \u00b7 SLA 96%<\/div>\r\n                  <\/div>\r\n\r\n                  <span class=\"vgb-status blue\">\r\n                    94%\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-dept\">\r\n\r\n                  <span class=\"vgb-dept-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n                      <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                      <path d=\"M12 7v5l3 2\"><\/path>\r\n                    <\/svg>\r\n                  <\/span>\r\n\r\n                  <div class=\"vgb-dept-info\">\r\n                    <div class=\"vgb-dept-name\">Implanta\u00e7\u00e3o<\/div>\r\n                    <div class=\"vgb-dept-sub\">21 atendimentos \u00b7 3 em andamento<\/div>\r\n                  <\/div>\r\n\r\n                  <span class=\"vgb-status orange\">\r\n                    91%\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vgb-dept\">\r\n\r\n                  <span class=\"vgb-dept-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\r\n                      <circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle>\r\n                      <path d=\"M3 21v-2a6 6 0 0 1 12 0v2\"><\/path>\r\n                    <\/svg>\r\n                  <\/span>\r\n\r\n                  <div class=\"vgb-dept-info\">\r\n                    <div class=\"vgb-dept-name\">Administrativo<\/div>\r\n                    <div class=\"vgb-dept-sub\">14 solicita\u00e7\u00f5es \u00b7 SLA 98%<\/div>\r\n                  <\/div>\r\n\r\n                  <span class=\"vgb-status green\">\r\n                    97%\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"vgb-live-box\">\r\n\r\n                <div class=\"vgb-live-title\">\r\n                  Comparativo mensal\r\n                <\/div>\r\n\r\n                <div class=\"vgb-live-grid\">\r\n\r\n                  <div class=\"vgb-live-stat\">\r\n                    <strong>+18%<\/strong>\r\n                    <span>Volume<\/span>\r\n                  <\/div>\r\n\r\n                  <div class=\"vgb-live-stat\">\r\n                    <strong>-12%<\/strong>\r\n                    <span>Tempo<\/span>\r\n                  <\/div>\r\n\r\n                  <div class=\"vgb-live-stat\">\r\n                    <strong>+0.4<\/strong>\r\n                    <span>CSAT<\/span>\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/section>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n  var root =\r\n    document.getElementById(\r\n      'vb365-gestao-base-2026'\r\n    );\r\n\r\n  if(\r\n    !root ||\r\n    root.dataset.started === 'true'\r\n  ){\r\n    return;\r\n  }\r\n\r\n  root.dataset.started = 'true';\r\n\r\n\r\n  \/* =====================================================\r\n     REDU\u00c7\u00c3O DE MOVIMENTO\r\n  ====================================================== *\/\r\n\r\n  var reduceMotion =\r\n    !!(\r\n      window.matchMedia &&\r\n      window.matchMedia(\r\n        '(prefers-reduced-motion: reduce)'\r\n      ).matches\r\n    );\r\n\r\n\r\n  \/* =====================================================\r\n     ELEMENTOS GERAIS\r\n  ====================================================== *\/\r\n\r\n  var screens =\r\n    Array.prototype.slice.call(\r\n      root.querySelectorAll(\r\n        '.vgb-screen'\r\n      )\r\n    );\r\n\r\n  var currentUrl =\r\n    root.querySelector(\r\n      '#vgbCurrentUrl'\r\n    );\r\n\r\n  var windowElement =\r\n    root.querySelector(\r\n      '.vgb-window'\r\n    );\r\n\r\n  var currentIndex = 0;\r\n  var paused = false;\r\n  var screenTimer = null;\r\n\r\n\r\n  \/* =====================================================\r\n     TEMPOS\r\n     DASHBOARD BASE FICA MAIS TEMPO\r\n  ====================================================== *\/\r\n\r\n  var durations = [\r\n    9000,\r\n    7000,\r\n    5900,\r\n    6300\r\n  ];\r\n\r\n\r\n  \/* =====================================================\r\n     TROCA DE TELA\r\n  ====================================================== *\/\r\n\r\n  function showScreen(index){\r\n\r\n    if(\r\n      index < 0 ||\r\n      index >= screens.length\r\n    ){\r\n      return;\r\n    }\r\n\r\n    screens.forEach(\r\n      function(screen){\r\n        screen.classList.remove('active');\r\n      }\r\n    );\r\n\r\n    currentIndex = index;\r\n\r\n    screens[\r\n      currentIndex\r\n    ].classList.add(\r\n      'active'\r\n    );\r\n\r\n    var url =\r\n      screens[\r\n        currentIndex\r\n      ].getAttribute(\r\n        'data-url'\r\n      );\r\n\r\n    if(currentUrl){\r\n\r\n      currentUrl.style.opacity = '.25';\r\n\r\n      setTimeout(\r\n        function(){\r\n\r\n          currentUrl.textContent = url;\r\n\r\n          currentUrl.style.opacity = '1';\r\n\r\n        },\r\n        140\r\n      );\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  function scheduleNext(){\r\n\r\n    if(reduceMotion){\r\n      return;\r\n    }\r\n\r\n    if(screenTimer){\r\n      clearTimeout(screenTimer);\r\n    }\r\n\r\n    if(paused){\r\n      return;\r\n    }\r\n\r\n    screenTimer =\r\n      setTimeout(\r\n        function(){\r\n\r\n          var next =\r\n            currentIndex + 1;\r\n\r\n          if(next >= screens.length){\r\n            next = 0;\r\n          }\r\n\r\n          showScreen(next);\r\n\r\n          scheduleNext();\r\n\r\n        },\r\n        durations[currentIndex] || 6000\r\n      );\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     DOTS\r\n  ====================================================== *\/\r\n\r\n  root.addEventListener(\r\n    'click',\r\n    function(event){\r\n\r\n      var dot =\r\n        event.target.closest(\r\n          '.vgb-nav-dot'\r\n        );\r\n\r\n      if(!dot){\r\n        return;\r\n      }\r\n\r\n      var target =\r\n        parseInt(\r\n          dot.getAttribute('data-go'),\r\n          10\r\n        );\r\n\r\n      if(isNaN(target)){\r\n        return;\r\n      }\r\n\r\n      showScreen(target);\r\n\r\n      scheduleNext();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =====================================================\r\n     FUN\u00c7\u00d5ES DE ANIMA\u00c7\u00c3O\r\n  ====================================================== *\/\r\n\r\n  function animateHTML(\r\n    element,\r\n    html\r\n  ){\r\n\r\n    if(!element){\r\n      return;\r\n    }\r\n\r\n    element.style.animation = 'none';\r\n\r\n    void element.offsetWidth;\r\n\r\n    element.innerHTML = html;\r\n\r\n    element.style.animation =\r\n      'vgb-number .32s ease both';\r\n\r\n  }\r\n\r\n\r\n  function animateText(\r\n    element,\r\n    text\r\n  ){\r\n\r\n    if(!element){\r\n      return;\r\n    }\r\n\r\n    element.style.animation = 'none';\r\n\r\n    void element.offsetWidth;\r\n\r\n    element.textContent = text;\r\n\r\n    element.style.animation =\r\n      'vgb-number .32s ease both';\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     DASHBOARD BASE \u2014 M\u00c9TRICAS\r\n  ====================================================== *\/\r\n\r\n  var baseTotal =\r\n    root.querySelector(\r\n      '#vgbBaseTotal'\r\n    );\r\n\r\n  var leads =\r\n    root.querySelector(\r\n      '#vgbLeads'\r\n    );\r\n\r\n  var clients =\r\n    root.querySelector(\r\n      '#vgbClients'\r\n    );\r\n\r\n  var filtered =\r\n    root.querySelector(\r\n      '#vgbFiltered'\r\n    );\r\n\r\n  var baseStates = [\r\n\r\n    {\r\n      total:'14.860',\r\n      leads:'3.690',\r\n      clients:'4.080',\r\n      filtered:'14.860'\r\n    },\r\n\r\n    {\r\n      total:'14.892',\r\n      leads:'3.708',\r\n      clients:'4.087',\r\n      filtered:'14.892'\r\n    },\r\n\r\n    {\r\n      total:'14.918',\r\n      leads:'3.721',\r\n      clients:'4.096',\r\n      filtered:'14.918'\r\n    }\r\n\r\n  ];\r\n\r\n  var baseStateIndex = 0;\r\n\r\n\r\n  function updateBaseNumbers(){\r\n\r\n    baseStateIndex =\r\n      (\r\n        baseStateIndex + 1\r\n      ) %\r\n      baseStates.length;\r\n\r\n    var state =\r\n      baseStates[\r\n        baseStateIndex\r\n      ];\r\n\r\n    animateHTML(\r\n      baseTotal,\r\n      state.total +\r\n      '<small>cadastros<\/small>'\r\n    );\r\n\r\n    animateHTML(\r\n      leads,\r\n      state.leads +\r\n      '<small>cadastros<\/small>'\r\n    );\r\n\r\n    animateHTML(\r\n      clients,\r\n      state.clients +\r\n      '<small>cadastros<\/small>'\r\n    );\r\n\r\n    animateHTML(\r\n      filtered,\r\n      state.filtered +\r\n      '<small>cadastros<\/small>'\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     DONUTS\r\n  ====================================================== *\/\r\n\r\n  var donutBase =\r\n    root.querySelector(\r\n      '#vgbDonutBase'\r\n    );\r\n\r\n  var donutType =\r\n    root.querySelector(\r\n      '#vgbDonutType'\r\n    );\r\n\r\n  var baseActivePct =\r\n    root.querySelector(\r\n      '#vgbBaseActivePct'\r\n    );\r\n\r\n  var baseActive =\r\n    root.querySelector(\r\n      '#vgbBaseActive'\r\n    );\r\n\r\n  var baseInactive =\r\n    root.querySelector(\r\n      '#vgbBaseInactive'\r\n    );\r\n\r\n  var personPct =\r\n    root.querySelector(\r\n      '#vgbPersonPct'\r\n    );\r\n\r\n  var personLegend =\r\n    root.querySelector(\r\n      '#vgbPersonLegend'\r\n    );\r\n\r\n  var companyLegend =\r\n    root.querySelector(\r\n      '#vgbCompanyLegend'\r\n    );\r\n\r\n\r\n  var donutStates = [\r\n\r\n    {\r\n      active:56,\r\n      inactive:43,\r\n      person:42,\r\n      company:58\r\n    },\r\n\r\n    {\r\n      active:58,\r\n      inactive:41,\r\n      person:44,\r\n      company:56\r\n    },\r\n\r\n    {\r\n      active:55,\r\n      inactive:44,\r\n      person:41,\r\n      company:59\r\n    }\r\n\r\n  ];\r\n\r\n  var donutIndex = 0;\r\n\r\n\r\n  function updateDonuts(){\r\n\r\n    donutIndex =\r\n      (\r\n        donutIndex + 1\r\n      ) %\r\n      donutStates.length;\r\n\r\n    var state =\r\n      donutStates[\r\n        donutIndex\r\n      ];\r\n\r\n\r\n    if(donutBase){\r\n\r\n      donutBase.style.setProperty(\r\n        '--p1',\r\n        state.active + '%'\r\n      );\r\n\r\n      donutBase.style.setProperty(\r\n        '--p2',\r\n        (\r\n          state.active +\r\n          state.inactive\r\n        ) + '%'\r\n      );\r\n\r\n      donutBase.style.transform =\r\n        'rotate(5deg) scale(.97)';\r\n\r\n      setTimeout(\r\n        function(){\r\n          donutBase.style.transform =\r\n            'rotate(0deg) scale(1)';\r\n        },\r\n        260\r\n      );\r\n\r\n    }\r\n\r\n\r\n    if(donutType){\r\n\r\n      donutType.style.setProperty(\r\n        '--p1',\r\n        state.person + '%'\r\n      );\r\n\r\n      donutType.style.setProperty(\r\n        '--p2',\r\n        '100%'\r\n      );\r\n\r\n      donutType.style.transform =\r\n        'rotate(-5deg) scale(.97)';\r\n\r\n      setTimeout(\r\n        function(){\r\n          donutType.style.transform =\r\n            'rotate(0deg) scale(1)';\r\n        },\r\n        260\r\n      );\r\n\r\n    }\r\n\r\n\r\n    animateText(\r\n      baseActivePct,\r\n      state.active + '%'\r\n    );\r\n\r\n    animateText(\r\n      baseActive,\r\n      state.active + '%'\r\n    );\r\n\r\n    animateText(\r\n      baseInactive,\r\n      state.inactive + '%'\r\n    );\r\n\r\n    animateText(\r\n      personPct,\r\n      state.person + '%'\r\n    );\r\n\r\n    animateText(\r\n      personLegend,\r\n      state.person + '%'\r\n    );\r\n\r\n    animateText(\r\n      companyLegend,\r\n      state.company + '%'\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     HOJE\r\n  ====================================================== *\/\r\n\r\n  var todayLead =\r\n    root.querySelector(\r\n      '#vgbTodayLead'\r\n    );\r\n\r\n  var todayClient =\r\n    root.querySelector(\r\n      '#vgbTodayClient'\r\n    );\r\n\r\n  var todayLeadBar =\r\n    root.querySelector(\r\n      '#vgbTodayLeadBar'\r\n    );\r\n\r\n  var todayClientBar =\r\n    root.querySelector(\r\n      '#vgbTodayClientBar'\r\n    );\r\n\r\n  var todayStates = [\r\n\r\n    {\r\n      lead:18,\r\n      client:7,\r\n      leadBar:64,\r\n      clientBar:39\r\n    },\r\n\r\n    {\r\n      lead:22,\r\n      client:9,\r\n      leadBar:78,\r\n      clientBar:51\r\n    },\r\n\r\n    {\r\n      lead:16,\r\n      client:8,\r\n      leadBar:57,\r\n      clientBar:45\r\n    }\r\n\r\n  ];\r\n\r\n  var todayIndex = 0;\r\n\r\n\r\n  function updateToday(){\r\n\r\n    todayIndex =\r\n      (\r\n        todayIndex + 1\r\n      ) %\r\n      todayStates.length;\r\n\r\n    var state =\r\n      todayStates[\r\n        todayIndex\r\n      ];\r\n\r\n    animateText(\r\n      todayLead,\r\n      state.lead\r\n    );\r\n\r\n    animateText(\r\n      todayClient,\r\n      state.client\r\n    );\r\n\r\n    if(todayLeadBar){\r\n      todayLeadBar.style.width =\r\n        state.leadBar + '%';\r\n    }\r\n\r\n    if(todayClientBar){\r\n      todayClientBar.style.width =\r\n        state.clientBar + '%';\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     LINHAS\r\n  ====================================================== *\/\r\n\r\n  var leadLine =\r\n    root.querySelector(\r\n      '#vgbLeadLine'\r\n    );\r\n\r\n  var clientLine =\r\n    root.querySelector(\r\n      '#vgbClientLine'\r\n    );\r\n\r\n  var lineStates = [\r\n\r\n    {\r\n      lead:\r\n        'M2 45 C25 44 36 44 52 43 S77 41 92 38 S112 32 126 24 S145 30 158 18',\r\n\r\n      client:\r\n        'M2 46 C30 46 52 45 78 44 S104 42 118 40 S129 8 139 6 S150 34 158 42'\r\n    },\r\n\r\n    {\r\n      lead:\r\n        'M2 44 C18 43 36 42 54 40 S81 39 96 34 S115 30 130 22 S147 23 158 15',\r\n\r\n      client:\r\n        'M2 46 C22 46 45 46 73 44 S104 43 119 37 S132 12 141 10 S151 29 158 38'\r\n    },\r\n\r\n    {\r\n      lead:\r\n        'M2 45 C20 45 38 44 57 42 S80 38 98 36 S116 29 132 27 S146 19 158 21',\r\n\r\n      client:\r\n        'M2 46 C26 46 50 45 77 44 S103 43 119 39 S128 18 139 8 S150 26 158 40'\r\n    }\r\n\r\n  ];\r\n\r\n  var lineIndex = 0;\r\n\r\n\r\n  function redrawLine(\r\n    element,\r\n    path\r\n  ){\r\n\r\n    if(!element){\r\n      return;\r\n    }\r\n\r\n    element.setAttribute(\r\n      'd',\r\n      path\r\n    );\r\n\r\n    element.style.animation = 'none';\r\n\r\n    void element.getBoundingClientRect();\r\n\r\n    element.style.animation =\r\n      'vgb-line 1.05s ease forwards';\r\n\r\n  }\r\n\r\n\r\n  function updateLines(){\r\n\r\n    lineIndex =\r\n      (\r\n        lineIndex + 1\r\n      ) %\r\n      lineStates.length;\r\n\r\n    var state =\r\n      lineStates[\r\n        lineIndex\r\n      ];\r\n\r\n    redrawLine(\r\n      leadLine,\r\n      state.lead\r\n    );\r\n\r\n    redrawLine(\r\n      clientLine,\r\n      state.client\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     BARRAS 12 MESES\r\n  ====================================================== *\/\r\n\r\n  var personBars =\r\n    Array.prototype.slice.call(\r\n      root.querySelectorAll(\r\n        '.type-person'\r\n      )\r\n    );\r\n\r\n  var companyBars =\r\n    Array.prototype.slice.call(\r\n      root.querySelectorAll(\r\n        '.type-company'\r\n      )\r\n    );\r\n\r\n  var stageLeadBars =\r\n    Array.prototype.slice.call(\r\n      root.querySelectorAll(\r\n        '.stage-lead'\r\n      )\r\n    );\r\n\r\n  var stageClientBars =\r\n    Array.prototype.slice.call(\r\n      root.querySelectorAll(\r\n        '.stage-client'\r\n      )\r\n    );\r\n\r\n\r\n  var typeStates = [\r\n\r\n    {\r\n      person:[\r\n        9,12,14,18,21,27,\r\n        33,42,55,69,79,72\r\n      ],\r\n      company:[\r\n        12,15,17,22,27,32,\r\n        39,49,63,82,91,87\r\n      ]\r\n    },\r\n\r\n    {\r\n      person:[\r\n        10,13,15,19,24,29,\r\n        35,45,58,72,83,76\r\n      ],\r\n      company:[\r\n        13,16,19,24,29,35,\r\n        42,52,66,86,94,90\r\n      ]\r\n    },\r\n\r\n    {\r\n      person:[\r\n        8,11,14,17,23,26,\r\n        31,40,53,67,77,74\r\n      ],\r\n      company:[\r\n        11,14,18,21,26,31,\r\n        37,47,61,79,89,85\r\n      ]\r\n    }\r\n\r\n  ];\r\n\r\n\r\n  var stageStates = [\r\n\r\n    {\r\n      lead:[\r\n        8,10,13,17,21,28,\r\n        36,44,53,62,87,72\r\n      ],\r\n      client:[\r\n        6,8,11,14,19,25,\r\n        31,40,48,59,96,79\r\n      ]\r\n    },\r\n\r\n    {\r\n      lead:[\r\n        10,11,15,19,23,31,\r\n        39,47,57,66,91,76\r\n      ],\r\n      client:[\r\n        7,9,12,16,20,27,\r\n        34,42,52,63,98,83\r\n      ]\r\n    },\r\n\r\n    {\r\n      lead:[\r\n        7,9,12,16,20,26,\r\n        34,42,51,60,84,70\r\n      ],\r\n      client:[\r\n        5,7,10,13,17,23,\r\n        29,38,46,57,92,77\r\n      ]\r\n    }\r\n\r\n  ];\r\n\r\n\r\n  var barsIndex = 0;\r\n\r\n\r\n  function applyBarValues(\r\n    elements,\r\n    values\r\n  ){\r\n\r\n    elements.forEach(\r\n      function(bar,index){\r\n\r\n        if(\r\n          typeof values[index] ===\r\n          'undefined'\r\n        ){\r\n          return;\r\n        }\r\n\r\n        bar.style.height =\r\n          values[index] + '%';\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  function updateBars(){\r\n\r\n    barsIndex =\r\n      (\r\n        barsIndex + 1\r\n      ) %\r\n      typeStates.length;\r\n\r\n    var type =\r\n      typeStates[\r\n        barsIndex\r\n      ];\r\n\r\n    var stage =\r\n      stageStates[\r\n        barsIndex\r\n      ];\r\n\r\n    applyBarValues(\r\n      personBars,\r\n      type.person\r\n    );\r\n\r\n    applyBarValues(\r\n      companyBars,\r\n      type.company\r\n    );\r\n\r\n    applyBarValues(\r\n      stageLeadBars,\r\n      stage.lead\r\n    );\r\n\r\n    applyBarValues(\r\n      stageClientBars,\r\n      stage.client\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     DESTAQUE DOS PAIN\u00c9IS DE GR\u00c1FICO\r\n  ====================================================== *\/\r\n\r\n  var animatedCharts =\r\n    Array.prototype.slice.call(\r\n      root.querySelectorAll(\r\n        '.vgb-animated-chart'\r\n      )\r\n    );\r\n\r\n  var chartIndex = 0;\r\n\r\n\r\n  function highlightChart(){\r\n\r\n    animatedCharts.forEach(\r\n      function(chart){\r\n        chart.classList.remove(\r\n          'chart-focus'\r\n        );\r\n      }\r\n    );\r\n\r\n    if(!animatedCharts.length){\r\n      return;\r\n    }\r\n\r\n    if(\r\n      chartIndex >=\r\n      animatedCharts.length\r\n    ){\r\n      chartIndex = 0;\r\n    }\r\n\r\n    animatedCharts[\r\n      chartIndex\r\n    ].classList.add(\r\n      'chart-focus'\r\n    );\r\n\r\n    chartIndex++;\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     TOP CIDADES\r\n  ====================================================== *\/\r\n\r\n  var cities =\r\n    Array.prototype.slice.call(\r\n      root.querySelectorAll(\r\n        '.vgb-city'\r\n      )\r\n    );\r\n\r\n  var cityIndex = 0;\r\n\r\n\r\n  function highlightCity(){\r\n\r\n    cities.forEach(\r\n      function(city){\r\n        city.classList.remove(\r\n          'city-active'\r\n        );\r\n      }\r\n    );\r\n\r\n    if(!cities.length){\r\n      return;\r\n    }\r\n\r\n    if(cityIndex >= cities.length){\r\n      cityIndex = 0;\r\n    }\r\n\r\n    cities[\r\n      cityIndex\r\n    ].classList.add(\r\n      'city-active'\r\n    );\r\n\r\n    cityIndex++;\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     OPERA\u00c7\u00c3O \u2014 M\u00c9TRICAS\r\n  ====================================================== *\/\r\n\r\n  var attendments =\r\n    root.querySelector(\r\n      '#vgbAttendments'\r\n    );\r\n\r\n  var productivity =\r\n    root.querySelector(\r\n      '#vgbProductivity'\r\n    );\r\n\r\n  var sla =\r\n    root.querySelector(\r\n      '#vgbSla'\r\n    );\r\n\r\n  var online =\r\n    root.querySelector(\r\n      '#vgbOnline'\r\n    );\r\n\r\n  var busy =\r\n    root.querySelector(\r\n      '#vgbBusy'\r\n    );\r\n\r\n  var waiting =\r\n    root.querySelector(\r\n      '#vgbWaiting'\r\n    );\r\n\r\n  var operationStates = [\r\n\r\n    {\r\n      atend:142,\r\n      prod:76,\r\n      sla:98,\r\n      online:10,\r\n      busy:6,\r\n      waiting:3\r\n    },\r\n\r\n    {\r\n      atend:148,\r\n      prod:81,\r\n      sla:98,\r\n      online:11,\r\n      busy:7,\r\n      waiting:2\r\n    },\r\n\r\n    {\r\n      atend:151,\r\n      prod:79,\r\n      sla:99,\r\n      online:10,\r\n      busy:5,\r\n      waiting:4\r\n    }\r\n\r\n  ];\r\n\r\n  var operationIndex = 0;\r\n\r\n\r\n  function updateOperation(){\r\n\r\n    operationIndex =\r\n      (\r\n        operationIndex + 1\r\n      ) %\r\n      operationStates.length;\r\n\r\n    var state =\r\n      operationStates[\r\n        operationIndex\r\n      ];\r\n\r\n    animateHTML(\r\n      attendments,\r\n      state.atend +\r\n      '<small>atendimentos<\/small>'\r\n    );\r\n\r\n    animateHTML(\r\n      productivity,\r\n      state.prod +\r\n      '%<small>equipe<\/small>'\r\n    );\r\n\r\n    animateHTML(\r\n      sla,\r\n      state.sla + '%'\r\n    );\r\n\r\n    animateText(\r\n      online,\r\n      state.online\r\n    );\r\n\r\n    animateText(\r\n      busy,\r\n      state.busy\r\n    );\r\n\r\n    animateText(\r\n      waiting,\r\n      state.waiting\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     ATIVIDADE RECENTE\r\n  ====================================================== *\/\r\n\r\n  var activity =\r\n    root.querySelector(\r\n      '#vgbActivity'\r\n    );\r\n\r\n  var activityStates = [\r\n\r\n    [\r\n\r\n      {\r\n        title:'Ana Martins',\r\n        sub:'Finalizou atendimento #5821',\r\n        status:'Finalizado',\r\n        type:'green',\r\n        dot:'#20ad65'\r\n      },\r\n\r\n      {\r\n        title:'Ricardo Mendes',\r\n        sub:'Iniciou nova chamada',\r\n        status:'Em liga\u00e7\u00e3o',\r\n        type:'orange',\r\n        dot:'#d99b2b'\r\n      },\r\n\r\n      {\r\n        title:'Paulo Rocha',\r\n        sub:'Atualizou 3 tickets',\r\n        status:'Tickets',\r\n        type:'blue',\r\n        dot:'#3973a2'\r\n      },\r\n\r\n      {\r\n        title:'SLA di\u00e1rio',\r\n        sub:'Meta operacional atingida',\r\n        status:'98%',\r\n        type:'green',\r\n        dot:'#20ad65'\r\n      },\r\n\r\n      {\r\n        title:'Equipe Financeiro',\r\n        sub:'2 atendimentos aguardando',\r\n        status:'Fila',\r\n        type:'gray',\r\n        dot:'#7e8d9d'\r\n      }\r\n\r\n    ],\r\n\r\n    [\r\n\r\n      {\r\n        title:'Marina Costa',\r\n        sub:'Novo atendimento recebido',\r\n        status:'Atendendo',\r\n        type:'orange',\r\n        dot:'#d99b2b'\r\n      },\r\n\r\n      {\r\n        title:'Luana Santos',\r\n        sub:'Cliente avaliou atendimento',\r\n        status:'\u2605 5.0',\r\n        type:'green',\r\n        dot:'#20ad65'\r\n      },\r\n\r\n      {\r\n        title:'Equipe Comercial',\r\n        sub:'Nova oportunidade registrada',\r\n        status:'CRM',\r\n        type:'blue',\r\n        dot:'#3973a2'\r\n      },\r\n\r\n      {\r\n        title:'Paulo Rocha',\r\n        sub:'Concluiu ticket #5834',\r\n        status:'Resolvido',\r\n        type:'green',\r\n        dot:'#20ad65'\r\n      },\r\n\r\n      {\r\n        title:'Opera\u00e7\u00e3o',\r\n        sub:'Volume 18% acima de ontem',\r\n        status:'+18%',\r\n        type:'green',\r\n        dot:'#20ad65'\r\n      }\r\n\r\n    ]\r\n\r\n  ];\r\n\r\n  var activityIndex = 0;\r\n\r\n\r\n  function updateActivity(){\r\n\r\n    if(!activity){\r\n      return;\r\n    }\r\n\r\n    activity.style.opacity = '.25';\r\n\r\n    setTimeout(\r\n      function(){\r\n\r\n        activityIndex =\r\n          (\r\n            activityIndex + 1\r\n          ) %\r\n          activityStates.length;\r\n\r\n        var data =\r\n          activityStates[\r\n            activityIndex\r\n          ];\r\n\r\n        var html = '';\r\n\r\n        data.forEach(\r\n          function(item){\r\n\r\n            html +=\r\n              '<div class=\"vgb-activity-row\">' +\r\n\r\n                '<span class=\"vgb-activity-dot\" style=\"--dot:' +\r\n                  item.dot +\r\n                ';\"><\/span>' +\r\n\r\n                '<div class=\"vgb-activity-info\">' +\r\n\r\n                  '<div class=\"vgb-activity-title\">' +\r\n                    item.title +\r\n                  '<\/div>' +\r\n\r\n                  '<div class=\"vgb-activity-sub\">' +\r\n                    item.sub +\r\n                  '<\/div>' +\r\n\r\n                '<\/div>' +\r\n\r\n                '<span class=\"vgb-status ' +\r\n                  item.type +\r\n                '\">' +\r\n                  item.status +\r\n                '<\/span>' +\r\n\r\n              '<\/div>';\r\n\r\n          }\r\n        );\r\n\r\n        activity.innerHTML = html;\r\n\r\n        activity.style.opacity = '1';\r\n\r\n      },\r\n      230\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     EQUIPE\r\n  ====================================================== *\/\r\n\r\n  var teamCards =\r\n    Array.prototype.slice.call(\r\n      root.querySelectorAll(\r\n        '.vgb-team-card'\r\n      )\r\n    );\r\n\r\n  var teamFills =\r\n    Array.prototype.slice.call(\r\n      root.querySelectorAll(\r\n        '.vgb-team-fill'\r\n      )\r\n    );\r\n\r\n  var teamScores =\r\n    Array.prototype.slice.call(\r\n      root.querySelectorAll(\r\n        '.vgb-team-score'\r\n      )\r\n    );\r\n\r\n  var teamStates = [\r\n\r\n    [92,78,71,84,88],\r\n    [95,74,76,87,90],\r\n    [91,82,73,85,86],\r\n    [94,79,78,88,89]\r\n\r\n  ];\r\n\r\n  var teamIndex = 0;\r\n  var teamStateIndex = 0;\r\n\r\n\r\n  function updateTeam(){\r\n\r\n    if(teamCards.length){\r\n\r\n      teamCards.forEach(\r\n        function(card){\r\n          card.classList.remove(\r\n            'team-active'\r\n          );\r\n        }\r\n      );\r\n\r\n      if(\r\n        teamIndex >=\r\n        teamCards.length\r\n      ){\r\n        teamIndex = 0;\r\n      }\r\n\r\n      teamCards[\r\n        teamIndex\r\n      ].classList.add(\r\n        'team-active'\r\n      );\r\n\r\n      teamIndex++;\r\n\r\n    }\r\n\r\n    teamStateIndex =\r\n      (\r\n        teamStateIndex + 1\r\n      ) %\r\n      teamStates.length;\r\n\r\n    var values =\r\n      teamStates[\r\n        teamStateIndex\r\n      ];\r\n\r\n    teamFills.forEach(\r\n      function(fill,index){\r\n\r\n        if(\r\n          typeof values[index] ===\r\n          'undefined'\r\n        ){\r\n          return;\r\n        }\r\n\r\n        fill.style.width =\r\n          values[index] + '%';\r\n\r\n      }\r\n    );\r\n\r\n    teamScores.forEach(\r\n      function(score,index){\r\n\r\n        if(\r\n          typeof values[index] ===\r\n          'undefined'\r\n        ){\r\n          return;\r\n        }\r\n\r\n        score.textContent =\r\n          values[index] + '%';\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     FAIXA DE PERFORMANCE\r\n  ====================================================== *\/\r\n\r\n  var liveText =\r\n    root.querySelector(\r\n      '#vgbLiveText'\r\n    );\r\n\r\n  var liveMessages = [\r\n\r\n    'Meta di\u00e1ria de atendimentos atingida',\r\n\r\n    'Base comercial recebeu 22 novos leads',\r\n\r\n    'Convers\u00e3o da equipe comercial subiu para 31%',\r\n\r\n    'SLA do suporte atualizado para 99%',\r\n\r\n    'S\u00e3o Paulo permanece como maior concentra\u00e7\u00e3o da base',\r\n\r\n    'Produtividade m\u00e9dia da equipe ultrapassou 80%',\r\n\r\n    'Novo relat\u00f3rio gerencial dispon\u00edvel'\r\n\r\n  ];\r\n\r\n  var liveIndex = 0;\r\n\r\n\r\n  function updateLiveMessage(){\r\n\r\n    if(!liveText){\r\n      return;\r\n    }\r\n\r\n    liveText.style.opacity = '0';\r\n\r\n    liveText.style.transform =\r\n      'translateY(3px)';\r\n\r\n    setTimeout(\r\n      function(){\r\n\r\n        liveIndex =\r\n          (\r\n            liveIndex + 1\r\n          ) %\r\n          liveMessages.length;\r\n\r\n        liveText.textContent =\r\n          liveMessages[\r\n            liveIndex\r\n          ];\r\n\r\n        liveText.style.opacity = '1';\r\n\r\n        liveText.style.transform =\r\n          'translateY(0)';\r\n\r\n      },\r\n      240\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     PAUSAR ROTA\u00c7\u00c3O DE TELA NO HOVER\r\n  ====================================================== *\/\r\n\r\n  if(windowElement){\r\n\r\n    windowElement.addEventListener(\r\n      'mouseenter',\r\n      function(){\r\n\r\n        paused = true;\r\n\r\n        if(screenTimer){\r\n          clearTimeout(screenTimer);\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n    windowElement.addEventListener(\r\n      'mouseleave',\r\n      function(){\r\n\r\n        paused = false;\r\n\r\n        scheduleNext();\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     START\r\n  ====================================================== *\/\r\n\r\n  showScreen(0);\r\n\r\n\r\n  if(!reduceMotion){\r\n\r\n    scheduleNext();\r\n\r\n    setInterval(\r\n      updateBaseNumbers,\r\n      3300\r\n    );\r\n\r\n    setInterval(\r\n      updateDonuts,\r\n      3100\r\n    );\r\n\r\n    setInterval(\r\n      updateToday,\r\n      2800\r\n    );\r\n\r\n    setInterval(\r\n      updateLines,\r\n      3600\r\n    );\r\n\r\n    setInterval(\r\n      updateBars,\r\n      3200\r\n    );\r\n\r\n    setInterval(\r\n      highlightChart,\r\n      1450\r\n    );\r\n\r\n    setInterval(\r\n      highlightCity,\r\n      850\r\n    );\r\n\r\n    setInterval(\r\n      updateOperation,\r\n      3150\r\n    );\r\n\r\n    setInterval(\r\n      updateActivity,\r\n      4200\r\n    );\r\n\r\n    setInterval(\r\n      updateTeam,\r\n      1450\r\n    );\r\n\r\n    setInterval(\r\n      updateLiveMessage,\r\n      2900\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-451724a e-flex e-con-boxed e-con e-parent\" data-id=\"451724a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b00f058 e-con-full e-flex e-con e-child\" data-id=\"b00f058\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-796dbc6 elementor-widget__width-initial elementor-widget elementor-widget-pix-highlighted-text\" data-id=\"796dbc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-highlighted-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"el-955821-796dbc6\" class=\"pix-highlighted-element text-left \"><h2 class=\"pix-highlighted-items \" style=\"\" data-anim-type=\"\" data-anim-delay=\"\"><span id=\"el-955821-796dbc6-0\"  class=\" elementor-repeater-item-e3ab600\"><span data-anim-type=\"fade-in-up\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">Uma&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">vis\u00e3o&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">360\u00b0&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">do&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">seu&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">neg\u00f3cio.<\/span><\/span><br \/><span id=\"el-955821-796dbc6-1\"  class=\" elementor-repeater-item-3b57099\"><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">N\u00e3o&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">sofra&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">com&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">falta&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">de&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">visibilidade&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">e&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">relat\u00f3rios&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">manuais.<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f808f50 e-con-full e-grid e-con e-child\" data-id=\"f808f50\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-d6e42fd e-con-full e-flex e-con e-child\" data-id=\"d6e42fd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b73975b elementor-widget elementor-widget-pix-feature\" data-id=\"b73975b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-feature.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"b73975b\" class=\"pix-feature-el  text-custom \"><div class=\"pix-feature-bg rounded-circle d-inline-flex align-items-center justify-content-center line-height-0 mw-100 bg-white \"   style=\" width:1.8px;aspect-ratio:1\/1 !important;position:relative;text-align:center;\"><div class=\"pix-feature-icon text-gradient-primary\" style=\"display:inline-flex;width:1px;height:1px;font-size:1px;\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\"  data-name=\"Solid\/pixfort-icon-users-circles-1\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M12,4 C7.581722,4 4,7.581722 4,12 C4,13.9324373 4.68516731,15.7048453 5.82582058,17.0875424 C6.97598094,15.6797349 8.51926536,15 10.5,15 C13.1199273,15 15.0621258,16.2976137 16.2479055,18.7792583 C16.5206753,18.6090202 16.7822118,18.4218872 17.0313815,18.2200852 C16.792548,17.7752026 16.5321644,17.3684993 16.25,17 C15.5774168,16.1216241 14.7810788,15.4603173 13.8660968,15.0239518 C14.07174,15.0081396 14.2832508,15 14.5,15 C16.1441029,15 17.5213138,15.5110047 18.6122376,16.5049448 C19.4875587,15.2227186 20,13.6712029 20,12 C20,7.581722 16.418278,4 12,4 Z M9.97597613,6 C12.1851151,6 13.9759761,7.790861 13.9759761,10 C13.9759761,12.209139 12.1851151,14 9.97597613,14 C7.76683713,14 5.97597613,12.209139 5.97597613,10 C5.97597613,7.790861 7.76683713,6 9.97597613,6 Z M13.9759761,6 C16.1851151,6 17.9759761,7.790861 17.9759761,10 C17.9759761,12.209139 16.1851151,14 13.9759761,14 C13.6128798,14 13.2610831,13.9516207 12.9266805,13.8609566 C14.040638,12.9432505 14.75,11.5544654 14.75,10 C14.75,8.44553457 14.040638,7.05674952 12.9279642,6.13969503 C13.2610831,6.04837928 13.6128798,6 13.9759761,6 Z\"  fill=\"var(--pf-icon-color)\"><\/path><\/g><\/svg><\/div><\/div><div class=\"pix-feature-title h5 font-weight-bold  secondary-font text-heading-default \" style=\"padding-top:25px;\"  >Gest\u00e3o de Equipes<\/div><div class=\"pix-feature-content text-body-default      \" style=\"padding-top:10px;\"  >Controle permiss\u00f5es e n\u00edveis de acesso de cada colaborador, com total flexibilidade.<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f726335 e-con-full e-flex e-con e-child\" data-id=\"f726335\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2d9ac9 elementor-widget elementor-widget-html\" data-id=\"d2d9ac9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================ -->\r\n<!-- Mini mockup \u2014 GEST\u00c3O DE EQUIPES (estilo lista\/browser)        -->\r\n<!-- C\u00f3digo isolado para Elementor HTML Widget                     -->\r\n<!-- ============================================================ -->\r\n\r\n<div id=\"team-mockup-2026\" class=\"team-mockup-2026\">\r\n  <style>\r\n    #team-mockup-2026,\r\n    #team-mockup-2026 *,\r\n    #team-mockup-2026 *::before,\r\n    #team-mockup-2026 *::after {\r\n      box-sizing: border-box !important;\r\n    }\r\n\r\n    #team-mockup-2026 {\r\n      --tm-blue: #0057ae;\r\n      --tm-blue-soft: #eaf2fb;\r\n      --tm-gold: #edb000;\r\n      --tm-gold-soft: #fdf3dc;\r\n      --tm-green: #2f8c4a;\r\n      --tm-green-soft: #e6f4ea;\r\n      --tm-text: #243b5a;\r\n      --tm-text-muted: #8a94a6;\r\n      --tm-border: #eef1f6;\r\n\r\n      width: 100% !important;\r\n      font-family: Arial, Helvetica, sans-serif !important;\r\n    }\r\n\r\n    #team-mockup-2026 .tm-card {\r\n      background: #ffffff !important;\r\n      border-radius: 16px !important;\r\n      box-shadow: 0 8px 24px rgba(16, 30, 54, .06) !important;\r\n      overflow: hidden !important;\r\n    }\r\n\r\n    \/* Browser bar *\/\r\n    #team-mockup-2026 .tm-browser {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 8px !important;\r\n      padding: 9px 12px !important;\r\n      background: #f8fafc !important;\r\n      border-bottom: 1px solid var(--tm-border) !important;\r\n    }\r\n\r\n    #team-mockup-2026 .tm-dots {\r\n      display: flex !important;\r\n      gap: 4px !important;\r\n      flex-shrink: 0 !important;\r\n    }\r\n\r\n    #team-mockup-2026 .tm-dot {\r\n      width: 7px !important;\r\n      height: 7px !important;\r\n      border-radius: 50% !important;\r\n    }\r\n\r\n    #team-mockup-2026 .tm-url {\r\n      flex: 1 1 auto !important;\r\n      font-size: 9.5px !important;\r\n      color: var(--tm-text-muted) !important;\r\n      background: #ffffff !important;\r\n      border: 1px solid var(--tm-border) !important;\r\n      border-radius: 999px !important;\r\n      padding: 3px 10px !important;\r\n      white-space: nowrap !important;\r\n      overflow: hidden !important;\r\n      text-overflow: ellipsis !important;\r\n    }\r\n\r\n    \/* Header *\/\r\n    #team-mockup-2026 .tm-header {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: space-between !important;\r\n      padding: 12px 14px 10px !important;\r\n    }\r\n\r\n    #team-mockup-2026 .tm-title {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 6px !important;\r\n      font-size: 11px !important;\r\n      font-weight: 700 !important;\r\n      color: var(--tm-text) !important;\r\n      letter-spacing: .02em !important;\r\n      text-transform: uppercase !important;\r\n    }\r\n\r\n    #team-mockup-2026 .tm-title svg {\r\n      width: 13px !important;\r\n      height: 13px !important;\r\n      color: var(--tm-blue) !important;\r\n      flex-shrink: 0 !important;\r\n    }\r\n\r\n    #team-mockup-2026 .tm-badge {\r\n      font-size: 10px !important;\r\n      font-weight: 700 !important;\r\n      color: var(--tm-blue) !important;\r\n      background: var(--tm-blue-soft) !important;\r\n      padding: 3px 9px !important;\r\n      border-radius: 999px !important;\r\n      white-space: nowrap !important;\r\n    }\r\n\r\n    \/* List *\/\r\n    #team-mockup-2026 .tm-list {\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      padding: 0 12px 12px !important;\r\n      gap: 7px !important;\r\n    }\r\n\r\n    #team-mockup-2026 .tm-row {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 9px !important;\r\n      padding: 7px 9px !important;\r\n      border-radius: 10px !important;\r\n      background: #f8fafc !important;\r\n      border: 1.5px solid transparent !important;\r\n      transition: background .4s ease, border-color .4s ease !important;\r\n    }\r\n\r\n    #team-mockup-2026 .tm-row.is-active {\r\n      background: var(--tm-blue-soft) !important;\r\n      border-color: var(--tm-blue) !important;\r\n    }\r\n\r\n    #team-mockup-2026 .tm-avatar {\r\n      width: 26px !important;\r\n      height: 26px !important;\r\n      border-radius: 50% !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      flex-shrink: 0 !important;\r\n      color: #ffffff !important;\r\n      font-size: 9px !important;\r\n      font-weight: 800 !important;\r\n    }\r\n\r\n    #team-mockup-2026 .tm-body {\r\n      flex: 1 1 auto !important;\r\n      min-width: 0 !important;\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      gap: 2px !important;\r\n    }\r\n\r\n    #team-mockup-2026 .tm-row-title {\r\n      font-size: 10px !important;\r\n      font-weight: 700 !important;\r\n      color: var(--tm-text) !important;\r\n      white-space: nowrap !important;\r\n      overflow: hidden !important;\r\n      text-overflow: ellipsis !important;\r\n    }\r\n\r\n    #team-mockup-2026 .tm-row-sub {\r\n      font-size: 8.5px !important;\r\n      color: var(--tm-text-muted) !important;\r\n      font-weight: 600 !important;\r\n      white-space: nowrap !important;\r\n      overflow: hidden !important;\r\n      text-overflow: ellipsis !important;\r\n    }\r\n\r\n    #team-mockup-2026 .tm-role-tag {\r\n      font-size: 7.5px !important;\r\n      font-weight: 700 !important;\r\n      padding: 2px 7px !important;\r\n      border-radius: 999px !important;\r\n      flex-shrink: 0 !important;\r\n      white-space: nowrap !important;\r\n      transition: background .4s ease, color .4s ease !important;\r\n    }\r\n\r\n    #team-mockup-2026 .tm-role-tag.admin { color: #92700a !important; background: var(--tm-gold-soft) !important; }\r\n    #team-mockup-2026 .tm-role-tag.gestor { color: var(--tm-blue) !important; background: var(--tm-blue-soft) !important; }\r\n    #team-mockup-2026 .tm-role-tag.membro { color: var(--tm-green) !important; background: var(--tm-green-soft) !important; }\r\n  <\/style>\r\n\r\n  <div class=\"tm-card\">\r\n\r\n    <div class=\"tm-browser\">\r\n      <div class=\"tm-dots\">\r\n        <span class=\"tm-dot\" style=\"background:#e5645b\"><\/span>\r\n        <span class=\"tm-dot\" style=\"background:#e6b74e\"><\/span>\r\n        <span class=\"tm-dot\" style=\"background:#61c454\"><\/span>\r\n      <\/div>\r\n      <span class=\"tm-url\">app.vb365.com.br\/gestao\/equipe<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"tm-header\">\r\n      <span class=\"tm-title\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\r\n        Equipe\r\n      <\/span>\r\n      <span class=\"tm-badge\">11 usu\u00e1rios<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"tm-list\" id=\"tmList\">\r\n      <div class=\"tm-row is-active\" id=\"tmRow1\">\r\n        <span class=\"tm-avatar\" style=\"background:#0057ae;\">AM<\/span>\r\n        <span class=\"tm-body\">\r\n          <span class=\"tm-row-title\">Ana Martins<\/span>\r\n          <span class=\"tm-row-sub\">Gest\u00e3o de contas<\/span>\r\n        <\/span>\r\n        <span class=\"tm-role-tag admin\" id=\"tmRole1\">Admin<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"tm-row\" id=\"tmRow2\">\r\n        <span class=\"tm-avatar\" style=\"background:#edb000;\">RM<\/span>\r\n        <span class=\"tm-body\">\r\n          <span class=\"tm-row-title\">Ricardo Mendes<\/span>\r\n          <span class=\"tm-row-sub\">Comercial<\/span>\r\n        <\/span>\r\n        <span class=\"tm-role-tag gestor\">Gestor<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"tm-row\" id=\"tmRow3\">\r\n        <span class=\"tm-avatar\" style=\"background:#94a3b8;\">FL<\/span>\r\n        <span class=\"tm-body\">\r\n          <span class=\"tm-row-title\">Fernanda Lima<\/span>\r\n          <span class=\"tm-row-sub\">Pr\u00e9-vendas<\/span>\r\n        <\/span>\r\n        <span class=\"tm-role-tag membro\">Membro<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      var root = document.getElementById('team-mockup-2026');\r\n      if (!root || root.dataset.started === 'true') return;\r\n      root.dataset.started = 'true';\r\n\r\n      var rows = [\r\n        root.querySelector('#tmRow1'),\r\n        root.querySelector('#tmRow2'),\r\n        root.querySelector('#tmRow3')\r\n      ];\r\n\r\n      var index = 0;\r\n\r\n      setInterval(function () {\r\n        rows.forEach(function (r) { r.classList.remove('is-active'); });\r\n        rows[index].classList.add('is-active');\r\n        index = (index + 1) % rows.length;\r\n      }, 1900);\r\n    })();\r\n  <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e1feb2f e-con-full e-flex e-con e-child\" data-id=\"e1feb2f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c87edde elementor-widget elementor-widget-pix-feature\" data-id=\"c87edde\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-feature.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"c87edde\" class=\"pix-feature-el  text-custom \"><div class=\"pix-feature-bg rounded-circle d-inline-flex align-items-center justify-content-center line-height-0 mw-100 bg-white \"   style=\" width:1.8px;aspect-ratio:1\/1 !important;position:relative;text-align:center;\"><div class=\"pix-feature-icon text-gradient-primary\" style=\"display:inline-flex;width:1px;height:1px;font-size:1px;\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\"  data-name=\"Duotone\/pixfort-icon-point-chart-3\" viewBox=\"2 2 20 20\"><g fill=\"none\" fill-rule=\"evenodd\"><path fill=\"var(--pf-icon-color)\" fill-opacity=\".25\" d=\"M3,2 C3.55228475,2 4,2.44771525 4,3 L4,20 L21,20 C21.5128358,20 21.9355072,20.3860402 21.9932723,20.8833789 L22,21 C22,21.5522847 21.5522847,22 21,22 L3,22 C2.44771525,22 2,21.5522847 2,21 L2,3 C2,2.44771525 2.44771525,2 3,2 Z\"\/><path fill=\"var(--pf-icon-color)\" d=\"M8,7 C6.8954305,7 6,7.8954305 6,9 C6,10.1045695 6.8954305,11 8,11 C9.1045695,11 10,10.1045695 10,9 C10,7.8954305 9.1045695,7 8,7 Z M11,12 C9.8954305,12 9,12.8954305 9,14 C9,15.1045695 9.8954305,16 11,16 C12.1045695,16 13,15.1045695 13,14 C13,12.8954305 12.1045695,12 11,12 Z M16,9 C14.8954305,9 14,9.8954305 14,11 C14,12.1045695 14.8954305,13 16,13 C17.1045695,13 18,12.1045695 18,11 C18,9.8954305 17.1045695,9 16,9 Z M19,14 C17.8954305,14 17,14.8954305 17,16 C17,17.1045695 17.8954305,18 19,18 C20.1045695,18 21,17.1045695 21,16 C21,14.8954305 20.1045695,14 19,14 Z\"\/><\/g><\/svg><\/div><\/div><div class=\"pix-feature-title h5 font-weight-bold  secondary-font text-heading-default \" style=\"padding-top:25px;\"  >Dashboards em Tempo Real<\/div><div class=\"pix-feature-content text-body-default      \" style=\"padding-top:10px;\"  >Visualize toda a sua opera\u00e7\u00e3o agora, sem esperar relat\u00f3rios prontos.<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f7d238 e-con-full e-flex e-con e-child\" data-id=\"0f7d238\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-601da00 elementor-widget elementor-widget-html\" data-id=\"601da00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================ -->\r\n<!-- Mini mockup \u2014 DASHBOARDS EM TEMPO REAL (estilo lista\/browser) -->\r\n<!-- C\u00f3digo isolado para Elementor HTML Widget                     -->\r\n<!-- ============================================================ -->\r\n\r\n<div id=\"dash-mockup-2026\" class=\"dash-mockup-2026\">\r\n  <style>\r\n    #dash-mockup-2026,\r\n    #dash-mockup-2026 *,\r\n    #dash-mockup-2026 *::before,\r\n    #dash-mockup-2026 *::after {\r\n      box-sizing: border-box !important;\r\n    }\r\n\r\n    #dash-mockup-2026 {\r\n      --db-blue: #0057ae;\r\n      --db-blue-soft: #eaf2fb;\r\n      --db-gold: #edb000;\r\n      --db-green: #2f8c4a;\r\n      --db-green-soft: #e6f4ea;\r\n      --db-text: #243b5a;\r\n      --db-text-muted: #8a94a6;\r\n      --db-border: #eef1f6;\r\n\r\n      width: 100% !important;\r\n      font-family: Arial, Helvetica, sans-serif !important;\r\n    }\r\n\r\n    #dash-mockup-2026 .db-card {\r\n      background: #ffffff !important;\r\n      border-radius: 16px !important;\r\n      box-shadow: 0 8px 24px rgba(16, 30, 54, .06) !important;\r\n      overflow: hidden !important;\r\n    }\r\n\r\n    \/* Browser bar *\/\r\n    #dash-mockup-2026 .db-browser {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 8px !important;\r\n      padding: 9px 12px !important;\r\n      background: #f8fafc !important;\r\n      border-bottom: 1px solid var(--db-border) !important;\r\n    }\r\n\r\n    #dash-mockup-2026 .db-dots {\r\n      display: flex !important;\r\n      gap: 4px !important;\r\n      flex-shrink: 0 !important;\r\n    }\r\n\r\n    #dash-mockup-2026 .db-dot {\r\n      width: 7px !important;\r\n      height: 7px !important;\r\n      border-radius: 50% !important;\r\n    }\r\n\r\n    #dash-mockup-2026 .db-url {\r\n      flex: 1 1 auto !important;\r\n      font-size: 9.5px !important;\r\n      color: var(--db-text-muted) !important;\r\n      background: #ffffff !important;\r\n      border: 1px solid var(--db-border) !important;\r\n      border-radius: 999px !important;\r\n      padding: 3px 10px !important;\r\n      white-space: nowrap !important;\r\n      overflow: hidden !important;\r\n      text-overflow: ellipsis !important;\r\n    }\r\n\r\n    \/* Header *\/\r\n    #dash-mockup-2026 .db-header {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: space-between !important;\r\n      padding: 12px 14px 10px !important;\r\n    }\r\n\r\n    #dash-mockup-2026 .db-title {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 6px !important;\r\n      font-size: 11px !important;\r\n      font-weight: 700 !important;\r\n      color: var(--db-text) !important;\r\n      letter-spacing: .02em !important;\r\n      text-transform: uppercase !important;\r\n    }\r\n\r\n    #dash-mockup-2026 .db-title svg {\r\n      width: 13px !important;\r\n      height: 13px !important;\r\n      color: var(--db-blue) !important;\r\n      flex-shrink: 0 !important;\r\n    }\r\n\r\n    #dash-mockup-2026 .db-badge {\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      gap: 5px !important;\r\n      font-size: 10px !important;\r\n      font-weight: 700 !important;\r\n      color: var(--db-green) !important;\r\n      background: var(--db-green-soft) !important;\r\n      padding: 3px 9px !important;\r\n      border-radius: 999px !important;\r\n      white-space: nowrap !important;\r\n    }\r\n\r\n    #dash-mockup-2026 .db-badge::before {\r\n      content: '' !important;\r\n      width: 6px !important;\r\n      height: 6px !important;\r\n      border-radius: 50% !important;\r\n      background: var(--db-green) !important;\r\n      flex-shrink: 0 !important;\r\n    }\r\n\r\n    \/* Mini gr\u00e1fico de barras *\/\r\n    #dash-mockup-2026 .db-chart {\r\n      display: flex !important;\r\n      align-items: flex-end !important;\r\n      gap: 6px !important;\r\n      height: 78px !important;\r\n      padding: 0 12px !important;\r\n      margin-bottom: 12px !important;\r\n    }\r\n\r\n    #dash-mockup-2026 .db-bar-col {\r\n      flex: 1 1 auto !important;\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      align-items: center !important;\r\n      gap: 4px !important;\r\n      height: 100% !important;\r\n      justify-content: flex-end !important;\r\n    }\r\n\r\n    #dash-mockup-2026 .db-bar {\r\n      width: 100% !important;\r\n      border-radius: 5px 5px 0 0 !important;\r\n      background: #dde5f0 !important;\r\n      transition: height 1s ease, background .4s ease !important;\r\n    }\r\n\r\n    #dash-mockup-2026 .db-bar.is-today {\r\n      background: var(--db-blue) !important;\r\n    }\r\n\r\n    #dash-mockup-2026 .db-bar-label {\r\n      font-size: 7px !important;\r\n      font-weight: 700 !important;\r\n      color: var(--db-text-muted) !important;\r\n    }\r\n\r\n    \/* Stats row *\/\r\n    #dash-mockup-2026 .db-stats {\r\n      display: grid !important;\r\n      grid-template-columns: repeat(3, 1fr) !important;\r\n      gap: 8px !important;\r\n      padding: 0 12px 12px !important;\r\n    }\r\n\r\n    #dash-mockup-2026 .db-stat {\r\n      background: #f8fafc !important;\r\n      border-radius: 9px !important;\r\n      padding: 11px 6px !important;\r\n      text-align: center !important;\r\n    }\r\n\r\n    #dash-mockup-2026 .db-stat-val {\r\n      font-size: 13px !important;\r\n      font-weight: 800 !important;\r\n      color: var(--db-blue) !important;\r\n      line-height: 1.1 !important;\r\n      transition: color .3s ease !important;\r\n    }\r\n\r\n    #dash-mockup-2026 .db-stat-lbl {\r\n      font-size: 6.5px !important;\r\n      font-weight: 700 !important;\r\n      color: var(--db-text-muted) !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: .03em !important;\r\n      margin-top: 2px !important;\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"db-card\">\r\n\r\n    <div class=\"db-browser\">\r\n      <div class=\"db-dots\">\r\n        <span class=\"db-dot\" style=\"background:#e5645b\"><\/span>\r\n        <span class=\"db-dot\" style=\"background:#e6b74e\"><\/span>\r\n        <span class=\"db-dot\" style=\"background:#61c454\"><\/span>\r\n      <\/div>\r\n      <span class=\"db-url\">app.vb365.com.br\/gestao\/dashboard<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"db-header\">\r\n      <span class=\"db-title\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"9\"><\/rect><rect x=\"14\" y=\"3\" width=\"7\" height=\"5\"><\/rect><rect x=\"14\" y=\"12\" width=\"7\" height=\"9\"><\/rect><rect x=\"3\" y=\"16\" width=\"7\" height=\"5\"><\/rect><\/svg>\r\n        Vis\u00e3o Geral\r\n      <\/span>\r\n      <span class=\"db-badge\" id=\"dbBadge\">Ao vivo<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"db-chart\" id=\"dbChart\">\r\n      <div class=\"db-bar-col\"><div class=\"db-bar\" id=\"dbBar1\" style=\"height:42%;\"><\/div><span class=\"db-bar-label\">Seg<\/span><\/div>\r\n      <div class=\"db-bar-col\"><div class=\"db-bar\" id=\"dbBar2\" style=\"height:55%;\"><\/div><span class=\"db-bar-label\">Ter<\/span><\/div>\r\n      <div class=\"db-bar-col\"><div class=\"db-bar\" id=\"dbBar3\" style=\"height:38%;\"><\/div><span class=\"db-bar-label\">Qua<\/span><\/div>\r\n      <div class=\"db-bar-col\"><div class=\"db-bar\" id=\"dbBar4\" style=\"height:64%;\"><\/div><span class=\"db-bar-label\">Qui<\/span><\/div>\r\n      <div class=\"db-bar-col\"><div class=\"db-bar is-today\" id=\"dbBar5\" style=\"height:88%;\"><\/div><span class=\"db-bar-label\">Hoje<\/span><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"db-stats\">\r\n      <div class=\"db-stat\">\r\n        <div class=\"db-stat-val\" id=\"dbStat1\">142<\/div>\r\n        <div class=\"db-stat-lbl\">Atendimentos<\/div>\r\n      <\/div>\r\n      <div class=\"db-stat\">\r\n        <div class=\"db-stat-val\" id=\"dbStat2\">4 min<\/div>\r\n        <div class=\"db-stat-lbl\">Tempo m\u00e9dio<\/div>\r\n      <\/div>\r\n      <div class=\"db-stat\">\r\n        <div class=\"db-stat-val\" id=\"dbStat3\">4.8<\/div>\r\n        <div class=\"db-stat-lbl\">Satisfa\u00e7\u00e3o<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      var root = document.getElementById('dash-mockup-2026');\r\n      if (!root || root.dataset.started === 'true') return;\r\n      root.dataset.started = 'true';\r\n\r\n      var bar5 = root.querySelector('#dbBar5');\r\n      var stat1 = root.querySelector('#dbStat1');\r\n      var badge = root.querySelector('#dbBadge');\r\n\r\n      var STATES = [\r\n        { height: '88%', val: '142', label: 'Ao vivo' },\r\n        { height: '93%', val: '148', label: 'Atualizando' },\r\n        { height: '97%', val: '156', label: 'Ao vivo' }\r\n      ];\r\n\r\n      var index = 0;\r\n\r\n      setInterval(function () {\r\n        index = (index + 1) % STATES.length;\r\n        var s = STATES[index];\r\n        bar5.style.height = s.height;\r\n        stat1.textContent = s.val;\r\n        badge.textContent = s.label;\r\n      }, 2400);\r\n    })();\r\n  <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8feafc4 e-con-full e-flex e-con e-child\" data-id=\"8feafc4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32d0c1b elementor-widget elementor-widget-pix-feature\" data-id=\"32d0c1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-feature.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"pix-feature-32d0c1b\" class=\"pix-feature-el  text-custom \"><div class=\"pix-feature-bg rounded-circle d-inline-flex align-items-center justify-content-center line-height-0 mw-100 bg-white \"   style=\" width:1.8px;aspect-ratio:1\/1 !important;position:relative;text-align:center;\"><div class=\"pix-feature-icon text-gradient-primary\" style=\"display:inline-flex;width:1px;height:1px;font-size:1px;\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\"  data-name=\"Solid\/pixfort-icon-file-edit-1\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M12.158,2 L12.0670681,5.33047268 C12.0326126,6.59132237 12.5275881,7.74270758 13.430233,8.57199956 C14.2577125,9.33223446 15.4415577,9.82944684 16.9023594,9.83397324 L20,9.482 L20,19 C20,20.5976809 18.75108,21.9036609 17.1762728,21.9949073 L17,22 L11.3883139,22.0012765 C11.6461375,21.6005914 11.7647588,21.1033871 11.6737508,20.5800907 L11.4293872,19.1750003 C11.3240605,18.5693716 11.0342496,18.0110547 10.5995774,17.5763825 L6.15633873,13.1331439 C5.5737154,12.5505205 4.8100942,12.2592089 4.046473,12.2592089 L4,12.261 L4,5 C4,3.40231912 5.24891996,2.09633912 6.82372721,2.00509269 L7,2 L12.158,2 Z M4.04226456,19.5046586 L6.3569367,21.8190232 C6.40553929,21.8676258 6.45568774,21.9144173 6.50727534,21.9593422 C5.24910966,21.7518222 4.25509877,20.7611121 4.04226456,19.5046586 Z M5.55025253,13.75 L9.99349118,18.1932387 C10.282486,18.4822335 10.4751688,18.8534344 10.545196,19.2560909 L10.7895596,20.6611812 C10.9081458,21.3430523 10.3148777,21.9363204 9.63300665,21.8177342 L8.22791626,21.5733706 C7.82525978,21.5033434 7.45405891,21.3106606 7.16506406,21.0216658 L2.72182541,16.5784271 C1.94710303,15.8037047 1.94710303,14.5476316 2.72182541,13.7729092 L2.74473462,13.75 C3.519457,12.9752776 4.77553015,12.9752776 5.55025253,13.75 Z M13.1575342,2.04139734 C13.2658873,2.07358346 13.36867,2.12410422 13.4611918,2.19143358 C15.7543017,3.86016124 18.3103085,6.19070456 19.7808487,8.02875833 C19.8863255,8.16059563 19.9561047,8.31620564 19.984961,8.48069238 L16.8497931,8.83352199 C16.6926645,8.85119054 16.5344957,8.85788948 16.3764358,8.85357014 C14.4971601,8.80221482 13.0153378,7.23712913 13.0666932,5.35785341 L13.1575342,2.04139734 Z\"  fill=\"var(--pf-icon-color)\"><\/path><\/g><\/svg><\/div><\/div><div class=\"pix-feature-title h5 font-weight-bold  secondary-font text-heading-default \" style=\"padding-top:25px;\"  >Relat\u00f3rios Customizados<\/div><div class=\"pix-feature-content text-body-default      \" style=\"padding-top:10px;\"  >Dados precisos para guiar sua estrat\u00e9gia, do jeito que sua empresa precisa.<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ef0b13 e-con-full e-flex e-con e-child\" data-id=\"6ef0b13\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9491537 elementor-widget elementor-widget-html\" data-id=\"9491537\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================ -->\r\n<!-- Mini mockup \u2014 RELAT\u00d3RIOS CUSTOMIZADOS (estilo lista\/browser)  -->\r\n<!-- C\u00f3digo isolado para Elementor HTML Widget                     -->\r\n<!-- ============================================================ -->\r\n\r\n<div id=\"report-mockup-2026\" class=\"report-mockup-2026\">\r\n  <style>\r\n    #report-mockup-2026,\r\n    #report-mockup-2026 *,\r\n    #report-mockup-2026 *::before,\r\n    #report-mockup-2026 *::after {\r\n      box-sizing: border-box !important;\r\n    }\r\n\r\n    #report-mockup-2026 {\r\n      --rp-blue: #0057ae;\r\n      --rp-blue-soft: #eaf2fb;\r\n      --rp-gold: #edb000;\r\n      --rp-gold-soft: #fdf3dc;\r\n      --rp-green: #2f8c4a;\r\n      --rp-green-soft: #e6f4ea;\r\n      --rp-text: #243b5a;\r\n      --rp-text-muted: #8a94a6;\r\n      --rp-border: #eef1f6;\r\n\r\n      width: 100% !important;\r\n      font-family: Arial, Helvetica, sans-serif !important;\r\n    }\r\n\r\n    #report-mockup-2026 .rp-card {\r\n      background: #ffffff !important;\r\n      border-radius: 16px !important;\r\n      box-shadow: 0 8px 24px rgba(16, 30, 54, .06) !important;\r\n      overflow: hidden !important;\r\n    }\r\n\r\n    \/* Browser bar *\/\r\n    #report-mockup-2026 .rp-browser {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 8px !important;\r\n      padding: 9px 12px !important;\r\n      background: #f8fafc !important;\r\n      border-bottom: 1px solid var(--rp-border) !important;\r\n    }\r\n\r\n    #report-mockup-2026 .rp-dots {\r\n      display: flex !important;\r\n      gap: 4px !important;\r\n      flex-shrink: 0 !important;\r\n    }\r\n\r\n    #report-mockup-2026 .rp-dot {\r\n      width: 7px !important;\r\n      height: 7px !important;\r\n      border-radius: 50% !important;\r\n    }\r\n\r\n    #report-mockup-2026 .rp-url {\r\n      flex: 1 1 auto !important;\r\n      font-size: 9.5px !important;\r\n      color: var(--rp-text-muted) !important;\r\n      background: #ffffff !important;\r\n      border: 1px solid var(--rp-border) !important;\r\n      border-radius: 999px !important;\r\n      padding: 3px 10px !important;\r\n      white-space: nowrap !important;\r\n      overflow: hidden !important;\r\n      text-overflow: ellipsis !important;\r\n    }\r\n\r\n    \/* Header *\/\r\n    #report-mockup-2026 .rp-header {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: space-between !important;\r\n      padding: 12px 14px 10px !important;\r\n    }\r\n\r\n    #report-mockup-2026 .rp-title {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 6px !important;\r\n      font-size: 11px !important;\r\n      font-weight: 700 !important;\r\n      color: var(--rp-text) !important;\r\n      letter-spacing: .02em !important;\r\n      text-transform: uppercase !important;\r\n    }\r\n\r\n    #report-mockup-2026 .rp-title svg {\r\n      width: 13px !important;\r\n      height: 13px !important;\r\n      color: var(--rp-blue) !important;\r\n      flex-shrink: 0 !important;\r\n    }\r\n\r\n    #report-mockup-2026 .rp-export-buttons {\r\n      display: flex !important;\r\n      gap: 5px !important;\r\n    }\r\n\r\n    #report-mockup-2026 .rp-export-btn {\r\n      font-size: 8.5px !important;\r\n      font-weight: 700 !important;\r\n      padding: 3px 8px !important;\r\n      border-radius: 6px !important;\r\n      background: #f1f5f9 !important;\r\n      color: var(--rp-text-muted) !important;\r\n      transition: background .3s ease, color .3s ease !important;\r\n    }\r\n\r\n    #report-mockup-2026 .rp-export-btn.is-active {\r\n      background: var(--rp-blue) !important;\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    \/* Filtros *\/\r\n    #report-mockup-2026 .rp-filters {\r\n      display: flex !important;\r\n      gap: 6px !important;\r\n      padding: 0 14px 10px !important;\r\n      flex-wrap: wrap !important;\r\n    }\r\n\r\n    #report-mockup-2026 .rp-filter-chip {\r\n      font-size: 8px !important;\r\n      font-weight: 700 !important;\r\n      padding: 3px 8px !important;\r\n      border-radius: 999px !important;\r\n      background: #f8fafc !important;\r\n      border: 1px solid var(--rp-border) !important;\r\n      color: var(--rp-text-muted) !important;\r\n    }\r\n\r\n    #report-mockup-2026 .rp-filter-chip.is-selected {\r\n      background: var(--rp-blue-soft) !important;\r\n      color: var(--rp-blue) !important;\r\n      border-color: var(--rp-blue) !important;\r\n    }\r\n\r\n    \/* List *\/\r\n    #report-mockup-2026 .rp-list {\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      padding: 0 12px 12px !important;\r\n      gap: 6px !important;\r\n    }\r\n\r\n    #report-mockup-2026 .rp-row {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 9px !important;\r\n      padding: 7px 9px !important;\r\n      border-radius: 9px !important;\r\n      background: #f8fafc !important;\r\n    }\r\n\r\n    #report-mockup-2026 .rp-row-icon {\r\n      width: 22px !important;\r\n      height: 22px !important;\r\n      border-radius: 7px !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      flex-shrink: 0 !important;\r\n      background: var(--rp-blue-soft) !important;\r\n      color: var(--rp-blue) !important;\r\n    }\r\n\r\n    #report-mockup-2026 .rp-row-icon svg {\r\n      width: 11px !important;\r\n      height: 11px !important;\r\n    }\r\n\r\n    #report-mockup-2026 .rp-row-title {\r\n      flex: 1 1 auto !important;\r\n      min-width: 0 !important;\r\n      font-size: 9.5px !important;\r\n      font-weight: 700 !important;\r\n      color: var(--rp-text) !important;\r\n      white-space: nowrap !important;\r\n      overflow: hidden !important;\r\n      text-overflow: ellipsis !important;\r\n    }\r\n\r\n    #report-mockup-2026 .rp-row-freq {\r\n      font-size: 7.5px !important;\r\n      font-weight: 700 !important;\r\n      padding: 2px 7px !important;\r\n      border-radius: 999px !important;\r\n      background: var(--rp-green-soft) !important;\r\n      color: var(--rp-green) !important;\r\n      flex-shrink: 0 !important;\r\n      white-space: nowrap !important;\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"rp-card\">\r\n\r\n    <div class=\"rp-browser\">\r\n      <div class=\"rp-dots\">\r\n        <span class=\"rp-dot\" style=\"background:#e5645b\"><\/span>\r\n        <span class=\"rp-dot\" style=\"background:#e6b74e\"><\/span>\r\n        <span class=\"rp-dot\" style=\"background:#61c454\"><\/span>\r\n      <\/div>\r\n      <span class=\"rp-url\">app.vb365.com.br\/gestao\/relatorios<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"rp-header\">\r\n      <span class=\"rp-title\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14,2 14,8 20,8\"><\/polyline><line x1=\"9\" y1=\"15\" x2=\"15\" y2=\"15\"><\/line><line x1=\"9\" y1=\"11\" x2=\"15\" y2=\"11\"><\/line><\/svg>\r\n        Relat\u00f3rios\r\n      <\/span>\r\n      <div class=\"rp-export-buttons\">\r\n        <span class=\"rp-export-btn is-active\" id=\"rpBtnCsv\">CSV<\/span>\r\n        <span class=\"rp-export-btn\" id=\"rpBtnPdf\">PDF<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"rp-filters\">\r\n      <span class=\"rp-filter-chip is-selected\">7 dias<\/span>\r\n      <span class=\"rp-filter-chip\">30 dias<\/span>\r\n      <span class=\"rp-filter-chip\">Personalizado<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"rp-list\">\r\n      <div class=\"rp-row\">\r\n        <span class=\"rp-row-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline><\/svg>\r\n        <\/span>\r\n        <span class=\"rp-row-title\">Volume de atendimentos<\/span>\r\n        <span class=\"rp-row-freq\">Auto<\/span>\r\n      <\/div>\r\n      <div class=\"rp-row\">\r\n        <span class=\"rp-row-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M9 12l2 2 4-4\"><\/path><\/svg>\r\n        <\/span>\r\n        <span class=\"rp-row-title\">CSAT e NPS dos clientes<\/span>\r\n        <span class=\"rp-row-freq\">Auto<\/span>\r\n      <\/div>\r\n      <div class=\"rp-row\">\r\n        <span class=\"rp-row-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\r\n        <\/span>\r\n        <span class=\"rp-row-title\">Tempo m\u00e9dio de resposta<\/span>\r\n        <span class=\"rp-row-freq\">Manual<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      var root = document.getElementById('report-mockup-2026');\r\n      if (!root || root.dataset.started === 'true') return;\r\n      root.dataset.started = 'true';\r\n\r\n      var btnCsv = root.querySelector('#rpBtnCsv');\r\n      var btnPdf = root.querySelector('#rpBtnPdf');\r\n\r\n      setInterval(function () {\r\n        btnCsv.classList.toggle('is-active');\r\n        btnPdf.classList.toggle('is-active');\r\n      }, 2200);\r\n    })();\r\n  <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2194f06 e-flex e-con-boxed e-con e-parent\" data-id=\"2194f06\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c48760b e-con-full e-flex e-con e-child\" data-id=\"c48760b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4a5e80 elementor-widget__width-initial elementor-widget elementor-widget-pix-highlighted-text\" data-id=\"d4a5e80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-highlighted-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"el-955821-d4a5e80\" class=\"pix-highlighted-element text-left \"><h2 class=\"pix-highlighted-items \" style=\"\" data-anim-type=\"\" data-anim-delay=\"\"><span id=\"el-955821-d4a5e80-0\"  class=\" elementor-repeater-item-e3ab600\"><span data-anim-type=\"fade-in-up\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">Processos&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">simples&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">e&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">organiza\u00e7\u00e3o&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">total.<\/span><\/span><br \/><span id=\"el-955821-d4a5e80-1\"  class=\" elementor-repeater-item-3b57099\"><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">Tenha&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">o&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">controle&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">completo&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">da&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">sua&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">empresa&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">sem&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">complica\u00e7\u00e3o.<\/span><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ead876b e-con-full e-flex e-con e-child\" data-id=\"ead876b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-0ee5c4e e-con-full e-flex e-con e-child\" data-id=\"0ee5c4e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8651f29 elementor-widget__width-inherit elementor-widget elementor-widget-pix-accordion\" data-id=\"8651f29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"accordion w-100 accordion-card\" id=\"accordion-8651f29\"><div class=\"card\">\n               <div class=\"card-header shadow-none rounded-xl bg-custom\" id=\"headingpix-tab-8651f29-436b8a5\" style=\"background:#F9F9F9F7 !important\">\n                   <button class=\"btn btn-link d-flex text-left\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapsepix-tab-8651f29-436b8a5\" aria-expanded=\"true\" aria-controls=\"collapsepix-tab-8651f29-436b8a5\"><span class=\"d-inline-flex align-self-center text-gradient-primary svg-202 text-20 pix-mr-10\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\"  data-name=\"Solid\/pixfort-icon-search-person-2\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M11,2 C15.9705627,2 20,6.02943725 20,11 C20,13.124779 19.2636898,15.0775836 18.0323074,16.6171757 L21.7070768,20.2928632 C22.0976176,20.6833709 22.0976445,21.3165359 21.7071368,21.7070768 C21.3166291,22.0976176 20.6834641,22.0976445 20.2929232,21.7071368 L16.6171757,18.0323074 C15.0775836,19.2636898 13.124779,20 11,20 C6.02943725,20 2,15.9705627 2,11 C2,6.02943725 6.02943725,2 11,2 Z M11,11 C9.13369078,11 7.73958907,11.9584449 7.07152331,13.6286093 C6.80877755,14.2854737 7.2925354,15 8,15 L14,15 C14.7074646,15 15.1912224,14.2854737 14.9284767,13.6286093 C14.2604109,11.9584449 12.8663092,11 11,11 Z M11,6.5 C9.8954305,6.5 9,7.3954305 9,8.5 C9,9.6045695 9.8954305,10.5 11,10.5 C12.1045695,10.5 13,9.6045695 13,8.5 C13,7.3954305 12.1045695,6.5 11,6.5 Z\"  fill=\"var(--pf-icon-color)\"><\/path><\/g><\/svg><\/span><span class=\"d-inline-flex font-weight-bold secondary-font text-gray-6\" >Monitoramento de Equipe<\/span><\/button>\n               <\/div>\n\n               <div id=\"collapsepix-tab-8651f29-436b8a5\" class=\"collapse show\" aria-labelledby=\"headingpix-tab-8651f29-436b8a5\">\n                 <div class=\"card-body\"><p>Acompanhe em tempo real quem est\u00e1 dispon\u00edvel, em atendimento ou em pausa. Saiba exatamente onde cada colaborador est\u00e1 sem precisar perguntar. Distribua o trabalho com base no que est\u00e1 acontecendo agora.<\/p><\/div>\n               <\/div>\n             <\/div><div class=\"card\">\n               <div class=\"card-header shadow-none rounded-xl bg-custom\" id=\"headingpix-tab-8651f29-5c44fca\" style=\"background:#F9F9F9F7 !important\">\n                   <button class=\"btn btn-link d-flex text-left\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapsepix-tab-8651f29-5c44fca\" aria-expanded=\"true\" aria-controls=\"collapsepix-tab-8651f29-5c44fca\"><span class=\"d-inline-flex align-self-center text-gradient-primary svg-202 text-20 pix-mr-10\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\"  data-name=\"Solid\/pixfort-icon-interselect-1\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M6.26737596,7.00032581 C6.09732239,7.29442553 6,7.63584734 6,8 L6,14 C6,15.1045695 6.44771525,16.1045695 7.17157288,16.8284271 C7.8954305,17.5522847 8.8954305,18 10,18 L16.1652874,17.9932193 C16.4678185,17.968243 16.7514221,17.87618 17.0009342,17.7317632 L17,19 C17,20.6568542 15.6568542,22 14,22 L5,22 C3.34314575,22 2,20.6568542 2,19 L2,10 C2,8.34314575 3.34314575,7 5,7 L6.26737596,7.00032581 Z M19,2 C20.6568542,2 22,3.34314575 22,5 L22,14 C22,15.6568542 20.6568542,17 19,17 L17.7314104,17.0016787 C17.9021852,16.707123 18,16.3649949 18,16 L18,10 C18,8.8954305 17.5522847,7.8954305 16.8284271,7.17157288 C16.1045695,6.44771525 15.1045695,6 14,6 L8,6 C7.63584734,6 7.29442553,6.09732239 7.00032581,6.26737596 L7,5 C7,3.34314575 8.34314575,2 10,2 L19,2 Z M14,7 C15.6568542,7 17,8.34314575 17,10 L17,16 C17,16.5128358 16.6139598,16.9355072 16.1166211,16.9932723 L16,17 L10,17 C8.34314575,17 7,15.6568542 7,14 L7,8 C7,7.44771525 7.44771525,7 8,7 L14,7 Z\"  fill=\"var(--pf-icon-color)\"><\/path><\/g><\/svg><\/span><span class=\"d-inline-flex font-weight-bold secondary-font text-gray-6\" >M\u00e9tricas Unificadas<\/span><\/button>\n               <\/div>\n\n               <div id=\"collapsepix-tab-8651f29-5c44fca\" class=\"collapse \" aria-labelledby=\"headingpix-tab-8651f29-5c44fca\">\n                 <div class=\"card-body\"><p class=\"font-claude-response-body break-words whitespace-normal\" dir=\"ltr\">Veja SLA, satisfa\u00e7\u00e3o, produtividade e tempo de resposta em um \u00fanico painel. Pare de acessar sistemas separados para entender sua opera\u00e7\u00e3o. Todos os canais, todos os n\u00fameros, numa tela s\u00f3.<\/p><\/div>\n               <\/div>\n             <\/div><div class=\"card\">\n               <div class=\"card-header shadow-none rounded-xl bg-custom\" id=\"headingpix-tab-8651f29-05fb4be\" style=\"background:#F9F9F9F7 !important\">\n                   <button class=\"btn btn-link d-flex text-left\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapsepix-tab-8651f29-05fb4be\" aria-expanded=\"true\" aria-controls=\"collapsepix-tab-8651f29-05fb4be\"><span class=\"d-inline-flex align-self-center text-gradient-primary svg-202 text-20 pix-mr-10\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\"  data-name=\"Solid\/pixfort-icon-folder-remove-person-1\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M12.5,18 C14.3663092,18 15.7604109,18.9584449 16.4284767,20.6286093 C16.6912224,21.2854737 16.2074646,22 15.5,22 L9.5,22 C8.7925354,22 8.30877755,21.2854737 8.57152331,20.6286093 C9.23958907,18.9584449 10.6336908,18 12.5,18 Z M2,6 C2,4.34314575 3.34314575,3 5,3 L12,3 C13.6565199,3 14.999458,4.34260378 15,5.9989971 L19,6 C20.675524,6 22,7.43484904 22,9.16666667 L22.0006522,15.2679418 C21.7063315,15.0975383 21.3645564,15 21,15 L17,15 C16.6309579,15 16.2852611,15.0999534 15.9893847,15.2746217 C15.9964178,15.1840053 16,15.092421 16,15 C16,14.0335017 15.6082492,13.1585017 14.9748737,12.5251263 C14.3414983,11.8917508 13.4664983,11.5 12.5,11.5 C11.5335017,11.5 10.6585017,11.8917508 10.0251263,12.5251263 C9.39175084,13.1585017 9,14.0335017 9,15 C9,15.8921523 9.33379954,16.7063415 9.88332023,17.3244893 L10.0251263,17.4748737 C10.045914,17.4956614 10.066962,17.5161889 10.0888843,17.5333401 C9.89812991,17.6273616 9.7152903,17.7330862 9.54066927,17.8499281 C8.71081555,18.4051971 8.05953149,19.2160065 7.64304662,20.2572186 C7.54418114,20.5043823 7.4981626,20.7556281 7.49802794,21.0006712 L5,21 C3.32447604,21 2,19.565151 2,17.8333333 L2,6 Z M21.8543739,18.8098677 C21.4667177,20.0729889 20.3467594,21 19,21 L17.5019721,21.0006712 C17.5018374,20.7556281 17.4558189,20.5043823 17.3569534,20.2572186 C17.1647166,19.7766268 16.9224567,19.3451214 16.6343982,18.9666605 C16.7529317,18.9885563 16.8751294,19 17,19 L21,19 C21.2454599,19 21.4805919,18.9557812 21.6978648,18.8748749 L21.8543739,18.8098677 Z M21,16 C21.5522847,16 22,16.4477153 22,17 C22,17.5522847 21.5522847,18 21,18 L17,18 C16.4477153,18 16,17.5522847 16,17 C16,16.4477153 16.4477153,16 17,16 L21,16 Z M12.5,12.5 C13.8807119,12.5 15,13.6192881 15,15 C15,16.3807119 13.8807119,17.5 12.5,17.5 C11.1192881,17.5 10,16.3807119 10,15 C10,13.6192881 11.1192881,12.5 12.5,12.5 Z\"  fill=\"var(--pf-icon-color)\"><\/path><\/g><\/svg><\/span><span class=\"d-inline-flex font-weight-bold secondary-font text-gray-6\" >Relat\u00f3rios Personalizados<\/span><\/button>\n               <\/div>\n\n               <div id=\"collapsepix-tab-8651f29-05fb4be\" class=\"collapse \" aria-labelledby=\"headingpix-tab-8651f29-05fb4be\">\n                 <div class=\"card-body\"><p>Escolha o per\u00edodo, o canal e os agentes que quer analisar. Combine as m\u00e9tricas que fazem sentido para a sua estrat\u00e9gia. Gere relat\u00f3rios sob medida, sem depender de planilhas prontas.<\/p><\/div>\n               <\/div>\n             <\/div><div class=\"card\">\n               <div class=\"card-header shadow-none rounded-xl bg-custom\" id=\"headingpix-tab-8651f29-8f54370\" style=\"background:#F9F9F9F7 !important\">\n                   <button class=\"btn btn-link d-flex text-left\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapsepix-tab-8651f29-8f54370\" aria-expanded=\"true\" aria-controls=\"collapsepix-tab-8651f29-8f54370\"><span class=\"d-inline-flex align-self-center text-gradient-primary svg-202 text-20 pix-mr-10\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\"  data-name=\"Solid\/pixfort-icon-browser-share-1\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M15.878276,20.8651226 C15.9918078,21.0644669 16.1314022,21.2470363 16.2924841,21.4081181 C16.5537768,21.6694109 16.8716084,21.8741648 17.2260536,22.0024548 L14.733,22 L14.8209387,21.8690091 C15.0838815,21.4844067 15.3687546,21.183252 15.7054635,20.9664752 L15.878276,20.8651226 Z M22,9 L22,15.01 L19.9600094,12.8084628 C19.5107021,12.3234275 18.9182296,12.0512405 18.2897301,12.0129619 L18.1002066,12.0085166 C17.4740171,12.0171144 16.8119916,12.2572667 16.1782428,12.8603592 C15.9387417,13.1335631 15.7587739,13.4554552 15.5761823,13.9785139 C14.1342744,14.3191594 13.0432503,15.0550869 12.2777194,16.1372286 C11.4479514,17.3101748 11,18.9300108 11,21 C11,21.3830447 11.099244,21.7187471 11.2621285,22.0013031 L5,22 C3.34314575,22 2,20.6568542 2,19 L2,9 L22,9 Z M21.9967254,19.1414232 C21.9256179,20.6736819 20.7050394,21.9056754 19.1775615,21.9948324 L18.9587006,22.0018191 C19.3367707,21.8650006 19.6810811,21.6391313 19.9600094,21.3380232 L21.9967254,19.1414232 Z M19.2264,13.4880342 L21.5745272,16.0228795 C22.1235143,16.6155209 22.1235143,17.5309651 21.5745272,18.1236065 L19.2264,20.6584519 C18.9338883,20.9742235 18.5229495,21.1537149 18.0925138,21.1537149 C17.2388879,21.1537149 16.5468873,20.4617143 16.5468873,19.6080884 L16.546,19.483 L16.3169888,19.5394351 C15.4265311,19.7868979 14.6507617,20.3420532 13.9887259,21.3142772 L13.8478919,21.5301691 C13.3152921,22.3819484 12,22.0045848 12,21 C12,17.3868198 13.4364032,15.2798231 16.3523309,14.847618 L16.546,14.821 L16.5468873,14.5383976 C16.5468873,14.1617665 16.6843104,13.8000625 16.9302085,13.5195614 L17.0421503,13.4045115 C17.6683784,12.8244117 18.6463003,12.8618061 19.2264,13.4880342 Z M19,2 C20.6568542,2 22,3.34314575 22,5 L22,8 L2,8 L2,5 C2,3.34314575 3.34314575,2 5,2 L19,2 Z M5.1,4 L5,4 C4.44771525,4 4,4.44771525 4,5 C4,5.55228475 4.44771525,6 5,6 L5.1,6 C5.65228475,6 6.1,5.55228475 6.1,5 C6.1,4.44771525 5.65228475,4 5.1,4 Z M8.1,4 L8,4 C7.44771525,4 7,4.44771525 7,5 C7,5.55228475 7.44771525,6 8,6 L8.1,6 C8.65228475,6 9.1,5.55228475 9.1,5 C9.1,4.44771525 8.65228475,4 8.1,4 Z M11.1,4 L11,4 C10.4477153,4 10,4.44771525 10,5 C10,5.55228475 10.4477153,6 11,6 L11.1,6 C11.6522847,6 12.1,5.55228475 12.1,5 C12.1,4.44771525 11.6522847,4 11.1,4 Z\"  fill=\"var(--pf-icon-color)\"><\/path><\/g><\/svg><\/span><span class=\"d-inline-flex font-weight-bold secondary-font text-gray-6\" >Exporta\u00e7\u00e3o em PDF\/Excel<\/span><\/button>\n               <\/div>\n\n               <div id=\"collapsepix-tab-8651f29-8f54370\" class=\"collapse \" aria-labelledby=\"headingpix-tab-8651f29-8f54370\">\n                 <div class=\"card-body\"><p>Leve seus dados para onde precisar, em segundos. Exporte relat\u00f3rios em PDF para apresenta\u00e7\u00f5es ou em Excel para an\u00e1lises. Sem retrabalho, sem copiar e colar n\u00fameros manualmente.<\/p><\/div>\n               <\/div>\n             <\/div><div class=\"card\">\n               <div class=\"card-header shadow-none rounded-xl bg-custom\" id=\"headingpix-tab-8651f29-80e0c9c\" style=\"background:#F9F9F9F7 !important\">\n                   <button class=\"btn btn-link d-flex text-left\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapsepix-tab-8651f29-80e0c9c\" aria-expanded=\"true\" aria-controls=\"collapsepix-tab-8651f29-80e0c9c\"><span class=\"d-inline-flex align-self-center text-gradient-primary svg-202 text-20 pix-mr-10\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\"  data-name=\"Solid\/pixfort-icon-circles-join-1\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M10.3716481,13.8950063 L10.3089258,13.7341022 L10.2057378,13.4241341 L10.1258475,13.1196359 L10.0724114,12.8526474 L10.0564609,12.7538835 C10.0192907,12.50818 10,12.2563428 10,12 L10.0046195,11.7831104 L10.0187854,11.5635512 L10.0421862,11.3475307 L10.0676803,11.1753657 L10.1123611,10.941029 L10.1737652,10.6885246 L10.2466192,10.4447223 L10.334118,10.1991645 L10.441823,9.94200881 L10.4995389,9.81888674 L10.6506797,9.53178493 L10.7273306,9.40162531 L10.8257543,9.24660367 C10.9251644,9.09619772 11.0324857,8.95147946 11.1471253,8.81304183 L11.3377885,8.59582407 L11.4875836,8.44149784 L11.6020078,8.33204748 L11.7800953,8.17464623 L11.9789266,8.01555028 L12.1777783,7.87206753 L12.4608056,7.69182204 L12.7045486,7.55688058 L12.9598213,7.43381033 L13.1174417,7.3665149 L13.303732,7.2950778 L13.5163281,7.22380369 L13.7269763,7.16350874 L13.996,7.099 L13.9497475,7.05025253 C13.4219346,6.52243968 12.8102243,6.07852425 12.1363363,5.7402259 L12,5.674 L12.0676737,5.64192663 C12.959612,5.22988157 13.9529602,5 15,5 C18.8659932,5 22,8.13400675 22,12 C22,15.8659932 18.8659932,19 15,19 C13.9529602,19 12.959612,18.7701184 12.0676737,18.3580734 L12,18.325 L12.1363363,18.2597741 C12.8102243,17.9214757 13.4219346,17.4775603 13.9497475,16.9497475 L13.998,16.898 L13.941029,16.8876389 C13.2729302,16.7435709 12.6544848,16.4659959 12.1150016,16.0842225 L11.8608533,15.8911882 L11.6359047,15.6989943 L11.3994643,15.4687556 C11.3106417,15.3769751 11.2253059,15.2815173 11.1436856,15.1827792 L10.9999531,15.0000408 L10.8726507,14.8227446 L10.723423,14.5919164 L10.562983,14.3070297 L10.4519142,14.080007 L10.3716481,13.8950063 Z M9,5 C9.14175717,5 9.28253016,5.00421374 9.42220056,5.0125228 L9.71302169,5.03586779 L10.1066331,5.08698188 L10.4130111,5.1426794 L10.5603535,5.17454693 L10.7629374,5.22387371 C10.959991,5.27499627 11.1536664,5.33448505 11.3435681,5.4019398 L11.5474727,5.47798616 L11.8186174,5.59062807 L12,5.674 L11.7490389,5.79910035 C11.3926149,5.98676267 11.054077,6.20404229 10.7369702,6.4478273 L10.4440772,6.68536628 L10.2508263,6.85744911 L10.0289228,7.07198368 L9.80452965,7.3090136 L9.52981209,7.63185522 L9.38096209,7.8247766 L9.23751266,8.02473814 L9.15157881,8.15218422 C9.05349835,8.30093709 8.96094238,8.45365435 8.87420273,8.61004387 L8.7774425,8.79061878 L8.63654847,9.07942177 L8.49439301,9.4109466 L8.44502588,9.53857386 L8.32924716,9.87223162 C8.2691216,10.060893 8.21677787,10.2530272 8.17259326,10.4482569 L8.12161552,10.6940052 L8.08080843,10.9329702 L8.05188335,11.1434373 L8.01803851,11.4935737 C8.00608127,11.6608253 8,11.8297025 8,12 L8.00266336,12.1949886 L8.01804231,12.5064794 L8.04325189,12.7825528 L8.07757067,13.0456388 L8.13696926,13.3848584 C8.17329929,13.5658926 8.21661307,13.7444019 8.26661758,13.9200934 L8.32348384,14.1095981 L8.40343244,14.347766 L8.49160187,14.582035 L8.56254129,14.7539566 L8.68224563,15.0180669 C8.76477087,15.1905069 8.8541481,15.3590418 8.95002479,15.523319 L9.14183266,15.8331487 L9.28298894,16.04027 L9.42215828,16.2300149 L9.52977369,16.3680968 C9.64157977,16.5079301 9.75863591,16.6433825 9.88064346,16.7741553 L10.1525777,17.0500124 L10.3089497,17.1956554 L10.4439409,17.3145168 L10.6255631,17.4651509 L10.6951865,17.5202333 C10.7631889,17.5733387 10.8321978,17.625215 10.9021799,17.6758287 L11.0953051,17.8106284 C11.2353747,17.9049396 11.37904,17.9943198 11.5260522,18.0785204 L11.8464909,18.2511236 L12,18.325 C11.8777881,18.3846625 11.7533404,18.4393821 11.6270511,18.4905275 L11.353987,18.5944906 L11.0807808,18.6855597 L10.6790293,18.7973946 L10.3231486,18.8751541 L10.0174712,18.9266032 L9.67716191,18.9676713 L9.35360272,18.9912252 L9.28499459,18.9943044 C9.19029306,18.9980928 9.09536925,19 9,19 C5.13400675,19 2,15.8659932 2,12 C2,8.13400675 5.13400675,5 9,5 Z M15,7 C14.7093238,7 14.424441,7.02480417 14.1473526,7.07241137 L14,7.101 L14.2140924,7.32943752 L14.3931355,7.53718203 L14.5896727,7.78560686 L14.7452964,7.99998021 L14.7758708,8.04417158 C14.877225,8.19185628 14.9731459,8.3437825 15.0632679,8.49955402 L15.2292225,8.80353206 L15.3476244,9.04515617 L15.4804631,9.34869767 L15.5828172,9.61395699 L15.6673373,9.86154859 L15.760197,10.176776 L15.8432952,10.5202288 L15.8831593,10.7195695 L15.9368639,11.0558003 L15.9783887,11.4458732 L15.9943634,11.7164903 L16,12 C16,12.1259777 15.9966721,12.2511781 15.9900995,12.3755182 L15.9684602,12.6688488 L15.9377164,12.9378546 L15.877405,13.3111743 L15.8051618,13.6469226 L15.7507311,13.8580472 L15.6735392,14.1190081 L15.5618547,14.4430844 L15.5083992,14.5820324 L15.4505521,14.7231862 L15.3475257,14.9550564 L15.1945242,15.2630678 L15.0639911,15.4991936 L14.9220926,15.7338331 L14.721246,16.0342818 L14.559586,16.2539437 L14.3924368,16.4636596 L14.1700986,16.7191854 L14.0006263,16.8983435 L14.1473526,16.9275886 C14.424441,16.9751958 14.7093238,17 15,17 C17.7614237,17 20,14.7614237 20,12 C20,9.23857625 17.7614237,7 15,7 Z\"  fill=\"var(--pf-icon-color)\"><\/path><\/g><\/svg><\/span><span class=\"d-inline-flex font-weight-bold secondary-font text-gray-6\" >Controle de Permiss\u00f5es<\/span><\/button>\n               <\/div>\n\n               <div id=\"collapsepix-tab-8651f29-80e0c9c\" class=\"collapse \" aria-labelledby=\"headingpix-tab-8651f29-80e0c9c\">\n                 <div class=\"card-body\"><p>Defina o que cada usu\u00e1rio pode ver e acessar na plataforma. D\u00ea acesso total para gestores e vis\u00e3o limitada para quem precisa s\u00f3 de leitura. Seguran\u00e7a e organiza\u00e7\u00e3o sem perder agilidade.<\/p><\/div>\n               <\/div>\n             <\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd3a1d8 e-con-full e-flex e-con e-child\" data-id=\"fd3a1d8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d681ad5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d681ad5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================ -->\r\n<!-- VB365 \u2014 MOCKUP RECURSOS PARA GEST\u00c3O                           -->\r\n<!-- Sincronizado com o accordion do Elementor                    -->\r\n<!-- Monitoramento de Equipe \/ M\u00e9tricas Unificadas \/                -->\r\n<!-- Relat\u00f3rios Personalizados \/ Exporta\u00e7\u00e3o em PDF\/Excel \/          -->\r\n<!-- Controle de Permiss\u00f5es                                        -->\r\n<!-- ============================================================ -->\r\n\r\n<div id=\"vb-gestaomod-wrap\" class=\"vb-gestaomod-wrap\">\r\n  <style>\r\n    #vb-gestaomod-wrap,\r\n    #vb-gestaomod-wrap *,\r\n    #vb-gestaomod-wrap *::before,\r\n    #vb-gestaomod-wrap *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #vb-gestaomod-wrap { width: 100%; font-family: inherit; }\r\n\r\n    @keyframes vbgm-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }\r\n    @keyframes vbgm-fade { from { opacity: 0; transform: scale(.975); } to { opacity: 1; transform: scale(1); } }\r\n    @keyframes vbgm-pulse { 0% { box-shadow: 0 0 0 0 rgba(21,128,61,.35); } 70% { box-shadow: 0 0 0 6px rgba(21,128,61,0); } 100% { box-shadow: 0 0 0 0 rgba(21,128,61,0); } }\r\n\r\n    #vb-gestaomod-wrap .vbgm-container { position: relative; width: 100%; min-height: 360px; }\r\n\r\n    #vb-gestaomod-wrap .vbgm-panel {\r\n      position: absolute; width: 100%;\r\n      opacity: 0; visibility: hidden; pointer-events: none;\r\n    }\r\n\r\n    #vb-gestaomod-wrap .vbgm-panel.is-active {\r\n      position: relative; opacity: 1; visibility: visible; pointer-events: auto;\r\n      animation: vbgm-fade .4s ease forwards;\r\n    }\r\n\r\n    #vb-gestaomod-wrap .vbgm-box { width: 100%; padding: 14px; background: transparent; }\r\n    #vb-gestaomod-wrap .vbgm-area { position: relative; width: 100%; padding: 6px 18px 6px 6px; }\r\n\r\n    #vb-gestaomod-wrap .vbgm-frame {\r\n      position: relative; overflow: hidden;\r\n      background: #ffffff;\r\n      border: 1px solid rgba(226, 232, 240, .85);\r\n      border-radius: 16px;\r\n      box-shadow: 0 20px 50px -10px rgba(0, 87, 174, .13);\r\n    }\r\n\r\n    #vb-gestaomod-wrap .vbgm-browser {\r\n      display: flex; align-items: center; gap: 8px;\r\n      padding: 12px 16px;\r\n      background: rgba(226, 232, 240, .28);\r\n      border-bottom: 1px solid rgba(226, 232, 240, .7);\r\n    }\r\n\r\n    #vb-gestaomod-wrap .vbgm-dots { display: flex; gap: 6px; }\r\n    #vb-gestaomod-wrap .vbgm-dots span { width: 10px; height: 10px; border-radius: 50%; }\r\n    #vb-gestaomod-wrap .vbgm-red { background: #ff5f57; }\r\n    #vb-gestaomod-wrap .vbgm-yellow { background: #febc2e; }\r\n    #vb-gestaomod-wrap .vbgm-green { background: #28c840; }\r\n\r\n    #vb-gestaomod-wrap .vbgm-url {\r\n      display: flex; align-items: center; flex: 1;\r\n      height: 22px; margin: 0 28px; padding: 0 12px;\r\n      overflow: hidden; background: #ffffff; border-radius: 5px;\r\n      color: #6b7b8f; font-size: 10px; white-space: nowrap;\r\n    }\r\n\r\n    #vb-gestaomod-wrap .vbgm-content {\r\n      min-height: 292px; padding: 16px 18px;\r\n      background: linear-gradient(135deg, #f6f9fd 0%, #edf3f9 100%);\r\n    }\r\n\r\n    #vb-gestaomod-wrap .vbgm-head {\r\n      display: flex; align-items: center; justify-content: space-between;\r\n      gap: 14px; margin-bottom: 13px;\r\n    }\r\n\r\n    #vb-gestaomod-wrap .vbgm-title {\r\n      display: flex; align-items: center; gap: 7px;\r\n      color: #243b5a; font-size: 12px; font-weight: 700;\r\n    }\r\n\r\n    #vb-gestaomod-wrap .vbgm-title-icon {\r\n      width: 22px; height: 22px; border-radius: 50%;\r\n      display: flex; align-items: center; justify-content: center;\r\n      flex-shrink: 0;\r\n      background: linear-gradient(135deg, #0057ae 0%, #7ba3d9 55%, #edb000 100%);\r\n    }\r\n    #vb-gestaomod-wrap .vbgm-title-icon svg { width: 11px; height: 11px; color: #ffffff; }\r\n\r\n    #vb-gestaomod-wrap .vbgm-meta { color: #8a94a6; font-size: 9.5px; font-weight: 600; white-space: nowrap; }\r\n\r\n    #vb-gestaomod-wrap .vbgm-blue { background: #0057ae; }\r\n    #vb-gestaomod-wrap .vbgm-gold { background: #edb000; }\r\n    #vb-gestaomod-wrap .vbgm-green-bg { background: #15803d; }\r\n    #vb-gestaomod-wrap .vbgm-gray { background: #94a3b8; }\r\n\r\n    \/* Painel 1 \u2014 Monitoramento de Equipe *\/\r\n    #vb-gestaomod-wrap .vbgm-monitor-list { display: flex; flex-direction: column; gap: 8px; }\r\n\r\n    #vb-gestaomod-wrap .vbgm-monitor-row {\r\n      display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 10px;\r\n      padding: 9px 12px; background: #ffffff; border: 1.5px solid transparent;\r\n      border-radius: 10px; transition: border-color .4s ease, box-shadow .4s ease;\r\n    }\r\n\r\n    #vb-gestaomod-wrap .vbgm-monitor-row.is-active { border-color: #0057ae; box-shadow: 0 6px 16px rgba(0,87,174,.12); }\r\n\r\n    #vb-gestaomod-wrap .vbgm-avatar {\r\n      position: relative;\r\n      width: 30px; height: 30px; border-radius: 50%;\r\n      display: flex; align-items: center; justify-content: center;\r\n      color: #ffffff; font-size: 9.5px; font-weight: 800; flex-shrink: 0;\r\n    }\r\n\r\n    #vb-gestaomod-wrap .vbgm-status-dot {\r\n      position: absolute; bottom: -1px; right: -1px;\r\n      width: 8px; height: 8px; border-radius: 50%; border: 2px solid #ffffff;\r\n    }\r\n    #vb-gestaomod-wrap .vbgm-status-dot.online { background: #15803d; animation: vbgm-pulse 2s ease-out infinite; }\r\n    #vb-gestaomod-wrap .vbgm-status-dot.busy { background: #edb000; }\r\n    #vb-gestaomod-wrap .vbgm-status-dot.away { background: #94a3b8; }\r\n\r\n    #vb-gestaomod-wrap .vbgm-row-name { color: #243b5a; font-size: 10px; font-weight: 700; }\r\n    #vb-gestaomod-wrap .vbgm-row-sub { margin-top: 2px; color: #8a94a6; font-size: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\r\n\r\n    #vb-gestaomod-wrap .vbgm-monitor-time { font-size: 8.5px; font-weight: 700; color: #8a94a6; white-space: nowrap; }\r\n\r\n    \/* Painel 2 \u2014 M\u00e9tricas Unificadas *\/\r\n    #vb-gestaomod-wrap .vbgm-metrics-list { display: flex; flex-direction: column; gap: 8px; }\r\n\r\n    #vb-gestaomod-wrap .vbgm-metric-row {\r\n      padding: 9px 11px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 10px;\r\n    }\r\n    #vb-gestaomod-wrap .vbgm-metric-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }\r\n    #vb-gestaomod-wrap .vbgm-metric-name { display: flex; align-items: center; gap: 7px; color: #243b5a; font-size: 10px; font-weight: 700; }\r\n\r\n    #vb-gestaomod-wrap .vbgm-metric-icon {\r\n      width: 22px; height: 22px; border-radius: 50%;\r\n      display: flex; align-items: center; justify-content: center;\r\n      background: #e8f2fd; color: #0057ae; flex-shrink: 0;\r\n    }\r\n    #vb-gestaomod-wrap .vbgm-metric-icon svg { width: 11px; height: 11px; }\r\n\r\n    #vb-gestaomod-wrap .vbgm-metric-val { font-size: 10px; font-weight: 800; color: #0057ae; }\r\n    #vb-gestaomod-wrap .vbgm-metric-track { height: 6px; background: #eef1f6; border-radius: 999px; overflow: hidden; }\r\n    #vb-gestaomod-wrap .vbgm-metric-fill { height: 100%; border-radius: 999px; }\r\n\r\n    \/* Painel 3 \u2014 Relat\u00f3rios Personalizados *\/\r\n    #vb-gestaomod-wrap .vbgm-builder {\r\n      background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 12px; margin-bottom: 10px;\r\n    }\r\n    #vb-gestaomod-wrap .vbgm-builder-title {\r\n      font-size: 9px; font-weight: 800; color: #0057ae; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 9px;\r\n    }\r\n    #vb-gestaomod-wrap .vbgm-builder-fields { display: flex; flex-direction: column; gap: 7px; }\r\n    #vb-gestaomod-wrap .vbgm-builder-field {\r\n      display: flex; align-items: center; justify-content: space-between; gap: 8px;\r\n      padding: 7px 10px; background: #f8fafc; border-radius: 8px;\r\n    }\r\n    #vb-gestaomod-wrap .vbgm-builder-field-label { font-size: 8px; font-weight: 700; color: #94a3b8; text-transform: uppercase; }\r\n    #vb-gestaomod-wrap .vbgm-builder-field-value { font-size: 9.5px; font-weight: 700; color: #334155; }\r\n    #vb-gestaomod-wrap .vbgm-builder-chip {\r\n      display: inline-flex; align-items: center; gap: 4px;\r\n      font-size: 8px; font-weight: 700; color: #0057ae; background: #e8f2fd;\r\n      padding: 2px 7px; border-radius: 999px;\r\n    }\r\n\r\n    #vb-gestaomod-wrap .vbgm-generate-btn {\r\n      display: flex; align-items: center; justify-content: center; gap: 6px;\r\n      padding: 9px; background: #0057ae; color: #ffffff; border-radius: 9px;\r\n      font-size: 9.5px; font-weight: 700;\r\n    }\r\n\r\n    \/* Painel 4 \u2014 Exporta\u00e7\u00e3o em PDF\/Excel *\/\r\n    #vb-gestaomod-wrap .vbgm-export-list { display: flex; flex-direction: column; gap: 8px; }\r\n    #vb-gestaomod-wrap .vbgm-export-row {\r\n      display: flex; align-items: center; gap: 10px;\r\n      padding: 9px 11px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 10px;\r\n    }\r\n    #vb-gestaomod-wrap .vbgm-export-icon {\r\n      width: 28px; height: 28px; border-radius: 8px;\r\n      display: flex; align-items: center; justify-content: center;\r\n      flex-shrink: 0; font-size: 8px; font-weight: 800; color: #ffffff;\r\n    }\r\n    #vb-gestaomod-wrap .vbgm-export-icon.pdf { background: #d1483a; }\r\n    #vb-gestaomod-wrap .vbgm-export-icon.xls { background: #15803d; }\r\n    #vb-gestaomod-wrap .vbgm-export-info { flex: 1; min-width: 0; }\r\n    #vb-gestaomod-wrap .vbgm-export-status {\r\n      font-size: 7.5px; font-weight: 700; padding: 3px 8px; border-radius: 999px; white-space: nowrap;\r\n      background: #dcfce7; color: #15803d;\r\n    }\r\n\r\n    \/* Painel 5 \u2014 Controle de Permiss\u00f5es *\/\r\n    #vb-gestaomod-wrap .vbgm-perm-list { display: flex; flex-direction: column; gap: 8px; }\r\n    #vb-gestaomod-wrap .vbgm-perm-row {\r\n      display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 10px;\r\n      padding: 9px 12px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 10px;\r\n    }\r\n    #vb-gestaomod-wrap .vbgm-perm-tag {\r\n      padding: 3px 8px; border-radius: 999px; font-size: 7.5px; font-weight: 700; white-space: nowrap;\r\n    }\r\n    #vb-gestaomod-wrap .vbgm-perm-tag.total { background: #fdf3dc; color: #92700a; }\r\n    #vb-gestaomod-wrap .vbgm-perm-tag.parcial { background: #e8f2fd; color: #0057ae; }\r\n    #vb-gestaomod-wrap .vbgm-perm-tag.leitura { background: #f1f5f9; color: #64748b; }\r\n\r\n    \/* card flutuante *\/\r\n    #vb-gestaomod-wrap .vbgm-floating {\r\n      position: absolute; top: 4%; right: -7%; z-index: 5;\r\n      display: flex; align-items: center; gap: 8px;\r\n      padding: 9px 14px; background: #ffffff;\r\n      border: 1px solid rgba(226, 232, 240, .85); border-radius: 12px;\r\n      box-shadow: 0 8px 20px -6px rgba(0, 0, 0, .12);\r\n      white-space: nowrap; animation: vbgm-float 5s ease-in-out infinite;\r\n    }\r\n\r\n    #vb-gestaomod-wrap .vbgm-floating-icon {\r\n      display: flex; align-items: center; justify-content: center;\r\n      width: 28px; height: 28px; border-radius: 50%;\r\n      background: linear-gradient(90deg, #0057ae 0%, #7ba3d9 52%, #edb000 100%);\r\n      color: #ffffff;\r\n    }\r\n\r\n    #vb-gestaomod-wrap .vbgm-floating-label { display: block; color: #6b7b8f; font-size: 7px; font-weight: 700; line-height: 1.2; text-transform: uppercase; }\r\n    #vb-gestaomod-wrap .vbgm-floating-value { display: block; color: #0057ae; font-size: 11px; font-weight: 800; }\r\n\r\n    @media (max-width: 768px) {\r\n      #vb-gestaomod-wrap .vbgm-box { padding: 8px 0; }\r\n      #vb-gestaomod-wrap .vbgm-area { padding: 0; }\r\n      #vb-gestaomod-wrap .vbgm-floating { display: none; }\r\n      #vb-gestaomod-wrap .vbgm-url { margin: 0 8px; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      #vb-gestaomod-wrap .vbgm-content { min-height: 310px; padding: 13px; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #vb-gestaomod-wrap .vbgm-floating,\r\n      #vb-gestaomod-wrap .vbgm-panel.is-active { animation: none; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"vbgm-container\" id=\"vbgmContainer\">\r\n\r\n    <!-- PAINEL 1 \u2014 MONITORAMENTO DE EQUIPE -->\r\n    <div class=\"vbgm-panel is-active\" data-resource=\"monitoramento-de-equipe\">\r\n      <div class=\"vbgm-box\">\r\n        <div class=\"vbgm-area\">\r\n          <div class=\"vbgm-frame\">\r\n            <div class=\"vbgm-browser\">\r\n              <div class=\"vbgm-dots\"><span class=\"vbgm-red\"><\/span><span class=\"vbgm-yellow\"><\/span><span class=\"vbgm-green\"><\/span><\/div>\r\n              <div class=\"vbgm-url\">app.vb365.com.br\/gestao\/monitor<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"vbgm-content\">\r\n              <div class=\"vbgm-head\">\r\n                <span class=\"vbgm-title\"><span class=\"vbgm-title-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/span>Monitoramento<\/span>\r\n                <span class=\"vbgm-meta\">8 online agora<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"vbgm-monitor-list\" id=\"vbgmMonitorList\">\r\n                <div class=\"vbgm-monitor-row is-active\" id=\"vbgmMonRow1\">\r\n                  <span class=\"vbgm-avatar vbgm-blue\">AM<span class=\"vbgm-status-dot online\"><\/span><\/span>\r\n                  <div>\r\n                    <div class=\"vbgm-row-name\">Ana Martins<\/div>\r\n                    <div class=\"vbgm-row-sub\">Em atendimento<\/div>\r\n                  <\/div>\r\n                  <span class=\"vbgm-monitor-time\">03:12<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"vbgm-monitor-row\" id=\"vbgmMonRow2\">\r\n                  <span class=\"vbgm-avatar vbgm-gold\">RM<span class=\"vbgm-status-dot busy\"><\/span><\/span>\r\n                  <div>\r\n                    <div class=\"vbgm-row-name\">Ricardo Mendes<\/div>\r\n                    <div class=\"vbgm-row-sub\">Em chamada<\/div>\r\n                  <\/div>\r\n                  <span class=\"vbgm-monitor-time\">01:48<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"vbgm-monitor-row\" id=\"vbgmMonRow3\">\r\n                  <span class=\"vbgm-avatar vbgm-green-bg\">PR<span class=\"vbgm-status-dot online\"><\/span><\/span>\r\n                  <div>\r\n                    <div class=\"vbgm-row-name\">Paulo Rocha<\/div>\r\n                    <div class=\"vbgm-row-sub\">Dispon\u00edvel<\/div>\r\n                  <\/div>\r\n                  <span class=\"vbgm-monitor-time\">\u2014<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"vbgm-monitor-row\" id=\"vbgmMonRow4\">\r\n                  <span class=\"vbgm-avatar vbgm-gray\">FL<span class=\"vbgm-status-dot away\"><\/span><\/span>\r\n                  <div>\r\n                    <div class=\"vbgm-row-name\">Fernanda Lima<\/div>\r\n                    <div class=\"vbgm-row-sub\">Pausa<\/div>\r\n                  <\/div>\r\n                  <span class=\"vbgm-monitor-time\">12 min<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"vbgm-floating\">\r\n            <div class=\"vbgm-floating-icon\">\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\">\r\n                <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div>\r\n              <span class=\"vbgm-floating-label\">Visibilidade<\/span>\r\n              <span class=\"vbgm-floating-value\">Tempo real<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- PAINEL 2 \u2014 M\u00c9TRICAS UNIFICADAS -->\r\n    <div class=\"vbgm-panel\" data-resource=\"metricas-unificadas\">\r\n      <div class=\"vbgm-box\">\r\n        <div class=\"vbgm-area\">\r\n          <div class=\"vbgm-frame\">\r\n            <div class=\"vbgm-browser\">\r\n              <div class=\"vbgm-dots\"><span class=\"vbgm-red\"><\/span><span class=\"vbgm-yellow\"><\/span><span class=\"vbgm-green\"><\/span><\/div>\r\n              <div class=\"vbgm-url\">app.vb365.com.br\/gestao\/metricas<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"vbgm-content\">\r\n              <div class=\"vbgm-head\">\r\n                <span class=\"vbgm-title\"><span class=\"vbgm-title-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/span>M\u00e9tricas Unificadas<\/span>\r\n                <span class=\"vbgm-meta\">Atualizado agora<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"vbgm-metrics-list\">\r\n                <div class=\"vbgm-metric-row\">\r\n                  <div class=\"vbgm-metric-top\">\r\n                    <span class=\"vbgm-metric-name\">\r\n                      <span class=\"vbgm-metric-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/span>\r\n                      SLA de Atendimento\r\n                    <\/span>\r\n                    <span class=\"vbgm-metric-val\">98%<\/span>\r\n                  <\/div>\r\n                  <div class=\"vbgm-metric-track\"><div class=\"vbgm-metric-fill\" style=\"width:98%;background:#15803d;\"><\/div><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"vbgm-metric-row\">\r\n                  <div class=\"vbgm-metric-top\">\r\n                    <span class=\"vbgm-metric-name\">\r\n                      <span class=\"vbgm-metric-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/span>\r\n                      Satisfa\u00e7\u00e3o (CSAT)\r\n                    <\/span>\r\n                    <span class=\"vbgm-metric-val\">92%<\/span>\r\n                  <\/div>\r\n                  <div class=\"vbgm-metric-track\"><div class=\"vbgm-metric-fill\" style=\"width:92%;background:#0057ae;\"><\/div><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"vbgm-metric-row\">\r\n                  <div class=\"vbgm-metric-top\">\r\n                    <span class=\"vbgm-metric-name\">\r\n                      <span class=\"vbgm-metric-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg><\/span>\r\n                      Produtividade \/ Ocupa\u00e7\u00e3o\r\n                    <\/span>\r\n                    <span class=\"vbgm-metric-val\">76%<\/span>\r\n                  <\/div>\r\n                  <div class=\"vbgm-metric-track\"><div class=\"vbgm-metric-fill\" style=\"width:76%;background:#edb000;\"><\/div><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"vbgm-metric-row\">\r\n                  <div class=\"vbgm-metric-top\">\r\n                    <span class=\"vbgm-metric-name\">\r\n                      <span class=\"vbgm-metric-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/span>\r\n                      Taxa de Resposta (TME)\r\n                    <\/span>\r\n                    <span class=\"vbgm-metric-val\">45s<\/span>\r\n                  <\/div>\r\n                  <div class=\"vbgm-metric-track\"><div class=\"vbgm-metric-fill\" style=\"width:88%;background:#0057ae;\"><\/div><\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"vbgm-floating\">\r\n            <div class=\"vbgm-floating-icon\">\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9 12l2 2 4-4\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div>\r\n              <span class=\"vbgm-floating-label\">Um s\u00f3 painel<\/span>\r\n              <span class=\"vbgm-floating-value\">Todos os canais<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- PAINEL 3 \u2014 RELAT\u00d3RIOS PERSONALIZADOS -->\r\n    <div class=\"vbgm-panel\" data-resource=\"relatorios-personalizados\">\r\n      <div class=\"vbgm-box\">\r\n        <div class=\"vbgm-area\">\r\n          <div class=\"vbgm-frame\">\r\n            <div class=\"vbgm-browser\">\r\n              <div class=\"vbgm-dots\"><span class=\"vbgm-red\"><\/span><span class=\"vbgm-yellow\"><\/span><span class=\"vbgm-green\"><\/span><\/div>\r\n              <div class=\"vbgm-url\">app.vb365.com.br\/gestao\/relatorios\/novo<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"vbgm-content\">\r\n              <div class=\"vbgm-head\">\r\n                <span class=\"vbgm-title\"><span class=\"vbgm-title-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14,2 14,8 20,8\"\/><\/svg><\/span>Novo Relat\u00f3rio<\/span>\r\n                <span class=\"vbgm-meta\">Personalizado<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"vbgm-builder\">\r\n                <div class=\"vbgm-builder-title\">Configura\u00e7\u00e3o do relat\u00f3rio<\/div>\r\n                <div class=\"vbgm-builder-fields\">\r\n                  <div class=\"vbgm-builder-field\">\r\n                    <span class=\"vbgm-builder-field-label\">Per\u00edodo<\/span>\r\n                    <span class=\"vbgm-builder-chip\">\u00daltimos 30 dias<\/span>\r\n                  <\/div>\r\n                  <div class=\"vbgm-builder-field\">\r\n                    <span class=\"vbgm-builder-field-label\">Canal<\/span>\r\n                    <span class=\"vbgm-builder-chip\">WhatsApp + E-mail<\/span>\r\n                  <\/div>\r\n                  <div class=\"vbgm-builder-field\">\r\n                    <span class=\"vbgm-builder-field-label\">Agente<\/span>\r\n                    <span class=\"vbgm-builder-chip\">Ana M., Ricardo M.<\/span>\r\n                  <\/div>\r\n                  <div class=\"vbgm-builder-field\">\r\n                    <span class=\"vbgm-builder-field-label\">M\u00e9tricas<\/span>\r\n                    <span class=\"vbgm-builder-chip\">SLA, CSAT, TME<\/span>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"vbgm-generate-btn\">\r\n                <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n                Gerar relat\u00f3rio\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"vbgm-floating\">\r\n            <div class=\"vbgm-floating-icon\">\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\">\r\n                <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14,2 14,8 20,8\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div>\r\n              <span class=\"vbgm-floating-label\">Cruze os dados<\/span>\r\n              <span class=\"vbgm-floating-value\">Do seu jeito<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- PAINEL 4 \u2014 EXPORTA\u00c7\u00c3O EM PDF\/EXCEL -->\r\n    <div class=\"vbgm-panel\" data-resource=\"exportacao-em-pdf-excel\">\r\n      <div class=\"vbgm-box\">\r\n        <div class=\"vbgm-area\">\r\n          <div class=\"vbgm-frame\">\r\n            <div class=\"vbgm-browser\">\r\n              <div class=\"vbgm-dots\"><span class=\"vbgm-red\"><\/span><span class=\"vbgm-yellow\"><\/span><span class=\"vbgm-green\"><\/span><\/div>\r\n              <div class=\"vbgm-url\">app.vb365.com.br\/gestao\/exportacoes<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"vbgm-content\">\r\n              <div class=\"vbgm-head\">\r\n                <span class=\"vbgm-title\"><span class=\"vbgm-title-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7,10 12,15 17,10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg><\/span>Exporta\u00e7\u00f5es<\/span>\r\n                <span class=\"vbgm-meta\">4 este m\u00eas<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"vbgm-export-list\">\r\n                <div class=\"vbgm-export-row\">\r\n                  <span class=\"vbgm-export-icon pdf\">PDF<\/span>\r\n                  <div class=\"vbgm-export-info\">\r\n                    <div class=\"vbgm-row-name\">Relat\u00f3rio de SLA \u2014 Julho<\/div>\r\n                    <div class=\"vbgm-row-sub\">Gerado hoje, 09:12<\/div>\r\n                  <\/div>\r\n                  <span class=\"vbgm-export-status\">Pronto<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"vbgm-export-row\">\r\n                  <span class=\"vbgm-export-icon xls\">XLS<\/span>\r\n                  <div class=\"vbgm-export-info\">\r\n                    <div class=\"vbgm-row-name\">Produtividade da equipe<\/div>\r\n                    <div class=\"vbgm-row-sub\">Gerado ontem, 17:40<\/div>\r\n                  <\/div>\r\n                  <span class=\"vbgm-export-status\">Pronto<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"vbgm-export-row\">\r\n                  <span class=\"vbgm-export-icon pdf\">PDF<\/span>\r\n                  <div class=\"vbgm-export-info\">\r\n                    <div class=\"vbgm-row-name\">CSAT e NPS \u2014 Q2<\/div>\r\n                    <div class=\"vbgm-row-sub\">Gerado 28 jul<\/div>\r\n                  <\/div>\r\n                  <span class=\"vbgm-export-status\">Pronto<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"vbgm-floating\">\r\n            <div class=\"vbgm-floating-icon\">\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\">\r\n                <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7,10 12,15 17,10\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div>\r\n              <span class=\"vbgm-floating-label\">Leve para onde<\/span>\r\n              <span class=\"vbgm-floating-value\">Precisar<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- PAINEL 5 \u2014 CONTROLE DE PERMISS\u00d5ES -->\r\n    <div class=\"vbgm-panel\" data-resource=\"controle-de-permissoes\">\r\n      <div class=\"vbgm-box\">\r\n        <div class=\"vbgm-area\">\r\n          <div class=\"vbgm-frame\">\r\n            <div class=\"vbgm-browser\">\r\n              <div class=\"vbgm-dots\"><span class=\"vbgm-red\"><\/span><span class=\"vbgm-yellow\"><\/span><span class=\"vbgm-green\"><\/span><\/div>\r\n              <div class=\"vbgm-url\">app.vb365.com.br\/gestao\/permissoes<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"vbgm-content\">\r\n              <div class=\"vbgm-head\">\r\n                <span class=\"vbgm-title\"><span class=\"vbgm-title-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg><\/span>N\u00edveis de Acesso<\/span>\r\n                <span class=\"vbgm-meta\">4 usu\u00e1rios<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"vbgm-perm-list\">\r\n                <div class=\"vbgm-perm-row\">\r\n                  <span class=\"vbgm-avatar vbgm-blue\">AM<\/span>\r\n                  <div>\r\n                    <div class=\"vbgm-row-name\">Ana Martins<\/div>\r\n                    <div class=\"vbgm-row-sub\">Acesso a todos os m\u00f3dulos<\/div>\r\n                  <\/div>\r\n                  <span class=\"vbgm-perm-tag total\">Total<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"vbgm-perm-row\">\r\n                  <span class=\"vbgm-avatar vbgm-gold\">RM<\/span>\r\n                  <div>\r\n                    <div class=\"vbgm-row-name\">Ricardo Mendes<\/div>\r\n                    <div class=\"vbgm-row-sub\">Vendas e Relat\u00f3rios<\/div>\r\n                  <\/div>\r\n                  <span class=\"vbgm-perm-tag parcial\">Parcial<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"vbgm-perm-row\">\r\n                  <span class=\"vbgm-avatar vbgm-green-bg\">PR<\/span>\r\n                  <div>\r\n                    <div class=\"vbgm-row-name\">Paulo Rocha<\/div>\r\n                    <div class=\"vbgm-row-sub\">Financeiro<\/div>\r\n                  <\/div>\r\n                  <span class=\"vbgm-perm-tag parcial\">Parcial<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"vbgm-perm-row\">\r\n                  <span class=\"vbgm-avatar vbgm-gray\">FL<\/span>\r\n                  <div>\r\n                    <div class=\"vbgm-row-name\">Fernanda Lima<\/div>\r\n                    <div class=\"vbgm-row-sub\">Consultora externa<\/div>\r\n                  <\/div>\r\n                  <span class=\"vbgm-perm-tag leitura\">Leitura<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"vbgm-floating\">\r\n            <div class=\"vbgm-floating-icon\">\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\">\r\n                <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div>\r\n              <span class=\"vbgm-floating-label\">Cada um v\u00ea<\/span>\r\n              <span class=\"vbgm-floating-value\">S\u00f3 o necess\u00e1rio<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function () {\r\n    var root = document.getElementById('vb-gestaomod-wrap');\r\n    if (!root || root.dataset.animStarted === 'true') return;\r\n    root.dataset.animStarted = 'true';\r\n\r\n    var monRows = root.querySelectorAll('#vbgmMonitorList .vbgm-monitor-row');\r\n    if (monRows.length) {\r\n      var monIndex = 0;\r\n      setInterval(function () {\r\n        monRows.forEach(function (r) { r.classList.remove('is-active'); });\r\n        monRows[monIndex].classList.add('is-active');\r\n        monIndex = (monIndex + 1) % monRows.length;\r\n      }, 1900);\r\n    }\r\n  })();\r\n<\/script>\r\n\r\n<script>\r\n  (function () {\r\n    var MAP = [\r\n      { match: \"monitoramento de equipe\", resource: \"monitoramento-de-equipe\" },\r\n      { match: \"metricas unificadas\", resource: \"metricas-unificadas\" },\r\n      { match: \"relatorios personalizados\", resource: \"relatorios-personalizados\" },\r\n      { match: \"exportacao em pdf\/excel\", resource: \"exportacao-em-pdf-excel\" },\r\n      { match: \"exportacao em pdf excel\", resource: \"exportacao-em-pdf-excel\" },\r\n      { match: \"controle de permissoes\", resource: \"controle-de-permissoes\" }\r\n    ];\r\n\r\n    function normalize(text) {\r\n      return (text || \"\")\r\n        .toLowerCase()\r\n        .normalize(\"NFD\")\r\n        .replace(\/[\\u0300-\\u036f]\/g, \"\")\r\n        .replace(\/\\s+\/g, \" \")\r\n        .trim();\r\n    }\r\n\r\n    function getResource(label) {\r\n      var normalized = normalize(label);\r\n      for (var i = 0; i < MAP.length; i++) {\r\n        if (normalized.indexOf(MAP[i].match) !== -1) return MAP[i].resource;\r\n      }\r\n      return null;\r\n    }\r\n\r\n    function showPanel(resource) {\r\n      if (!resource) return;\r\n      document\r\n        .querySelectorAll(\"#vbgmContainer .vbgm-panel\")\r\n        .forEach(function (panel) {\r\n          panel.classList.toggle(\r\n            \"is-active\",\r\n            panel.getAttribute(\"data-resource\") === resource\r\n          );\r\n        });\r\n    }\r\n\r\n    function findAccordion() {\r\n      var candidates = document.querySelectorAll(\r\n        \".accordion.accordion-card, [data-widget_type^='pix-accordion'], .elementor-accordion\"\r\n      );\r\n      for (var i = 0; i < candidates.length; i++) {\r\n        var clickableItems = candidates[i].querySelectorAll(\r\n          \".card-header button, .elementor-tab-title, [role='button']\"\r\n        );\r\n        for (var j = 0; j < clickableItems.length; j++) {\r\n          if (getResource(clickableItems[j].textContent)) return candidates[i];\r\n        }\r\n      }\r\n      return null;\r\n    }\r\n\r\n    function initGestaoMockup() {\r\n      var accordion = findAccordion();\r\n      if (!accordion) return false;\r\n\r\n      var items = accordion.querySelectorAll(\r\n        \".card-header button, .elementor-tab-title, [role='button']\"\r\n      );\r\n\r\n      items.forEach(function (item) {\r\n        if (item.dataset.vbgmBound === \"true\") return;\r\n        var resource = getResource(item.textContent);\r\n        if (!resource) return;\r\n        item.dataset.vbgmBound = \"true\";\r\n        item.addEventListener(\"click\", function () {\r\n          showPanel(resource);\r\n        });\r\n      });\r\n\r\n      var activeItem =\r\n        accordion.querySelector(\r\n          '.card-header button[aria-expanded=\"true\"], .elementor-tab-title.elementor-active, [role=\"button\"][aria-expanded=\"true\"]'\r\n        ) || items[0];\r\n\r\n      if (activeItem) showPanel(getResource(activeItem.textContent));\r\n\r\n      return true;\r\n    }\r\n\r\n    var attempts = 0;\r\n    var timer = setInterval(function () {\r\n      attempts++;\r\n      if (initGestaoMockup() || attempts > 30) clearInterval(timer);\r\n    }, 250);\r\n  })();\r\n<\/script>\r\n\r\n\r\n<!-- ============================================================ -->\r\n<!-- PADR\u00c3O VB365 \u2014 ALINHAMENTO AUTOM\u00c1TICO COM O ACCORDION        -->\r\n<!-- Recursos para Gest\u00e3o \u2014 camada isolada de layout              -->\r\n<!-- ============================================================ -->\r\n<style>\r\n  #vb-gestaomod-wrap {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  #vb-gestaomod-wrap .vbgm-container {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 500px;\r\n    margin-top: 0;\r\n    transition: height .35s ease, margin-top .25s ease;\r\n  }\r\n\r\n  #vb-gestaomod-wrap .vbgm-panel {\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  #vb-gestaomod-wrap .vbgm-panel.is-active {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  \/* Remove apenas o espa\u00e7o vertical que roubava altura do frame *\/\r\n  #vb-gestaomod-wrap .vbgm-box {\r\n    width: 100%;\r\n    height: 100%;\r\n    padding: 0 14px;\r\n  }\r\n\r\n  #vb-gestaomod-wrap .vbgm-area {\r\n    width: 100%;\r\n    height: 100%;\r\n    padding: 0 18px 0 6px;\r\n  }\r\n\r\n  #vb-gestaomod-wrap .vbgm-frame {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  #vb-gestaomod-wrap .vbgm-browser {\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  #vb-gestaomod-wrap .vbgm-content {\r\n    flex: 1;\r\n    min-height: 0;\r\n    overflow: hidden;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    #vb-gestaomod-wrap {\r\n      height: auto;\r\n    }\r\n\r\n    #vb-gestaomod-wrap .vbgm-container {\r\n      height: auto !important;\r\n      min-height: 400px;\r\n      margin-top: 0 !important;\r\n    }\r\n\r\n    #vb-gestaomod-wrap .vbgm-panel.is-active,\r\n    #vb-gestaomod-wrap .vbgm-box,\r\n    #vb-gestaomod-wrap .vbgm-area,\r\n    #vb-gestaomod-wrap .vbgm-frame {\r\n      height: auto;\r\n    }\r\n\r\n    #vb-gestaomod-wrap .vbgm-box {\r\n      padding: 8px 0;\r\n    }\r\n\r\n    #vb-gestaomod-wrap .vbgm-area {\r\n      padding: 0;\r\n    }\r\n\r\n    #vb-gestaomod-wrap .vbgm-frame {\r\n      min-height: 390px;\r\n    }\r\n\r\n    #vb-gestaomod-wrap .vbgm-content {\r\n      min-height: 340px;\r\n      overflow: visible;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    #vb-gestaomod-wrap .vbgm-content {\r\n      min-height: 310px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n  var MAP_LAYOUT = [\r\n    { match: \"monitoramento de equipe\", resource: \"monitoramento-de-equipe\" },\r\n    { match: \"metricas unificadas\", resource: \"metricas-unificadas\" },\r\n    { match: \"relatorios personalizados\", resource: \"relatorios-personalizados\" },\r\n    { match: \"exportacao em pdf\/excel\", resource: \"exportacao-em-pdf-excel\" },\r\n    { match: \"exportacao em pdf excel\", resource: \"exportacao-em-pdf-excel\" },\r\n    { match: \"controle de permissoes\", resource: \"controle-de-permissoes\" }\r\n  ];\r\n\r\n  function normalizeLayout(text) {\r\n    return (text || \"\")\r\n      .toLowerCase()\r\n      .normalize(\"NFD\")\r\n      .replace(\/[\\u0300-\\u036f]\/g, \"\")\r\n      .replace(\/\\s+\/g, \" \")\r\n      .trim();\r\n  }\r\n\r\n  function getLayoutResource(label) {\r\n    var normalized = normalizeLayout(label);\r\n\r\n    for (var i = 0; i < MAP_LAYOUT.length; i++) {\r\n      if (normalized.indexOf(MAP_LAYOUT[i].match) !== -1) {\r\n        return MAP_LAYOUT[i].resource;\r\n      }\r\n    }\r\n\r\n    return null;\r\n  }\r\n\r\n  function findGestaoAccordion() {\r\n    var candidates = document.querySelectorAll(\r\n      \".accordion.accordion-card, \" +\r\n      \"[data-widget_type^='pix-accordion'], \" +\r\n      \".elementor-accordion\"\r\n    );\r\n\r\n    for (var i = 0; i < candidates.length; i++) {\r\n      var items = candidates[i].querySelectorAll(\r\n        \".card-header button, .elementor-tab-title, [role='button']\"\r\n      );\r\n\r\n      for (var j = 0; j < items.length; j++) {\r\n        if (getLayoutResource(items[j].textContent)) {\r\n          return candidates[i];\r\n        }\r\n      }\r\n    }\r\n\r\n    return null;\r\n  }\r\n\r\n  function syncGestaoLayout() {\r\n    var container = document.getElementById(\"vbgmContainer\");\r\n    var wrapper = document.getElementById(\"vb-gestaomod-wrap\");\r\n\r\n    if (!container || !wrapper) return;\r\n\r\n    if (window.innerWidth <= 768) {\r\n      container.style.height = \"auto\";\r\n      container.style.minHeight = \"400px\";\r\n      container.style.marginTop = \"0px\";\r\n      return;\r\n    }\r\n\r\n    var accordion = findGestaoAccordion();\r\n    if (!accordion) return;\r\n\r\n    var accordionRect = accordion.getBoundingClientRect();\r\n    var wrapperRect = wrapper.getBoundingClientRect();\r\n\r\n    var verticalOffset = accordionRect.top - wrapperRect.top;\r\n\r\n    if (Math.abs(verticalOffset) < 1) {\r\n      verticalOffset = 0;\r\n    }\r\n\r\n    container.style.marginTop = Math.round(verticalOffset) + \"px\";\r\n\r\n    var accordionHeight = accordionRect.height;\r\n\r\n    if (accordionHeight && accordionHeight > 300) {\r\n      container.style.height = Math.round(accordionHeight) + \"px\";\r\n      container.style.minHeight = Math.round(accordionHeight) + \"px\";\r\n    }\r\n  }\r\n\r\n  function bindGestaoLayout() {\r\n    var accordion = findGestaoAccordion();\r\n    if (!accordion) return false;\r\n\r\n    var items = accordion.querySelectorAll(\r\n      \".card-header button, .elementor-tab-title, [role='button']\"\r\n    );\r\n\r\n    items.forEach(function (item) {\r\n      if (!getLayoutResource(item.textContent)) return;\r\n      if (item.dataset.vbgmLayoutBound === \"true\") return;\r\n\r\n      item.dataset.vbgmLayoutBound = \"true\";\r\n\r\n      item.addEventListener(\"click\", function () {\r\n        setTimeout(syncGestaoLayout, 20);\r\n        setTimeout(syncGestaoLayout, 100);\r\n        setTimeout(syncGestaoLayout, 250);\r\n        setTimeout(syncGestaoLayout, 450);\r\n        setTimeout(syncGestaoLayout, 700);\r\n      });\r\n    });\r\n\r\n    if (\r\n      window.ResizeObserver &&\r\n      accordion.dataset.vbgmLayoutObserved !== \"true\"\r\n    ) {\r\n      accordion.dataset.vbgmLayoutObserved = \"true\";\r\n\r\n      var observer = new ResizeObserver(function () {\r\n        syncGestaoLayout();\r\n      });\r\n\r\n      observer.observe(accordion);\r\n    }\r\n\r\n    syncGestaoLayout();\r\n    return true;\r\n  }\r\n\r\n  window.addEventListener(\"resize\", syncGestaoLayout);\r\n\r\n  window.addEventListener(\"orientationchange\", function () {\r\n    setTimeout(syncGestaoLayout, 200);\r\n  });\r\n\r\n  var attemptsLayout = 0;\r\n  var timerLayout = setInterval(function () {\r\n    attemptsLayout++;\r\n\r\n    if (bindGestaoLayout() || attemptsLayout > 40) {\r\n      clearInterval(timerLayout);\r\n    }\r\n  }, 250);\r\n\r\n  window.addEventListener(\"load\", function () {\r\n    setTimeout(syncGestaoLayout, 50);\r\n    setTimeout(syncGestaoLayout, 250);\r\n    setTimeout(syncGestaoLayout, 600);\r\n    setTimeout(syncGestaoLayout, 1200);\r\n    setTimeout(syncGestaoLayout, 2000);\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d57c1c4 e-flex e-con-boxed e-con e-parent\" data-id=\"d57c1c4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-003cf38 elementor-widget elementor-widget-pix-text\" data-id=\"003cf38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pix-el-text w-100 text-center \" ><div class=\"d-inline-block\" style=\"max-width:900px;\"><p class=\" resp-option text-body-default text-center \" >Conhe\u00e7a todos os recursos do VB365<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-82c11ea e-flex e-con-boxed e-con e-child\" data-id=\"82c11ea\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2915c9e elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"2915c9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================ -->\r\n<!-- VB365 \u2014 Carrossel de Recursos | SOMENTE CARROSSEL             -->\r\n<!-- Estilo seguindo o modelo do carrossel PABX em Nuvem            -->\r\n<!-- Tags azuis apenas ao passar o mouse                            -->\r\n<!-- C\u00f3digo isolado para Elementor HTML Widget                     -->\r\n<!-- ============================================================ -->\r\n\r\n<section id=\"vb365-carousel-only-2026\" class=\"vb365-carousel-only-2026\">\r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700;900&display=swap');\r\n\r\n    #vb365-carousel-only-2026,\r\n    #vb365-carousel-only-2026 *,\r\n    #vb365-carousel-only-2026 *::before,\r\n    #vb365-carousel-only-2026 *::after {\r\n      box-sizing: border-box !important;\r\n    }\r\n\r\n    #vb365-carousel-only-2026 {\r\n      --vb365-blue: #0057ae;\r\n      --vb365-blue-dark: #003f82;\r\n      --vb365-yellow: #edb000;\r\n      --vb365-text: #6b7890;\r\n      --vb365-text-dark: #243b5a;\r\n      --vb365-border: #e8eef6;\r\n      --vb365-bg: transparent;\r\n      --vb365-soft: #f8fafc;\r\n\r\n      width: 100% !important;\r\n      max-width: 100% !important;\r\n      overflow: hidden !important;\r\n      padding: 32px 0 !important;\r\n      background: var(--vb365-bg) !important;\r\n      font-family: \"Lato\", Arial, Helvetica, sans-serif !important;\r\n      position: relative !important;\r\n      z-index: 1 !important;\r\n    }\r\n\r\n    #vb365-carousel-only-2026 .vb365-carousel-only__viewport {\r\n      width: 100% !important;\r\n      max-width: 100vw !important;\r\n      overflow: hidden !important;\r\n      position: relative !important;\r\n      -webkit-mask-image: none !important;\r\n      mask-image: none !important;\r\n    }\r\n\r\n    #vb365-carousel-only-2026 .vb365-carousel-only__track {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 12px !important;\r\n      width: max-content !important;\r\n      padding: 6px 0 !important;\r\n      animation: vb365CarouselOnlyMove 110s linear infinite reverse !important;\r\n      will-change: transform !important;\r\n    }\r\n\r\n    #vb365-carousel-only-2026:hover .vb365-carousel-only__track {\r\n      animation-play-state: paused !important;\r\n    }\r\n\r\n    @keyframes vb365CarouselOnlyMove {\r\n      to {\r\n        transform: translateX(-50%);\r\n      }\r\n    }\r\n\r\n    #vb365-carousel-only-2026 .vb365-carousel-only__item {\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      gap: 8px !important;\r\n      padding: 9px 16px !important;\r\n      background: var(--vb365-soft) !important;\r\n      border: 1px solid var(--vb365-border) !important;\r\n      border-radius: 999px !important;\r\n      font-size: 13px !important;\r\n      line-height: 1.2 !important;\r\n      font-weight: 600 !important;\r\n      color: var(--vb365-text) !important;\r\n      white-space: nowrap !important;\r\n      flex-shrink: 0 !important;\r\n      cursor: default !important;\r\n      text-decoration: none !important;\r\n      user-select: none !important;\r\n      transition:\r\n        transform .2s ease,\r\n        box-shadow .2s ease,\r\n        background .2s ease,\r\n        color .2s ease,\r\n        border-color .2s ease !important;\r\n    }\r\n\r\n    #vb365-carousel-only-2026 .vb365-carousel-only__item svg {\r\n      width: 14px !important;\r\n      height: 14px !important;\r\n      color: var(--vb365-blue) !important;\r\n      flex-shrink: 0 !important;\r\n      display: block !important;\r\n      transition: color .2s ease !important;\r\n    }\r\n\r\n    #vb365-carousel-only-2026 .vb365-carousel-only__item:hover {\r\n      background: var(--vb365-blue) !important;\r\n      color: #ffffff !important;\r\n      transform: translateY(-2px) !important;\r\n      border-color: var(--vb365-blue) !important;\r\n      box-shadow: 0 6px 18px rgba(0, 87, 174, .18) !important;\r\n    }\r\n\r\n    #vb365-carousel-only-2026 .vb365-carousel-only__item:hover svg {\r\n      color: var(--vb365-yellow) !important;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      #vb365-carousel-only-2026 {\r\n        padding: 28px 0 !important;\r\n      }\r\n\r\n      #vb365-carousel-only-2026 .vb365-carousel-only__viewport {\r\n        -webkit-mask-image: none !important;\r\n        mask-image: none !important;\r\n      }\r\n\r\n      #vb365-carousel-only-2026 .vb365-carousel-only__track {\r\n        animation-duration: 90s !important;\r\n      }\r\n\r\n      #vb365-carousel-only-2026 .vb365-carousel-only__item {\r\n        font-size: 12px !important;\r\n        padding: 8px 12px !important;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      #vb365-carousel-only-2026 {\r\n        padding: 24px 0 !important;\r\n      }\r\n\r\n      #vb365-carousel-only-2026 .vb365-carousel-only__viewport {\r\n        -webkit-mask-image: none !important;\r\n        mask-image: none !important;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #vb365-carousel-only-2026 .vb365-carousel-only__track {\r\n        animation: none !important;\r\n      }\r\n\r\n      #vb365-carousel-only-2026 .vb365-carousel-only__viewport {\r\n        overflow-x: auto !important;\r\n        -webkit-mask-image: none !important;\r\n        mask-image: none !important;\r\n        scrollbar-width: thin !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"vb365-carousel-only__viewport\">\r\n    <div class=\"vb365-carousel-only__track\" id=\"vb365CarouselOnlyTrack2026\">\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\r\n          <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n          <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n          <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n        <\/svg>\r\n        Base de Clientes\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"><\/rect>\r\n          <circle cx=\"9\" cy=\"7\" r=\".6\" fill=\"currentColor\"><\/circle>\r\n          <circle cx=\"12\" cy=\"7\" r=\".6\" fill=\"currentColor\"><\/circle>\r\n          <circle cx=\"15\" cy=\"7\" r=\".6\" fill=\"currentColor\"><\/circle>\r\n          <circle cx=\"9\" cy=\"11\" r=\".6\" fill=\"currentColor\"><\/circle>\r\n          <circle cx=\"12\" cy=\"11\" r=\".6\" fill=\"currentColor\"><\/circle>\r\n          <circle cx=\"15\" cy=\"11\" r=\".6\" fill=\"currentColor\"><\/circle>\r\n        <\/svg>\r\n        IVR \/ URA\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07\"><\/path>\r\n          <path d=\"M15 5h6v6\"><\/path>\r\n          <path d=\"M21 5l-8 8\"><\/path>\r\n        <\/svg>\r\n        Filas de espera\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <rect x=\"9\" y=\"2\" width=\"6\" height=\"12\" rx=\"3\"><\/rect>\r\n          <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path>\r\n          <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"><\/line>\r\n          <line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"><\/line>\r\n        <\/svg>\r\n        \u00c1udios personaliz\u00e1veis\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\r\n          <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n          <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n          <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n        <\/svg>\r\n        Grupos de chamadas\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n          <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n        <\/svg>\r\n        Hist\u00f3rico 360\u00b0\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon>\r\n          <polyline points=\"2 17 12 22 22 17\"><\/polyline>\r\n          <polyline points=\"2 12 12 17 22 12\"><\/polyline>\r\n        <\/svg>\r\n        Multi-canal\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z\"><\/path>\r\n          <line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"><\/line>\r\n        <\/svg>\r\n        Tags &amp; Filtros\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon>\r\n        <\/svg>\r\n        Pesquisa de satisfa\u00e7\u00e3o\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M3 11l18-8-3 18-6-6-3 5z\"><\/path>\r\n          <path d=\"M9 14l3 5\"><\/path>\r\n        <\/svg>\r\n        Campanhas de voz\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\r\n        <\/svg>\r\n        SMS em massa\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"12\" cy=\"8\" r=\"4\"><\/circle>\r\n          <path d=\"M3 21v-1a7 7 0 0 1 14 0v1\"><\/path>\r\n          <polyline points=\"17 11 19 13 23 9\"><\/polyline>\r\n        <\/svg>\r\n        Identifica\u00e7\u00e3o do chamador\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"><\/rect>\r\n          <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\r\n          <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\r\n          <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\r\n        <\/svg>\r\n        Hor\u00e1rios\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M12 19l7-7 3 3-7 7-3-3z\"><\/path>\r\n          <path d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\"><\/path>\r\n          <path d=\"M2 2l7.586 7.586\"><\/path>\r\n          <circle cx=\"11\" cy=\"11\" r=\"2\"><\/circle>\r\n        <\/svg>\r\n        Whitelabel\r\n      <\/span>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      var section = document.getElementById('vb365-carousel-only-2026');\r\n      if (!section) return;\r\n\r\n      var track = section.querySelector('#vb365CarouselOnlyTrack2026');\r\n      if (!track || track.dataset.cloned === 'true') return;\r\n\r\n      Array.prototype.slice.call(track.children).forEach(function (item) {\r\n        var clone = item.cloneNode(true);\r\n        clone.setAttribute('aria-hidden', 'true');\r\n        track.appendChild(clone);\r\n      });\r\n\r\n      track.dataset.cloned = 'true';\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-04947f4 e-con-full e-flex e-con e-child\" data-id=\"04947f4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5a9444 elementor-widget elementor-widget-image\" data-id=\"e5a9444\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"400\" height=\"143\" src=\"https:\/\/novosite.voipdobrasil.com.br\/v1\/wp-content\/uploads\/2026\/07\/VB365-logo_2026-e1784236706299.png\" class=\"attachment-large size-large wp-image-951028\" alt=\"\" srcset=\"https:\/\/novosite.voipdobrasil.com.br\/v1\/wp-content\/uploads\/2026\/07\/VB365-logo_2026-e1784236706299.png 400w, https:\/\/novosite.voipdobrasil.com.br\/v1\/wp-content\/uploads\/2026\/07\/VB365-logo_2026-e1784236706299-300x107.png 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73e1400 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"73e1400\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================ -->\r\n<!-- VB365 \u2014 Carrossel de Recursos | SOMENTE CARROSSEL             -->\r\n<!-- Estilo seguindo o modelo do carrossel PABX em Nuvem            -->\r\n<!-- Tags azuis apenas ao passar o mouse                            -->\r\n<!-- C\u00f3digo isolado para Elementor HTML Widget                     -->\r\n<!-- ============================================================ -->\r\n\r\n<section id=\"vb365-carousel-only-2026\" class=\"vb365-carousel-only-2026\">\r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700;900&display=swap');\r\n\r\n    #vb365-carousel-only-2026,\r\n    #vb365-carousel-only-2026 *,\r\n    #vb365-carousel-only-2026 *::before,\r\n    #vb365-carousel-only-2026 *::after {\r\n      box-sizing: border-box !important;\r\n    }\r\n\r\n    #vb365-carousel-only-2026 {\r\n      --vb365-blue: #0057ae;\r\n      --vb365-blue-dark: #003f82;\r\n      --vb365-yellow: #edb000;\r\n      --vb365-text: #6b7890;\r\n      --vb365-text-dark: #243b5a;\r\n      --vb365-border: #e8eef6;\r\n      --vb365-bg: transparent;\r\n      --vb365-soft: #f8fafc;\r\n\r\n      width: 100% !important;\r\n      max-width: 100% !important;\r\n      overflow: hidden !important;\r\n      padding: 32px 0 !important;\r\n      background: var(--vb365-bg) !important;\r\n      font-family: \"Lato\", Arial, Helvetica, sans-serif !important;\r\n      position: relative !important;\r\n      z-index: 1 !important;\r\n    }\r\n\r\n    #vb365-carousel-only-2026 .vb365-carousel-only__viewport {\r\n      width: 100% !important;\r\n      max-width: 100vw !important;\r\n      overflow: hidden !important;\r\n      position: relative !important;\r\n      -webkit-mask-image: none !important;\r\n      mask-image: none !important;\r\n    }\r\n\r\n    #vb365-carousel-only-2026 .vb365-carousel-only__track {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 12px !important;\r\n      width: max-content !important;\r\n      padding: 6px 0 !important;\r\n      animation: vb365CarouselOnlyMove 110s linear infinite reverse !important;\r\n      will-change: transform !important;\r\n    }\r\n\r\n    #vb365-carousel-only-2026:hover .vb365-carousel-only__track {\r\n      animation-play-state: paused !important;\r\n    }\r\n\r\n    @keyframes vb365CarouselOnlyMove {\r\n      to {\r\n        transform: translateX(-50%);\r\n      }\r\n    }\r\n\r\n    #vb365-carousel-only-2026 .vb365-carousel-only__item {\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      gap: 8px !important;\r\n      padding: 9px 16px !important;\r\n      background: var(--vb365-soft) !important;\r\n      border: 1px solid var(--vb365-border) !important;\r\n      border-radius: 999px !important;\r\n      font-size: 13px !important;\r\n      line-height: 1.2 !important;\r\n      font-weight: 600 !important;\r\n      color: var(--vb365-text) !important;\r\n      white-space: nowrap !important;\r\n      flex-shrink: 0 !important;\r\n      cursor: default !important;\r\n      text-decoration: none !important;\r\n      user-select: none !important;\r\n      transition:\r\n        transform .2s ease,\r\n        box-shadow .2s ease,\r\n        background .2s ease,\r\n        color .2s ease,\r\n        border-color .2s ease !important;\r\n    }\r\n\r\n    #vb365-carousel-only-2026 .vb365-carousel-only__item svg {\r\n      width: 14px !important;\r\n      height: 14px !important;\r\n      color: var(--vb365-blue) !important;\r\n      flex-shrink: 0 !important;\r\n      display: block !important;\r\n      transition: color .2s ease !important;\r\n    }\r\n\r\n    #vb365-carousel-only-2026 .vb365-carousel-only__item:hover {\r\n      background: var(--vb365-blue) !important;\r\n      color: #ffffff !important;\r\n      transform: translateY(-2px) !important;\r\n      border-color: var(--vb365-blue) !important;\r\n      box-shadow: 0 6px 18px rgba(0, 87, 174, .18) !important;\r\n    }\r\n\r\n    #vb365-carousel-only-2026 .vb365-carousel-only__item:hover svg {\r\n      color: var(--vb365-yellow) !important;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      #vb365-carousel-only-2026 {\r\n        padding: 28px 0 !important;\r\n      }\r\n\r\n      #vb365-carousel-only-2026 .vb365-carousel-only__viewport {\r\n        -webkit-mask-image: none !important;\r\n        mask-image: none !important;\r\n      }\r\n\r\n      #vb365-carousel-only-2026 .vb365-carousel-only__track {\r\n        animation-duration: 90s !important;\r\n      }\r\n\r\n      #vb365-carousel-only-2026 .vb365-carousel-only__item {\r\n        font-size: 12px !important;\r\n        padding: 8px 12px !important;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      #vb365-carousel-only-2026 {\r\n        padding: 24px 0 !important;\r\n      }\r\n\r\n      #vb365-carousel-only-2026 .vb365-carousel-only__viewport {\r\n        -webkit-mask-image: none !important;\r\n        mask-image: none !important;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #vb365-carousel-only-2026 .vb365-carousel-only__track {\r\n        animation: none !important;\r\n      }\r\n\r\n      #vb365-carousel-only-2026 .vb365-carousel-only__viewport {\r\n        overflow-x: auto !important;\r\n        -webkit-mask-image: none !important;\r\n        mask-image: none !important;\r\n        scrollbar-width: thin !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"vb365-carousel-only__viewport\">\r\n    <div class=\"vb365-carousel-only__track\" id=\"vb365CarouselOnlyTrack2026\">\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\r\n          <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n          <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n          <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n        <\/svg>\r\n        Base de Clientes\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"><\/rect>\r\n          <circle cx=\"9\" cy=\"7\" r=\".6\" fill=\"currentColor\"><\/circle>\r\n          <circle cx=\"12\" cy=\"7\" r=\".6\" fill=\"currentColor\"><\/circle>\r\n          <circle cx=\"15\" cy=\"7\" r=\".6\" fill=\"currentColor\"><\/circle>\r\n          <circle cx=\"9\" cy=\"11\" r=\".6\" fill=\"currentColor\"><\/circle>\r\n          <circle cx=\"12\" cy=\"11\" r=\".6\" fill=\"currentColor\"><\/circle>\r\n          <circle cx=\"15\" cy=\"11\" r=\".6\" fill=\"currentColor\"><\/circle>\r\n        <\/svg>\r\n        IVR \/ URA\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07\"><\/path>\r\n          <path d=\"M15 5h6v6\"><\/path>\r\n          <path d=\"M21 5l-8 8\"><\/path>\r\n        <\/svg>\r\n        Filas de espera\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <rect x=\"9\" y=\"2\" width=\"6\" height=\"12\" rx=\"3\"><\/rect>\r\n          <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path>\r\n          <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"><\/line>\r\n          <line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"><\/line>\r\n        <\/svg>\r\n        \u00c1udios personaliz\u00e1veis\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path>\r\n          <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n          <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n          <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n        <\/svg>\r\n        Grupos de chamadas\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n          <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n        <\/svg>\r\n        Hist\u00f3rico 360\u00b0\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon>\r\n          <polyline points=\"2 17 12 22 22 17\"><\/polyline>\r\n          <polyline points=\"2 12 12 17 22 12\"><\/polyline>\r\n        <\/svg>\r\n        Multi-canal\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z\"><\/path>\r\n          <line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"><\/line>\r\n        <\/svg>\r\n        Tags &amp; Filtros\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon>\r\n        <\/svg>\r\n        Pesquisa de satisfa\u00e7\u00e3o\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M3 11l18-8-3 18-6-6-3 5z\"><\/path>\r\n          <path d=\"M9 14l3 5\"><\/path>\r\n        <\/svg>\r\n        Campanhas de voz\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\r\n        <\/svg>\r\n        SMS em massa\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"12\" cy=\"8\" r=\"4\"><\/circle>\r\n          <path d=\"M3 21v-1a7 7 0 0 1 14 0v1\"><\/path>\r\n          <polyline points=\"17 11 19 13 23 9\"><\/polyline>\r\n        <\/svg>\r\n        Identifica\u00e7\u00e3o do chamador\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"><\/rect>\r\n          <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\r\n          <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\r\n          <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\r\n        <\/svg>\r\n        Hor\u00e1rios\r\n      <\/span>\r\n\r\n      <span class=\"vb365-carousel-only__item\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M12 19l7-7 3 3-7 7-3-3z\"><\/path>\r\n          <path d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\"><\/path>\r\n          <path d=\"M2 2l7.586 7.586\"><\/path>\r\n          <circle cx=\"11\" cy=\"11\" r=\"2\"><\/circle>\r\n        <\/svg>\r\n        Whitelabel\r\n      <\/span>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      var section = document.getElementById('vb365-carousel-only-2026');\r\n      if (!section) return;\r\n\r\n      var track = section.querySelector('#vb365CarouselOnlyTrack2026');\r\n      if (!track || track.dataset.cloned === 'true') return;\r\n\r\n      Array.prototype.slice.call(track.children).forEach(function (item) {\r\n        var clone = item.cloneNode(true);\r\n        clone.setAttribute('aria-hidden', 'true');\r\n        track.appendChild(clone);\r\n      });\r\n\r\n      track.dataset.cloned = 'true';\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f0f31f5 e-flex e-con-boxed e-con e-parent\" data-id=\"f0f31f5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-13faad1 e-con-full e-flex e-con e-child\" data-id=\"13faad1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cff4200 elementor-widget elementor-widget-pix-highlighted-text\" data-id=\"cff4200\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-highlighted-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"el-955821-cff4200\" class=\"pix-highlighted-element text-left \"><div class=\"d-inline-block\" style=\"max-width:1000px;\"><h2 class=\"pix-highlighted-items \" style=\"\" data-anim-type=\"\" data-anim-delay=\"\"><span id=\"el-955821-cff4200-0\"  class=\" elementor-repeater-item-e3ab600\"><span data-anim-type=\"fade-in-up\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">Sem&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">letras&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">mi\u00fadas,&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">sem&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">surpresas.<\/span><\/span><br \/><span id=\"el-955821-cff4200-1\"  class=\" elementor-repeater-item-3b57099\"><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">Tire&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">suas&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">d\u00favidas&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">antes&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">de&nbsp;<\/span><span data-anim-type=\"fade-in-up\" data-anim-delay=\"200\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">contratar.<\/span><\/span><\/h2><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b94b82 e-con-full e-flex e-con e-child\" data-id=\"4b94b82\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-649d2ad e-con-full e-flex e-con e-child\" data-id=\"649d2ad\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c557c6 elementor-widget__width-inherit elementor-widget elementor-widget-pix-accordion\" data-id=\"0c557c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"accordion w-100 accordion-card\" id=\"accordion-0c557c6\"><div class=\"card\">\n               <div class=\"card-header shadow-none rounded-xl bg-custom\" id=\"headingpix-tab-0c557c6-4927322\" style=\"background:#F9F9F9F7 !important\">\n                   <button class=\"btn btn-link d-flex text-left\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapsepix-tab-0c557c6-4927322\" aria-expanded=\"true\" aria-controls=\"collapsepix-tab-0c557c6-4927322\"><span class=\"d-inline-flex align-self-center text-secondary svg-202 text-20 pix-mr-10\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\"  data-name=\"Solid\/pixfort-icon-arrow-right-2\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M8.79289322,6.29289322 C9.18341751,5.90236893 9.81658249,5.90236893 10.2071068,6.29289322 L15.2071068,11.2928932 C15.5976311,11.6834175 15.5976311,12.3165825 15.2071068,12.7071068 L10.2071068,17.7071068 C9.81658249,18.0976311 9.18341751,18.0976311 8.79289322,17.7071068 C8.40236893,17.3165825 8.40236893,16.6834175 8.79289322,16.2928932 L13.085,12 L8.79289322,7.70710678 C8.43240926,7.34662282 8.40467972,6.77939176 8.70970461,6.38710056 L8.79289322,6.29289322 Z\"  fill=\"var(--pf-icon-color)\"><\/path><\/g><\/svg><\/span><span class=\"d-inline-flex font-weight-bold secondary-font text-gray-6\" >O que \u00e9 o m\u00f3dulo de Recursos para Gest\u00e3o do VB365?<\/span><\/button>\n               <\/div>\n\n               <div id=\"collapsepix-tab-0c557c6-4927322\" class=\"collapse \" aria-labelledby=\"headingpix-tab-0c557c6-4927322\">\n                 <div class=\"card-body\"><p>Um painel central onde voc\u00ea acompanha equipe, dashboards e relat\u00f3rios da sua opera\u00e7\u00e3o, sem depender de v\u00e1rias ferramentas separadas.<\/p><\/div>\n               <\/div>\n             <\/div><div class=\"card\">\n               <div class=\"card-header shadow-none rounded-xl bg-custom\" id=\"headingpix-tab-0c557c6-5c44fca\" style=\"background:#F9F9F9F7 !important\">\n                   <button class=\"btn btn-link d-flex text-left\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapsepix-tab-0c557c6-5c44fca\" aria-expanded=\"true\" aria-controls=\"collapsepix-tab-0c557c6-5c44fca\"><span class=\"d-inline-flex align-self-center text-secondary svg-202 text-20 pix-mr-10\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\"  data-name=\"Solid\/pixfort-icon-arrow-right-2\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M8.79289322,6.29289322 C9.18341751,5.90236893 9.81658249,5.90236893 10.2071068,6.29289322 L15.2071068,11.2928932 C15.5976311,11.6834175 15.5976311,12.3165825 15.2071068,12.7071068 L10.2071068,17.7071068 C9.81658249,18.0976311 9.18341751,18.0976311 8.79289322,17.7071068 C8.40236893,17.3165825 8.40236893,16.6834175 8.79289322,16.2928932 L13.085,12 L8.79289322,7.70710678 C8.43240926,7.34662282 8.40467972,6.77939176 8.70970461,6.38710056 L8.79289322,6.29289322 Z\"  fill=\"var(--pf-icon-color)\"><\/path><\/g><\/svg><\/span><span class=\"d-inline-flex font-weight-bold secondary-font text-gray-6\" >Consigo acompanhar minha equipe em tempo real?<\/span><\/button>\n               <\/div>\n\n               <div id=\"collapsepix-tab-0c557c6-5c44fca\" class=\"collapse \" aria-labelledby=\"headingpix-tab-0c557c6-5c44fca\">\n                 <div class=\"card-body\"><p>Sim, voc\u00ea v\u00ea quem est\u00e1 online, em atendimento ou em pausa, com atualiza\u00e7\u00e3o autom\u00e1tica do status.<\/p><\/div>\n               <\/div>\n             <\/div><div class=\"card\">\n               <div class=\"card-header shadow-none rounded-xl bg-custom\" id=\"headingpix-tab-0c557c6-9862b3e\" style=\"background:#F9F9F9F7 !important\">\n                   <button class=\"btn btn-link d-flex text-left\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapsepix-tab-0c557c6-9862b3e\" aria-expanded=\"true\" aria-controls=\"collapsepix-tab-0c557c6-9862b3e\"><span class=\"d-inline-flex align-self-center text-secondary svg-202 text-20 pix-mr-10\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\"  data-name=\"Solid\/pixfort-icon-arrow-right-2\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M8.79289322,6.29289322 C9.18341751,5.90236893 9.81658249,5.90236893 10.2071068,6.29289322 L15.2071068,11.2928932 C15.5976311,11.6834175 15.5976311,12.3165825 15.2071068,12.7071068 L10.2071068,17.7071068 C9.81658249,18.0976311 9.18341751,18.0976311 8.79289322,17.7071068 C8.40236893,17.3165825 8.40236893,16.6834175 8.79289322,16.2928932 L13.085,12 L8.79289322,7.70710678 C8.43240926,7.34662282 8.40467972,6.77939176 8.70970461,6.38710056 L8.79289322,6.29289322 Z\"  fill=\"var(--pf-icon-color)\"><\/path><\/g><\/svg><\/span><span class=\"d-inline-flex font-weight-bold secondary-font text-gray-6\" >Os dashboards mostram dados de todos os canais juntos?<\/span><\/button>\n               <\/div>\n\n               <div id=\"collapsepix-tab-0c557c6-9862b3e\" class=\"collapse \" aria-labelledby=\"headingpix-tab-0c557c6-9862b3e\">\n                 <div class=\"card-body\"><p>Sim, SLA, satisfa\u00e7\u00e3o, produtividade e tempo de resposta ficam reunidos em um \u00fanico painel, sem precisar acessar sistemas separados.<\/p><\/div>\n               <\/div>\n             <\/div><div class=\"card\">\n               <div class=\"card-header shadow-none rounded-xl bg-custom\" id=\"headingpix-tab-0c557c6-436b8a5\" style=\"background:#F9F9F9F7 !important\">\n                   <button class=\"btn btn-link d-flex text-left\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapsepix-tab-0c557c6-436b8a5\" aria-expanded=\"true\" aria-controls=\"collapsepix-tab-0c557c6-436b8a5\"><span class=\"d-inline-flex align-self-center text-secondary svg-202 text-20 pix-mr-10\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\"  data-name=\"Solid\/pixfort-icon-arrow-right-2\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M8.79289322,6.29289322 C9.18341751,5.90236893 9.81658249,5.90236893 10.2071068,6.29289322 L15.2071068,11.2928932 C15.5976311,11.6834175 15.5976311,12.3165825 15.2071068,12.7071068 L10.2071068,17.7071068 C9.81658249,18.0976311 9.18341751,18.0976311 8.79289322,17.7071068 C8.40236893,17.3165825 8.40236893,16.6834175 8.79289322,16.2928932 L13.085,12 L8.79289322,7.70710678 C8.43240926,7.34662282 8.40467972,6.77939176 8.70970461,6.38710056 L8.79289322,6.29289322 Z\"  fill=\"var(--pf-icon-color)\"><\/path><\/g><\/svg><\/span><span class=\"d-inline-flex font-weight-bold secondary-font text-gray-6\" >Posso personalizar os relat\u00f3rios que gero?<\/span><\/button>\n               <\/div>\n\n               <div id=\"collapsepix-tab-0c557c6-436b8a5\" class=\"collapse \" aria-labelledby=\"headingpix-tab-0c557c6-436b8a5\">\n                 <div class=\"card-body\"><p>Sim, voc\u00ea escolhe per\u00edodo, canal, agente e as m\u00e9tricas que quer analisar antes de gerar o relat\u00f3rio.<\/p><\/div>\n               <\/div>\n             <\/div><div class=\"card\">\n               <div class=\"card-header shadow-none rounded-xl bg-custom\" id=\"headingpix-tab-0c557c6-0925623\" style=\"background:#F9F9F9F7 !important\">\n                   <button class=\"btn btn-link d-flex text-left\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapsepix-tab-0c557c6-0925623\" aria-expanded=\"true\" aria-controls=\"collapsepix-tab-0c557c6-0925623\"><span class=\"d-inline-flex align-self-center text-secondary svg-202 text-20 pix-mr-10\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\"  data-name=\"Solid\/pixfort-icon-arrow-right-2\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M8.79289322,6.29289322 C9.18341751,5.90236893 9.81658249,5.90236893 10.2071068,6.29289322 L15.2071068,11.2928932 C15.5976311,11.6834175 15.5976311,12.3165825 15.2071068,12.7071068 L10.2071068,17.7071068 C9.81658249,18.0976311 9.18341751,18.0976311 8.79289322,17.7071068 C8.40236893,17.3165825 8.40236893,16.6834175 8.79289322,16.2928932 L13.085,12 L8.79289322,7.70710678 C8.43240926,7.34662282 8.40467972,6.77939176 8.70970461,6.38710056 L8.79289322,6.29289322 Z\"  fill=\"var(--pf-icon-color)\"><\/path><\/g><\/svg><\/span><span class=\"d-inline-flex font-weight-bold secondary-font text-gray-6\" >\u00c9 poss\u00edvel exportar os relat\u00f3rios para PDF ou Excel?<\/span><\/button>\n               <\/div>\n\n               <div id=\"collapsepix-tab-0c557c6-0925623\" class=\"collapse \" aria-labelledby=\"headingpix-tab-0c557c6-0925623\">\n                 <div class=\"card-body\"><p>Sim, voc\u00ea exporta em segundos e leva os dados para apresenta\u00e7\u00f5es ou an\u00e1lises fora da plataforma.<\/p><\/div>\n               <\/div>\n             <\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f1c87ed e-con-full e-flex e-con e-child\" data-id=\"f1c87ed\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06a896e elementor-widget__width-inherit elementor-widget elementor-widget-pix-accordion\" data-id=\"06a896e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"accordion w-100 accordion-card\" id=\"accordion-06a896e\"><div class=\"card\">\n               <div class=\"card-header shadow-none rounded-xl bg-custom\" id=\"headingpix-tab-06a896e-4927322\" style=\"background:#F9F9F9F7 !important\">\n                   <button class=\"btn btn-link d-flex text-left\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapsepix-tab-06a896e-4927322\" aria-expanded=\"true\" aria-controls=\"collapsepix-tab-06a896e-4927322\"><span class=\"d-inline-flex align-self-center text-secondary svg-202 text-20 pix-mr-10\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\"  data-name=\"Solid\/pixfort-icon-arrow-right-2\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M8.79289322,6.29289322 C9.18341751,5.90236893 9.81658249,5.90236893 10.2071068,6.29289322 L15.2071068,11.2928932 C15.5976311,11.6834175 15.5976311,12.3165825 15.2071068,12.7071068 L10.2071068,17.7071068 C9.81658249,18.0976311 9.18341751,18.0976311 8.79289322,17.7071068 C8.40236893,17.3165825 8.40236893,16.6834175 8.79289322,16.2928932 L13.085,12 L8.79289322,7.70710678 C8.43240926,7.34662282 8.40467972,6.77939176 8.70970461,6.38710056 L8.79289322,6.29289322 Z\"  fill=\"var(--pf-icon-color)\"><\/path><\/g><\/svg><\/span><span class=\"d-inline-flex font-weight-bold secondary-font text-gray-6\" >Posso usar a identidade visual da minha empresa no sistema?<\/span><\/button>\n               <\/div>\n\n               <div id=\"collapsepix-tab-06a896e-4927322\" class=\"collapse \" aria-labelledby=\"headingpix-tab-06a896e-4927322\">\n                 <div class=\"card-body\"><p><span data-path-to-node=\"6,0\">Sim, voc\u00ea pode ter uma gest\u00e3o com identidade pr\u00f3pria criando uma URL personalizada, ajustando as cores e aplicando a logomarca da sua empresa<\/span><span data-path-to-node=\"6,2\">.<\/span><\/p><\/div>\n               <\/div>\n             <\/div><div class=\"card\">\n               <div class=\"card-header shadow-none rounded-xl bg-custom\" id=\"headingpix-tab-06a896e-5c44fca\" style=\"background:#F9F9F9F7 !important\">\n                   <button class=\"btn btn-link d-flex text-left\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapsepix-tab-06a896e-5c44fca\" aria-expanded=\"true\" aria-controls=\"collapsepix-tab-06a896e-5c44fca\"><span class=\"d-inline-flex align-self-center text-secondary svg-202 text-20 pix-mr-10\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\"  data-name=\"Solid\/pixfort-icon-arrow-right-2\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M8.79289322,6.29289322 C9.18341751,5.90236893 9.81658249,5.90236893 10.2071068,6.29289322 L15.2071068,11.2928932 C15.5976311,11.6834175 15.5976311,12.3165825 15.2071068,12.7071068 L10.2071068,17.7071068 C9.81658249,18.0976311 9.18341751,18.0976311 8.79289322,17.7071068 C8.40236893,17.3165825 8.40236893,16.6834175 8.79289322,16.2928932 L13.085,12 L8.79289322,7.70710678 C8.43240926,7.34662282 8.40467972,6.77939176 8.70970461,6.38710056 L8.79289322,6.29289322 Z\"  fill=\"var(--pf-icon-color)\"><\/path><\/g><\/svg><\/span><span class=\"d-inline-flex font-weight-bold secondary-font text-gray-6\" >Como funciona o acompanhamento de resultados e metas?<\/span><\/button>\n               <\/div>\n\n               <div id=\"collapsepix-tab-06a896e-5c44fca\" class=\"collapse \" aria-labelledby=\"headingpix-tab-06a896e-5c44fca\">\n                 <div class=\"card-body\"><p><span data-path-to-node=\"7,0\">O sistema oferece previsibilidade com acompanhamento de metas em tempo real e relat\u00f3rios de performance completos sobre a sa\u00fade comercial da sua equipe<\/span><span data-path-to-node=\"7,2\">.<\/span><\/p><\/div>\n               <\/div>\n             <\/div><div class=\"card\">\n               <div class=\"card-header shadow-none rounded-xl bg-custom\" id=\"headingpix-tab-06a896e-9862b3e\" style=\"background:#F9F9F9F7 !important\">\n                   <button class=\"btn btn-link d-flex text-left\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapsepix-tab-06a896e-9862b3e\" aria-expanded=\"true\" aria-controls=\"collapsepix-tab-06a896e-9862b3e\"><span class=\"d-inline-flex align-self-center text-secondary svg-202 text-20 pix-mr-10\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\"  data-name=\"Solid\/pixfort-icon-arrow-right-2\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M8.79289322,6.29289322 C9.18341751,5.90236893 9.81658249,5.90236893 10.2071068,6.29289322 L15.2071068,11.2928932 C15.5976311,11.6834175 15.5976311,12.3165825 15.2071068,12.7071068 L10.2071068,17.7071068 C9.81658249,18.0976311 9.18341751,18.0976311 8.79289322,17.7071068 C8.40236893,17.3165825 8.40236893,16.6834175 8.79289322,16.2928932 L13.085,12 L8.79289322,7.70710678 C8.43240926,7.34662282 8.40467972,6.77939176 8.70970461,6.38710056 L8.79289322,6.29289322 Z\"  fill=\"var(--pf-icon-color)\"><\/path><\/g><\/svg><\/span><span class=\"d-inline-flex font-weight-bold secondary-font text-gray-6\" >O CRM do VB365 \u00e9 em portugu\u00eas?<\/span><\/button>\n               <\/div>\n\n               <div id=\"collapsepix-tab-06a896e-9862b3e\" class=\"collapse \" aria-labelledby=\"headingpix-tab-06a896e-9862b3e\">\n                 <div class=\"card-body\"><p><span data-path-to-node=\"9,0\">Sim, o software foi desenvolvido inteiramente no Brasil, focado em empresas brasileiras, garantindo interface, suporte e atendimento no nosso idioma<\/span><span data-path-to-node=\"9,2\">.<\/span><\/p><\/div>\n               <\/div>\n             <\/div><div class=\"card\">\n               <div class=\"card-header shadow-none rounded-xl bg-custom\" id=\"headingpix-tab-06a896e-436b8a5\" style=\"background:#F9F9F9F7 !important\">\n                   <button class=\"btn btn-link d-flex text-left\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapsepix-tab-06a896e-436b8a5\" aria-expanded=\"true\" aria-controls=\"collapsepix-tab-06a896e-436b8a5\"><span class=\"d-inline-flex align-self-center text-secondary svg-202 text-20 pix-mr-10\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\"  data-name=\"Solid\/pixfort-icon-arrow-right-2\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M8.79289322,6.29289322 C9.18341751,5.90236893 9.81658249,5.90236893 10.2071068,6.29289322 L15.2071068,11.2928932 C15.5976311,11.6834175 15.5976311,12.3165825 15.2071068,12.7071068 L10.2071068,17.7071068 C9.81658249,18.0976311 9.18341751,18.0976311 8.79289322,17.7071068 C8.40236893,17.3165825 8.40236893,16.6834175 8.79289322,16.2928932 L13.085,12 L8.79289322,7.70710678 C8.43240926,7.34662282 8.40467972,6.77939176 8.70970461,6.38710056 L8.79289322,6.29289322 Z\"  fill=\"var(--pf-icon-color)\"><\/path><\/g><\/svg><\/span><span class=\"d-inline-flex font-weight-bold secondary-font text-gray-6\" >O sistema \u00e9 f\u00e1cil de usar no dia a dia?<\/span><\/button>\n               <\/div>\n\n               <div id=\"collapsepix-tab-06a896e-436b8a5\" class=\"collapse \" aria-labelledby=\"headingpix-tab-06a896e-436b8a5\">\n                 <div class=\"card-body\"><p><span data-path-to-node=\"8,0\">Sim, o VB365 \u00e9 simples e intuitivo, trazendo recursos organizados para dar clareza \u00e0 rotina da empresa, sem excesso de complexidade e sem ferramentas desnecess\u00e1rias<\/span><span data-path-to-node=\"8,2\">.<\/span><\/p><\/div>\n               <\/div>\n             <\/div><div class=\"card\">\n               <div class=\"card-header shadow-none rounded-xl bg-custom\" id=\"headingpix-tab-06a896e-0925623\" style=\"background:#F9F9F9F7 !important\">\n                   <button class=\"btn btn-link d-flex text-left\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapsepix-tab-06a896e-0925623\" aria-expanded=\"true\" aria-controls=\"collapsepix-tab-06a896e-0925623\"><span class=\"d-inline-flex align-self-center text-secondary svg-202 text-20 pix-mr-10\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\"  data-name=\"Solid\/pixfort-icon-arrow-right-2\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M8.79289322,6.29289322 C9.18341751,5.90236893 9.81658249,5.90236893 10.2071068,6.29289322 L15.2071068,11.2928932 C15.5976311,11.6834175 15.5976311,12.3165825 15.2071068,12.7071068 L10.2071068,17.7071068 C9.81658249,18.0976311 9.18341751,18.0976311 8.79289322,17.7071068 C8.40236893,17.3165825 8.40236893,16.6834175 8.79289322,16.2928932 L13.085,12 L8.79289322,7.70710678 C8.43240926,7.34662282 8.40467972,6.77939176 8.70970461,6.38710056 L8.79289322,6.29289322 Z\"  fill=\"var(--pf-icon-color)\"><\/path><\/g><\/svg><\/span><span class=\"d-inline-flex font-weight-bold secondary-font text-gray-6\" >Serei atendido apenas por rob\u00f4s no suporte?<\/span><\/button>\n               <\/div>\n\n               <div id=\"collapsepix-tab-06a896e-0925623\" class=\"collapse \" aria-labelledby=\"headingpix-tab-06a896e-0925623\">\n                 <div class=\"card-body\"><p><span data-path-to-node=\"10,0\">N\u00e3o, a VB valoriza o contato humano e o atendimento \u00e9 feito com carinho por pessoas reais, sem depender apenas de chatbots e mensagens autom\u00e1ticas<\/span><span data-path-to-node=\"10,2\">.<\/span><\/p><\/div>\n               <\/div>\n             <\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f1a046b e-grid e-con-boxed e-con e-child\" data-id=\"f1a046b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-beff1ef e-con-full e-flex e-con e-child\" data-id=\"beff1ef\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abec11c elementor-widget__width-initial elementor-widget elementor-widget-pix-feature\" data-id=\"abec11c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-feature.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a href=\"#\" ><div id=\"abec11c\" class=\"pix-feature-el media  \"><div class=\"media-body text-custom\"><h3 class=\"pix-feature-title  font-weight-bold  secondary-font text-heading-default  \" style=\"padding-top:8px;\"  >Sua gest\u00e3o com identidade pr\u00f3pria<\/h3><div class=\"pix-feature-content text-body-default      \" style=\"padding-top:5px;\"  >Crie sua URL de acesso personalizada, ajuste cores, aplique sua logomarca e adapte a experi\u00eancia do sistema \u00e0 identidade da sua empresa.<\/div><\/div><\/div><\/a>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4f31647 e-con-full e-flex e-con e-child\" data-id=\"4f31647\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-350fd44 elementor-widget__width-initial elementor-widget elementor-widget-pix-feature\" data-id=\"350fd44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-feature.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a href=\"#\" ><div id=\"pix-feature-350fd44\" class=\"pix-feature-el media  \"><div class=\"media-body text-custom\"><h3 class=\"pix-feature-title  font-weight-bold  secondary-font text-heading-default  \" style=\"padding-top:8px;\"  >Evolui junto com o seu neg\u00f3cio<\/h3><div class=\"pix-feature-content text-body-default      \" style=\"padding-top:5px;\"  >O VB365 foi pensado para crescer com feedback real de uso, sempre incorporando melhorias, novos recursos e funcionalidades.<\/div><\/div><\/div><\/a>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9c77d04 e-con-full e-flex e-con e-child\" data-id=\"9c77d04\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e5ec07 elementor-widget__width-initial elementor-widget elementor-widget-pix-feature\" data-id=\"2e5ec07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-feature.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a href=\"#\" ><div id=\"pix-feature-2e5ec07\" class=\"pix-feature-el media  \"><div class=\"media-body text-custom\"><h3 class=\"pix-feature-title  font-weight-bold  secondary-font text-heading-default  \" style=\"padding-top:8px;\"  >Desenvolvido no Brasil, em portugu\u00eas<\/h3><div class=\"pix-feature-content text-body-default      \" style=\"padding-top:5px;\"  >O VB365 foi desenvolvido especialmente para empresas brasileiras, com interface, recursos, suporte e atendimento no seu idioma.<\/div><\/div><\/div><\/a>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67b4408 e-con-full e-flex e-con e-child\" data-id=\"67b4408\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-430f857 elementor-widget__width-initial elementor-widget elementor-widget-pix-feature\" data-id=\"430f857\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-feature.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a href=\"#\" ><div id=\"pix-feature-430f857\" class=\"pix-feature-el media  \"><div class=\"media-body text-custom\"><h3 class=\"pix-feature-title  font-weight-bold  secondary-font text-heading-default  \" style=\"padding-top:8px;\"  >Mais clareza na rotina da empresa<\/h3><div class=\"pix-feature-content text-body-default      \" style=\"padding-top:5px;\"  >Recursos organizados para facilitar o uso no dia a dia, sem excesso de complexidade e sem ferramentas desnecess\u00e1rias.<\/div><\/div><\/div><\/a>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3427824 e-flex e-con-boxed e-con e-parent\" data-id=\"3427824\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7747f7f e-flex e-con-boxed e-con e-child\" data-id=\"7747f7f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-06d340b e-flex e-con-boxed e-con e-child\" data-id=\"06d340b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ec9a7b elementor-widget__width-initial elementor-widget elementor-widget-pix-highlighted-text\" data-id=\"8ec9a7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-highlighted-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"el-955821-8ec9a7b\" class=\"pix-highlighted-element text-left \"><div class=\"d-inline-block\" style=\"max-width:1200px;\"><h4 class=\"pix-highlighted-items \" style=\"\" data-anim-type=\"\" data-anim-delay=\"\"><span id=\"el-955821-8ec9a7b-0\"  class=\" elementor-repeater-item-e3ab600\"><span data-anim-type=\"fade-in\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">Sua&nbsp;<\/span><span data-anim-type=\"fade-in\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">empresa&nbsp;<\/span><span data-anim-type=\"fade-in\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">n\u00e3o&nbsp;<\/span><span data-anim-type=\"fade-in\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">precisa&nbsp;<\/span><span data-anim-type=\"fade-in\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">de<\/span><\/span><br \/><span id=\"el-955821-8ec9a7b-1\"  class=\" elementor-repeater-item-3b57099\"><span data-anim-type=\"fade-in\" data-anim-delay=\"400\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">v\u00e1rios&nbsp;<\/span><span data-anim-type=\"fade-in\" data-anim-delay=\"400\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">sistemas&nbsp;<\/span><span data-anim-type=\"fade-in\" data-anim-delay=\"400\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">diferentes.<\/span><\/span><br \/><span id=\"el-955821-8ec9a7b-2\"  class=\" elementor-repeater-item-a70dd13\"><span data-anim-type=\"fade-in\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">Precisa&nbsp;<\/span><span data-anim-type=\"fade-in\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">apenas&nbsp;<\/span><span data-anim-type=\"fade-in\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-primary\">do<\/span><\/span><span id=\"el-955821-8ec9a7b-3\"  class=\" elementor-repeater-item-4e3365e\"><span data-anim-type=\"fade-in\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">&nbsp;<\/span><span data-anim-type=\"fade-in\" data-anim-delay=\"100\" class=\"pix-highlighted-text d-inline-block  pix-highlight-item font-weight-normal  font-weight-bold heading-font animate-in text-secondary\">VB365<\/span><\/span><span id=\"el-955821-8ec9a7b-4\"  class=\" elementor-repeater-item-ca17876\"><span   class=\"pix-highlighted-text  pix-highlight-item font-weight-normal  heading-font text-primary\">.<\/span><\/span><\/h4><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-538a49d e-con-full e-flex e-con e-child\" data-id=\"538a49d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-880cbf4 e-con-full e-flex e-con e-child\" data-id=\"880cbf4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58a0909 elementor-align-left abrir-popup-voip elementor-widget elementor-widget-button\" data-id=\"58a0909\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Agende uma conversa<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76360c6 elementor-widget elementor-widget-button\" data-id=\"76360c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/api.whatsapp.com\/send?phone=551151983597&#038;text=Ol%C3%A1%20estou%20vindo%20do%20site%20da%20VB%20e%20gostaria%20de%20saber%20mais.\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ou fale com nossa equipe de vendas<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ecef42d e-con-full e-flex e-con e-child\" data-id=\"ecef42d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t<div class=\"animate-in elementor-element elementor-element-8d87328 e-con-full e-flex e-con e-child\" data-anim-type=\"fade-in-up\" data-anim-delay=\"100\" data-id=\"8d87328\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;pix_scale_in&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f6b0d2 elementor-widget elementor-widget-pix-numbers\" data-id=\"2f6b0d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-numbers.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pix_numbers animate-math \"><div><div class=\"mb-0 align-self-center text-left h2 heading-font \"><span class=\"number-title font-weight-bold text-heading-default\" style=\"\"><\/span><number-flow class=\"number-title number font-weight-bold text-heading-default\" style=\"\" data-duration=\"1000\" data-to=\"4.8\" data-animation-style=\"flow\">0<\/number-flow><span class=\"number-title font-weight-bold text-heading-default\" style=\"\"><\/span><\/div><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbeb773 elementor-widget__width-auto elementor-invisible elementor-widget elementor-widget-pix-social-icons\" data-id=\"fbeb773\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pix-social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"text-yellow text-center pix-social-icons font-weight-bold d-inline-block w-100 \" style=\"\"><span class=\"text-yellow animate-in d-inline-block  text-20 \" data-anim-type=\"fade-in\" data-anim-delay=\"100\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\" style=\"padding-left:2px;padding-right:2px;\" data-name=\"Duotone\/pixfort-icon-star-1\" viewBox=\"2 2 20 20\"><path fill=\"var(--pf-icon-color)\" fill-rule=\"evenodd\" d=\"M11.1032639,3.55743429 L8.691,8.445 L3.29669304,9.22924004 L3.18291672,9.25217029 C2.44736975,9.44344861 2.17722536,10.3839466 2.74247966,10.9349334 L6.645,14.739 L5.72432441,20.1121079 L5.71129625,20.2222255 C5.66190665,20.9835628 6.47499317,21.5344437 7.17527386,21.1662844 L12,18.63 L16.8247261,21.1662844 L16.9254283,21.2127031 C17.6342409,21.4949416 18.4094173,20.8918819 18.2756756,20.1121079 L17.354,14.739 L21.2575203,10.9349334 L21.3360892,10.8495064 C21.8187287,10.2624153 21.4844692,9.34274955 20.703307,9.22924004 L15.308,8.445 L12.8967361,3.55743429 C12.5299224,2.81418857 11.4700776,2.81418857 11.1032639,3.55743429 Z\"\/><\/svg><\/span><span class=\"text-yellow animate-in d-inline-block  text-20 \" data-anim-type=\"fade-in\" data-anim-delay=\"200\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\" style=\"padding-left:2px;padding-right:2px;\" data-name=\"Duotone\/pixfort-icon-star-1\" viewBox=\"2 2 20 20\"><path fill=\"var(--pf-icon-color)\" fill-rule=\"evenodd\" d=\"M11.1032639,3.55743429 L8.691,8.445 L3.29669304,9.22924004 L3.18291672,9.25217029 C2.44736975,9.44344861 2.17722536,10.3839466 2.74247966,10.9349334 L6.645,14.739 L5.72432441,20.1121079 L5.71129625,20.2222255 C5.66190665,20.9835628 6.47499317,21.5344437 7.17527386,21.1662844 L12,18.63 L16.8247261,21.1662844 L16.9254283,21.2127031 C17.6342409,21.4949416 18.4094173,20.8918819 18.2756756,20.1121079 L17.354,14.739 L21.2575203,10.9349334 L21.3360892,10.8495064 C21.8187287,10.2624153 21.4844692,9.34274955 20.703307,9.22924004 L15.308,8.445 L12.8967361,3.55743429 C12.5299224,2.81418857 11.4700776,2.81418857 11.1032639,3.55743429 Z\"\/><\/svg><\/span><span class=\"text-yellow animate-in d-inline-block  text-20 \" data-anim-type=\"fade-in\" data-anim-delay=\"300\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\" style=\"padding-left:2px;padding-right:2px;\" data-name=\"Duotone\/pixfort-icon-star-1\" viewBox=\"2 2 20 20\"><path fill=\"var(--pf-icon-color)\" fill-rule=\"evenodd\" d=\"M11.1032639,3.55743429 L8.691,8.445 L3.29669304,9.22924004 L3.18291672,9.25217029 C2.44736975,9.44344861 2.17722536,10.3839466 2.74247966,10.9349334 L6.645,14.739 L5.72432441,20.1121079 L5.71129625,20.2222255 C5.66190665,20.9835628 6.47499317,21.5344437 7.17527386,21.1662844 L12,18.63 L16.8247261,21.1662844 L16.9254283,21.2127031 C17.6342409,21.4949416 18.4094173,20.8918819 18.2756756,20.1121079 L17.354,14.739 L21.2575203,10.9349334 L21.3360892,10.8495064 C21.8187287,10.2624153 21.4844692,9.34274955 20.703307,9.22924004 L15.308,8.445 L12.8967361,3.55743429 C12.5299224,2.81418857 11.4700776,2.81418857 11.1032639,3.55743429 Z\"\/><\/svg><\/span><span class=\"text-yellow animate-in d-inline-block  text-20 \" data-anim-type=\"fade-in\" data-anim-delay=\"400\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\" style=\"padding-left:2px;padding-right:2px;\" data-name=\"Duotone\/pixfort-icon-star-1\" viewBox=\"2 2 20 20\"><path fill=\"var(--pf-icon-color)\" fill-rule=\"evenodd\" d=\"M11.1032639,3.55743429 L8.691,8.445 L3.29669304,9.22924004 L3.18291672,9.25217029 C2.44736975,9.44344861 2.17722536,10.3839466 2.74247966,10.9349334 L6.645,14.739 L5.72432441,20.1121079 L5.71129625,20.2222255 C5.66190665,20.9835628 6.47499317,21.5344437 7.17527386,21.1662844 L12,18.63 L16.8247261,21.1662844 L16.9254283,21.2127031 C17.6342409,21.4949416 18.4094173,20.8918819 18.2756756,20.1121079 L17.354,14.739 L21.2575203,10.9349334 L21.3360892,10.8495064 C21.8187287,10.2624153 21.4844692,9.34274955 20.703307,9.22924004 L15.308,8.445 L12.8967361,3.55743429 C12.5299224,2.81418857 11.4700776,2.81418857 11.1032639,3.55743429 Z\"\/><\/svg><\/span><span class=\"text-yellow animate-in d-inline-block  text-20 \" data-anim-type=\"fade-in\" data-anim-delay=\"500\"><svg class=\"pixfort-icon \" width=\"24\" height=\"24\" style=\"padding-left:2px;padding-right:2px;\" data-name=\"Duotone\/pixfort-icon-star-1\" viewBox=\"2 2 20 20\"><path fill=\"var(--pf-icon-color)\" fill-rule=\"evenodd\" d=\"M11.1032639,3.55743429 L8.691,8.445 L3.29669304,9.22924004 L3.18291672,9.25217029 C2.44736975,9.44344861 2.17722536,10.3839466 2.74247966,10.9349334 L6.645,14.739 L5.72432441,20.1121079 L5.71129625,20.2222255 C5.66190665,20.9835628 6.47499317,21.5344437 7.17527386,21.1662844 L12,18.63 L16.8247261,21.1662844 L16.9254283,21.2127031 C17.6342409,21.4949416 18.4094173,20.8918819 18.2756756,20.1121079 L17.354,14.739 L21.2575203,10.9349334 L21.3360892,10.8495064 C21.8187287,10.2624153 21.4844692,9.34274955 20.703307,9.22924004 L15.308,8.445 L12.8967361,3.55743429 C12.5299224,2.81418857 11.4700776,2.81418857 11.1032639,3.55743429 Z\"\/><\/svg><\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fc90e9 elementor-widget elementor-widget-text-editor\" data-id=\"3fc90e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Avaliada 4.8 de 5<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Base de Clientes IVR \/ URA Filas de espera \u00c1udios personaliz\u00e1veis Grupos de chamadas Hist\u00f3rico 360\u00b0 Multi-canal Tags &amp; Filtros Pesquisa de satisfa\u00e7\u00e3o Campanhas de voz SMS em massa Identifica\u00e7\u00e3o do chamador Hor\u00e1rios Whitelabel Recursos&#32; para&#32; Gest\u00e3o&#32; Troque&#32; estimativas&#32; por&#32;&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-955821","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/novosite.voipdobrasil.com.br\/v1\/wp-json\/wp\/v2\/pages\/955821","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/novosite.voipdobrasil.com.br\/v1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/novosite.voipdobrasil.com.br\/v1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/novosite.voipdobrasil.com.br\/v1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/novosite.voipdobrasil.com.br\/v1\/wp-json\/wp\/v2\/comments?post=955821"}],"version-history":[{"count":0,"href":"https:\/\/novosite.voipdobrasil.com.br\/v1\/wp-json\/wp\/v2\/pages\/955821\/revisions"}],"wp:attachment":[{"href":"https:\/\/novosite.voipdobrasil.com.br\/v1\/wp-json\/wp\/v2\/media?parent=955821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}