{"id":955993,"date":"2026-08-06T19:34:01","date_gmt":"2026-08-06T19:34:01","guid":{"rendered":"https:\/\/novosite.voipdobrasil.com.br\/v1\/?page_id=955993"},"modified":"2026-09-01T14:12:21","modified_gmt":"2026-09-01T14:12:21","slug":"software-de-rh-vb365","status":"publish","type":"page","link":"https:\/\/novosite.voipdobrasil.com.br\/v1\/software-de-rh-vb365\/","title":{"rendered":"VB365 RH (Recursos Humanos)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"955993\" class=\"elementor elementor-955993\" 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;\">RH&#32;<\/span><\/span> <span class=\"slide-in-container \"><span class=\"pix-sliding-item secondary-font text-secondary\" style=\"transition-delay: 100ms;transition-duration: 800ms;\">(Recursos&#32;<\/span><\/span> <span class=\"slide-in-container \"><span class=\"pix-sliding-item secondary-font text-secondary\" style=\"transition-delay: 200ms;transition-duration: 800ms;\">Humanos)&#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 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: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-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;\">Gest\u00e3o&#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;\">de&#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;\">jornada&#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;\">e&#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;\">ponto&#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;\">digital&#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;\">em&#32;<\/span><\/span> <span class=\"slide-in-container \"><span class=\"pix-sliding-item secondary-font text-heading-default\" style=\"transition-delay: 700ms;transition-duration: 800ms;\">tempo&#32;<\/span><\/span> <span class=\"slide-in-container \"><span class=\"pix-sliding-item secondary-font text-heading-default\" style=\"transition-delay: 800ms;transition-duration: 800ms;\">real&#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:600px;\"><p class=\" resp-option text-body-default text-left \" >Registre o ponto em um clique, saiba quem est\u00e1 em pausa, almo\u00e7o ou opera\u00e7\u00e3o e gere o espelho de ponto pronto para o fechamento de folha.<\/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 RH \/ GEST\u00c3O DE JORNADA\r\n MOCKUP MULTITELAS PARA HERO\r\n WORDPRESS + ELEMENTOR\r\n\r\n HTML + CSS + JS EMBUTIDO \/ ISOLADO\r\n\r\n PADR\u00c3O VB365:\r\n - MAX-WIDTH: 580PX\r\n - ALTURA: 468PX\r\n - 1 \u00daNICO MOCKUP\r\n - 3 TELAS ALTERNANDO\r\n - CONTE\u00daDO FICT\u00cdCIO\r\n - VISUAL CLEAN\r\n - \u00cdCONES DISCRETOS\r\n - MOVIMENTOS SUTIS\r\n - REL\u00d3GIO EM TEMPO REAL\r\n - JORNADA ANIMADA\r\n - STATUS DA EQUIPE\r\n - RESPONSIVO\r\n\r\n TELAS:\r\n 01. VIS\u00c3O GERAL\r\n 02. EQUIPE & PONTO\r\n 03. ESCALAS & INDICADORES\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\r\n========================================================= *\/\r\n\r\n#vb365-rh-rich-2026,\r\n#vb365-rh-rich-2026 *,\r\n#vb365-rh-rich-2026 *::before,\r\n#vb365-rh-rich-2026 *::after {\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n#vb365-rh-rich-2026 {\r\n\r\n  --vrh-blue:#0759a9;\r\n  --vrh-blue-2:#0878ee;\r\n  --vrh-blue-soft:#edf5fc;\r\n\r\n  --vrh-bg:#f4f7f9;\r\n  --vrh-white:#ffffff;\r\n\r\n  --vrh-border:#dfe6ed;\r\n  --vrh-border-soft:#edf1f5;\r\n\r\n  --vrh-dark:#34475e;\r\n  --vrh-text:#5d6e83;\r\n  --vrh-muted:#98a6b6;\r\n\r\n  --vrh-green:#20ad65;\r\n  --vrh-green-soft:#e9f8f0;\r\n\r\n  --vrh-orange:#d99b2b;\r\n  --vrh-orange-soft:#fff5e5;\r\n\r\n  --vrh-red:#df5963;\r\n  --vrh-red-soft:#fff0f1;\r\n\r\n  --vrh-purple:#7471df;\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(--vrh-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 vrh-enter {\r\n\r\n  from {\r\n    opacity:0;\r\n    transform:translateY(12px);\r\n  }\r\n\r\n  to {\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes vrh-screen {\r\n\r\n  from {\r\n    opacity:0;\r\n    transform:\r\n      translateX(13px)\r\n      scale(.994);\r\n  }\r\n\r\n  to {\r\n    opacity:1;\r\n    transform:\r\n      translateX(0)\r\n      scale(1);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes vrh-card {\r\n\r\n  from {\r\n    opacity:0;\r\n    transform:translateY(6px);\r\n  }\r\n\r\n  to {\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes vrh-pulse {\r\n\r\n  0%,\r\n  100% {\r\n    opacity:1;\r\n    transform:scale(1);\r\n  }\r\n\r\n  50% {\r\n    opacity:.42;\r\n    transform:scale(.72);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes vrh-live {\r\n\r\n  0% {\r\n    box-shadow:\r\n      0 0 0 0\r\n      rgba(32,173,101,.30);\r\n  }\r\n\r\n  70% {\r\n    box-shadow:\r\n      0 0 0 6px\r\n      rgba(32,173,101,0);\r\n  }\r\n\r\n  100% {\r\n    box-shadow:\r\n      0 0 0 0\r\n      rgba(32,173,101,0);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes vrh-bar {\r\n\r\n  from {\r\n    width:0;\r\n  }\r\n\r\n  to {\r\n    width:var(--value);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes vrh-row {\r\n\r\n  0% {\r\n    background:#ffffff;\r\n    box-shadow:\r\n      inset 0 0 0\r\n      rgba(7,89,169,0);\r\n  }\r\n\r\n  50% {\r\n    background:#eef6fd;\r\n    box-shadow:\r\n      inset 3px 0 0\r\n      rgba(7,89,169,.40);\r\n  }\r\n\r\n  100% {\r\n    background:#f8fbfe;\r\n    box-shadow:\r\n      inset 3px 0 0\r\n      rgba(7,89,169,.18);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes vrh-number {\r\n\r\n  from {\r\n    opacity:.3;\r\n    transform:translateY(3px);\r\n  }\r\n\r\n  to {\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes vrh-person {\r\n\r\n  0%,\r\n  100% {\r\n    transform:translateY(0);\r\n    border-color:#edf1f5;\r\n  }\r\n\r\n  50% {\r\n    transform:translateY(-2px);\r\n    border-color:#bdd8ee;\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes vrh-shimmer {\r\n\r\n  0% {\r\n    left:-40%;\r\n  }\r\n\r\n  100% {\r\n    left:120%;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   JANELA\r\n========================================================= *\/\r\n\r\n#vb365-rh-rich-2026 .vrh-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(--vrh-bg);\r\n\r\n  border:1px solid #dfe5ec;\r\n\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:\r\n    vrh-enter\r\n    .55s\r\n    ease-out\r\n    both;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BARRA DO NAVEGADOR\r\n========================================================= *\/\r\n\r\n#vb365-rh-rich-2026 .vrh-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\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\r\n#vb365-rh-rich-2026 .vrh-browser-dots {\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:5px;\r\n\r\n  flex-shrink:0;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-browser-dot {\r\n\r\n  width:9px;\r\n  height:9px;\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-browser-dot.red {\r\n  background:#ff6058;\r\n}\r\n\r\n#vb365-rh-rich-2026 .vrh-browser-dot.yellow {\r\n  background:#ffbd2e;\r\n}\r\n\r\n#vb365-rh-rich-2026 .vrh-browser-dot.green {\r\n  background:#28c840;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-url {\r\n\r\n  flex:1;\r\n\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  border:1px solid #edf1f5;\r\n\r\n  border-radius:6px;\r\n\r\n  background:#ffffff;\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\r\n  overflow:hidden;\r\n  text-overflow:ellipsis;\r\n\r\n  transition:opacity .2s ease;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-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.2px;\r\n  font-weight:600;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-online {\r\n\r\n  width:5px;\r\n  height:5px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--vrh-green);\r\n\r\n  animation:\r\n    vrh-pulse\r\n    1.8s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STAGE\r\n========================================================= *\/\r\n\r\n#vb365-rh-rich-2026 .vrh-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\r\n#vb365-rh-rich-2026 .vrh-screen {\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  visibility:hidden;\r\n\r\n  opacity:0;\r\n\r\n  pointer-events:none;\r\n\r\n  background:var(--vrh-bg);\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-screen.active {\r\n\r\n  visibility:visible;\r\n\r\n  opacity:1;\r\n\r\n  pointer-events:auto;\r\n\r\n  animation:\r\n    vrh-screen\r\n    .42s\r\n    ease\r\n    both;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n#vb365-rh-rich-2026 .vrh-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:#ffffff;\r\n\r\n  border-bottom:1px solid var(--vrh-border);\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-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\r\n#vb365-rh-rich-2026 .vrh-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-radius:8px;\r\n\r\n  background:var(--vrh-blue-soft);\r\n\r\n  border:1px solid #dce9f5;\r\n\r\n  color:var(--vrh-blue);\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-head-icon svg {\r\n\r\n  width:13px;\r\n  height:13px;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-title {\r\n\r\n  color:var(--vrh-dark);\r\n\r\n  font-size:8.4px;\r\n  font-weight:800;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-subtitle {\r\n\r\n  margin-top:2px;\r\n\r\n  color:var(--vrh-muted);\r\n\r\n  font-size:4.4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOTS DAS TELAS\r\n========================================================= *\/\r\n\r\n#vb365-rh-rich-2026 .vrh-nav {\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:4px;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-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\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    border-radius .25s ease,\r\n    background .25s ease;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-nav-dot.active {\r\n\r\n  width:15px;\r\n\r\n  border-radius:5px;\r\n\r\n  background:var(--vrh-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTE\u00daDO\r\n========================================================= *\/\r\n\r\n#vb365-rh-rich-2026 .vrh-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-rh-rich-2026 .vrh-metrics {\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1.08fr\r\n    repeat(3,1fr);\r\n\r\n  gap:5px;\r\n\r\n  margin-bottom:6px;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-metric {\r\n\r\n  position:relative;\r\n\r\n  min-width:0;\r\n\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  border:1px solid var(--vrh-border);\r\n\r\n  border-radius:9px;\r\n\r\n  background:#ffffff;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-screen.active .vrh-metric {\r\n\r\n  animation:\r\n    vrh-card\r\n    .35s\r\n    ease\r\n    both;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-metric::before {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  bottom:0;\r\n  left:0;\r\n\r\n  width:2px;\r\n\r\n  background:var(--accent);\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-metric.blue {\r\n\r\n  --accent:#0759a9;\r\n\r\n  background:#0759a9;\r\n\r\n  border-color:#0759a9;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-metric.green {\r\n  --accent:#60b987;\r\n}\r\n\r\n#vb365-rh-rich-2026 .vrh-metric.orange {\r\n  --accent:#d9a047;\r\n}\r\n\r\n#vb365-rh-rich-2026 .vrh-metric.red {\r\n  --accent:#d87b83;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-metric-label {\r\n\r\n  margin-bottom:3px;\r\n\r\n  color:#79899c;\r\n\r\n  font-size:3.9px;\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\r\n#vb365-rh-rich-2026 .vrh-metric-value {\r\n\r\n  color:var(--vrh-dark);\r\n\r\n  font-size:9.5px;\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\r\n#vb365-rh-rich-2026 .vrh-metric-value small {\r\n\r\n  margin-left:2px;\r\n\r\n  color:#9aa7b7;\r\n\r\n  font-size:3.5px;\r\n  font-weight:500;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-metric.blue .vrh-metric-label,\r\n#vb365-rh-rich-2026 .vrh-metric.blue .vrh-metric-value,\r\n#vb365-rh-rich-2026 .vrh-metric.blue .vrh-metric-value small {\r\n\r\n  color:#ffffff;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-metric.blue .vrh-metric-label,\r\n#vb365-rh-rich-2026 .vrh-metric.blue .vrh-metric-value small {\r\n\r\n  opacity:.78;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-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-radius:7px;\r\n\r\n  border:1px solid #e7ecf1;\r\n\r\n  background:#f0f4f8;\r\n\r\n  color:#667b91;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-metric-icon svg {\r\n\r\n  width:10px;\r\n  height:10px;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-metric.blue .vrh-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:#ffffff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOOLBAR\r\n========================================================= *\/\r\n\r\n#vb365-rh-rich-2026 .vrh-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\r\n#vb365-rh-rich-2026 .vrh-search {\r\n\r\n  flex:1;\r\n\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  border:1px solid #dfe5ec;\r\n\r\n  border-radius:14px;\r\n\r\n  background:#ffffff;\r\n\r\n  color:#8d9bad;\r\n\r\n  font-size:4.6px;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-search svg {\r\n\r\n  width:9px;\r\n  height:9px;\r\n\r\n  color:#65778c;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-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  border:1px solid #dfe6ed;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#ffffff;\r\n\r\n  color:#6b7d91;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-tool svg {\r\n\r\n  width:10px;\r\n  height:10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STATUS\r\n========================================================= *\/\r\n\r\n#vb365-rh-rich-2026 .vrh-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.5px;\r\n  font-weight:700;\r\n\r\n  white-space:nowrap;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-status.green {\r\n  background:#edf8f2;\r\n  color:#35835f;\r\n}\r\n\r\n#vb365-rh-rich-2026 .vrh-status.blue {\r\n  background:#edf4fb;\r\n  color:#3973a2;\r\n}\r\n\r\n#vb365-rh-rich-2026 .vrh-status.orange {\r\n  background:#fff5e6;\r\n  color:#b77b22;\r\n}\r\n\r\n#vb365-rh-rich-2026 .vrh-status.red {\r\n  background:#fff0f1;\r\n  color:#c85a64;\r\n}\r\n\r\n#vb365-rh-rich-2026 .vrh-status.gray {\r\n  background:#f0f3f6;\r\n  color:#77879a;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PAIN\u00c9IS\r\n========================================================= *\/\r\n\r\n#vb365-rh-rich-2026 .vrh-panel {\r\n\r\n  min-width:0;\r\n\r\n  overflow:hidden;\r\n\r\n  border:1px solid #e1e7ed;\r\n\r\n  border-radius:9px;\r\n\r\n  background:#ffffff;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-panel-head {\r\n\r\n  min-height:30px;\r\n\r\n  padding:5px 7px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:5px;\r\n\r\n  border-bottom:1px solid #edf1f5;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-panel-title {\r\n\r\n  color:#4d6178;\r\n\r\n  font-size:4.6px;\r\n  font-weight:800;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-panel-meta {\r\n\r\n  margin-top:2px;\r\n\r\n  color:#9aa7b6;\r\n\r\n  font-size:3px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DASHBOARD\r\n========================================================= *\/\r\n\r\n#vb365-rh-rich-2026 .vrh-dashboard {\r\n\r\n  height:274px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1.03fr\r\n    .97fr;\r\n\r\n  gap:6px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PONTO DIGITAL\r\n========================================================= *\/\r\n\r\n#vb365-rh-rich-2026 .vrh-clock {\r\n\r\n  position:relative;\r\n\r\n  height:151px;\r\n\r\n  padding:10px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:8px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #0759a9,\r\n      #0969c3\r\n    );\r\n\r\n  color:#ffffff;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-clock::before {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:150px;\r\n  height:150px;\r\n\r\n  top:-90px;\r\n  right:-45px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(255,255,255,.15),\r\n      transparent 70%\r\n    );\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-clock-top {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  margin-bottom:7px;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-clock-label {\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:4px;\r\n\r\n  font-size:3.5px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.05em;\r\n\r\n  opacity:.88;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-clock-live {\r\n\r\n  width:5px;\r\n  height:5px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#73e4a6;\r\n\r\n  animation:\r\n    vrh-pulse\r\n    1.8s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-clock-state {\r\n\r\n  padding:3px 6px;\r\n\r\n  border-radius:8px;\r\n\r\n  background:rgba(255,255,255,.13);\r\n\r\n  font-size:3.2px;\r\n  font-weight:700;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-clock-main {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:7px;\r\n\r\n  margin-bottom:8px;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-time {\r\n\r\n  font-size:22px;\r\n  font-weight:800;\r\n\r\n  line-height:1;\r\n\r\n  font-variant-numeric:tabular-nums;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-date {\r\n\r\n  margin-top:3px;\r\n\r\n  font-size:3.3px;\r\n  font-weight:500;\r\n\r\n  opacity:.74;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-clock-button {\r\n\r\n  position:relative;\r\n\r\n  height:25px;\r\n\r\n  padding:0 9px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:4px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:13px;\r\n\r\n  background:#ffffff;\r\n\r\n  color:#0759a9;\r\n\r\n  font-size:3.6px;\r\n  font-weight:800;\r\n\r\n  transition:transform .2s ease;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-clock-button.press {\r\n\r\n  transform:scale(.94);\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-clock-button::after {\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  bottom:0;\r\n\r\n  left:-45%;\r\n\r\n  width:32%;\r\n\r\n  transform:skewX(-20deg);\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(7,89,169,.12),\r\n      transparent\r\n    );\r\n\r\n  animation:\r\n    vrh-shimmer\r\n    3.8s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-clock-button svg {\r\n\r\n  width:8px;\r\n  height:8px;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-journey-label {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  margin-bottom:4px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  font-size:3.2px;\r\n\r\n  opacity:.82;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-journey-label strong {\r\n\r\n  color:#ffffff;\r\n\r\n  font-size:3.6px;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-journey-track {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  height:5px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:5px;\r\n\r\n  background:rgba(255,255,255,.18);\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-journey-fill {\r\n\r\n  width:var(--value);\r\n  height:100%;\r\n\r\n  border-radius:5px;\r\n\r\n  background:#c8e2f6;\r\n\r\n  transition:width .75s ease;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-times {\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  margin-top:7px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  gap:3px;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-time-item {\r\n\r\n  padding:4px 2px;\r\n\r\n  text-align:center;\r\n\r\n  border-radius:5px;\r\n\r\n  background:rgba(255,255,255,.09);\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-time-item strong {\r\n\r\n  display:block;\r\n\r\n  font-size:3.7px;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-time-item span {\r\n\r\n  display:block;\r\n\r\n  margin-top:1px;\r\n\r\n  font-size:2.5px;\r\n\r\n  opacity:.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESUMO JORNADA\r\n========================================================= *\/\r\n\r\n#vb365-rh-rich-2026 .vrh-summary {\r\n\r\n  padding:6px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2,1fr);\r\n\r\n  gap:4px;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-summary-card {\r\n\r\n  padding:6px;\r\n\r\n  border:1px solid #edf1f5;\r\n\r\n  border-radius:6px;\r\n\r\n  background:#f9fbfc;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-summary-card strong {\r\n\r\n  display:block;\r\n\r\n  color:#42566d;\r\n\r\n  font-size:5.3px;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-summary-card 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.7px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EQUIPE ATUAL\r\n========================================================= *\/\r\n\r\n#vb365-rh-rich-2026 .vrh-person {\r\n\r\n  min-height:34px;\r\n\r\n  padding:5px 7px;\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\r\n#vb365-rh-rich-2026 .vrh-person:first-child {\r\n  border-top:0;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-person.person-active {\r\n\r\n  animation:\r\n    vrh-person\r\n    .8s\r\n    ease;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-avatar {\r\n\r\n  position:relative;\r\n\r\n  width:23px;\r\n  height:23px;\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:#edf4fa;\r\n\r\n  color:#47769d;\r\n\r\n  font-size:3.7px;\r\n  font-weight:800;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-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 #ffffff;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--status,#20ad65);\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-person-info {\r\n\r\n  flex:1;\r\n\r\n  min-width:0;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-person-name {\r\n\r\n  overflow:hidden;\r\n\r\n  color:#455970;\r\n\r\n  font-size:3.6px;\r\n  font-weight:700;\r\n\r\n  white-space:nowrap;\r\n  text-overflow:ellipsis;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-person-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   STATUS AO VIVO\r\n========================================================= *\/\r\n\r\n#vb365-rh-rich-2026 .vrh-live-box {\r\n\r\n  margin:5px 7px 7px;\r\n\r\n  padding:6px;\r\n\r\n  border:1px solid #edf1f5;\r\n\r\n  border-radius:7px;\r\n\r\n  background:#f8fafc;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-live-head {\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.2px;\r\n  font-weight:800;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-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(--vrh-green);\r\n\r\n  animation:\r\n    vrh-live\r\n    2s\r\n    ease-out\r\n    infinite;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-live-grid {\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:4px;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-live-stat {\r\n\r\n  padding:4px;\r\n\r\n  text-align:center;\r\n\r\n  border:1px solid #edf1f5;\r\n\r\n  border-radius:5px;\r\n\r\n  background:#ffffff;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-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\r\n#vb365-rh-rich-2026 .vrh-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   TABELA\r\n========================================================= *\/\r\n\r\n#vb365-rh-rich-2026 .vrh-table {\r\n\r\n  --vrh-grid:1fr;\r\n\r\n  overflow:hidden;\r\n\r\n  border:1px solid #e2e7ed;\r\n\r\n  border-radius:9px;\r\n\r\n  background:#ffffff;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-table-head,\r\n#vb365-rh-rich-2026 .vrh-table-row {\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    var(--vrh-grid);\r\n\r\n  align-items:center;\r\n\r\n  gap:4px;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-table-head {\r\n\r\n  min-height:25px;\r\n\r\n  padding:0 7px;\r\n\r\n  border-bottom:1px solid #edf1f5;\r\n\r\n  color:#7e8c9e;\r\n\r\n  font-size:3.5px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-table-row {\r\n\r\n  min-height:36px;\r\n\r\n  padding:4px 7px;\r\n\r\n  border-top:1px solid #edf1f5;\r\n\r\n  background:#ffffff;\r\n\r\n  color:#5b6c81;\r\n\r\n  font-size:3.9px;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-table-row:first-of-type {\r\n  border-top:0;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-table-row.row-active {\r\n\r\n  animation:\r\n    vrh-row\r\n    .5s\r\n    ease\r\n    forwards;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-table-main {\r\n\r\n  overflow:hidden;\r\n\r\n  color:#41536a;\r\n\r\n  font-weight:700;\r\n\r\n  white-space:nowrap;\r\n  text-overflow:ellipsis;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-table-sub {\r\n\r\n  display:block;\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.7px;\r\n\r\n  white-space:nowrap;\r\n  text-overflow:ellipsis;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-table-footer {\r\n\r\n  height:26px;\r\n\r\n  padding:0 8px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  background:#fafbfd;\r\n\r\n  border-top:1px solid #edf1f5;\r\n\r\n  color:#8c9aac;\r\n\r\n  font-size:3.1px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ESCALAS\r\n========================================================= *\/\r\n\r\n#vb365-rh-rich-2026 .vrh-planning {\r\n\r\n  height:274px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    1fr;\r\n\r\n  gap:6px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ESCALA SEMANAL\r\n========================================================= *\/\r\n\r\n#vb365-rh-rich-2026 .vrh-shift {\r\n\r\n  min-height:38px;\r\n\r\n  padding:5px 7px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    31px\r\n    1fr\r\n    42px;\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\r\n#vb365-rh-rich-2026 .vrh-shift:first-child {\r\n  border-top:0;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-shift-day {\r\n\r\n  color:#537088;\r\n\r\n  font-size:3.5px;\r\n  font-weight:800;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-shift-main {\r\n\r\n  min-width:0;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-shift-time {\r\n\r\n  color:#465970;\r\n\r\n  font-size:3.5px;\r\n  font-weight:700;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-shift-sub {\r\n\r\n  margin-top:1px;\r\n\r\n  color:#9aa7b6;\r\n\r\n  font-size:2.6px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INDICADORES\r\n========================================================= *\/\r\n\r\n#vb365-rh-rich-2026 .vrh-kpis {\r\n\r\n  padding:7px;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-kpi {\r\n\r\n  margin-bottom:7px;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-kpi:last-child {\r\n  margin-bottom:0;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-kpi-label {\r\n\r\n  margin-bottom:3px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  color:#718297;\r\n\r\n  font-size:3.2px;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-kpi-label strong {\r\n\r\n  color:#43566d;\r\n\r\n  font-size:3.5px;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-kpi-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\r\n#vb365-rh-rich-2026 .vrh-kpi-fill {\r\n\r\n  width:var(--value);\r\n  height:100%;\r\n\r\n  border-radius:4px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #7ba7ca,\r\n      #0759a9\r\n    );\r\n\r\n  animation:\r\n    vrh-bar\r\n    .8s\r\n    ease\r\n    both;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BANCO DE HORAS\r\n========================================================= *\/\r\n\r\n#vb365-rh-rich-2026 .vrh-bank {\r\n\r\n  margin:4px 7px 7px;\r\n\r\n  padding:6px;\r\n\r\n  border:1px solid #edf1f5;\r\n\r\n  border-radius:7px;\r\n\r\n  background:#f8fafc;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-bank-title {\r\n\r\n  margin-bottom:5px;\r\n\r\n  color:#64768b;\r\n\r\n  font-size:3.1px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-bank-grid {\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:4px;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-bank-stat {\r\n\r\n  padding:4px;\r\n\r\n  text-align:center;\r\n\r\n  border-radius:5px;\r\n\r\n  border:1px solid #edf1f5;\r\n\r\n  background:#ffffff;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-bank-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\r\n#vb365-rh-rich-2026 .vrh-bank-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   FAIXA INFERIOR\r\n========================================================= *\/\r\n\r\n#vb365-rh-rich-2026 .vrh-live-strip {\r\n\r\n  position:relative;\r\n\r\n  height:27px;\r\n\r\n  margin:5px 7px 7px;\r\n\r\n  padding:0 8px;\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:\r\n    linear-gradient(\r\n      90deg,\r\n      #0759a9,\r\n      #0b70cf\r\n    );\r\n\r\n  color:#ffffff;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-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\r\n  left:-45%;\r\n\r\n  width:30%;\r\n\r\n  transform:skewX(-20deg);\r\n\r\n  background:\r\n    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:\r\n    vrh-shimmer\r\n    4s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-live-strip-dot {\r\n\r\n  position:relative;\r\n\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:#ffffff;\r\n}\r\n\r\n\r\n#vb365-rh-rich-2026 .vrh-live-text {\r\n\r\n  position:relative;\r\n\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-rh-rich-2026 .vrh-window {\r\n\r\n    height:445px;\r\n\r\n    border-radius:14px;\r\n  }\r\n\r\n\r\n  #vb365-rh-rich-2026 .vrh-browser {\r\n\r\n    height:34px;\r\n\r\n    padding:0 9px;\r\n  }\r\n\r\n\r\n  #vb365-rh-rich-2026 .vrh-stage {\r\n\r\n    height:calc(100% - 34px);\r\n  }\r\n\r\n\r\n  #vb365-rh-rich-2026 .vrh-browser-status {\r\n\r\n    display:none;\r\n  }\r\n\r\n\r\n  #vb365-rh-rich-2026 .vrh-content {\r\n\r\n    padding:7px;\r\n  }\r\n\r\n\r\n  #vb365-rh-rich-2026 .vrh-metric {\r\n\r\n    height:45px;\r\n    padding:6px;\r\n  }\r\n\r\n\r\n  #vb365-rh-rich-2026 .vrh-metric-icon {\r\n\r\n    display:none;\r\n  }\r\n\r\n\r\n  #vb365-rh-rich-2026 .vrh-metric-label {\r\n\r\n    font-size:3px;\r\n  }\r\n\r\n\r\n  #vb365-rh-rich-2026 .vrh-metric-value {\r\n\r\n    font-size:7.5px;\r\n  }\r\n\r\n\r\n  #vb365-rh-rich-2026 .vrh-dashboard {\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr;\r\n  }\r\n\r\n\r\n  #vb365-rh-rich-2026 .vrh-planning {\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr;\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-rh-rich-2026 *,\r\n  #vb365-rh-rich-2026 *::before,\r\n  #vb365-rh-rich-2026 *::after {\r\n\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-rh-rich-2026\">\r\n\r\n  <div class=\"vrh-window\">\r\n\r\n\r\n    <!-- =====================================================\r\n         NAVEGADOR\r\n    ====================================================== -->\r\n\r\n    <div class=\"vrh-browser\">\r\n\r\n      <div class=\"vrh-browser-dots\">\r\n\r\n        <span class=\"vrh-browser-dot red\"><\/span>\r\n        <span class=\"vrh-browser-dot yellow\"><\/span>\r\n        <span class=\"vrh-browser-dot green\"><\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div\r\n        class=\"vrh-url\"\r\n        id=\"vrhCurrentUrl\"\r\n      >\r\n        app.vb365.com.br\/rh\/jornada\r\n      <\/div>\r\n\r\n\r\n      <div class=\"vrh-browser-status\">\r\n\r\n        <span class=\"vrh-online\"><\/span>\r\n\r\n        Jornada sincronizada\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=\"vrh-stage\">\r\n\r\n\r\n      <!-- ===================================================\r\n           01 \u2014 VIS\u00c3O GERAL\r\n      ==================================================== -->\r\n\r\n      <section\r\n        class=\"vrh-screen active\"\r\n        data-url=\"app.vb365.com.br\/rh\/jornada\"\r\n      >\r\n\r\n        <div class=\"vrh-head\">\r\n\r\n          <div class=\"vrh-head-left\">\r\n\r\n            <span class=\"vrh-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\r\n            <div>\r\n\r\n              <div class=\"vrh-title\">\r\n                Gest\u00e3o de Jornada\r\n              <\/div>\r\n\r\n              <div class=\"vrh-subtitle\">\r\n                Ponto digital, equipe e controle de horas\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"vrh-nav\">\r\n\r\n            <button class=\"vrh-nav-dot active\" data-go=\"0\"><\/button>\r\n            <button class=\"vrh-nav-dot\" data-go=\"1\"><\/button>\r\n            <button class=\"vrh-nav-dot\" data-go=\"2\"><\/button>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"vrh-content\">\r\n\r\n\r\n          <!-- M\u00c9TRICAS -->\r\n\r\n          <div class=\"vrh-metrics\">\r\n\r\n\r\n            <div class=\"vrh-metric blue\">\r\n\r\n              <div>\r\n\r\n                <div class=\"vrh-metric-label\">\r\n                  Colaboradores\r\n                <\/div>\r\n\r\n                <div class=\"vrh-metric-value\">\r\n                  48\r\n                  <small>ativos<\/small>\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <span class=\"vrh-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                  <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=\"vrh-metric green\">\r\n\r\n              <div>\r\n\r\n                <div class=\"vrh-metric-label\">\r\n                  Em opera\u00e7\u00e3o\r\n                <\/div>\r\n\r\n                <div\r\n                  class=\"vrh-metric-value\"\r\n                  id=\"vrhWorking\"\r\n                >\r\n                  39\r\n                  <small>pessoas<\/small>\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <span class=\"vrh-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=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                  <path d=\"M8 12l3 3 5-6\"><\/path>\r\n                <\/svg>\r\n\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vrh-metric orange\">\r\n\r\n              <div>\r\n\r\n                <div class=\"vrh-metric-label\">\r\n                  Em intervalo\r\n                <\/div>\r\n\r\n                <div\r\n                  class=\"vrh-metric-value\"\r\n                  id=\"vrhBreak\"\r\n                >\r\n                  6\r\n                  <small>pessoas<\/small>\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <span class=\"vrh-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=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                  <path d=\"M12 7v5l3 2\"><\/path>\r\n                <\/svg>\r\n\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vrh-metric red\">\r\n\r\n              <div>\r\n\r\n                <div class=\"vrh-metric-label\">\r\n                  Pend\u00eancias\r\n                <\/div>\r\n\r\n                <div\r\n                  class=\"vrh-metric-value\"\r\n                  id=\"vrhIssues\"\r\n                >\r\n                  3\r\n                  <small>registros<\/small>\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <span class=\"vrh-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                  <path d=\"M12 4l9 16H3z\"><\/path>\r\n                  <path d=\"M12 9v5\"><\/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          <!-- TOOLBAR -->\r\n\r\n          <div class=\"vrh-toolbar\">\r\n\r\n            <div class=\"vrh-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, escala ou registro...\r\n\r\n            <\/div>\r\n\r\n\r\n            <span class=\"vrh-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-8L3 4z\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- DASHBOARD -->\r\n\r\n          <div class=\"vrh-dashboard\">\r\n\r\n\r\n            <!-- ESQUERDA -->\r\n\r\n            <div\r\n              style=\"\r\n                display:grid;\r\n                grid-template-rows:151px 117px;\r\n                gap:6px;\r\n                min-width:0;\r\n              \"\r\n            >\r\n\r\n\r\n              <!-- PONTO DIGITAL -->\r\n\r\n              <div class=\"vrh-clock\">\r\n\r\n                <div class=\"vrh-clock-top\">\r\n\r\n                  <span class=\"vrh-clock-label\">\r\n\r\n                    <span class=\"vrh-clock-live\"><\/span>\r\n\r\n                    Ponto digital\r\n\r\n                  <\/span>\r\n\r\n                  <span class=\"vrh-clock-state\">\r\n                    Em jornada\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vrh-clock-main\">\r\n\r\n                  <div>\r\n\r\n                    <div\r\n                      class=\"vrh-time\"\r\n                      id=\"vrhClock\"\r\n                    >\r\n                      09:42\r\n                    <\/div>\r\n\r\n                    <div class=\"vrh-date\">\r\n                      Ter\u00e7a-feira \u00b7 01 de setembro\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <span\r\n                    class=\"vrh-clock-button\"\r\n                    id=\"vrhClockButton\"\r\n                  >\r\n\r\n                    <svg\r\n                      viewBox=\"0 0 24 24\"\r\n                      fill=\"none\"\r\n                      stroke=\"currentColor\"\r\n                      stroke-width=\"2.3\"\r\n                    >\r\n                      <path d=\"M9 11l3 3 8-9\"><\/path>\r\n                      <path d=\"M4 5h10M4 19h15\"><\/path>\r\n                    <\/svg>\r\n\r\n                    Registrar ponto\r\n\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vrh-journey-label\">\r\n\r\n                  <span>\r\n                    Jornada realizada\r\n                  <\/span>\r\n\r\n                  <strong id=\"vrhJourneyPct\">\r\n                    72%\r\n                  <\/strong>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vrh-journey-track\">\r\n\r\n                  <div\r\n                    class=\"vrh-journey-fill\"\r\n                    id=\"vrhJourneyFill\"\r\n                    style=\"\r\n                      --value:72%;\r\n                      width:72%;\r\n                    \"\r\n                  ><\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vrh-times\">\r\n\r\n                  <div class=\"vrh-time-item\">\r\n\r\n                    <strong>08:16<\/strong>\r\n\r\n                    <span>\r\n                      Entrada\r\n                    <\/span>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"vrh-time-item\">\r\n\r\n                    <strong>12:08<\/strong>\r\n\r\n                    <span>\r\n                      Sa\u00edda\r\n                    <\/span>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"vrh-time-item\">\r\n\r\n                    <strong>13:04<\/strong>\r\n\r\n                    <span>\r\n                      Retorno\r\n                    <\/span>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"vrh-time-item\">\r\n\r\n                    <strong>17:16<\/strong>\r\n\r\n                    <span>\r\n                      Prevista\r\n                    <\/span>\r\n\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- RESUMO -->\r\n\r\n              <div class=\"vrh-panel\">\r\n\r\n                <div class=\"vrh-panel-head\">\r\n\r\n                  <div class=\"vrh-panel-title\">\r\n                    Resumo da jornada\r\n                  <\/div>\r\n\r\n                  <span class=\"vrh-panel-meta\">\r\n                    Hoje\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vrh-summary\">\r\n\r\n                  <div class=\"vrh-summary-card\">\r\n\r\n                    <strong id=\"vrhHours\">\r\n                      6h27\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                      Horas trabalhadas\r\n                    <\/span>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"vrh-summary-card\">\r\n\r\n                    <strong>\r\n                      1h00\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                      Intervalo\r\n                    <\/span>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"vrh-summary-card\">\r\n\r\n                    <strong>\r\n                      +18m\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                      Banco de horas\r\n                    <\/span>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"vrh-summary-card\">\r\n\r\n                    <strong>\r\n                      17:16\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                      Sa\u00edda prevista\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\r\n            <!-- DIREITA -->\r\n\r\n            <div class=\"vrh-panel\">\r\n\r\n              <div class=\"vrh-panel-head\">\r\n\r\n                <div>\r\n\r\n                  <div class=\"vrh-panel-title\">\r\n                    Status da equipe\r\n                  <\/div>\r\n\r\n                  <div class=\"vrh-panel-meta\">\r\n                    Atualiza\u00e7\u00e3o em tempo real\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n                <span class=\"vrh-live-dot\"><\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div id=\"vrhPeopleOverview\">\r\n\r\n\r\n                <div\r\n                  class=\"vrh-person\"\r\n                  style=\"--status:#20ad65;\"\r\n                >\r\n\r\n                  <span class=\"vrh-avatar\">\r\n                    AM\r\n                  <\/span>\r\n\r\n\r\n                  <div class=\"vrh-person-info\">\r\n\r\n                    <div class=\"vrh-person-name\">\r\n                      Ana Martins\r\n                    <\/div>\r\n\r\n                    <div class=\"vrh-person-sub\">\r\n                      Entrada 08:16 \u00b7 6h27 trabalhadas\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <span\r\n                    class=\"vrh-status green\"\r\n                    id=\"vrhAnaStatus\"\r\n                  >\r\n                    Opera\u00e7\u00e3o\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div\r\n                  class=\"vrh-person\"\r\n                  style=\"--status:#d99b2b;\"\r\n                >\r\n\r\n                  <span class=\"vrh-avatar\">\r\n                    RM\r\n                  <\/span>\r\n\r\n\r\n                  <div class=\"vrh-person-info\">\r\n\r\n                    <div class=\"vrh-person-name\">\r\n                      Ricardo Mendes\r\n                    <\/div>\r\n\r\n                    <div class=\"vrh-person-sub\">\r\n                      Entrada 08:30 \u00b7 retorno previsto 13:30\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <span class=\"vrh-status orange\">\r\n                    Almo\u00e7o\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div\r\n                  class=\"vrh-person\"\r\n                  style=\"--status:#20ad65;\"\r\n                >\r\n\r\n                  <span class=\"vrh-avatar\">\r\n                    PR\r\n                  <\/span>\r\n\r\n\r\n                  <div class=\"vrh-person-info\">\r\n\r\n                    <div class=\"vrh-person-name\">\r\n                      Paulo Rocha\r\n                    <\/div>\r\n\r\n                    <div class=\"vrh-person-sub\">\r\n                      Entrada 08:51 \u00b7 5h03 trabalhadas\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <span class=\"vrh-status green\">\r\n                    Opera\u00e7\u00e3o\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div\r\n                  class=\"vrh-person\"\r\n                  style=\"--status:#8997a8;\"\r\n                >\r\n\r\n                  <span class=\"vrh-avatar\">\r\n                    FL\r\n                  <\/span>\r\n\r\n\r\n                  <div class=\"vrh-person-info\">\r\n\r\n                    <div class=\"vrh-person-name\">\r\n                      Fernanda Lima\r\n                    <\/div>\r\n\r\n                    <div class=\"vrh-person-sub\">\r\n                      Entrada 09:30 \u00b7 pausa iniciada 11:18\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <span class=\"vrh-status gray\">\r\n                    Pausa\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div\r\n                  class=\"vrh-person\"\r\n                  style=\"--status:#20ad65;\"\r\n                >\r\n\r\n                  <span class=\"vrh-avatar\">\r\n                    MC\r\n                  <\/span>\r\n\r\n\r\n                  <div class=\"vrh-person-info\">\r\n\r\n                    <div class=\"vrh-person-name\">\r\n                      Marina Costa\r\n                    <\/div>\r\n\r\n                    <div class=\"vrh-person-sub\">\r\n                      Entrada 08:12 \u00b7 6h41 trabalhadas\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <span class=\"vrh-status green\">\r\n                    Opera\u00e7\u00e3o\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"vrh-live-box\">\r\n\r\n                <div class=\"vrh-live-head\">\r\n\r\n                  <span>\r\n                    Opera\u00e7\u00e3o agora\r\n                  <\/span>\r\n\r\n                  <span class=\"vrh-live-dot\"><\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vrh-live-grid\">\r\n\r\n                  <div class=\"vrh-live-stat\">\r\n\r\n                    <strong id=\"vrhLiveWorking\">\r\n                      39\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                      Trabalhando\r\n                    <\/span>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"vrh-live-stat\">\r\n\r\n                    <strong id=\"vrhLiveBreak\">\r\n                      6\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                      Intervalo\r\n                    <\/span>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"vrh-live-stat\">\r\n\r\n                    <strong>\r\n                      3\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                      Ausentes\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           02 \u2014 EQUIPE & PONTO\r\n      ==================================================== -->\r\n\r\n      <section\r\n        class=\"vrh-screen\"\r\n        data-url=\"app.vb365.com.br\/rh\/ponto\/equipe\"\r\n      >\r\n\r\n        <div class=\"vrh-head\">\r\n\r\n          <div class=\"vrh-head-left\">\r\n\r\n            <span class=\"vrh-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=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n                <path d=\"M12 7v5l3 2\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n\r\n            <div>\r\n\r\n              <div class=\"vrh-title\">\r\n                Equipe & Ponto\r\n              <\/div>\r\n\r\n              <div class=\"vrh-subtitle\">\r\n                Registros, jornada e ocorr\u00eancias do dia\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"vrh-nav\">\r\n\r\n            <button class=\"vrh-nav-dot\" data-go=\"0\"><\/button>\r\n            <button class=\"vrh-nav-dot active\" data-go=\"1\"><\/button>\r\n            <button class=\"vrh-nav-dot\" data-go=\"2\"><\/button>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"vrh-content\">\r\n\r\n\r\n          <!-- M\u00c9TRICAS -->\r\n\r\n          <div class=\"vrh-metrics\">\r\n\r\n\r\n            <div class=\"vrh-metric blue\">\r\n\r\n              <div>\r\n\r\n                <div class=\"vrh-metric-label\">\r\n                  Registros hoje\r\n                <\/div>\r\n\r\n                <div class=\"vrh-metric-value\">\r\n                  126\r\n                  <small>marca\u00e7\u00f5es<\/small>\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vrh-metric green\">\r\n\r\n              <div>\r\n\r\n                <div class=\"vrh-metric-label\">\r\n                  Jornadas corretas\r\n                <\/div>\r\n\r\n                <div class=\"vrh-metric-value\">\r\n                  94%\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vrh-metric orange\">\r\n\r\n              <div>\r\n\r\n                <div class=\"vrh-metric-label\">\r\n                  Atrasos\r\n                <\/div>\r\n\r\n                <div class=\"vrh-metric-value\">\r\n                  4\r\n                  <small>ocorr\u00eancias<\/small>\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vrh-metric red\">\r\n\r\n              <div>\r\n\r\n                <div class=\"vrh-metric-label\">\r\n                  Ajustes pendentes\r\n                <\/div>\r\n\r\n                <div class=\"vrh-metric-value\">\r\n                  3\r\n                  <small>registros<\/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          <!-- TOOLBAR -->\r\n\r\n          <div class=\"vrh-toolbar\">\r\n\r\n            <div class=\"vrh-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 ou ocorr\u00eancia...\r\n\r\n            <\/div>\r\n\r\n\r\n            <span class=\"vrh-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-8L3 4z\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- TABELA -->\r\n\r\n          <div\r\n            class=\"vrh-table\"\r\n            style=\"\r\n              --vrh-grid:\r\n              1.18fr\r\n              .67fr\r\n              .67fr\r\n              .67fr\r\n              .70fr\r\n              .74fr;\r\n            \"\r\n          >\r\n\r\n            <div class=\"vrh-table-head\">\r\n\r\n              <div>Colaborador<\/div>\r\n              <div>Entrada<\/div>\r\n              <div>Intervalo<\/div>\r\n              <div>Retorno<\/div>\r\n              <div>Horas<\/div>\r\n              <div>Status<\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vrh-table-row\">\r\n\r\n              <div>\r\n                <span class=\"vrh-table-main\">\r\n                  Ana Martins\r\n                <\/span>\r\n                <span class=\"vrh-table-sub\">\r\n                  Suporte\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div>08:16<\/div>\r\n              <div>12:08<\/div>\r\n              <div>13:04<\/div>\r\n              <div>6h27<\/div>\r\n\r\n              <div>\r\n                <span class=\"vrh-status green\">\r\n                  Regular\r\n                <\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vrh-table-row\">\r\n\r\n              <div>\r\n                <span class=\"vrh-table-main\">\r\n                  Ricardo Mendes\r\n                <\/span>\r\n                <span class=\"vrh-table-sub\">\r\n                  Comercial\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div>08:30<\/div>\r\n              <div>12:30<\/div>\r\n              <div>\u2014<\/div>\r\n              <div>4h00<\/div>\r\n\r\n              <div>\r\n                <span class=\"vrh-status orange\">\r\n                  Intervalo\r\n                <\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vrh-table-row\">\r\n\r\n              <div>\r\n                <span class=\"vrh-table-main\">\r\n                  Paulo Rocha\r\n                <\/span>\r\n                <span class=\"vrh-table-sub\">\r\n                  Atendimento\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div>08:51<\/div>\r\n              <div>12:15<\/div>\r\n              <div>13:07<\/div>\r\n              <div>5h03<\/div>\r\n\r\n              <div>\r\n                <span class=\"vrh-status green\">\r\n                  Regular\r\n                <\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vrh-table-row\">\r\n\r\n              <div>\r\n                <span class=\"vrh-table-main\">\r\n                  Fernanda Lima\r\n                <\/span>\r\n                <span class=\"vrh-table-sub\">\r\n                  Financeiro\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div>09:30<\/div>\r\n              <div>11:18<\/div>\r\n              <div>\u2014<\/div>\r\n              <div>1h48<\/div>\r\n\r\n              <div>\r\n                <span class=\"vrh-status gray\">\r\n                  Pausa\r\n                <\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vrh-table-row\">\r\n\r\n              <div>\r\n                <span class=\"vrh-table-main\">\r\n                  Marina Costa\r\n                <\/span>\r\n                <span class=\"vrh-table-sub\">\r\n                  Implanta\u00e7\u00e3o\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div>08:12<\/div>\r\n              <div>12:02<\/div>\r\n              <div>12:58<\/div>\r\n              <div>6h41<\/div>\r\n\r\n              <div>\r\n                <span class=\"vrh-status green\">\r\n                  Regular\r\n                <\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vrh-table-row\">\r\n\r\n              <div>\r\n                <span class=\"vrh-table-main\">\r\n                  Lucas Andrade\r\n                <\/span>\r\n                <span class=\"vrh-table-sub\">\r\n                  Comercial\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div>08:44<\/div>\r\n              <div>12:20<\/div>\r\n              <div>13:25<\/div>\r\n              <div>5h17<\/div>\r\n\r\n              <div>\r\n                <span class=\"vrh-status orange\">\r\n                  +14 min\r\n                <\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vrh-table-row\">\r\n\r\n              <div>\r\n                <span class=\"vrh-table-main\">\r\n                  Juliana Lopes\r\n                <\/span>\r\n                <span class=\"vrh-table-sub\">\r\n                  Administrativo\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div>08:05<\/div>\r\n              <div>12:10<\/div>\r\n              <div>13:05<\/div>\r\n              <div>6h34<\/div>\r\n\r\n              <div>\r\n                <span class=\"vrh-status green\">\r\n                  Regular\r\n                <\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vrh-table-row\">\r\n\r\n              <div>\r\n                <span class=\"vrh-table-main\">\r\n                  Diego Martins\r\n                <\/span>\r\n                <span class=\"vrh-table-sub\">\r\n                  Suporte\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div>09:03<\/div>\r\n              <div>12:46<\/div>\r\n              <div>13:40<\/div>\r\n              <div>4h56<\/div>\r\n\r\n              <div>\r\n                <span class=\"vrh-status red\">\r\n                  Ajuste\r\n                <\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vrh-table-footer\">\r\n\r\n              <span>\r\n                Exibindo 8 de 48 colaboradores\r\n              <\/span>\r\n\r\n              <span>\r\n                Atualizado agora\r\n              <\/span>\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 ESCALAS E INDICADORES\r\n      ==================================================== -->\r\n\r\n      <section\r\n        class=\"vrh-screen\"\r\n        data-url=\"app.vb365.com.br\/rh\/escalas-indicadores\"\r\n      >\r\n\r\n        <div class=\"vrh-head\">\r\n\r\n          <div class=\"vrh-head-left\">\r\n\r\n            <span class=\"vrh-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=\"5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect>\r\n                <path d=\"M8 3v4M16 3v4M3 10h18\"><\/path>\r\n                <path d=\"M8 14h3M14 14h3M8 18h3\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n\r\n            <div>\r\n\r\n              <div class=\"vrh-title\">\r\n                Escalas & Indicadores\r\n              <\/div>\r\n\r\n              <div class=\"vrh-subtitle\">\r\n                Planejamento, banco de horas e presen\u00e7a\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"vrh-nav\">\r\n\r\n            <button class=\"vrh-nav-dot\" data-go=\"0\"><\/button>\r\n            <button class=\"vrh-nav-dot\" data-go=\"1\"><\/button>\r\n            <button class=\"vrh-nav-dot active\" data-go=\"2\"><\/button>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"vrh-content\">\r\n\r\n\r\n          <!-- M\u00c9TRICAS -->\r\n\r\n          <div class=\"vrh-metrics\">\r\n\r\n\r\n            <div class=\"vrh-metric blue\">\r\n\r\n              <div>\r\n\r\n                <div class=\"vrh-metric-label\">\r\n                  Presen\u00e7a mensal\r\n                <\/div>\r\n\r\n                <div class=\"vrh-metric-value\">\r\n                  96.8%\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vrh-metric green\">\r\n\r\n              <div>\r\n\r\n                <div class=\"vrh-metric-label\">\r\n                  Jornada regular\r\n                <\/div>\r\n\r\n                <div class=\"vrh-metric-value\">\r\n                  94%\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vrh-metric orange\">\r\n\r\n              <div>\r\n\r\n                <div class=\"vrh-metric-label\">\r\n                  Banco positivo\r\n                <\/div>\r\n\r\n                <div class=\"vrh-metric-value\">\r\n                  +38h\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vrh-metric red\">\r\n\r\n              <div>\r\n\r\n                <div class=\"vrh-metric-label\">\r\n                  Aus\u00eancias\r\n                <\/div>\r\n\r\n                <div class=\"vrh-metric-value\">\r\n                  3\r\n                  <small>hoje<\/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=\"vrh-toolbar\">\r\n\r\n            <div class=\"vrh-search\">\r\n              Setembro 2026 \u00b7 Todas as equipes \u00b7 Escala padr\u00e3o\r\n            <\/div>\r\n\r\n\r\n            <span class=\"vrh-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-8L3 4z\"><\/path>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"vrh-planning\">\r\n\r\n\r\n            <!-- ESCALA -->\r\n\r\n            <div class=\"vrh-panel\">\r\n\r\n              <div class=\"vrh-panel-head\">\r\n\r\n                <div>\r\n\r\n                  <div class=\"vrh-panel-title\">\r\n                    Escala da semana\r\n                  <\/div>\r\n\r\n                  <div class=\"vrh-panel-meta\">\r\n                    Equipe administrativa\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n                <span class=\"vrh-status green\">\r\n                  Planejada\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div>\r\n\r\n\r\n                <div class=\"vrh-shift\">\r\n\r\n                  <div class=\"vrh-shift-day\">\r\n                    SEG\r\n                  <\/div>\r\n\r\n                  <div class=\"vrh-shift-main\">\r\n\r\n                    <div class=\"vrh-shift-time\">\r\n                      08:00 \u2014 17:00\r\n                    <\/div>\r\n\r\n                    <div class=\"vrh-shift-sub\">\r\n                      46 colaboradores\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n                  <span class=\"vrh-status green\">\r\n                    Completa\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vrh-shift\">\r\n\r\n                  <div class=\"vrh-shift-day\">\r\n                    TER\r\n                  <\/div>\r\n\r\n                  <div class=\"vrh-shift-main\">\r\n\r\n                    <div class=\"vrh-shift-time\">\r\n                      08:00 \u2014 17:00\r\n                    <\/div>\r\n\r\n                    <div class=\"vrh-shift-sub\">\r\n                      48 colaboradores\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n                  <span class=\"vrh-status green\">\r\n                    Completa\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vrh-shift\">\r\n\r\n                  <div class=\"vrh-shift-day\">\r\n                    QUA\r\n                  <\/div>\r\n\r\n                  <div class=\"vrh-shift-main\">\r\n\r\n                    <div class=\"vrh-shift-time\">\r\n                      08:00 \u2014 17:00\r\n                    <\/div>\r\n\r\n                    <div class=\"vrh-shift-sub\">\r\n                      45 colaboradores\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n                  <span class=\"vrh-status blue\">\r\n                    94%\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vrh-shift\">\r\n\r\n                  <div class=\"vrh-shift-day\">\r\n                    QUI\r\n                  <\/div>\r\n\r\n                  <div class=\"vrh-shift-main\">\r\n\r\n                    <div class=\"vrh-shift-time\">\r\n                      08:00 \u2014 17:00\r\n                    <\/div>\r\n\r\n                    <div class=\"vrh-shift-sub\">\r\n                      47 colaboradores\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n                  <span class=\"vrh-status green\">\r\n                    Completa\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vrh-shift\">\r\n\r\n                  <div class=\"vrh-shift-day\">\r\n                    SEX\r\n                  <\/div>\r\n\r\n                  <div class=\"vrh-shift-main\">\r\n\r\n                    <div class=\"vrh-shift-time\">\r\n                      08:00 \u2014 17:00\r\n                    <\/div>\r\n\r\n                    <div class=\"vrh-shift-sub\">\r\n                      44 colaboradores\r\n                    <\/div>\r\n\r\n                  <\/div>\r\n\r\n                  <span class=\"vrh-status orange\">\r\n                    2 vagas\r\n                  <\/span>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"vrh-bank\">\r\n\r\n                <div class=\"vrh-bank-title\">\r\n                  Banco de horas\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vrh-bank-grid\">\r\n\r\n                  <div class=\"vrh-bank-stat\">\r\n\r\n                    <strong>\r\n                      +38h\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                      Saldo total\r\n                    <\/span>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"vrh-bank-stat\">\r\n\r\n                    <strong>\r\n                      12\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                      Positivos\r\n                    <\/span>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"vrh-bank-stat\">\r\n\r\n                    <strong>\r\n                      4\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                      Negativos\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\r\n            <!-- INDICADORES -->\r\n\r\n            <div class=\"vrh-panel\">\r\n\r\n              <div class=\"vrh-panel-head\">\r\n\r\n                <div>\r\n\r\n                  <div class=\"vrh-panel-title\">\r\n                    Indicadores de jornada\r\n                  <\/div>\r\n\r\n                  <div class=\"vrh-panel-meta\">\r\n                    Consolidado mensal\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n                <span class=\"vrh-live-dot\"><\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"vrh-kpis\">\r\n\r\n\r\n                <div class=\"vrh-kpi\">\r\n\r\n                  <div class=\"vrh-kpi-label\">\r\n\r\n                    Presen\u00e7a\r\n\r\n                    <strong>\r\n                      96.8%\r\n                    <\/strong>\r\n\r\n                  <\/div>\r\n\r\n                  <div class=\"vrh-kpi-track\">\r\n\r\n                    <div\r\n                      class=\"vrh-kpi-fill\"\r\n                      style=\"--value:96.8%;\"\r\n                    ><\/div>\r\n\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vrh-kpi\">\r\n\r\n                  <div class=\"vrh-kpi-label\">\r\n\r\n                    Pontualidade\r\n\r\n                    <strong>\r\n                      94%\r\n                    <\/strong>\r\n\r\n                  <\/div>\r\n\r\n                  <div class=\"vrh-kpi-track\">\r\n\r\n                    <div\r\n                      class=\"vrh-kpi-fill\"\r\n                      style=\"--value:94%;\"\r\n                    ><\/div>\r\n\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vrh-kpi\">\r\n\r\n                  <div class=\"vrh-kpi-label\">\r\n\r\n                    Jornadas completas\r\n\r\n                    <strong>\r\n                      97%\r\n                    <\/strong>\r\n\r\n                  <\/div>\r\n\r\n                  <div class=\"vrh-kpi-track\">\r\n\r\n                    <div\r\n                      class=\"vrh-kpi-fill\"\r\n                      style=\"--value:97%;\"\r\n                    ><\/div>\r\n\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vrh-kpi\">\r\n\r\n                  <div class=\"vrh-kpi-label\">\r\n\r\n                    Marca\u00e7\u00f5es corretas\r\n\r\n                    <strong>\r\n                      98%\r\n                    <\/strong>\r\n\r\n                  <\/div>\r\n\r\n                  <div class=\"vrh-kpi-track\">\r\n\r\n                    <div\r\n                      class=\"vrh-kpi-fill\"\r\n                      style=\"--value:98%;\"\r\n                    ><\/div>\r\n\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vrh-kpi\">\r\n\r\n                  <div class=\"vrh-kpi-label\">\r\n\r\n                    Intervalos regulares\r\n\r\n                    <strong>\r\n                      93%\r\n                    <\/strong>\r\n\r\n                  <\/div>\r\n\r\n                  <div class=\"vrh-kpi-track\">\r\n\r\n                    <div\r\n                      class=\"vrh-kpi-fill\"\r\n                      style=\"--value:93%;\"\r\n                    ><\/div>\r\n\r\n                  <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vrh-kpi\">\r\n\r\n                  <div class=\"vrh-kpi-label\">\r\n\r\n                    Escalas preenchidas\r\n\r\n                    <strong>\r\n                      96%\r\n                    <\/strong>\r\n\r\n                  <\/div>\r\n\r\n                  <div class=\"vrh-kpi-track\">\r\n\r\n                    <div\r\n                      class=\"vrh-kpi-fill\"\r\n                      style=\"--value:96%;\"\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=\"vrh-bank\">\r\n\r\n                <div class=\"vrh-bank-title\">\r\n                  Ocorr\u00eancias do m\u00eas\r\n                <\/div>\r\n\r\n\r\n                <div class=\"vrh-bank-grid\">\r\n\r\n                  <div class=\"vrh-bank-stat\">\r\n\r\n                    <strong>\r\n                      11\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                      Atrasos\r\n                    <\/span>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"vrh-bank-stat\">\r\n\r\n                    <strong>\r\n                      4\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                      Faltas\r\n                    <\/span>\r\n\r\n                  <\/div>\r\n\r\n\r\n                  <div class=\"vrh-bank-stat\">\r\n\r\n                    <strong>\r\n                      7\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                      Ajustes\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=\"vrh-live-strip\">\r\n\r\n                <span class=\"vrh-live-strip-dot\"><\/span>\r\n\r\n                <span\r\n                  class=\"vrh-live-text\"\r\n                  id=\"vrhLiveText\"\r\n                >\r\n                  96,8% de presen\u00e7a registrada neste m\u00eas\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      <\/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\r\n  \/* =====================================================\r\n     ROOT\r\n  ====================================================== *\/\r\n\r\n  var root =\r\n    document.getElementById(\r\n      'vb365-rh-rich-2026'\r\n    );\r\n\r\n\r\n  if (\r\n    !root ||\r\n    root.dataset.started === 'true'\r\n  ) {\r\n\r\n    return;\r\n\r\n  }\r\n\r\n\r\n  root.dataset.started =\r\n    'true';\r\n\r\n\r\n  \/* =====================================================\r\n     ELEMENTOS\r\n  ====================================================== *\/\r\n\r\n  var screens =\r\n    Array.prototype.slice.call(\r\n      root.querySelectorAll(\r\n        '.vrh-screen'\r\n      )\r\n    );\r\n\r\n\r\n  var currentUrl =\r\n    root.querySelector(\r\n      '#vrhCurrentUrl'\r\n    );\r\n\r\n\r\n  var windowElement =\r\n    root.querySelector(\r\n      '.vrh-window'\r\n    );\r\n\r\n\r\n  var currentIndex =\r\n    0;\r\n\r\n\r\n  var rowIndex =\r\n    0;\r\n\r\n\r\n  var peopleIndex =\r\n    0;\r\n\r\n\r\n  var screenTimer =\r\n    null;\r\n\r\n\r\n  var paused =\r\n    false;\r\n\r\n\r\n  \/* =====================================================\r\n     DURA\u00c7\u00c3O DAS TELAS\r\n  ====================================================== *\/\r\n\r\n  var durations = [\r\n\r\n    8200,\r\n\r\n    5800,\r\n\r\n    6300\r\n\r\n  ];\r\n\r\n\r\n  \/* =====================================================\r\n     MOSTRAR TELA\r\n  ====================================================== *\/\r\n\r\n  function showScreen(index) {\r\n\r\n\r\n    if (\r\n      index < 0 ||\r\n      index >= screens.length\r\n    ) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    screens.forEach(\r\n      function(screen) {\r\n\r\n        screen.classList.remove(\r\n          'active'\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    currentIndex =\r\n      index;\r\n\r\n\r\n    rowIndex =\r\n      0;\r\n\r\n\r\n    screens[\r\n      currentIndex\r\n    ].classList.add(\r\n      'active'\r\n    );\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\r\n    currentUrl.style.opacity =\r\n      '.25';\r\n\r\n\r\n    setTimeout(\r\n      function() {\r\n\r\n        currentUrl.textContent =\r\n          url;\r\n\r\n        currentUrl.style.opacity =\r\n          '1';\r\n\r\n      },\r\n      140\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     ROTA\u00c7\u00c3O\r\n  ====================================================== *\/\r\n\r\n  function nextScreen() {\r\n\r\n\r\n    var next =\r\n      currentIndex + 1;\r\n\r\n\r\n    if (\r\n      next >= screens.length\r\n    ) {\r\n\r\n      next =\r\n        0;\r\n\r\n    }\r\n\r\n\r\n    showScreen(\r\n      next\r\n    );\r\n\r\n\r\n    scheduleNext();\r\n\r\n  }\r\n\r\n\r\n  function scheduleNext() {\r\n\r\n\r\n    if (\r\n      screenTimer\r\n    ) {\r\n\r\n      clearTimeout(\r\n        screenTimer\r\n      );\r\n\r\n    }\r\n\r\n\r\n    if (\r\n      paused\r\n    ) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    screenTimer =\r\n      setTimeout(\r\n        nextScreen,\r\n        durations[\r\n          currentIndex\r\n        ] || 5800\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\r\n      var dot =\r\n        event.target.closest(\r\n          '.vrh-nav-dot'\r\n        );\r\n\r\n\r\n      if (\r\n        !dot\r\n      ) {\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      var target =\r\n        parseInt(\r\n          dot.getAttribute(\r\n            'data-go'\r\n          ),\r\n          10\r\n        );\r\n\r\n\r\n      if (\r\n        isNaN(target)\r\n      ) {\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      showScreen(\r\n        target\r\n      );\r\n\r\n\r\n      scheduleNext();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =====================================================\r\n     REL\u00d3GIO\r\n  ====================================================== *\/\r\n\r\n  var clock =\r\n    root.querySelector(\r\n      '#vrhClock'\r\n    );\r\n\r\n\r\n  var seconds =\r\n    9 * 3600 +\r\n    42 * 60;\r\n\r\n\r\n  setInterval(\r\n    function() {\r\n\r\n\r\n      seconds++;\r\n\r\n\r\n      var hours =\r\n        Math.floor(\r\n          seconds \/ 3600\r\n        ) % 24;\r\n\r\n\r\n      var minutes =\r\n        Math.floor(\r\n          (\r\n            seconds % 3600\r\n          ) \/ 60\r\n        );\r\n\r\n\r\n      var h =\r\n        String(hours).padStart(\r\n          2,\r\n          '0'\r\n        );\r\n\r\n\r\n      var m =\r\n        String(minutes).padStart(\r\n          2,\r\n          '0'\r\n        );\r\n\r\n\r\n      if (\r\n        clock\r\n      ) {\r\n\r\n        clock.textContent =\r\n          h +\r\n          ':' +\r\n          m;\r\n\r\n      }\r\n\r\n\r\n    },\r\n    1000\r\n  );\r\n\r\n\r\n  \/* =====================================================\r\n     BOT\u00c3O PONTO\r\n  ====================================================== *\/\r\n\r\n  var clockButton =\r\n    root.querySelector(\r\n      '#vrhClockButton'\r\n    );\r\n\r\n\r\n  setInterval(\r\n    function() {\r\n\r\n\r\n      if (\r\n        !clockButton\r\n      ) {\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      clockButton.classList.add(\r\n        'press'\r\n      );\r\n\r\n\r\n      setTimeout(\r\n        function() {\r\n\r\n          clockButton.classList.remove(\r\n            'press'\r\n          );\r\n\r\n        },\r\n        220\r\n      );\r\n\r\n\r\n    },\r\n    3400\r\n  );\r\n\r\n\r\n  \/* =====================================================\r\n     JORNADA\r\n  ====================================================== *\/\r\n\r\n  var journeyFill =\r\n    root.querySelector(\r\n      '#vrhJourneyFill'\r\n    );\r\n\r\n\r\n  var journeyPct =\r\n    root.querySelector(\r\n      '#vrhJourneyPct'\r\n    );\r\n\r\n\r\n  var hours =\r\n    root.querySelector(\r\n      '#vrhHours'\r\n    );\r\n\r\n\r\n  var journeyStates = [\r\n\r\n    {\r\n      pct:72,\r\n      hours:'6h27'\r\n    },\r\n\r\n    {\r\n      pct:75,\r\n      hours:'6h43'\r\n    },\r\n\r\n    {\r\n      pct:78,\r\n      hours:'6h58'\r\n    },\r\n\r\n    {\r\n      pct:81,\r\n      hours:'7h14'\r\n    }\r\n\r\n  ];\r\n\r\n\r\n  var journeyIndex =\r\n    0;\r\n\r\n\r\n  setInterval(\r\n    function() {\r\n\r\n\r\n      journeyIndex =\r\n        (\r\n          journeyIndex + 1\r\n        ) %\r\n        journeyStates.length;\r\n\r\n\r\n      var state =\r\n        journeyStates[\r\n          journeyIndex\r\n        ];\r\n\r\n\r\n      if (\r\n        journeyFill\r\n      ) {\r\n\r\n        journeyFill.style.width =\r\n          state.pct +\r\n          '%';\r\n\r\n      }\r\n\r\n\r\n      if (\r\n        journeyPct\r\n      ) {\r\n\r\n        journeyPct.textContent =\r\n          state.pct +\r\n          '%';\r\n\r\n      }\r\n\r\n\r\n      if (\r\n        hours\r\n      ) {\r\n\r\n        hours.textContent =\r\n          state.hours;\r\n\r\n      }\r\n\r\n\r\n    },\r\n    2750\r\n  );\r\n\r\n\r\n  \/* =====================================================\r\n     INDICADORES DA OPERA\u00c7\u00c3O\r\n  ====================================================== *\/\r\n\r\n  var working =\r\n    root.querySelector(\r\n      '#vrhWorking'\r\n    );\r\n\r\n\r\n  var breakEl =\r\n    root.querySelector(\r\n      '#vrhBreak'\r\n    );\r\n\r\n\r\n  var issues =\r\n    root.querySelector(\r\n      '#vrhIssues'\r\n    );\r\n\r\n\r\n  var liveWorking =\r\n    root.querySelector(\r\n      '#vrhLiveWorking'\r\n    );\r\n\r\n\r\n  var liveBreak =\r\n    root.querySelector(\r\n      '#vrhLiveBreak'\r\n    );\r\n\r\n\r\n  var operationStates = [\r\n\r\n    {\r\n      working:39,\r\n      break:6,\r\n      issues:3\r\n    },\r\n\r\n    {\r\n      working:40,\r\n      break:5,\r\n      issues:3\r\n    },\r\n\r\n    {\r\n      working:38,\r\n      break:7,\r\n      issues:2\r\n    },\r\n\r\n    {\r\n      working:41,\r\n      break:4,\r\n      issues:3\r\n    }\r\n\r\n  ];\r\n\r\n\r\n  var operationIndex =\r\n    0;\r\n\r\n\r\n  function updateNumber(\r\n    element,\r\n    html\r\n  ) {\r\n\r\n\r\n    if (\r\n      !element\r\n    ) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    element.style.animation =\r\n      'none';\r\n\r\n\r\n    void element.offsetWidth;\r\n\r\n\r\n    element.innerHTML =\r\n      html;\r\n\r\n\r\n    element.style.animation =\r\n      'vrh-number .32s ease both';\r\n\r\n  }\r\n\r\n\r\n  setInterval(\r\n    function() {\r\n\r\n\r\n      operationIndex =\r\n        (\r\n          operationIndex + 1\r\n        ) %\r\n        operationStates.length;\r\n\r\n\r\n      var state =\r\n        operationStates[\r\n          operationIndex\r\n        ];\r\n\r\n\r\n      updateNumber(\r\n        working,\r\n        state.working +\r\n        '<small>pessoas<\/small>'\r\n      );\r\n\r\n\r\n      updateNumber(\r\n        breakEl,\r\n        state.break +\r\n        '<small>pessoas<\/small>'\r\n      );\r\n\r\n\r\n      updateNumber(\r\n        issues,\r\n        state.issues +\r\n        '<small>registros<\/small>'\r\n      );\r\n\r\n\r\n      updateNumber(\r\n        liveWorking,\r\n        state.working\r\n      );\r\n\r\n\r\n      updateNumber(\r\n        liveBreak,\r\n        state.break\r\n      );\r\n\r\n\r\n    },\r\n    3200\r\n  );\r\n\r\n\r\n  \/* =====================================================\r\n     PESSOAS\r\n  ====================================================== *\/\r\n\r\n  var people =\r\n    Array.prototype.slice.call(\r\n      root.querySelectorAll(\r\n        '#vrhPeopleOverview .vrh-person'\r\n      )\r\n    );\r\n\r\n\r\n  function highlightPerson() {\r\n\r\n\r\n    if (\r\n      !people.length\r\n    ) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    people.forEach(\r\n      function(person) {\r\n\r\n        person.classList.remove(\r\n          'person-active'\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    if (\r\n      peopleIndex >=\r\n      people.length\r\n    ) {\r\n\r\n      peopleIndex =\r\n        0;\r\n\r\n    }\r\n\r\n\r\n    people[\r\n      peopleIndex\r\n    ].classList.add(\r\n      'person-active'\r\n    );\r\n\r\n\r\n    peopleIndex++;\r\n\r\n  }\r\n\r\n\r\n  setInterval(\r\n    highlightPerson,\r\n    1350\r\n  );\r\n\r\n\r\n  \/* =====================================================\r\n     STATUS ANA\r\n  ====================================================== *\/\r\n\r\n  var anaStatus =\r\n    root.querySelector(\r\n      '#vrhAnaStatus'\r\n    );\r\n\r\n\r\n  var anaStates = [\r\n\r\n    {\r\n      label:'Opera\u00e7\u00e3o',\r\n      css:'green'\r\n    },\r\n\r\n    {\r\n      label:'Atendimento',\r\n      css:'blue'\r\n    },\r\n\r\n    {\r\n      label:'Pausa breve',\r\n      css:'gray'\r\n    },\r\n\r\n    {\r\n      label:'Opera\u00e7\u00e3o',\r\n      css:'green'\r\n    }\r\n\r\n  ];\r\n\r\n\r\n  var anaIndex =\r\n    0;\r\n\r\n\r\n  setInterval(\r\n    function() {\r\n\r\n\r\n      if (\r\n        !anaStatus\r\n      ) {\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      anaIndex =\r\n        (\r\n          anaIndex + 1\r\n        ) %\r\n        anaStates.length;\r\n\r\n\r\n      var state =\r\n        anaStates[\r\n          anaIndex\r\n        ];\r\n\r\n\r\n      anaStatus.className =\r\n        'vrh-status ' +\r\n        state.css;\r\n\r\n\r\n      anaStatus.textContent =\r\n        state.label;\r\n\r\n\r\n    },\r\n    2450\r\n  );\r\n\r\n\r\n  \/* =====================================================\r\n     LINHAS DA TABELA\r\n  ====================================================== *\/\r\n\r\n  function highlightRow() {\r\n\r\n\r\n    var screen =\r\n      screens[\r\n        currentIndex\r\n      ];\r\n\r\n\r\n    if (\r\n      !screen\r\n    ) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    var rows =\r\n      Array.prototype.slice.call(\r\n        screen.querySelectorAll(\r\n          '.vrh-table-row'\r\n        )\r\n      );\r\n\r\n\r\n    rows.forEach(\r\n      function(row) {\r\n\r\n        row.classList.remove(\r\n          'row-active'\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    if (\r\n      !rows.length\r\n    ) {\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    if (\r\n      rowIndex >= rows.length\r\n    ) {\r\n\r\n      rowIndex =\r\n        0;\r\n\r\n    }\r\n\r\n\r\n    rows[\r\n      rowIndex\r\n    ].classList.add(\r\n      'row-active'\r\n    );\r\n\r\n\r\n    rowIndex++;\r\n\r\n  }\r\n\r\n\r\n  setInterval(\r\n    highlightRow,\r\n    1100\r\n  );\r\n\r\n\r\n  \/* =====================================================\r\n     FAIXA DIN\u00c2MICA\r\n  ====================================================== *\/\r\n\r\n  var liveText =\r\n    root.querySelector(\r\n      '#vrhLiveText'\r\n    );\r\n\r\n\r\n  var messages = [\r\n\r\n    '96,8% de presen\u00e7a registrada neste m\u00eas',\r\n\r\n    'Ana Martins registrou retorno do intervalo',\r\n\r\n    'Escala de quinta-feira est\u00e1 100% preenchida',\r\n\r\n    'Banco de horas positivo em 38 horas',\r\n\r\n    'Pontualidade da equipe atingiu 94%',\r\n\r\n    'Novo ajuste de ponto aprovado pelo RH',\r\n\r\n    '97% das jornadas foram conclu\u00eddas corretamente'\r\n\r\n  ];\r\n\r\n\r\n  var messageIndex =\r\n    0;\r\n\r\n\r\n  setInterval(\r\n    function() {\r\n\r\n\r\n      if (\r\n        !liveText\r\n      ) {\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      liveText.style.opacity =\r\n        '0';\r\n\r\n\r\n      liveText.style.transform =\r\n        'translateY(3px)';\r\n\r\n\r\n      setTimeout(\r\n        function() {\r\n\r\n\r\n          messageIndex =\r\n            (\r\n              messageIndex + 1\r\n            ) %\r\n            messages.length;\r\n\r\n\r\n          liveText.textContent =\r\n            messages[\r\n              messageIndex\r\n            ];\r\n\r\n\r\n          liveText.style.opacity =\r\n            '1';\r\n\r\n\r\n          liveText.style.transform =\r\n            'translateY(0)';\r\n\r\n\r\n        },\r\n        240\r\n      );\r\n\r\n\r\n    },\r\n    2850\r\n  );\r\n\r\n\r\n  \/* =====================================================\r\n     PAUSA AO PASSAR MOUSE\r\n  ====================================================== *\/\r\n\r\n  if (\r\n    windowElement\r\n  ) {\r\n\r\n\r\n    windowElement.addEventListener(\r\n      'mouseenter',\r\n      function() {\r\n\r\n\r\n        paused =\r\n          true;\r\n\r\n\r\n        if (\r\n          screenTimer\r\n        ) {\r\n\r\n          clearTimeout(\r\n            screenTimer\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    windowElement.addEventListener(\r\n      'mouseleave',\r\n      function() {\r\n\r\n\r\n        paused =\r\n          false;\r\n\r\n\r\n        scheduleNext();\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =====================================================\r\n     INICIALIZA\u00c7\u00c3O\r\n  ====================================================== *\/\r\n\r\n  showScreen(0);\r\n\r\n  scheduleNext();\r\n\r\n\r\n  \/* =====================================================\r\n     REDU\u00c7\u00c3O DE MOVIMENTO\r\n  ====================================================== *\/\r\n\r\n  if (\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    if (\r\n      screenTimer\r\n    ) {\r\n\r\n      clearTimeout(\r\n        screenTimer\r\n      );\r\n\r\n    }\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-3218c03 elementor-widget__width-initial elementor-widget elementor-widget-pix-highlighted-text\" data-id=\"3218c03\" 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-955993-3218c03\" class=\"pix-highlighted-element text-left \"><h2 class=\"pix-highlighted-items \" style=\"\" data-anim-type=\"\" data-anim-delay=\"\"><span id=\"el-955993-3218c03-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-heading-default\">Mais&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-heading-default\">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-heading-default\">Mais&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-heading-default\">produtividade.&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-heading-default\">Mais&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-heading-default\">reten\u00e7\u00e3o.<\/span><\/span><br \/><span id=\"el-955993-3218c03-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\">Cada&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\">rotina&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\">trabalho&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\">merece&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\">um&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\">acompanhamento&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\">eficiente.<\/span><\/span><br \/><\/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-point-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,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 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;\"  >Registro em 1 Clique<\/div><div class=\"pix-feature-content text-body-default      \" style=\"padding-top:10px;\"  >Marca\u00e7\u00e3o de ponto r\u00e1pida, direto do celular ou computador, sem burocracia.<\/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 REGISTRO EM 1 CLIQUE (estilo lista\/browser)     -->\r\n<!-- C\u00f3digo isolado para Elementor HTML Widget                     -->\r\n<!-- ============================================================ -->\r\n\r\n<div id=\"ponto-mockup-2026\" class=\"ponto-mockup-2026\">\r\n  <style>\r\n    #ponto-mockup-2026,\r\n    #ponto-mockup-2026 *,\r\n    #ponto-mockup-2026 *::before,\r\n    #ponto-mockup-2026 *::after {\r\n      box-sizing: border-box !important;\r\n    }\r\n\r\n    #ponto-mockup-2026 {\r\n      --pt-blue: #0057ae;\r\n      --pt-blue-soft: #eaf2fb;\r\n      --pt-green: #2f8c4a;\r\n      --pt-green-soft: #e6f4ea;\r\n      --pt-text: #243b5a;\r\n      --pt-text-muted: #8a94a6;\r\n      --pt-border: #eef1f6;\r\n\r\n      width: 100% !important;\r\n      font-family: Arial, Helvetica, sans-serif !important;\r\n    }\r\n\r\n    #ponto-mockup-2026 .pt-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    #ponto-mockup-2026 .pt-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(--pt-border) !important;\r\n    }\r\n\r\n    #ponto-mockup-2026 .pt-dots {\r\n      display: flex !important;\r\n      gap: 4px !important;\r\n      flex-shrink: 0 !important;\r\n    }\r\n\r\n    #ponto-mockup-2026 .pt-dot {\r\n      width: 7px !important;\r\n      height: 7px !important;\r\n      border-radius: 50% !important;\r\n    }\r\n\r\n    #ponto-mockup-2026 .pt-url {\r\n      flex: 1 1 auto !important;\r\n      font-size: 9.5px !important;\r\n      color: var(--pt-text-muted) !important;\r\n      background: #ffffff !important;\r\n      border: 1px solid var(--pt-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    #ponto-mockup-2026 .pt-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    #ponto-mockup-2026 .pt-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(--pt-text) !important;\r\n      letter-spacing: .02em !important;\r\n      text-transform: uppercase !important;\r\n    }\r\n\r\n    #ponto-mockup-2026 .pt-title svg {\r\n      width: 13px !important;\r\n      height: 13px !important;\r\n      color: var(--pt-blue) !important;\r\n      flex-shrink: 0 !important;\r\n    }\r\n\r\n    #ponto-mockup-2026 .pt-badge {\r\n      font-size: 10px !important;\r\n      font-weight: 700 !important;\r\n      color: var(--pt-blue) !important;\r\n      background: var(--pt-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    \/* Registro grande *\/\r\n    #ponto-mockup-2026 .pt-register {\r\n      margin: 0 12px 12px !important;\r\n      padding: 16px !important;\r\n      border-radius: 14px !important;\r\n      background: linear-gradient(135deg, #0057ae 0%, #1a6fc4 100%) !important;\r\n      text-align: center !important;\r\n    }\r\n\r\n    #ponto-mockup-2026 .pt-clock {\r\n      font-size: 22px !important;\r\n      font-weight: 800 !important;\r\n      color: #ffffff !important;\r\n      font-variant-numeric: tabular-nums !important;\r\n    }\r\n\r\n    #ponto-mockup-2026 .pt-date {\r\n      font-size: 8.5px !important;\r\n      color: rgba(255,255,255,.8) !important;\r\n      font-weight: 600 !important;\r\n      margin-top: 2px !important;\r\n      margin-bottom: 10px !important;\r\n    }\r\n\r\n    #ponto-mockup-2026 .pt-btn {\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      gap: 6px !important;\r\n      padding: 8px 18px !important;\r\n      border-radius: 999px !important;\r\n      background: #ffffff !important;\r\n      color: var(--pt-blue) !important;\r\n      font-size: 10px !important;\r\n      font-weight: 800 !important;\r\n      transition: transform .2s ease !important;\r\n    }\r\n\r\n    #ponto-mockup-2026 .pt-btn.is-pressed {\r\n      transform: scale(.94) !important;\r\n    }\r\n\r\n    #ponto-mockup-2026 .pt-btn svg {\r\n      width: 12px !important;\r\n      height: 12px !important;\r\n    }\r\n\r\n    \/* Lista de \u00faltimos registros *\/\r\n    #ponto-mockup-2026 .pt-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    #ponto-mockup-2026 .pt-row {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 8px !important;\r\n      padding: 6px 9px !important;\r\n      border-radius: 8px !important;\r\n      background: #f8fafc !important;\r\n      opacity: 0 !important;\r\n      transform: translateY(4px) !important;\r\n      transition: opacity .4s ease, transform .4s ease !important;\r\n    }\r\n\r\n    #ponto-mockup-2026 .pt-row.is-visible {\r\n      opacity: 1 !important;\r\n      transform: translateY(0) !important;\r\n    }\r\n\r\n    #ponto-mockup-2026 .pt-row-dot {\r\n      width: 6px !important;\r\n      height: 6px !important;\r\n      border-radius: 50% !important;\r\n      background: var(--pt-green) !important;\r\n      flex-shrink: 0 !important;\r\n    }\r\n\r\n    #ponto-mockup-2026 .pt-row-text {\r\n      flex: 1 1 auto !important;\r\n      min-width: 0 !important;\r\n      font-size: 9px !important;\r\n      font-weight: 700 !important;\r\n      color: var(--pt-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    #ponto-mockup-2026 .pt-row-time {\r\n      font-size: 8px !important;\r\n      font-weight: 700 !important;\r\n      color: var(--pt-text-muted) !important;\r\n      flex-shrink: 0 !important;\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"pt-card\">\r\n\r\n    <div class=\"pt-browser\">\r\n      <div class=\"pt-dots\">\r\n        <span class=\"pt-dot\" style=\"background:#e5645b\"><\/span>\r\n        <span class=\"pt-dot\" style=\"background:#e6b74e\"><\/span>\r\n        <span class=\"pt-dot\" style=\"background:#61c454\"><\/span>\r\n      <\/div>\r\n      <span class=\"pt-url\">app.vb365.com.br\/rh\/jornada<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"pt-header\">\r\n      <span class=\"pt-title\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\r\n        Ponto Digital\r\n      <\/span>\r\n      <span class=\"pt-badge\">1 clique<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"pt-register\">\r\n      <div class=\"pt-clock\" id=\"ptClock\">09:42<\/div>\r\n      <div class=\"pt-date\">Em opera\u00e7\u00e3o<\/div>\r\n      <span class=\"pt-btn\" id=\"ptBtn\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M9 11l3 3L22 4\"><\/path><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"><\/path><\/svg>\r\n        Registrar\r\n      <\/span>\r\n    <\/div>\r\n\r\n    <div class=\"pt-list\" id=\"ptList\">\r\n      <div class=\"pt-row\" id=\"ptRow1\">\r\n        <span class=\"pt-row-dot\"><\/span>\r\n        <span class=\"pt-row-text\">Ana Martins registrou entrada<\/span>\r\n        <span class=\"pt-row-time\">08:16<\/span>\r\n      <\/div>\r\n      <div class=\"pt-row\" id=\"ptRow2\">\r\n        <span class=\"pt-row-dot\"><\/span>\r\n        <span class=\"pt-row-text\">Ricardo Mendes voltou do almo\u00e7o<\/span>\r\n        <span class=\"pt-row-time\">09:02<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      var root = document.getElementById('ponto-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('#ptRow1'),\r\n        root.querySelector('#ptRow2')\r\n      ];\r\n\r\n      rows.forEach(function (row, i) {\r\n        setTimeout(function () { row.classList.add('is-visible'); }, i * 300);\r\n      });\r\n\r\n      var clockEl = root.querySelector('#ptClock');\r\n      var btn = root.querySelector('#ptBtn');\r\n\r\n      var seconds = 9 * 3600 + 42 * 60;\r\n\r\n      setInterval(function () {\r\n        seconds++;\r\n        var h = Math.floor(seconds \/ 3600).toString().padStart(2, '0');\r\n        var m = Math.floor((seconds % 3600) \/ 60).toString().padStart(2, '0');\r\n        clockEl.textContent = h + ':' + m;\r\n      }, 1000);\r\n\r\n      setInterval(function () {\r\n        btn.classList.add('is-pressed');\r\n        setTimeout(function () { btn.classList.remove('is-pressed'); }, 220);\r\n      }, 2600);\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-users-2\" viewBox=\"2 2 20 20\"><g fill=\"none\" fill-rule=\"evenodd\"><path fill=\"var(--pf-icon-color)\" fill-opacity=\".25\" d=\"M8.5,3 C10.9852814,3 13,5.01471863 13,7.5 C13,9.98528137 10.9852814,12 8.5,12 C6.01471863,12 4,9.98528137 4,7.5 C4,5.01471863 6.01471863,3 8.5,3 Z M15.5,3 C17.9852814,3 20,5.01471863 20,7.5 C20,9.98528137 17.9852814,12 15.5,12 C14.4476244,12 13.4796227,11.6387526 12.7132352,11.0334979 C13.5168958,10.078042 14,8.84543853 14,7.5 C14,6.15456147 13.5168958,4.92195798 12.7146919,3.96619398 C13.4796227,3.36124744 14.4476244,3 15.5,3 Z\"\/><path fill=\"var(--pf-icon-color)\" d=\"M8.4,13 C5.798822,13 3.75396103,14.1726441 2.37901154,16.444405 C2.09548025,16.9101552 1.94454731,17.4473717 1.94370085,17.9953861 C1.9411563,19.6522375 3.28223338,20.9974471 4.9390849,21 L11.859375,21 C12.4084564,20.9991532 12.9453208,20.8484782 13.4133368,20.5642998 C14.8296962,19.7042892 15.2805792,17.8588724 14.4200494,16.4428566 C13.046039,14.1726441 11.001178,13 8.4,13 Z M15.4,13 C18.001178,13 20.046039,14.1726441 21.4200494,16.4428566 C22.2805792,17.8588724 21.8296962,19.7042892 20.4133368,20.5642998 C19.9453208,20.8484782 19.4084564,20.9991532 18.859375,21 L14.8368013,21.0013558 C16.2550737,19.8357918 16.6377146,17.7748139 15.656601,16.1603756 C14.946022,14.9863196 14.0919073,14.0471004 13.1043953,13.3493638 C13.8104463,13.117273 14.5774052,13 15.4,13 Z\"\/><\/g><\/svg><\/div><\/div><div class=\"pix-feature-title h5 font-weight-bold  secondary-font text-heading-default \" style=\"padding-top:25px;\"  >Status da Equipe em Tempo Real<\/div><div class=\"pix-feature-content text-body-default      \" style=\"padding-top:10px;\"  >Saiba quem est\u00e1 em pausa, almo\u00e7o ou em opera\u00e7\u00e3o, a qualquer momento do dia.<\/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 STATUS DA EQUIPE EM TEMPO REAL (estilo lista\/browser)-->\r\n<!-- C\u00f3digo isolado para Elementor HTML Widget                     -->\r\n<!-- ============================================================ -->\r\n\r\n<div id=\"teamstatus-mockup-2026\" class=\"teamstatus-mockup-2026\">\r\n  <style>\r\n    #teamstatus-mockup-2026,\r\n    #teamstatus-mockup-2026 *,\r\n    #teamstatus-mockup-2026 *::before,\r\n    #teamstatus-mockup-2026 *::after {\r\n      box-sizing: border-box !important;\r\n    }\r\n\r\n    #teamstatus-mockup-2026 {\r\n      --ts-blue: #0057ae;\r\n      --ts-blue-soft: #eaf2fb;\r\n      --ts-gold: #edb000;\r\n      --ts-gold-soft: #fdf3dc;\r\n      --ts-green: #2f8c4a;\r\n      --ts-green-soft: #e6f4ea;\r\n      --ts-gray: #94a3b8;\r\n      --ts-gray-soft: #f1f5f9;\r\n      --ts-text: #243b5a;\r\n      --ts-text-muted: #8a94a6;\r\n      --ts-border: #eef1f6;\r\n\r\n      width: 100% !important;\r\n      font-family: Arial, Helvetica, sans-serif !important;\r\n    }\r\n\r\n    #teamstatus-mockup-2026 .ts-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    #teamstatus-mockup-2026 .ts-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(--ts-border) !important;\r\n    }\r\n\r\n    #teamstatus-mockup-2026 .ts-dots {\r\n      display: flex !important;\r\n      gap: 4px !important;\r\n      flex-shrink: 0 !important;\r\n    }\r\n\r\n    #teamstatus-mockup-2026 .ts-dot {\r\n      width: 7px !important;\r\n      height: 7px !important;\r\n      border-radius: 50% !important;\r\n    }\r\n\r\n    #teamstatus-mockup-2026 .ts-url {\r\n      flex: 1 1 auto !important;\r\n      font-size: 9.5px !important;\r\n      color: var(--ts-text-muted) !important;\r\n      background: #ffffff !important;\r\n      border: 1px solid var(--ts-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    #teamstatus-mockup-2026 .ts-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    #teamstatus-mockup-2026 .ts-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(--ts-text) !important;\r\n      letter-spacing: .02em !important;\r\n      text-transform: uppercase !important;\r\n    }\r\n\r\n    #teamstatus-mockup-2026 .ts-title svg {\r\n      width: 13px !important;\r\n      height: 13px !important;\r\n      color: var(--ts-blue) !important;\r\n      flex-shrink: 0 !important;\r\n    }\r\n\r\n    #teamstatus-mockup-2026 .ts-badge {\r\n      font-size: 10px !important;\r\n      font-weight: 700 !important;\r\n      color: var(--ts-blue) !important;\r\n      background: var(--ts-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    #teamstatus-mockup-2026 .ts-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    #teamstatus-mockup-2026 .ts-row {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 9px !important;\r\n      padding: 8px 9px !important;\r\n      border-radius: 10px !important;\r\n      background: #f8fafc !important;\r\n    }\r\n\r\n    #teamstatus-mockup-2026 .ts-avatar {\r\n      position: relative !important;\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    #teamstatus-mockup-2026 .ts-status-dot {\r\n      position: absolute !important;\r\n      bottom: -1px !important;\r\n      right: -1px !important;\r\n      width: 8px !important;\r\n      height: 8px !important;\r\n      border-radius: 50% !important;\r\n      border: 2px solid #ffffff !important;\r\n      transition: background .4s ease !important;\r\n    }\r\n\r\n    #teamstatus-mockup-2026 .ts-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    #teamstatus-mockup-2026 .ts-row-title {\r\n      font-size: 10px !important;\r\n      font-weight: 700 !important;\r\n      color: var(--ts-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    #teamstatus-mockup-2026 .ts-row-sub {\r\n      font-size: 8.5px !important;\r\n      color: var(--ts-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    #teamstatus-mockup-2026 .ts-status-tag {\r\n      font-size: 7.5px !important;\r\n      font-weight: 700 !important;\r\n      padding: 3px 8px !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  <\/style>\r\n\r\n  <div class=\"ts-card\">\r\n\r\n    <div class=\"ts-browser\">\r\n      <div class=\"ts-dots\">\r\n        <span class=\"ts-dot\" style=\"background:#e5645b\"><\/span>\r\n        <span class=\"ts-dot\" style=\"background:#e6b74e\"><\/span>\r\n        <span class=\"ts-dot\" style=\"background:#61c454\"><\/span>\r\n      <\/div>\r\n      <span class=\"ts-url\">app.vb365.com.br\/rh\/equipe<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"ts-header\">\r\n      <span class=\"ts-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        Status da Equipe\r\n      <\/span>\r\n      <span class=\"ts-badge\">3 colaboradores<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"ts-list\" id=\"tsList\">\r\n      <div class=\"ts-row\">\r\n        <span class=\"ts-avatar\" style=\"background:#0057ae;\">AM<span class=\"ts-status-dot\" id=\"tsDot1\" style=\"background:#2f8c4a;\"><\/span><\/span>\r\n        <span class=\"ts-body\">\r\n          <span class=\"ts-row-title\">Ana Martins<\/span>\r\n          <span class=\"ts-row-sub\">Entrada 08:16<\/span>\r\n        <\/span>\r\n        <span class=\"ts-status-tag\" id=\"tsTag1\" style=\"background:#e6f4ea;color:#2f8c4a;\">Opera\u00e7\u00e3o<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ts-row\">\r\n        <span class=\"ts-avatar\" style=\"background:#edb000;\">RM<span class=\"ts-status-dot\" style=\"background:#edb000;\"><\/span><\/span>\r\n        <span class=\"ts-body\">\r\n          <span class=\"ts-row-title\">Ricardo Mendes<\/span>\r\n          <span class=\"ts-row-sub\">Entrada 08:30<\/span>\r\n        <\/span>\r\n        <span class=\"ts-status-tag\" style=\"background:#fdf3dc;color:#92700a;\">Almo\u00e7o<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ts-row\">\r\n        <span class=\"ts-avatar\" style=\"background:#2f8c4a;\">PR<span class=\"ts-status-dot\" style=\"background:#2f8c4a;\"><\/span><\/span>\r\n        <span class=\"ts-body\">\r\n          <span class=\"ts-row-title\">Paulo Rocha<\/span>\r\n          <span class=\"ts-row-sub\">Entrada 08:51<\/span>\r\n        <\/span>\r\n        <span class=\"ts-status-tag\" style=\"background:#e6f4ea;color:#2f8c4a;\">Opera\u00e7\u00e3o<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      var root = document.getElementById('teamstatus-mockup-2026');\r\n      if (!root || root.dataset.started === 'true') return;\r\n      root.dataset.started = 'true';\r\n\r\n      var dot1 = root.querySelector('#tsDot1');\r\n      var tag1 = root.querySelector('#tsTag1');\r\n\r\n      var STATES = [\r\n        { color: '#2f8c4a', bg: '#e6f4ea', label: 'Opera\u00e7\u00e3o' },\r\n        { color: '#edb000', bg: '#fdf3dc', label: 'Almo\u00e7o' },\r\n        { color: '#94a3b8', bg: '#f1f5f9', label: 'Pausa' }\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        dot1.style.background = s.color;\r\n        tag1.style.background = s.bg;\r\n        tag1.style.color = s.color;\r\n        tag1.textContent = s.label;\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<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-clipboard-text-1\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M7.12599558,4.0000851 C7.04374524,4.3196794 7,4.65473108 7,5 C7,7.209139 8.790861,9 11,9 L13,9 C15.209139,9 17,7.209139 17,5 C17,4.65473108 16.9562548,4.3196794 16.8740044,4.0000851 L17,4 C18.6568542,4 20,5.34314575 20,7 L20,19 C20,20.6568542 18.6568542,22 17,22 L7,22 C5.34314575,22 4,20.6568542 4,19 L4,7 C4,5.34314575 5.34314575,4 7,4 L7.12599558,4.0000851 Z M11,17 L9,17 C8.44771525,17 8,17.4477153 8,18 C8,18.5522847 8.44771525,19 9,19 L11,19 C11.5522847,19 12,18.5522847 12,18 C12,17.4477153 11.5522847,17 11,17 Z M15,14 L9,14 C8.44771525,14 8,14.4477153 8,15 C8,15.5522847 8.44771525,16 9,16 L15,16 C15.5522847,16 16,15.5522847 16,15 C16,14.4477153 15.5522847,14 15,14 Z M15,11 L9,11 C8.44771525,11 8,11.4477153 8,12 C8,12.5522847 8.44771525,13 9,13 L15,13 C15.5522847,13 16,12.5522847 16,12 C16,11.4477153 15.5522847,11 15,11 Z M13,2 C14.6568542,2 16,3.34314575 16,5 C16,6.65685425 14.6568542,8 13,8 L11,8 C9.34314575,8 8,6.65685425 8,5 C8,3.34314575 9.34314575,2 11,2 Z M13,4 L11,4 C10.4477153,4 10,4.44771525 10,5 C10,5.55228475 10.4477153,6 11,6 L13,6 C13.5522847,6 14,5.55228475 14,5 C14,4.44771525 13.5522847,4 13,4 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;\"  >Espelho de Ponto Autom\u00e1tico<\/div><div class=\"pix-feature-content text-body-default      \" style=\"padding-top:10px;\"  >Relat\u00f3rios prontos para o fechamento de folha, sem trabalho manual.<\/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 ESPELHO DE PONTO AUTOM\u00c1TICO (estilo lista\/browser)-->\r\n<!-- C\u00f3digo isolado para Elementor HTML Widget                     -->\r\n<!-- ============================================================ -->\r\n\r\n<div id=\"espelho-mockup-2026\" class=\"espelho-mockup-2026\">\r\n  <style>\r\n    #espelho-mockup-2026,\r\n    #espelho-mockup-2026 *,\r\n    #espelho-mockup-2026 *::before,\r\n    #espelho-mockup-2026 *::after {\r\n      box-sizing: border-box !important;\r\n    }\r\n\r\n    #espelho-mockup-2026 {\r\n      --es-blue: #0057ae;\r\n      --es-blue-soft: #eaf2fb;\r\n      --es-green: #2f8c4a;\r\n      --es-green-soft: #e6f4ea;\r\n      --es-text: #243b5a;\r\n      --es-text-muted: #8a94a6;\r\n      --es-border: #eef1f6;\r\n\r\n      width: 100% !important;\r\n      font-family: Arial, Helvetica, sans-serif !important;\r\n    }\r\n\r\n    #espelho-mockup-2026 .es-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    #espelho-mockup-2026 .es-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(--es-border) !important;\r\n    }\r\n\r\n    #espelho-mockup-2026 .es-dots {\r\n      display: flex !important;\r\n      gap: 4px !important;\r\n      flex-shrink: 0 !important;\r\n    }\r\n\r\n    #espelho-mockup-2026 .es-dot {\r\n      width: 7px !important;\r\n      height: 7px !important;\r\n      border-radius: 50% !important;\r\n    }\r\n\r\n    #espelho-mockup-2026 .es-url {\r\n      flex: 1 1 auto !important;\r\n      font-size: 9.5px !important;\r\n      color: var(--es-text-muted) !important;\r\n      background: #ffffff !important;\r\n      border: 1px solid var(--es-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    #espelho-mockup-2026 .es-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    #espelho-mockup-2026 .es-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(--es-text) !important;\r\n      letter-spacing: .02em !important;\r\n      text-transform: uppercase !important;\r\n    }\r\n\r\n    #espelho-mockup-2026 .es-title svg {\r\n      width: 13px !important;\r\n      height: 13px !important;\r\n      color: var(--es-blue) !important;\r\n      flex-shrink: 0 !important;\r\n    }\r\n\r\n    #espelho-mockup-2026 .es-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(--es-green) !important;\r\n      background: var(--es-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    #espelho-mockup-2026 .es-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(--es-green) !important;\r\n      flex-shrink: 0 !important;\r\n    }\r\n\r\n    \/* Resumo do m\u00eas *\/\r\n    #espelho-mockup-2026 .es-summary {\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    #espelho-mockup-2026 .es-summary-item {\r\n      background: #f8fafc !important;\r\n      border-radius: 9px !important;\r\n      padding: 8px 6px !important;\r\n      text-align: center !important;\r\n    }\r\n\r\n    #espelho-mockup-2026 .es-summary-val {\r\n      font-size: 12px !important;\r\n      font-weight: 800 !important;\r\n      color: var(--es-blue) !important;\r\n      line-height: 1.1 !important;\r\n    }\r\n\r\n    #espelho-mockup-2026 .es-summary-lbl {\r\n      font-size: 6.5px !important;\r\n      font-weight: 700 !important;\r\n      color: var(--es-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\r\n    \/* Timeline de jornada *\/\r\n    #espelho-mockup-2026 .es-timeline {\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    #espelho-mockup-2026 .es-tl-row {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 8px !important;\r\n      padding: 6px 9px !important;\r\n      border-radius: 8px !important;\r\n      background: #f8fafc !important;\r\n    }\r\n\r\n    #espelho-mockup-2026 .es-tl-icon {\r\n      width: 20px !important;\r\n      height: 20px !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      background: var(--es-blue-soft) !important;\r\n      color: var(--es-blue) !important;\r\n    }\r\n\r\n    #espelho-mockup-2026 .es-tl-icon svg {\r\n      width: 9px !important;\r\n      height: 9px !important;\r\n    }\r\n\r\n    #espelho-mockup-2026 .es-tl-text {\r\n      flex: 1 1 auto !important;\r\n      font-size: 8.5px !important;\r\n      font-weight: 700 !important;\r\n      color: var(--es-text) !important;\r\n    }\r\n\r\n    #espelho-mockup-2026 .es-tl-time {\r\n      font-size: 8px !important;\r\n      font-weight: 700 !important;\r\n      color: var(--es-text-muted) !important;\r\n      flex-shrink: 0 !important;\r\n    }\r\n\r\n    \/* Export *\/\r\n    #espelho-mockup-2026 .es-export {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      gap: 6px !important;\r\n      margin: 0 12px 12px !important;\r\n      padding: 9px !important;\r\n      background: var(--es-blue) !important;\r\n      color: #ffffff !important;\r\n      border-radius: 10px !important;\r\n      font-size: 9.5px !important;\r\n      font-weight: 700 !important;\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"es-card\">\r\n\r\n    <div class=\"es-browser\">\r\n      <div class=\"es-dots\">\r\n        <span class=\"es-dot\" style=\"background:#e5645b\"><\/span>\r\n        <span class=\"es-dot\" style=\"background:#e6b74e\"><\/span>\r\n        <span class=\"es-dot\" style=\"background:#61c454\"><\/span>\r\n      <\/div>\r\n      <span class=\"es-url\">app.vb365.com.br\/rh\/espelho-ponto<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"es-header\">\r\n      <span class=\"es-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><\/svg>\r\n        Espelho de Ponto\r\n      <\/span>\r\n      <span class=\"es-badge\">Pronto<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"es-summary\">\r\n      <div class=\"es-summary-item\">\r\n        <div class=\"es-summary-val\">168h<\/div>\r\n        <div class=\"es-summary-lbl\">Trabalhadas<\/div>\r\n      <\/div>\r\n      <div class=\"es-summary-item\">\r\n        <div class=\"es-summary-val\">4h<\/div>\r\n        <div class=\"es-summary-lbl\">Extras<\/div>\r\n      <\/div>\r\n      <div class=\"es-summary-item\">\r\n        <div class=\"es-summary-val\">0<\/div>\r\n        <div class=\"es-summary-lbl\">Faltas<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"es-timeline\" id=\"esTimeline\">\r\n      <div class=\"es-tl-row\">\r\n        <span class=\"es-tl-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 11l3 3L22 4\"><\/path><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"><\/path><\/svg><\/span>\r\n        <span class=\"es-tl-text\">Entrada registrada<\/span>\r\n        <span class=\"es-tl-time\">08:16<\/span>\r\n      <\/div>\r\n      <div class=\"es-tl-row\">\r\n        <span class=\"es-tl-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 11l3 3L22 4\"><\/path><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"><\/path><\/svg><\/span>\r\n        <span class=\"es-tl-text\">Sa\u00edda para almo\u00e7o<\/span>\r\n        <span class=\"es-tl-time\">12:03<\/span>\r\n      <\/div>\r\n      <div class=\"es-tl-row\">\r\n        <span class=\"es-tl-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 11l3 3L22 4\"><\/path><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"><\/path><\/svg><\/span>\r\n        <span class=\"es-tl-text\">Retorno do almo\u00e7o<\/span>\r\n        <span class=\"es-tl-time\">13:01<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"es-export\">\r\n      <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7,10 12,15 17,10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n      Exportar para folha\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      var root = document.getElementById('espelho-mockup-2026');\r\n      if (!root || root.dataset.started === 'true') return;\r\n      root.dataset.started = 'true';\r\n\r\n      var rows = root.querySelectorAll('#esTimeline .es-tl-row');\r\n\r\n      rows.forEach(function (row) {\r\n        row.style.opacity = '0';\r\n        row.style.transform = 'translateY(4px)';\r\n        row.style.transition = 'opacity .4s ease, transform .4s ease';\r\n      });\r\n\r\n      function reveal() {\r\n        rows.forEach(function (row, i) {\r\n          row.style.opacity = '0';\r\n          row.style.transform = 'translateY(4px)';\r\n          setTimeout(function () {\r\n            row.style.opacity = '1';\r\n            row.style.transform = 'translateY(0)';\r\n          }, i * 300 + 200);\r\n        });\r\n      }\r\n\r\n      reveal();\r\n      setInterval(reveal, 4200);\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-955993-d4a5e80\" class=\"pix-highlighted-element text-left \"><h2 class=\"pix-highlighted-items \" style=\"\" data-anim-type=\"\" data-anim-delay=\"\"><span id=\"el-955993-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\">Contrate&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\">grandes&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\">talentos&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\">com&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\">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\">foco.<\/span><\/span><br \/><span id=\"el-955993-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\">Domine&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\">todas&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\">as&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\">etapas&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\">do&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\">recrutamento&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.<\/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-user-circle-check-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,13.0709592 21.8316467,14.1025974 21.5199613,15.0698934 C20.8521951,14.8893379 20.1097811,15.0617918 19.5857864,15.5857864 L18.4784869,16.6931874 C19.435731,15.3755668 20,13.7536794 20,12 C20,7.581722 16.418278,4 12,4 C7.581722,4 4,7.581722 4,12 C4,13.8656071 4.63859598,15.5820622 5.70912144,16.9426986 C7.32512201,15.643522 9.43582082,15 12,15 C14.5465613,15 16.6458532,15.6347049 18.256888,16.9149 L17,18.171 L16.4142136,17.5857864 C15.633165,16.8047379 14.366835,16.8047379 13.5857864,17.5857864 C12.8047379,18.366835 12.8047379,19.633165 13.5857864,20.4142136 L14.7788094,21.6088504 C13.8965882,21.8635297 12.9642313,22 12,22 C9.27317036,22 6.80125545,20.9085803 4.99726806,19.1387536 L4.9346238,19.0817289 L4.87748157,19.0198177 C3.09835389,17.214422 2,14.7354782 2,12 C2,6.4771525 6.4771525,2 12,2 Z M21.7071068,16.2928932 C22.0976311,16.6834175 22.0976311,17.3165825 21.7071068,17.7071068 L17.7071068,21.7071068 C17.3165825,22.0976311 16.6834175,22.0976311 16.2928932,21.7071068 L14.2928932,19.7071068 C13.9023689,19.3165825 13.9023689,18.6834175 14.2928932,18.2928932 C14.6834175,17.9023689 15.3165825,17.9023689 15.7071068,18.2928932 L17,19.585 L20.2928932,16.2928932 C20.6834175,15.9023689 21.3165825,15.9023689 21.7071068,16.2928932 Z M12,6 C14.209139,6 16,7.790861 16,10 C16,12.209139 14.209139,14 12,14 C9.790861,14 8,12.209139 8,10 C8,7.790861 9.790861,6 12,6 Z\"  fill=\"var(--pf-icon-color)\"><\/path><\/g><\/svg><\/span><span class=\"d-inline-flex font-weight-bold secondary-font text-gray-6\" >Gest\u00e3o de Faltas e Atestados<\/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>Registre faltas e atestados m\u00e9dicos direto na plataforma, sem papelada. Aprove ou recuse solicita\u00e7\u00f5es em poucos cliques, com hist\u00f3rico completo. Sua equipe de RH ganha tempo e o colaborador tem resposta r\u00e1pida.<\/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-headphones-3\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M2.99989551,10.5 C2.99989551,5.66581987 7.18947689,2 12,2 C16.8879245,2 21,5.53144347 21,10.5 L21,17 C21,19.209139 19.209139,21 17,21 L15.7317074,21.0010775 C15.3857448,21.5982846 14.739733,22 13.9998955,22 L12.9998955,22 C11.895326,22 10.9998955,21.1045695 10.9998955,20 C10.9998955,18.8954305 11.895326,18 12.9998955,18 L13.9998955,18 C14.7401479,18 15.3864695,18.4021661 15.7322892,18.9999275 L17,19 C18.1045695,19 19,18.1045695 19,17 L19.0007962,16.8289758 C18.6877628,16.9397302 18.3508675,17 17.9998955,17 C16.3430413,17 14.9998955,15.6568542 14.9998955,14 L14.9998955,13 C14.9998955,11.3431458 16.3430413,10 17.9998955,10 C18.3471692,10 18.6806612,10.0590063 18.9908926,10.1675399 C18.8130387,6.55164813 15.7316372,4 12,4 C8.35371076,4 5.19788627,6.66403039 5.00885062,10.1670961 C5.31984011,10.0588807 5.65299165,10 5.99989551,10 C7.65674976,10 8.99989551,11.3431458 8.99989551,13 L8.99989551,14 C8.99989551,15.6568542 7.65674976,17 5.99989551,17 C4.34304126,17 2.99989551,15.6568542 2.99989551,14 L2.99989551,10.5 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 Banco de Horas<\/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>Acompanhe o saldo de horas de cada colaborador automaticamente. Veja quem est\u00e1 com horas extras ou horas a compensar, sem planilha. Tudo calculado em tempo real, direto do ponto digital.<\/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-space-rocket-2\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M2.20395895,14.7461985 C3.74040546,12.1854543 5.83817756,10.5812757 7.75130615,11.53784 C7.84744106,11.5859074 7.93519802,11.6491591 8.01119934,11.7251604 L12.25384,15.9678011 C12.3298413,16.0438024 12.393093,16.1315593 12.4411604,16.2276942 C13.3977247,18.1408228 11.7935461,20.2385949 9.23280188,21.7750415 C8.43670006,22.2527025 7.47603498,21.4820843 7.76962282,20.6013208 C8.23264712,19.2122479 8.2495406,19.0610818 7.18637659,17.9754625 L6.27426041,17.0600391 C5.07746547,15.8720583 4.90120987,15.7298156 3.81240991,16.0678958 L3.37767964,16.2093776 C2.49691611,16.5029654 1.72629786,15.5423003 2.20395895,14.7461985 Z M20.9352375,2.25929832 C21.3310988,2.33847057 21.6405298,2.64790161 21.7197021,3.04376286 C22.4278029,6.58426722 21.2862159,9.71755929 18.7350136,12.4906052 C17.4063979,13.9347528 15.8298102,15.1664483 13.8362685,16.441685 L13.5512221,16.6220986 C13.4621328,16.2039499 13.3007398,15.7819118 13.0599776,15.3580826 L8.34792426,10.7219791 C8.03824332,10.5510568 7.724104,10.4282716 7.40733812,10.3513918 C8.81478774,8.11876484 9.93598023,6.67220849 11.4883951,5.24398676 C14.2614411,2.69278448 17.3947332,1.55119745 20.9352375,2.25929832 Z M15.7893739,5.18962647 C15.021607,5.18962647 14.25384,5.48251968 13.6680536,6.06830612 C13.0822672,6.65409256 12.7893739,7.42185951 12.7893739,8.18962647 C12.7893739,8.95739342 13.0822672,9.72516037 13.6680536,10.3109468 C14.25384,10.8967332 15.021607,11.1896265 15.7893739,11.1896265 C16.5571409,11.1896265 17.3249078,10.8967332 17.9106943,10.3109468 C18.4964807,9.72516037 18.7893739,8.95739342 18.7893739,8.18962647 C18.7893739,7.42185951 18.4964807,6.65409256 17.9106943,6.06830612 C17.3249078,5.48251968 16.5571409,5.18962647 15.7893739,5.18962647 Z M14.3751604,6.7754129 C15.156209,5.99436432 16.4225389,5.99436432 17.2035875,6.7754129 C17.9846361,7.55646149 17.9846361,8.82279144 17.2035875,9.60384003 C16.4225389,10.3848886 15.156209,10.3848886 14.3751604,9.60384003 C13.5941118,8.82279144 13.5941118,7.55646149 14.3751604,6.7754129 Z\"  fill=\"var(--pf-icon-color)\"><\/path><\/g><\/svg><\/span><span class=\"d-inline-flex font-weight-bold secondary-font text-gray-6\" >Recrutamento e Sele\u00e7\u00e3o<\/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>Organize o processo seletivo em um funil visual, do curr\u00edculo \u00e0 contrata\u00e7\u00e3o. Centralize candidatos, entrevistas e propostas em um s\u00f3 lugar. Nunca mais perca o hist\u00f3rico de um candidato promissor.<\/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-mail-closed-check-1\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M21.7071068,15.2928932 C22.0976311,15.6834175 22.0976311,16.3165825 21.7071068,16.7071068 L17.7071068,20.7071068 C17.3165825,21.0976311 16.6834175,21.0976311 16.2928932,20.7071068 L14.2928932,18.7071068 C13.9023689,18.3165825 13.9023689,17.6834175 14.2928932,17.2928932 C14.6834175,16.9023689 15.3165825,16.9023689 15.7071068,17.2928932 L17,18.585 L20.2928932,15.2928932 C20.6834175,14.9023689 21.3165825,14.9023689 21.7071068,15.2928932 Z M21.7870627,4.88776173 C21.9244425,5.23170371 22,5.60702816 22,6 L22.0009488,14.2679251 C21.6923173,14.0893084 21.3461586,14 21,14 C20.4881554,14 19.9763107,14.1952621 19.5857864,14.5857864 L16.9998694,17.1710859 L16.4139984,16.5855713 C16.0236893,16.1952621 15.5118446,16 15,16 C14.4881554,16 13.9763107,16.1952621 13.5857864,16.5857864 C13.1952621,16.9763107 13,17.4881554 13,18 C13,18.3461586 13.0893084,18.6923173 13.2679251,19.0009488 L5,19 C3.34314575,19 2,17.6568542 2,16 L2,6 C2,5.60702816 2.07555747,5.23170371 2.21293732,4.88776173 L10.2486231,11.52597 C10.7569063,11.9458765 11.3784462,12.1558671 11.9999941,12.1558671 C12.621542,12.1558671 13.2430978,11.9459704 13.7514126,11.5261022 L21.7870627,4.88776173 Z M19,3 C19.7200215,3 20.3807985,3.2536562 20.8978451,3.67648286 L12.7961501,10.3696104 C12.5650979,10.5604595 12.2825725,10.6558778 12.0000508,10.6558671 C11.717529,10.6558565 11.4350108,10.5604169 11.203973,10.3695502 L3.10215492,3.67648286 C3.61920154,3.2536562 4.27997848,3 5,3 L19,3 Z\"  fill=\"var(--pf-icon-color)\"><\/path><\/g><\/svg><\/span><span class=\"d-inline-flex font-weight-bold secondary-font text-gray-6\" >Avalia\u00e7\u00e3o de Desempenho<\/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>Realize avalia\u00e7\u00f5es peri\u00f3dicas e acompanhe a evolu\u00e7\u00e3o de cada colaborador. Registre feedbacks e metas em um hist\u00f3rico acess\u00edvel a qualquer momento. Transforme desempenho em dados para decis\u00f5es de carreira.<\/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-chat-person-1\" viewBox=\"2 2 20 20\"><g  stroke=\"none\" stroke-width=\"var(--pf-icon-stroke-width)\" fill=\"none\" fill-rule=\"evenodd\"><path d=\"M18,18 C19.8663092,18 21.2604109,18.9584449 21.9284767,20.6286093 C22.1912224,21.2854737 21.7074646,22 21,22 L15,22 C14.2925354,22 13.8087776,21.2854737 14.0715233,20.6286093 C14.7395891,18.9584449 16.1336908,18 18,18 Z M19,2 C20.6568542,2 22,3.34314575 22,5 L22,14 C22,14.9448803 21.5631744,15.7877345 20.8804545,16.3376312 C20.9587559,16.0710426 21,15.7903378 21,15.5 C21,14.6715729 20.6642136,13.9215729 20.1213203,13.3786797 C19.6236682,12.8810275 18.9519889,12.5574026 18.2053984,12.5069211 L18,12.5 C17.1715729,12.5 16.4215729,12.8357864 15.8786797,13.3786797 C15.3357864,13.9215729 15,14.6715729 15,15.5 C15,16.0472367 15.1465227,16.5602511 15.4025528,17.0013338 L9.60555128,17 C9.40812629,17 9.2151186,17.058438 9.05085108,17.1679497 L5.10940039,19.7955835 C4.19034302,20.4082884 2.94860433,20.1599407 2.33589941,19.2408833 C2.11687605,18.9123483 2,18.5263329 2,18.1314829 L2,5 C2,3.34314575 3.34314575,2 5,2 L19,2 Z M18,13.5 C19.1045695,13.5 20,14.3954305 20,15.5 C20,16.6045695 19.1045695,17.5 18,17.5 C16.8954305,17.5 16,16.6045695 16,15.5 C16,14.3954305 16.8954305,13.5 18,13.5 Z M14,10.5 L7,10.5 C6.44771525,10.5 6,10.9477153 6,11.5 C6,12.0522847 6.44771525,12.5 7,12.5 L14,12.5 C14.5522847,12.5 15,12.0522847 15,11.5 C15,10.9477153 14.5522847,10.5 14,10.5 Z M17,6.5 L7,6.5 C6.44771525,6.5 6,6.94771525 6,7.5 C6,8.05228475 6.44771525,8.5 7,8.5 L17,8.5 C17.5522847,8.5 18,8.05228475 18,7.5 C18,6.94771525 17.5522847,6.5 17,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\" >Portal do Colaborador<\/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>D\u00ea acesso direto a holerites, f\u00e9rias e atestados, sem depender do RH. Seu colaborador atualiza dados e resolve pend\u00eancias sozinho, a qualquer hora. Menos burocracia para todo mundo, mais autonomia no dia a dia.<\/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 RH (RECURSOS HUMANOS)                          -->\r\n<!-- Sincronizado com o accordion do Elementor                    -->\r\n<!-- Gest\u00e3o de Faltas e Atestados \/ Controle de Banco de Horas \/   -->\r\n<!-- Recrutamento e Sele\u00e7\u00e3o \/ Avalia\u00e7\u00e3o de Desempenho \/             -->\r\n<!-- Portal do Colaborador                                         -->\r\n<!-- ============================================================ -->\r\n\r\n<div id=\"vb-rhmod-wrap\" class=\"vb-rhmod-wrap\">\r\n  <style>\r\n    #vb-rhmod-wrap,\r\n    #vb-rhmod-wrap *,\r\n    #vb-rhmod-wrap *::before,\r\n    #vb-rhmod-wrap *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #vb-rhmod-wrap { width: 100%; font-family: inherit; }\r\n\r\n    @keyframes vbrhm-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }\r\n    @keyframes vbrhm-fade { from { opacity: 0; transform: scale(.975); } to { opacity: 1; transform: scale(1); } }\r\n\r\n    #vb-rhmod-wrap .vbrhm-container { position: relative; width: 100%; min-height: 360px; }\r\n\r\n    #vb-rhmod-wrap .vbrhm-panel {\r\n      position: absolute; width: 100%;\r\n      opacity: 0; visibility: hidden; pointer-events: none;\r\n    }\r\n\r\n    #vb-rhmod-wrap .vbrhm-panel.is-active {\r\n      position: relative; opacity: 1; visibility: visible; pointer-events: auto;\r\n      animation: vbrhm-fade .4s ease forwards;\r\n    }\r\n\r\n    #vb-rhmod-wrap .vbrhm-box { width: 100%; padding: 14px; background: transparent; }\r\n    #vb-rhmod-wrap .vbrhm-area { position: relative; width: 100%; padding: 6px 18px 6px 6px; }\r\n\r\n    #vb-rhmod-wrap .vbrhm-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-rhmod-wrap .vbrhm-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-rhmod-wrap .vbrhm-dots { display: flex; gap: 6px; }\r\n    #vb-rhmod-wrap .vbrhm-dots span { width: 10px; height: 10px; border-radius: 50%; }\r\n    #vb-rhmod-wrap .vbrhm-red { background: #ff5f57; }\r\n    #vb-rhmod-wrap .vbrhm-yellow { background: #febc2e; }\r\n    #vb-rhmod-wrap .vbrhm-green { background: #28c840; }\r\n\r\n    #vb-rhmod-wrap .vbrhm-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-rhmod-wrap .vbrhm-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-rhmod-wrap .vbrhm-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-rhmod-wrap .vbrhm-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-rhmod-wrap .vbrhm-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-rhmod-wrap .vbrhm-title-icon svg { width: 11px; height: 11px; color: #ffffff; }\r\n\r\n    #vb-rhmod-wrap .vbrhm-meta { color: #8a94a6; font-size: 9.5px; font-weight: 600; white-space: nowrap; }\r\n\r\n    #vb-rhmod-wrap .vbrhm-blue { background: #0057ae; }\r\n    #vb-rhmod-wrap .vbrhm-gold { background: #edb000; }\r\n    #vb-rhmod-wrap .vbrhm-green-bg { background: #15803d; }\r\n    #vb-rhmod-wrap .vbrhm-gray { background: #94a3b8; }\r\n\r\n    \/* Painel 1 \u2014 Gest\u00e3o de Faltas e Atestados *\/\r\n    #vb-rhmod-wrap .vbrhm-absence-list { display: flex; flex-direction: column; gap: 8px; }\r\n    #vb-rhmod-wrap .vbrhm-absence-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    #vb-rhmod-wrap .vbrhm-absence-row.is-active { border-color: #0057ae; box-shadow: 0 6px 16px rgba(0,87,174,.12); }\r\n    #vb-rhmod-wrap .vbrhm-avatar {\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    #vb-rhmod-wrap .vbrhm-row-name { color: #243b5a; font-size: 10px; font-weight: 700; }\r\n    #vb-rhmod-wrap .vbrhm-row-sub { margin-top: 2px; color: #8a94a6; font-size: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\r\n    #vb-rhmod-wrap .vbrhm-absence-tag {\r\n      font-size: 7.5px; font-weight: 700; padding: 3px 8px; border-radius: 999px; white-space: nowrap;\r\n    }\r\n    #vb-rhmod-wrap .vbrhm-absence-tag.pending { background: #fdf3dc; color: #92700a; }\r\n    #vb-rhmod-wrap .vbrhm-absence-tag.approved { background: #dcfce7; color: #15803d; }\r\n\r\n    #vb-rhmod-wrap .vbrhm-summary-bar {\r\n      display: flex; gap: 8px; margin-top: 10px;\r\n    }\r\n    #vb-rhmod-wrap .vbrhm-summary-item {\r\n      flex: 1; text-align: center; background: #ffffff; border: 1px solid #e2e8f0;\r\n      border-radius: 9px; padding: 7px 4px; font-size: 8px; font-weight: 600; color: #8a94a6;\r\n    }\r\n    #vb-rhmod-wrap .vbrhm-summary-item strong { display: block; font-size: 12px; font-weight: 800; color: #0057ae; }\r\n\r\n    \/* Painel 2 \u2014 Controle de Banco de Horas *\/\r\n    #vb-rhmod-wrap .vbrhm-bank-list { display: flex; flex-direction: column; gap: 9px; }\r\n    #vb-rhmod-wrap .vbrhm-bank-row { padding: 9px 11px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 10px; }\r\n    #vb-rhmod-wrap .vbrhm-bank-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }\r\n    #vb-rhmod-wrap .vbrhm-bank-name { display: flex; align-items: center; gap: 7px; color: #243b5a; font-size: 10px; font-weight: 700; }\r\n    #vb-rhmod-wrap .vbrhm-bank-avatar {\r\n      width: 20px; height: 20px; border-radius: 50%;\r\n      display: flex; align-items: center; justify-content: center;\r\n      color: #ffffff; font-size: 7.5px; font-weight: 800; flex-shrink: 0;\r\n    }\r\n    #vb-rhmod-wrap .vbrhm-bank-val { font-size: 10px; font-weight: 800; }\r\n    #vb-rhmod-wrap .vbrhm-bank-track { height: 6px; background: #eef1f6; border-radius: 999px; overflow: hidden; }\r\n    #vb-rhmod-wrap .vbrhm-bank-fill { height: 100%; border-radius: 999px; }\r\n\r\n    #vb-rhmod-wrap .vbrhm-bank-total {\r\n      display: flex; align-items: center; justify-content: space-between;\r\n      margin-top: 10px; padding: 9px 12px;\r\n      background: #eaf2fb; border-radius: 10px;\r\n      font-size: 9px; font-weight: 700; color: #0057ae;\r\n    }\r\n    #vb-rhmod-wrap .vbrhm-bank-total strong { font-size: 12px; font-weight: 800; }\r\n\r\n    \/* Painel 3 \u2014 Recrutamento e Sele\u00e7\u00e3o *\/\r\n    #vb-rhmod-wrap .vbrhm-funnel-list { display: flex; flex-direction: column; gap: 6px; margin-bottom: 10px; }\r\n    #vb-rhmod-wrap .vbrhm-funnel-row { display: flex; align-items: center; gap: 8px; }\r\n    #vb-rhmod-wrap .vbrhm-funnel-label { width: 92px; flex-shrink: 0; font-size: 8.5px; font-weight: 700; color: #3a4a5c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\r\n    #vb-rhmod-wrap .vbrhm-funnel-track { flex: 1; height: 16px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 6px; overflow: hidden; }\r\n    #vb-rhmod-wrap .vbrhm-funnel-fill { height: 100%; border-radius: 5px; background: #0057ae; transition: width 1s ease; }\r\n    #vb-rhmod-wrap .vbrhm-funnel-val { width: 20px; flex-shrink: 0; text-align: right; font-size: 8.5px; font-weight: 800; color: #243b5a; }\r\n\r\n    #vb-rhmod-wrap .vbrhm-candidate-row {\r\n      display: flex; align-items: center; gap: 9px;\r\n      padding: 7px 9px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 9px;\r\n      margin-bottom: 6px;\r\n    }\r\n    #vb-rhmod-wrap .vbrhm-candidate-row:last-child { margin-bottom: 0; }\r\n    #vb-rhmod-wrap .vbrhm-candidate-stage {\r\n      font-size: 7px; font-weight: 700; padding: 2px 6px; border-radius: 999px;\r\n      background: #e8f2fd; color: #0057ae; flex-shrink: 0; white-space: nowrap;\r\n    }\r\n\r\n    \/* Painel 4 \u2014 Avalia\u00e7\u00e3o de Desempenho *\/\r\n    #vb-rhmod-wrap .vbrhm-review-list { display: flex; flex-direction: column; gap: 8px; }\r\n    #vb-rhmod-wrap .vbrhm-review-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-rhmod-wrap .vbrhm-review-info { flex: 1; min-width: 0; }\r\n    #vb-rhmod-wrap .vbrhm-stars { display: flex; gap: 1px; flex-shrink: 0; }\r\n    #vb-rhmod-wrap .vbrhm-stars svg { width: 10px; height: 10px; }\r\n    #vb-rhmod-wrap .vbrhm-star-filled { color: #edb000; fill: #edb000; }\r\n    #vb-rhmod-wrap .vbrhm-star-empty { color: #e2e8f0; fill: #e2e8f0; }\r\n\r\n    #vb-rhmod-wrap .vbrhm-review-stats {\r\n      display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 10px;\r\n    }\r\n    #vb-rhmod-wrap .vbrhm-review-stat {\r\n      background: #ffffff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 9px 6px; text-align: center;\r\n    }\r\n    #vb-rhmod-wrap .vbrhm-review-stat strong { display: block; font-size: 14px; font-weight: 800; color: #0057ae; line-height: 1.1; }\r\n    #vb-rhmod-wrap .vbrhm-review-stat span { display: block; margin-top: 3px; font-size: 7px; font-weight: 700; color: #94a3b8; text-transform: uppercase; letter-spacing: .03em; }\r\n\r\n    \/* Painel 5 \u2014 Portal do Colaborador *\/\r\n    #vb-rhmod-wrap .vbrhm-portal-banner {\r\n      display: flex; align-items: center; gap: 8px;\r\n      margin-bottom: 10px; padding: 9px 12px;\r\n      background: #eaf2fb; border-radius: 10px;\r\n      font-size: 9px; font-weight: 700; color: #0057ae;\r\n    }\r\n    #vb-rhmod-wrap .vbrhm-portal-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; }\r\n    #vb-rhmod-wrap .vbrhm-portal-card {\r\n      display: flex; align-items: center; gap: 9px;\r\n      padding: 11px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 10px;\r\n    }\r\n    #vb-rhmod-wrap .vbrhm-portal-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;\r\n    }\r\n    #vb-rhmod-wrap .vbrhm-portal-icon svg { width: 13px; height: 13px; color: #ffffff; }\r\n    #vb-rhmod-wrap .vbrhm-portal-info { flex: 1; min-width: 0; }\r\n    #vb-rhmod-wrap .vbrhm-portal-name { color: #243b5a; font-size: 9.5px; font-weight: 700; }\r\n    #vb-rhmod-wrap .vbrhm-portal-count { margin-top: 2px; color: #8a94a6; font-size: 7.8px; }\r\n\r\n    \/* card flutuante *\/\r\n    #vb-rhmod-wrap .vbrhm-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: vbrhm-float 5s ease-in-out infinite;\r\n    }\r\n\r\n    #vb-rhmod-wrap .vbrhm-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-rhmod-wrap .vbrhm-floating-label { display: block; color: #6b7b8f; font-size: 7px; font-weight: 700; line-height: 1.2; text-transform: uppercase; }\r\n    #vb-rhmod-wrap .vbrhm-floating-value { display: block; color: #0057ae; font-size: 11px; font-weight: 800; }\r\n\r\n    @media (max-width: 768px) {\r\n      #vb-rhmod-wrap .vbrhm-box { padding: 8px 0; }\r\n      #vb-rhmod-wrap .vbrhm-area { padding: 0; }\r\n      #vb-rhmod-wrap .vbrhm-floating { display: none; }\r\n      #vb-rhmod-wrap .vbrhm-url { margin: 0 8px; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      #vb-rhmod-wrap .vbrhm-content { min-height: 310px; padding: 13px; }\r\n      #vb-rhmod-wrap .vbrhm-portal-grid { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      #vb-rhmod-wrap .vbrhm-floating,\r\n      #vb-rhmod-wrap .vbrhm-panel.is-active { animation: none; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"vbrhm-container\" id=\"vbrhmContainer\">\r\n\r\n    <!-- PAINEL 1 \u2014 GEST\u00c3O DE FALTAS E ATESTADOS -->\r\n    <div class=\"vbrhm-panel is-active\" data-resource=\"gestao-de-faltas-e-atestados\">\r\n      <div class=\"vbrhm-box\">\r\n        <div class=\"vbrhm-area\">\r\n          <div class=\"vbrhm-frame\">\r\n            <div class=\"vbrhm-browser\">\r\n              <div class=\"vbrhm-dots\"><span class=\"vbrhm-red\"><\/span><span class=\"vbrhm-yellow\"><\/span><span class=\"vbrhm-green\"><\/span><\/div>\r\n              <div class=\"vbrhm-url\">app.vb365.com.br\/rh\/faltas<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"vbrhm-content\">\r\n              <div class=\"vbrhm-head\">\r\n                <span class=\"vbrhm-title\"><span class=\"vbrhm-title-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 11l3 3L22 4\"><\/path><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"><\/path><\/svg><\/span>Faltas e Atestados<\/span>\r\n                <span class=\"vbrhm-meta\">4 este m\u00eas<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"vbrhm-absence-list\" id=\"vbrhmAbsenceList\">\r\n                <div class=\"vbrhm-absence-row is-active\" id=\"vbrhmAbsRow1\">\r\n                  <span class=\"vbrhm-avatar vbrhm-blue\">AM<\/span>\r\n                  <div>\r\n                    <div class=\"vbrhm-row-name\">Ana Martins<\/div>\r\n                    <div class=\"vbrhm-row-sub\">Atestado m\u00e9dico \u00b7 1 dia<\/div>\r\n                  <\/div>\r\n                  <span class=\"vbrhm-absence-tag pending\">Pendente<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"vbrhm-absence-row\" id=\"vbrhmAbsRow2\">\r\n                  <span class=\"vbrhm-avatar vbrhm-gold\">RM<\/span>\r\n                  <div>\r\n                    <div class=\"vbrhm-row-name\">Ricardo Mendes<\/div>\r\n                    <div class=\"vbrhm-row-sub\">Falta justificada \u00b7 05\/08<\/div>\r\n                  <\/div>\r\n                  <span class=\"vbrhm-absence-tag approved\">Aprovada<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"vbrhm-absence-row\" id=\"vbrhmAbsRow3\">\r\n                  <span class=\"vbrhm-avatar vbrhm-green-bg\">PR<\/span>\r\n                  <div>\r\n                    <div class=\"vbrhm-row-name\">Paulo Rocha<\/div>\r\n                    <div class=\"vbrhm-row-sub\">Atestado odontol\u00f3gico \u00b7 meio per\u00edodo<\/div>\r\n                  <\/div>\r\n                  <span class=\"vbrhm-absence-tag approved\">Aprovada<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"vbrhm-absence-row\" id=\"vbrhmAbsRow4\">\r\n                  <span class=\"vbrhm-avatar vbrhm-gray\">FL<\/span>\r\n                  <div>\r\n                    <div class=\"vbrhm-row-name\">Fernanda Lima<\/div>\r\n                    <div class=\"vbrhm-row-sub\">Falta n\u00e3o justificada \u00b7 02\/08<\/div>\r\n                  <\/div>\r\n                  <span class=\"vbrhm-absence-tag pending\">Em an\u00e1lise<\/span>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"vbrhm-summary-bar\">\r\n                <span class=\"vbrhm-summary-item\"><strong>2<\/strong> aprovadas<\/span>\r\n                <span class=\"vbrhm-summary-item\"><strong>2<\/strong> pendentes<\/span>\r\n                <span class=\"vbrhm-summary-item\"><strong>0<\/strong> recorr\u00eancias<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"vbrhm-floating\">\r\n            <div class=\"vbrhm-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=\"M9 11l3 3L22 4\"><\/path><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <div>\r\n              <span class=\"vbrhm-floating-label\">Aprova\u00e7\u00e3o em<\/span>\r\n              <span class=\"vbrhm-floating-value\">Poucos cliques<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- PAINEL 2 \u2014 CONTROLE DE BANCO DE HORAS -->\r\n    <div class=\"vbrhm-panel\" data-resource=\"controle-de-banco-de-horas\">\r\n      <div class=\"vbrhm-box\">\r\n        <div class=\"vbrhm-area\">\r\n          <div class=\"vbrhm-frame\">\r\n            <div class=\"vbrhm-browser\">\r\n              <div class=\"vbrhm-dots\"><span class=\"vbrhm-red\"><\/span><span class=\"vbrhm-yellow\"><\/span><span class=\"vbrhm-green\"><\/span><\/div>\r\n              <div class=\"vbrhm-url\">app.vb365.com.br\/rh\/banco-horas<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"vbrhm-content\">\r\n              <div class=\"vbrhm-head\">\r\n                <span class=\"vbrhm-title\"><span class=\"vbrhm-title-icon\"><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><\/span>Banco de Horas<\/span>\r\n                <span class=\"vbrhm-meta\">Saldo do m\u00eas<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"vbrhm-bank-list\">\r\n                <div class=\"vbrhm-bank-row\">\r\n                  <div class=\"vbrhm-bank-top\">\r\n                    <span class=\"vbrhm-bank-name\"><span class=\"vbrhm-bank-avatar vbrhm-blue\">AM<\/span>Ana Martins<\/span>\r\n                    <span class=\"vbrhm-bank-val\" style=\"color:#15803d;\">+4h20<\/span>\r\n                  <\/div>\r\n                  <div class=\"vbrhm-bank-track\"><div class=\"vbrhm-bank-fill\" style=\"width:72%;background:#15803d;\"><\/div><\/div>\r\n                <\/div>\r\n                <div class=\"vbrhm-bank-row\">\r\n                  <div class=\"vbrhm-bank-top\">\r\n                    <span class=\"vbrhm-bank-name\"><span class=\"vbrhm-bank-avatar vbrhm-gold\">RM<\/span>Ricardo Mendes<\/span>\r\n                    <span class=\"vbrhm-bank-val\" style=\"color:#0057ae;\">+1h05<\/span>\r\n                  <\/div>\r\n                  <div class=\"vbrhm-bank-track\"><div class=\"vbrhm-bank-fill\" style=\"width:38%;background:#0057ae;\"><\/div><\/div>\r\n                <\/div>\r\n                <div class=\"vbrhm-bank-row\">\r\n                  <div class=\"vbrhm-bank-top\">\r\n                    <span class=\"vbrhm-bank-name\"><span class=\"vbrhm-bank-avatar vbrhm-green-bg\">PR<\/span>Paulo Rocha<\/span>\r\n                    <span class=\"vbrhm-bank-val\" style=\"color:#d1483a;\">-2h10<\/span>\r\n                  <\/div>\r\n                  <div class=\"vbrhm-bank-track\"><div class=\"vbrhm-bank-fill\" style=\"width:24%;background:#d1483a;\"><\/div><\/div>\r\n                <\/div>\r\n                <div class=\"vbrhm-bank-row\">\r\n                  <div class=\"vbrhm-bank-top\">\r\n                    <span class=\"vbrhm-bank-name\"><span class=\"vbrhm-bank-avatar vbrhm-gray\">FL<\/span>Fernanda Lima<\/span>\r\n                    <span class=\"vbrhm-bank-val\" style=\"color:#15803d;\">+0h48<\/span>\r\n                  <\/div>\r\n                  <div class=\"vbrhm-bank-track\"><div class=\"vbrhm-bank-fill\" style=\"width:18%;background:#15803d;\"><\/div><\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"vbrhm-bank-total\">\r\n                <span>Saldo total da equipe<\/span>\r\n                <strong>+4h03<\/strong>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"vbrhm-floating\">\r\n            <div class=\"vbrhm-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\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n              <\/svg>\r\n            <\/div>\r\n            <div>\r\n              <span class=\"vbrhm-floating-label\">Saldo calculado<\/span>\r\n              <span class=\"vbrhm-floating-value\">Automaticamente<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- PAINEL 3 \u2014 RECRUTAMENTO E SELE\u00c7\u00c3O -->\r\n    <div class=\"vbrhm-panel\" data-resource=\"recrutamento-e-selecao\">\r\n      <div class=\"vbrhm-box\">\r\n        <div class=\"vbrhm-area\">\r\n          <div class=\"vbrhm-frame\">\r\n            <div class=\"vbrhm-browser\">\r\n              <div class=\"vbrhm-dots\"><span class=\"vbrhm-red\"><\/span><span class=\"vbrhm-yellow\"><\/span><span class=\"vbrhm-green\"><\/span><\/div>\r\n              <div class=\"vbrhm-url\">app.vb365.com.br\/rh\/recrutamento<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"vbrhm-content\">\r\n              <div class=\"vbrhm-head\">\r\n                <span class=\"vbrhm-title\"><span class=\"vbrhm-title-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.59 13.41 11 3.83V3H4v7h.83l9.58 9.59a2 2 0 0 0 2.82 0l3.36-3.36a2 2 0 0 0 0-2.82Z\"><\/path><\/svg><\/span>Funil de Sele\u00e7\u00e3o<\/span>\r\n                <span class=\"vbrhm-meta\">34 candidatos<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"vbrhm-funnel-list\">\r\n                <div class=\"vbrhm-funnel-row\"><span class=\"vbrhm-funnel-label\">Triagem<\/span><div class=\"vbrhm-funnel-track\"><div class=\"vbrhm-funnel-fill\" style=\"width:100%;\"><\/div><\/div><span class=\"vbrhm-funnel-val\">34<\/span><\/div>\r\n                <div class=\"vbrhm-funnel-row\"><span class=\"vbrhm-funnel-label\">Entrevista RH<\/span><div class=\"vbrhm-funnel-track\"><div class=\"vbrhm-funnel-fill\" style=\"width:59%;\"><\/div><\/div><span class=\"vbrhm-funnel-val\">20<\/span><\/div>\r\n                <div class=\"vbrhm-funnel-row\"><span class=\"vbrhm-funnel-label\">Teste t\u00e9cnico<\/span><div class=\"vbrhm-funnel-track\"><div class=\"vbrhm-funnel-fill\" style=\"width:32%;\"><\/div><\/div><span class=\"vbrhm-funnel-val\">11<\/span><\/div>\r\n                <div class=\"vbrhm-funnel-row\"><span class=\"vbrhm-funnel-label\">Contratados<\/span><div class=\"vbrhm-funnel-track\"><div class=\"vbrhm-funnel-fill\" style=\"width:3%;background:#15803d;\"><\/div><\/div><span class=\"vbrhm-funnel-val\">1<\/span><\/div>\r\n              <\/div>\r\n\r\n              <div class=\"vbrhm-candidate-row\">\r\n                <span class=\"vbrhm-avatar vbrhm-blue\" style=\"width:26px;height:26px;font-size:8.5px;\">JS<\/span>\r\n                <div style=\"flex:1;min-width:0;\">\r\n                  <div class=\"vbrhm-row-name\">Julia Santos<\/div>\r\n                  <div class=\"vbrhm-row-sub\">Dev Frontend \u00b7 3 anos exp.<\/div>\r\n                <\/div>\r\n                <span class=\"vbrhm-candidate-stage\">Entrevista<\/span>\r\n              <\/div>\r\n              <div class=\"vbrhm-candidate-row\">\r\n                <span class=\"vbrhm-avatar vbrhm-gold\" style=\"width:26px;height:26px;font-size:8.5px;\">CF<\/span>\r\n                <div style=\"flex:1;min-width:0;\">\r\n                  <div class=\"vbrhm-row-name\">Camila Ferreira<\/div>\r\n                  <div class=\"vbrhm-row-sub\">Analista Comercial \u00b7 6 anos exp.<\/div>\r\n                <\/div>\r\n                <span class=\"vbrhm-candidate-stage\" style=\"background:#fdf3dc;color:#92700a;\">Proposta<\/span>\r\n              <\/div>\r\n              <div class=\"vbrhm-candidate-row\" style=\"margin-bottom:0;\">\r\n                <span class=\"vbrhm-avatar vbrhm-green-bg\" style=\"width:26px;height:26px;font-size:8.5px;\">RL<\/span>\r\n                <div style=\"flex:1;min-width:0;\">\r\n                  <div class=\"vbrhm-row-name\">Rafael Lima<\/div>\r\n                  <div class=\"vbrhm-row-sub\">Dev Backend \u00b7 4 anos exp.<\/div>\r\n                <\/div>\r\n                <span class=\"vbrhm-candidate-stage\">Triagem<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"vbrhm-summary-bar\">\r\n                <span class=\"vbrhm-summary-item\"><strong>3<\/strong> vagas abertas<\/span>\r\n                <span class=\"vbrhm-summary-item\"><strong>12d<\/strong> tempo m\u00e9dio<\/span>\r\n                <span class=\"vbrhm-summary-item\"><strong>3%<\/strong> convers\u00e3o<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"vbrhm-floating\">\r\n            <div class=\"vbrhm-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=\"M20.59 13.41 11 3.83V3H4v7h.83l9.58 9.59a2 2 0 0 0 2.82 0l3.36-3.36a2 2 0 0 0 0-2.82Z\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <div>\r\n              <span class=\"vbrhm-floating-label\">Sem perder<\/span>\r\n              <span class=\"vbrhm-floating-value\">Hist\u00f3rico algum<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- PAINEL 4 \u2014 AVALIA\u00c7\u00c3O DE DESEMPENHO -->\r\n    <div class=\"vbrhm-panel\" data-resource=\"avaliacao-de-desempenho\">\r\n      <div class=\"vbrhm-box\">\r\n        <div class=\"vbrhm-area\">\r\n          <div class=\"vbrhm-frame\">\r\n            <div class=\"vbrhm-browser\">\r\n              <div class=\"vbrhm-dots\"><span class=\"vbrhm-red\"><\/span><span class=\"vbrhm-yellow\"><\/span><span class=\"vbrhm-green\"><\/span><\/div>\r\n              <div class=\"vbrhm-url\">app.vb365.com.br\/rh\/desempenho<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"vbrhm-content\">\r\n              <div class=\"vbrhm-head\">\r\n                <span class=\"vbrhm-title\"><span class=\"vbrhm-title-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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><\/svg><\/span>Avalia\u00e7\u00e3o de Desempenho<\/span>\r\n                <span class=\"vbrhm-meta\">Ciclo Q3 2026<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"vbrhm-review-stats\">\r\n                <div class=\"vbrhm-review-stat\"><strong>4.2<\/strong><span>M\u00e9dia geral<\/span><\/div>\r\n                <div class=\"vbrhm-review-stat\"><strong>75<\/strong><span>Colaboradores<\/span><\/div>\r\n                <div class=\"vbrhm-review-stat\"><strong>28<\/strong><span>Avaliados<\/span><\/div>\r\n              <\/div>\r\n\r\n              <div class=\"vbrhm-review-list\">\r\n                <div class=\"vbrhm-review-row\">\r\n                  <span class=\"vbrhm-avatar vbrhm-blue\">AM<\/span>\r\n                  <div class=\"vbrhm-review-info\">\r\n                    <div class=\"vbrhm-row-name\">Ana Martins<\/div>\r\n                    <div class=\"vbrhm-row-sub\">Executiva de Vendas<\/div>\r\n                  <\/div>\r\n                  <span class=\"vbrhm-stars\">\r\n                    <svg class=\"vbrhm-star-filled\" viewBox=\"0 0 24 24\"><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><\/svg>\r\n                    <svg class=\"vbrhm-star-filled\" viewBox=\"0 0 24 24\"><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><\/svg>\r\n                    <svg class=\"vbrhm-star-filled\" viewBox=\"0 0 24 24\"><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><\/svg>\r\n                    <svg class=\"vbrhm-star-filled\" viewBox=\"0 0 24 24\"><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><\/svg>\r\n                    <svg class=\"vbrhm-star-empty\" viewBox=\"0 0 24 24\"><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><\/svg>\r\n                  <\/span>\r\n                <\/div>\r\n                <div class=\"vbrhm-review-row\">\r\n                  <span class=\"vbrhm-avatar vbrhm-gold\">RM<\/span>\r\n                  <div class=\"vbrhm-review-info\">\r\n                    <div class=\"vbrhm-row-name\">Ricardo Mendes<\/div>\r\n                    <div class=\"vbrhm-row-sub\">Executivo de Contas<\/div>\r\n                  <\/div>\r\n                  <span class=\"vbrhm-stars\">\r\n                    <svg class=\"vbrhm-star-filled\" viewBox=\"0 0 24 24\"><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><\/svg>\r\n                    <svg class=\"vbrhm-star-filled\" viewBox=\"0 0 24 24\"><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><\/svg>\r\n                    <svg class=\"vbrhm-star-filled\" viewBox=\"0 0 24 24\"><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><\/svg>\r\n                    <svg class=\"vbrhm-star-empty\" viewBox=\"0 0 24 24\"><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><\/svg>\r\n                    <svg class=\"vbrhm-star-empty\" viewBox=\"0 0 24 24\"><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><\/svg>\r\n                  <\/span>\r\n                <\/div>\r\n                <div class=\"vbrhm-review-row\">\r\n                  <span class=\"vbrhm-avatar vbrhm-green-bg\">PR<\/span>\r\n                  <div class=\"vbrhm-review-info\">\r\n                    <div class=\"vbrhm-row-name\">Paulo Rocha<\/div>\r\n                    <div class=\"vbrhm-row-sub\">Analista Financeiro<\/div>\r\n                  <\/div>\r\n                  <span class=\"vbrhm-stars\">\r\n                    <svg class=\"vbrhm-star-filled\" viewBox=\"0 0 24 24\"><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><\/svg>\r\n                    <svg class=\"vbrhm-star-filled\" viewBox=\"0 0 24 24\"><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><\/svg>\r\n                    <svg class=\"vbrhm-star-filled\" viewBox=\"0 0 24 24\"><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><\/svg>\r\n                    <svg class=\"vbrhm-star-filled\" viewBox=\"0 0 24 24\"><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><\/svg>\r\n                    <svg class=\"vbrhm-star-filled\" viewBox=\"0 0 24 24\"><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><\/svg>\r\n                  <\/span>\r\n                <\/div>\r\n                <div class=\"vbrhm-review-row\">\r\n                  <span class=\"vbrhm-avatar vbrhm-gray\">FL<\/span>\r\n                  <div class=\"vbrhm-review-info\">\r\n                    <div class=\"vbrhm-row-name\">Fernanda Lima<\/div>\r\n                    <div class=\"vbrhm-row-sub\">Pr\u00e9-vendas<\/div>\r\n                  <\/div>\r\n                  <span class=\"vbrhm-stars\">\r\n                    <svg class=\"vbrhm-star-filled\" viewBox=\"0 0 24 24\"><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><\/svg>\r\n                    <svg class=\"vbrhm-star-filled\" viewBox=\"0 0 24 24\"><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><\/svg>\r\n                    <svg class=\"vbrhm-star-filled\" viewBox=\"0 0 24 24\"><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><\/svg>\r\n                    <svg class=\"vbrhm-star-empty\" viewBox=\"0 0 24 24\"><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><\/svg>\r\n                    <svg class=\"vbrhm-star-empty\" viewBox=\"0 0 24 24\"><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><\/svg>\r\n                  <\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"vbrhm-floating\">\r\n            <div class=\"vbrhm-floating-icon\">\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\">\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            <\/div>\r\n            <div>\r\n              <span class=\"vbrhm-floating-label\">Feedback cont\u00ednuo<\/span>\r\n              <span class=\"vbrhm-floating-value\">N\u00e3o s\u00f3 anual<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- PAINEL 5 \u2014 PORTAL DO COLABORADOR -->\r\n    <div class=\"vbrhm-panel\" data-resource=\"portal-do-colaborador\">\r\n      <div class=\"vbrhm-box\">\r\n        <div class=\"vbrhm-area\">\r\n          <div class=\"vbrhm-frame\">\r\n            <div class=\"vbrhm-browser\">\r\n              <div class=\"vbrhm-dots\"><span class=\"vbrhm-red\"><\/span><span class=\"vbrhm-yellow\"><\/span><span class=\"vbrhm-green\"><\/span><\/div>\r\n              <div class=\"vbrhm-url\">app.vb365.com.br\/portal<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"vbrhm-content\">\r\n              <div class=\"vbrhm-head\">\r\n                <span class=\"vbrhm-title\"><span class=\"vbrhm-title-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"><\/rect><line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"21\"><\/line><\/svg><\/span>Portal do Colaborador<\/span>\r\n                <span class=\"vbrhm-meta\">Ana Martins<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"vbrhm-portal-banner\">\r\n                <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"><\/path><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"><\/path><\/svg>\r\n                Novo holerite dispon\u00edvel para download\r\n              <\/div>\r\n\r\n              <div class=\"vbrhm-portal-grid\">\r\n                <div class=\"vbrhm-portal-card\">\r\n                  <span class=\"vbrhm-portal-icon vbrhm-blue\">\r\n                    <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\"><\/path><polyline points=\"14,2 14,8 20,8\"><\/polyline><\/svg>\r\n                  <\/span>\r\n                  <div class=\"vbrhm-portal-info\">\r\n                    <div class=\"vbrhm-portal-name\">Holerites<\/div>\r\n                    <div class=\"vbrhm-portal-count\">12 dispon\u00edveis<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"vbrhm-portal-card\">\r\n                  <span class=\"vbrhm-portal-icon vbrhm-gold\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n                  <\/span>\r\n                  <div class=\"vbrhm-portal-info\">\r\n                    <div class=\"vbrhm-portal-name\">F\u00e9rias<\/div>\r\n                    <div class=\"vbrhm-portal-count\">18 dias dispon\u00edveis<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"vbrhm-portal-card\">\r\n                  <span class=\"vbrhm-portal-icon vbrhm-green-bg\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 11l3 3L22 4\"><\/path><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"><\/path><\/svg>\r\n                  <\/span>\r\n                  <div class=\"vbrhm-portal-info\">\r\n                    <div class=\"vbrhm-portal-name\">Atestados<\/div>\r\n                    <div class=\"vbrhm-portal-count\">Enviar novo<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"vbrhm-portal-card\">\r\n                  <span class=\"vbrhm-portal-icon vbrhm-gray\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle><\/svg>\r\n                  <\/span>\r\n                  <div class=\"vbrhm-portal-info\">\r\n                    <div class=\"vbrhm-portal-name\">Meus Dados<\/div>\r\n                    <div class=\"vbrhm-portal-count\">Atualizar cadastro<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"vbrhm-portal-card\">\r\n                  <span class=\"vbrhm-portal-icon\" style=\"background:#6a4fbf;\">\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                  <div class=\"vbrhm-portal-info\">\r\n                    <div class=\"vbrhm-portal-name\">Ponto<\/div>\r\n                    <div class=\"vbrhm-portal-count\">Espelho do m\u00eas<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"vbrhm-portal-card\">\r\n                  <span class=\"vbrhm-portal-icon\" style=\"background:#d1483a;\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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><\/svg>\r\n                  <\/span>\r\n                  <div class=\"vbrhm-portal-info\">\r\n                    <div class=\"vbrhm-portal-name\">Avalia\u00e7\u00e3o<\/div>\r\n                    <div class=\"vbrhm-portal-count\">Ver feedback<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"vbrhm-floating\">\r\n            <div class=\"vbrhm-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=\"3\" width=\"18\" height=\"18\" rx=\"2\"><\/rect><line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"21\"><\/line>\r\n              <\/svg>\r\n            <\/div>\r\n            <div>\r\n              <span class=\"vbrhm-floating-label\">Autoatendimento<\/span>\r\n              <span class=\"vbrhm-floating-value\">24 horas<\/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-rhmod-wrap');\r\n    if (!root || root.dataset.animStarted === 'true') return;\r\n    root.dataset.animStarted = 'true';\r\n\r\n    var absRows = root.querySelectorAll('#vbrhmAbsenceList .vbrhm-absence-row');\r\n    if (absRows.length) {\r\n      var absIndex = 0;\r\n      setInterval(function () {\r\n        absRows.forEach(function (r) { r.classList.remove('is-active'); });\r\n        absRows[absIndex].classList.add('is-active');\r\n        absIndex = (absIndex + 1) % absRows.length;\r\n      }, 1900);\r\n    }\r\n\r\n    \/\/ Painel 3 \u2014 destaque percorrendo o funil\r\n    var funnelFills = root.querySelectorAll('.vbrhm-funnel-fill');\r\n    if (funnelFills.length) {\r\n      setInterval(function () {\r\n        funnelFills.forEach(function (f) {\r\n          f.style.transition = 'opacity .3s ease';\r\n          f.style.opacity = '.6';\r\n          setTimeout(function () { f.style.opacity = '1'; }, 300);\r\n        });\r\n      }, 2600);\r\n    }\r\n  })();\r\n<\/script>\r\n\r\n<script>\r\n  (function () {\r\n    var MAP = [\r\n      { match: \"gestao de faltas e atestados\", resource: \"gestao-de-faltas-e-atestados\" },\r\n      { match: \"controle de banco de horas\", resource: \"controle-de-banco-de-horas\" },\r\n      { match: \"recrutamento e selecao\", resource: \"recrutamento-e-selecao\" },\r\n      { match: \"avaliacao de desempenho\", resource: \"avaliacao-de-desempenho\" },\r\n      { match: \"portal do colaborador\", resource: \"portal-do-colaborador\" }\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(\"#vbrhmContainer .vbrhm-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 initRhMockup() {\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.vbrhmBound === \"true\") return;\r\n        var resource = getResource(item.textContent);\r\n        if (!resource) return;\r\n        item.dataset.vbrhmBound = \"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 (initRhMockup() || 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<!-- RH \u2014 camada isolada de layout                                -->\r\n<!-- ============================================================ -->\r\n<style>\r\n  #vb-rhmod-wrap {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  #vb-rhmod-wrap .vbrhm-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-rhmod-wrap .vbrhm-panel {\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  #vb-rhmod-wrap .vbrhm-panel.is-active {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  \/* Remove somente o espa\u00e7o vertical que reduzia a altura \u00fatil *\/\r\n  #vb-rhmod-wrap .vbrhm-box {\r\n    width: 100%;\r\n    height: 100%;\r\n    padding: 0 14px;\r\n  }\r\n\r\n  #vb-rhmod-wrap .vbrhm-area {\r\n    width: 100%;\r\n    height: 100%;\r\n    padding: 0 18px 0 6px;\r\n  }\r\n\r\n  #vb-rhmod-wrap .vbrhm-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-rhmod-wrap .vbrhm-browser {\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  #vb-rhmod-wrap .vbrhm-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-rhmod-wrap {\r\n      height: auto;\r\n    }\r\n\r\n    #vb-rhmod-wrap .vbrhm-container {\r\n      height: auto !important;\r\n      min-height: 400px;\r\n      margin-top: 0 !important;\r\n    }\r\n\r\n    #vb-rhmod-wrap .vbrhm-panel.is-active,\r\n    #vb-rhmod-wrap .vbrhm-box,\r\n    #vb-rhmod-wrap .vbrhm-area,\r\n    #vb-rhmod-wrap .vbrhm-frame {\r\n      height: auto;\r\n    }\r\n\r\n    #vb-rhmod-wrap .vbrhm-box {\r\n      padding: 8px 0;\r\n    }\r\n\r\n    #vb-rhmod-wrap .vbrhm-area {\r\n      padding: 0;\r\n    }\r\n\r\n    #vb-rhmod-wrap .vbrhm-frame {\r\n      min-height: 390px;\r\n    }\r\n\r\n    #vb-rhmod-wrap .vbrhm-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-rhmod-wrap .vbrhm-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: \"gestao de faltas e atestados\", resource: \"gestao-de-faltas-e-atestados\" },\r\n    { match: \"controle de banco de horas\", resource: \"controle-de-banco-de-horas\" },\r\n    { match: \"recrutamento e selecao\", resource: \"recrutamento-e-selecao\" },\r\n    { match: \"avaliacao de desempenho\", resource: \"avaliacao-de-desempenho\" },\r\n    { match: \"portal do colaborador\", resource: \"portal-do-colaborador\" }\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 findRhAccordion() {\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 syncRhLayout() {\r\n    var container = document.getElementById(\"vbrhmContainer\");\r\n    var wrapper = document.getElementById(\"vb-rhmod-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 = findRhAccordion();\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 bindRhLayout() {\r\n    var accordion = findRhAccordion();\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.vbrhmLayoutBound === \"true\") return;\r\n\r\n      item.dataset.vbrhmLayoutBound = \"true\";\r\n\r\n      item.addEventListener(\"click\", function () {\r\n        setTimeout(syncRhLayout, 20);\r\n        setTimeout(syncRhLayout, 100);\r\n        setTimeout(syncRhLayout, 250);\r\n        setTimeout(syncRhLayout, 450);\r\n        setTimeout(syncRhLayout, 700);\r\n      });\r\n    });\r\n\r\n    if (\r\n      window.ResizeObserver &&\r\n      accordion.dataset.vbrhmLayoutObserved !== \"true\"\r\n    ) {\r\n      accordion.dataset.vbrhmLayoutObserved = \"true\";\r\n\r\n      var observer = new ResizeObserver(function () {\r\n        syncRhLayout();\r\n      });\r\n\r\n      observer.observe(accordion);\r\n    }\r\n\r\n    syncRhLayout();\r\n    return true;\r\n  }\r\n\r\n  window.addEventListener(\"resize\", syncRhLayout);\r\n\r\n  window.addEventListener(\"orientationchange\", function () {\r\n    setTimeout(syncRhLayout, 200);\r\n  });\r\n\r\n  var attemptsLayout = 0;\r\n  var timerLayout = setInterval(function () {\r\n    attemptsLayout++;\r\n\r\n    if (bindRhLayout() || attemptsLayout > 40) {\r\n      clearInterval(timerLayout);\r\n    }\r\n  }, 250);\r\n\r\n  window.addEventListener(\"load\", function () {\r\n    setTimeout(syncRhLayout, 50);\r\n    setTimeout(syncRhLayout, 250);\r\n    setTimeout(syncRhLayout, 600);\r\n    setTimeout(syncRhLayout, 1200);\r\n    setTimeout(syncRhLayout, 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-955993-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-955993-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-955993-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\" >Como funciona o controle de ponto dos funcion\u00e1rios?<\/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><span data-path-to-node=\"10,0\">O sistema oferece ponto digital via App ou Web, permitindo a marca\u00e7\u00e3o r\u00e1pida com apenas um clique<\/span><span data-path-to-node=\"10,2\">. Com isso, voc\u00ea consegue saber em tempo real quem est\u00e1 em pausa, no almo\u00e7o ou em opera\u00e7\u00e3o<\/span><span data-path-to-node=\"10,4\">.<\/span><\/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\" >A plataforma auxilia no fechamento no final do m\u00eas?<\/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><span data-path-to-node=\"11,0\">Sim. O sistema gera um espelho de ponto com relat\u00f3rios detalhados para o fechamento de folha<\/span><span data-path-to-node=\"11,2\">. Ele tamb\u00e9m unifica a gest\u00e3o de faltas e atestados, al\u00e9m de fazer o controle autom\u00e1tico do banco de horas<\/span><span data-path-to-node=\"11,4\">.<\/span><\/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\" >Como o sistema ajuda a contratar novas pessoas?<\/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><span data-path-to-node=\"12,0\">O m\u00f3dulo conta com um funil organizado de recrutamento e sele\u00e7\u00e3o<\/span><span data-path-to-node=\"12,2\">. Voc\u00ea consegue acompanhar os candidatos por etapa, centralizar todos os curr\u00edculos e avaliar os perfis sem perder nenhum hist\u00f3rico do processo<\/span><span data-path-to-node=\"12,4\">. Quando o candidato \u00e9 aprovado, voc\u00ea pode utilizar a admiss\u00e3o digital simples<\/span><span data-path-to-node=\"12,6\">.<\/span><\/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\" >Os funcion\u00e1rios t\u00eam acesso \u00e0s pr\u00f3prias informa\u00e7\u00f5es?<\/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><span data-path-to-node=\"14,0\">Sim, o m\u00f3dulo inclui um Portal do Colaborador<\/span><span data-path-to-node=\"14,2\">, onde a equipe pode acessar suas informa\u00e7\u00f5es de forma centralizada e transparente.<\/span><\/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\" >Consigo acompanhar o desenvolvimento e o hist\u00f3rico da minha equipe?<\/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><span data-path-to-node=\"13,0\">Com certeza. A plataforma possui o Log de Evolu\u00e7\u00e3o, que guarda todo o hist\u00f3rico de promo\u00e7\u00f5es e reajustes salariais de cada colaborador<\/span><span data-path-to-node=\"13,2\">. Voc\u00ea tamb\u00e9m conta com a Gest\u00e3o de 1:1 para registrar reuni\u00f5es de feedback e alinhamento, al\u00e9m de aplicar avalia\u00e7\u00f5es de desempenho<\/span><span data-path-to-node=\"13,4\">.<\/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<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-0c3cd81 e-flex e-con-boxed e-con e-parent\" data-id=\"0c3cd81\" 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-af10110 e-flex e-con-boxed e-con e-child\" data-id=\"af10110\" 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-ba991cc e-flex e-con-boxed e-con e-child\" data-id=\"ba991cc\" 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-9191898 elementor-widget__width-initial elementor-widget elementor-widget-pix-highlighted-text\" data-id=\"9191898\" 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-955993-9191898\" 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-955993-9191898-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-955993-9191898-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-955993-9191898-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-955993-9191898-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-955993-9191898-4\"  class=\" elementor-repeater-item-316bd1e\"><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\">.<\/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-91880db e-con-full e-flex e-con e-child\" data-id=\"91880db\" 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-4177ddb e-con-full e-flex e-con e-child\" data-id=\"4177ddb\" 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-d432bb0 elementor-align-left abrir-popup-voip elementor-widget elementor-widget-button\" data-id=\"d432bb0\" 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-89582fc elementor-widget elementor-widget-button\" data-id=\"89582fc\" 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-293609d e-con-full e-flex e-con e-child\" data-id=\"293609d\" 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-71c6c95 e-con-full e-flex e-con e-child\" data-anim-type=\"fade-in-up\" data-anim-delay=\"100\" data-id=\"71c6c95\" 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-56ebacd elementor-widget elementor-widget-pix-numbers\" data-id=\"56ebacd\" 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-a971328 elementor-widget__width-auto elementor-invisible elementor-widget elementor-widget-pix-social-icons\" data-id=\"a971328\" 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-b55e74d elementor-widget elementor-widget-text-editor\" data-id=\"b55e74d\" 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 RH&#32; (Recursos&#32; Humanos)&#32; Gest\u00e3o&#32; de&#32; jornada&#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-955993","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/novosite.voipdobrasil.com.br\/v1\/wp-json\/wp\/v2\/pages\/955993","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=955993"}],"version-history":[{"count":0,"href":"https:\/\/novosite.voipdobrasil.com.br\/v1\/wp-json\/wp\/v2\/pages\/955993\/revisions"}],"wp:attachment":[{"href":"https:\/\/novosite.voipdobrasil.com.br\/v1\/wp-json\/wp\/v2\/media?parent=955993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}