{"id":23405,"date":"2025-10-14T09:29:02","date_gmt":"2025-10-14T12:29:02","guid":{"rendered":"https:\/\/ccs.neopath.com.br\/?page_id=23405"},"modified":"2025-12-22T20:48:05","modified_gmt":"2025-12-22T23:48:05","slug":"products","status":"publish","type":"page","link":"https:\/\/ccs.neopath.com.br\/?page_id=23405","title":{"rendered":"PRODUCTS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"23405\" class=\"elementor elementor-23405\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b393cd3 elementor-section-full_width elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"b393cd3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-80d1f6c\" data-id=\"80d1f6c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2936c23 elementor-widget__width-inherit elementor-widget elementor-widget-slider\" data-id=\"2936c23\" data-element_type=\"widget\" data-widget_type=\"slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n        \r\n            <section class=\"dreamit-slick-slider\">\r\n                <div class=\"default-slider slick\">\r\n                    \r\n                \r\n                        \r\n\t\t\t\t\t\t<div class=\"single-slick one align-items-center d-flex text-left\">\r\n                            <div class=\"container\">\r\n                                <div class=\"slide-img parallax-effect\"\r\n                                    style=\"background:url(https:\/\/ccs.neopath.com.br\/wp-content\/uploads\/2025\/12\/banner-paginas-internas-reduzida-products.png) center center \/ cover scroll no-repeat;\">\r\n                                <\/div>\r\n                                <div class=\"hero-text-wrap\">\r\n                                    <div class=\"hero-text\">\r\n                                        \r\n                                            <div class=\"white-color\">\r\n                                                                                                \r\n                                                \t<p><\/p>\r\n\r\n                                                \t\r\n                                                    \r\n                                                    \r\n                                            <\/div>\r\n                                        \r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"slider-single-image\">\r\n                                \t<img decoding=\"async\" src=\"\" alt=\"\">\r\n                                <\/div>\r\n\t\t\t\t\t\t\t<\/div><!-- .container -->\r\n\r\n\r\n\t\t\t\t\t\t<\/div><!-- .single-slick -->\r\n\r\n                        \r\n                                    <\/div>\r\n            <\/section>\r\n            <script>\r\n                jQuery(document).ready(function() {\r\n                    jQuery(\".default-slider\").slick({\r\n                                                    dots: false,\r\n                            infinite: true,\r\n                            centerMode: true,\r\n                            autoplay: true,\r\n                            autoplaySpeed: 7000,\r\n                            slidesToShow: 1,\r\n                            slidesToScroll: 1,\r\n                            centerPadding: '0',\r\n                            arrows: true\r\n                                            });\r\n                });\r\n            <\/script>\r\n\r\n        \r\n\r\n\r\n        \r\n\r\n\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2fc7508 elementor-section-full_width elementor-hidden-desktop elementor-hidden-tablet elementor-section-height-default elementor-section-height-default\" data-id=\"2fc7508\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ac2b2ec\" data-id=\"ac2b2ec\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-17c70b2 elementor-widget__width-inherit elementor-widget elementor-widget-slider\" data-id=\"17c70b2\" data-element_type=\"widget\" data-widget_type=\"slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n        \r\n            <section class=\"dreamit-slick-slider\">\r\n                <div class=\"default-slider slick\">\r\n                    \r\n                \r\n                        \r\n\t\t\t\t\t\t<div class=\"single-slick one align-items-center d-flex text-left\">\r\n                            <div class=\"container\">\r\n                                <div class=\"slide-img parallax-effect\"\r\n                                    style=\"background:url(https:\/\/ccs.neopath.com.br\/wp-content\/uploads\/2025\/12\/banner-paginas-internas-mobile-products.png) center center \/ cover scroll no-repeat;\">\r\n                                <\/div>\r\n                                <div class=\"hero-text-wrap\">\r\n                                    <div class=\"hero-text\">\r\n                                        \r\n                                            <div class=\"white-color\">\r\n                                                                                                \r\n                                                \t<p><\/p>\r\n\r\n                                                \t\r\n                                                    \r\n                                                    \r\n                                            <\/div>\r\n                                        \r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"slider-single-image\">\r\n                                \t<img decoding=\"async\" src=\"\" alt=\"\">\r\n                                <\/div>\r\n\t\t\t\t\t\t\t<\/div><!-- .container -->\r\n\r\n\r\n\t\t\t\t\t\t<\/div><!-- .single-slick -->\r\n\r\n                        \r\n                                    <\/div>\r\n            <\/section>\r\n            <script>\r\n                jQuery(document).ready(function() {\r\n                    jQuery(\".default-slider\").slick({\r\n                                                    dots: false,\r\n                            infinite: true,\r\n                            centerMode: true,\r\n                            autoplay: true,\r\n                            autoplaySpeed: 7000,\r\n                            slidesToShow: 1,\r\n                            slidesToScroll: 1,\r\n                            centerPadding: '0',\r\n                            arrows: true\r\n                                            });\r\n                });\r\n            <\/script>\r\n\r\n        \r\n\r\n\r\n        \r\n\r\n\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cab7d25 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cab7d25\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1ffe12e\" data-id=\"1ffe12e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-24f03f9 elementor-widget elementor-widget-modern-tabs\" data-id=\"24f03f9\" data-element_type=\"widget\" data-widget_type=\"modern-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"modern-tabs-wrapper\">\n            <div class=\"modern-tabs-container\">\n                <!-- CSS -->\n                <style>\n                    .modern-tabs-container {\n                        --primary-color: #0F9ED5;\n                        --primary-light: #0F9ED5;\n                        --primary-dark: #d35400;\n                        --accent-color: #0F7DB4;\n                        --text-light: #ffffff;\n                        --text-dark: #333333;\n                        --background: #f8f9fa;\n                        --card-background: #ffffff;\n                        --border-radius: 12px;\n                        --shadow: 0 4px 20px rgba(230, 126, 34, 0.15);\n                        --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n                    }\n\n                    .modern-tabs-container {\n                        background: var(--card-background);\n                        border-radius: var(--border-radius);\n                        box-shadow: var(--shadow);\n                        overflow: hidden;\n                        animation: slideUp 0.6s ease-out;\n                        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n                    }\n\n                    .modern-tabs-nav {\n                        display: flex;\n                        background: var(--primary-color);\n                        overflow-x: auto;\n                        scrollbar-width: none;\n                        -ms-overflow-style: none;\n                    }\n\n                    .modern-tabs-nav::-webkit-scrollbar {\n                        display: none;\n                    }\n\n                    .tab-item {\n                        flex: 1;\n                        min-width: 300px;\n                    }\n\n                    .tab-link {\n                        display: flex;\n                        flex-direction: column;\n                        align-items: center;\n                        justify-content: center;\n                        padding: 25px 20px;\n                        text-decoration: none;\n                        color: var(--text-light);\n                        transition: var(--transition);\n                        cursor: pointer;\n                        position: relative;\n                        min-height: 90px;\n                        border: none;\n                        background: none;\n                        width: 100%;\n                    }\n\n                    .tab-link:hover {\n                        background: var(--primary-light);\n                        transform: translateY(-2px);\n                    }\n\n                    .tab-item.active .tab-link {\n                        background: var(--accent-color);\n                        color: var(--text-light);\n                    }\n\n                    .tab-item.active .tab-link::after {\n                        content: '';\n                        position: absolute;\n                        bottom: 0;\n                        left: 0;\n                        right: 0;\n                        height: 3px;\n                        background: var(--text-light);\n                    }\n\n                    .tab-icon {\n                        font-size: 1.8rem;\n                        margin-bottom: 10px;\n                        transition: var(--transition);\n                    }\n\n                    .tab-title {\n                        text-align: center;\n                        font-weight: 600;\n                        font-size: 1rem;\n                        text-transform: uppercase;\n                        letter-spacing: 0.8px;\n                        line-height: 1.2;\n                        \/* Permitir quebras de linha *\/\n                        white-space: normal;\n                        word-wrap: break-word;\n                    }\n\n                    .tab-title br {\n                        line-height: 1.4;\n                    }\n\n                    .tab-indicator {\n                        margin-top: 10px;\n                        width: 10px;\n                        height: 10px;\n                        background: rgba(255, 255, 255, 0.6);\n                        border-radius: 50%;\n                        transition: var(--transition);\n                    }\n\n                    .tab-item.active .tab-indicator {\n                        background: var(--text-light);\n                        box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);\n                        transform: scale(1.3);\n                    }\n\n                    .modern-tabs-content {\n                        min-height: 500px;\n                        position: relative;\n                    }\n\n                    .tab-panel {\n                        display: none;\n                        padding: 50px;\n                        opacity: 0;\n                        transform: translateY(20px);\n                        transition: var(--transition);\n                    }\n\n                    .tab-panel.active {\n                        display: block;\n                        opacity: 1;\n                        transform: translateY(0);\n                        animation: fadeInUp 0.5s ease-out;\n                    }\n\n                    @keyframes fadeInUp {\n                        from {\n                            opacity: 0;\n                            transform: translateY(20px);\n                        }\n                        to {\n                            opacity: 1;\n                            transform: translateY(0);\n                        }\n                    }\n\n                    @keyframes slideUp {\n                        from {\n                            opacity: 0;\n                            transform: translateY(30px);\n                        }\n                        to {\n                            opacity: 1;\n                            transform: translateY(0);\n                        }\n                    }\n\n                    \/* Responsividade *\/\n                    @media (max-width: 768px) {\n                        .tab-item {\n                            min-width: 200px;\n                        }\n                        .tab-link {\n                            padding: 20px 15px;\n                            min-height: 80px;\n                        }\n                        .tab-icon {\n                            font-size: 1.5rem;\n                            margin-bottom: 8px;\n                        }\n                        .tab-title {\n                            font-size: 0.9rem;\n                        }\n                        .tab-panel {\n                            padding: 30px 25px;\n                        }\n                    }\n\n                    @media (max-width: 480px) {\n                        .tab-item {\n                            min-width: 150px;\n                        }\n                        .tab-link {\n                            padding: 15px 10px;\n                            min-height: 70px;\n                        }\n                        .tab-title {\n                            font-size: 0.8rem;\n                        }\n                        .tab-panel {\n                            padding: 25px 20px;\n                        }\n                    }\n\n                    .tab-link:focus {\n                        outline: 2px solid var(--accent-color);\n                        outline-offset: -2px;\n                    }\n\n                    .tab-icon i {\n                        transition: var(--transition);\n                    }\n\n                    .tab-item.active .tab-icon i {\n                        transform: scale(1.1);\n                    }\n\n                    .tab-link:hover .tab-icon i {\n                        transform: scale(1.1);\n                    }\n\n                    .tab-link:hover .tab-indicator {\n                        transform: scale(1.2);\n                        background: var(--text-light);\n                    }\n                <\/style>\n\n                <!-- Navega\u00e7\u00e3o das Tabs -->\n                <nav class=\"modern-tabs-nav\" role=\"tablist\">\n                                        <div class=\"tab-item active\">\n                        <button class=\"tab-link\" data-tab=\"tab-24f03f9-0\" role=\"tab\" aria-selected=\"true\">\n                            <div class=\"tab-icon\">\n                                <i aria-hidden=\"true\" class=\"flaticon flaticon-bar-chart\"><\/i>                            <\/div>\n                            <div class=\"tab-title\">Dispatcher Communications System<\/div>\n                            <div class=\"tab-indicator\"><\/div>\n                        <\/button>\n                    <\/div>\n                                        <div class=\"tab-item \">\n                        <button class=\"tab-link\" data-tab=\"tab-24f03f9-1\" role=\"tab\" aria-selected=\"false\">\n                            <div class=\"tab-icon\">\n                                <i aria-hidden=\"true\" class=\"flaticon flaticon-layers\"><\/i>                            <\/div>\n                            <div class=\"tab-title\">Financial Communications System <\/div>\n                            <div class=\"tab-indicator\"><\/div>\n                        <\/button>\n                    <\/div>\n                                        <div class=\"tab-item \">\n                        <button class=\"tab-link\" data-tab=\"tab-24f03f9-2\" role=\"tab\" aria-selected=\"false\">\n                            <div class=\"tab-icon\">\n                                <i aria-hidden=\"true\" class=\"flaticon flaticon-layers\"><\/i>                            <\/div>\n                            <div class=\"tab-title\">Compliance, Recording and Playback System<\/div>\n                            <div class=\"tab-indicator\"><\/div>\n                        <\/button>\n                    <\/div>\n                                    <\/nav>\n\n                <!-- Conte\u00fado das Tabs -->\n                <div class=\"modern-tabs-content\">\n                                        <div id=\"tab-24f03f9-0\" class=\"tab-panel active\" role=\"tabpanel\">\n                        <h3 style=\"text-align: left\"><span style=\"color: #0f9ed5\">Dispatcher Commmunication System<\/span><\/h3><p>CCS system, unifies radio, telephony, intercom, and hoot-n-holler with real-time visibility and one-click actions for faster incident response.<\/p><div class=\"redoma\"><p><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/ccs.neopath.com.br\/wp-content\/uploads\/2025\/06\/userInterface04.png\" alt=\"\" \/><\/p><\/div><p><img decoding=\"async\" src=\"https:\/\/ccs.neopath.com.br\/wp-content\/uploads\/2025\/11\/1-icone.png\" alt=\"\" \/> Flexible audio-device routing enabling simultaneous calls and conferences on multiple devices.<\/p><p><img decoding=\"async\" src=\"https:\/\/ccs.neopath.com.br\/wp-content\/uploads\/2025\/11\/2-icone.png\" alt=\"\" \/> Radio Fleet Panel for real-time, at-a-glance visibility and control of every radio with status, talkgroups, location, and alerts\u2014for faster, one-click operator action.<\/p><p><img decoding=\"async\" src=\"https:\/\/ccs.neopath.com.br\/wp-content\/uploads\/2025\/11\/3-icone.png\" alt=\"\" \/> Monitoring Panel for continuous supervision of multiple calls with individual voice-activity indicators, enabling broadcast or multicast communication.<\/p><p><img decoding=\"async\" src=\"https:\/\/ccs.neopath.com.br\/wp-content\/uploads\/2025\/11\/4-icone.png\" alt=\"\" \/> Radio Stations Panel for Centralized, real-time oversight of each base station status, channels, health, alarms, and remote controls, for instant, one-click operator action.<\/p><p><img decoding=\"async\" src=\"https:\/\/ccs.neopath.com.br\/wp-content\/uploads\/2025\/11\/5-icone.png\" alt=\"\" \/> Activity &amp; Control Pad with detailed info for every field team member.<\/p>                    <\/div>\n                                        <div id=\"tab-24f03f9-1\" class=\"tab-panel \" role=\"tabpanel\">\n                        <h3 style=\"text-align: left\"><span style=\"color: #0f9ed5\">Financial Communications System <\/span><\/h3><p>NTrade System provides Trader-grade voice, hoot-n-holler, and messaging across desk, mobile, and turrets, integrated with workflows for rapid, compliant client engagement.<\/p><p><img decoding=\"async\" class=\"aligncenter wp-image-22133 size-full\" src=\"https:\/\/ccs.neopath.com.br\/wp-content\/uploads\/2025\/12\/userInterface05-NTRADE.png\" height=\"692\" \/><\/p><p><img decoding=\"async\" src=\"https:\/\/ccs.neopath.com.br\/wp-content\/uploads\/2025\/11\/1-icone.png\" alt=\"\" \/> Free Seating fot total user mobility<\/p><p><img decoding=\"async\" src=\"https:\/\/ccs.neopath.com.br\/wp-content\/uploads\/2025\/11\/2-icone.png\" alt=\"\" \/> Intercom Voice messages are played in real time through the operator's speaker.<\/p><p><img decoding=\"async\" src=\"https:\/\/ccs.neopath.com.br\/wp-content\/uploads\/2025\/11\/3-icone.png\" alt=\"\" \/> Several simultaneous calls and conferences across multiple devices.<\/p><p><img decoding=\"async\" src=\"https:\/\/ccs.neopath.com.br\/wp-content\/uploads\/2025\/11\/4-icone.png\" alt=\"\" \/> Visibility and proactive engagement in Operator\u2019s communications within the same group.<\/p><p><img decoding=\"async\" src=\"https:\/\/ccs.neopath.com.br\/wp-content\/uploads\/2025\/11\/5-icone.png\" alt=\"\" \/> Hoot-n-Holler for continuous monitoring of multiple calls with individual voice-activity indicators, enabling broadcast or multicast communication.<\/p><p><img decoding=\"async\" src=\"https:\/\/ccs.neopath.com.br\/wp-content\/uploads\/2025\/11\/6-icone.png\" alt=\"\" \/> Real-Time Auditing: Contextual recording, traceable to participants and business\/operational events, transcribed and monitored throughout the call.<\/p>                    <\/div>\n                                        <div id=\"tab-24f03f9-2\" class=\"tab-panel \" role=\"tabpanel\">\n                        <h3 style=\"text-align: left\"><span style=\"color: #0f9ed5\">Compliance, Recording and Playback System<\/span><\/h3><p>Eterna System enables standardized, quality-controlled recordings with transcripts and full audit trails, contextualized by participants, channels, and business events.<\/p><p><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/ccs.neopath.com.br\/wp-content\/uploads\/2025\/12\/userInterfaceAudit.png\" alt=\"\" \/><\/p><p><img decoding=\"async\" src=\"https:\/\/ccs.neopath.com.br\/wp-content\/uploads\/2025\/11\/1-icone.png\" alt=\"\" \/> Painel de Filtros com diversos crit\u00e9rios de metadados<\/p><p><img decoding=\"async\" src=\"https:\/\/ccs.neopath.com.br\/wp-content\/uploads\/2025\/11\/2-icone.png\" alt=\"\" \/> Painel de resultado com informa\u00e7\u00f5es de contexto de Sess\u00f5es<\/p><p><img decoding=\"async\" src=\"https:\/\/ccs.neopath.com.br\/wp-content\/uploads\/2025\/11\/3-icone.png\" alt=\"\" \/> Controle de Reprodu\u00e7\u00e3o<\/p><ul><li>Reproduz conversa;<\/li><li>Controla Velocidade;<\/li><li>Exporta conversa;<\/li><li>Exporta transcri\u00e7\u00e3o;<\/li><li>Apresenta e inclui anota\u00e7\u00f5es.<\/li><\/ul><p><img decoding=\"async\" src=\"https:\/\/ccs.neopath.com.br\/wp-content\/uploads\/2025\/11\/4-icone.png\" alt=\"\" \/> Auditoria:<\/p><ul><li>Anota\u00e7\u00f5es<\/li><li>Marca\u00e7\u00f5es<\/li><\/ul><p><img decoding=\"async\" src=\"https:\/\/ccs.neopath.com.br\/wp-content\/uploads\/2025\/11\/5-icone.png\" alt=\"\" \/> Transcri\u00e7\u00e3o apresentada ao tempo da conversa reproduzida.<\/p>                    <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- JavaScript -->\n        <script>\n        (function($) {\n            'use strict';\n            \n            class ModernTabsElementor {\n                constructor(container) {\n                    this.container = container;\n                    this.activeTab = container.querySelector('.tab-panel.active')?.id || null;\n                    this.init();\n                }\n\n                init() {\n                    this.bindEvents();\n                    this.setupAccessibility();\n                }\n\n                bindEvents() {\n                    const tabLinks = this.container.querySelectorAll('.tab-link');\n                    \n                    tabLinks.forEach(link => {\n                        link.addEventListener('click', (e) => {\n                            e.preventDefault();\n                            const tabId = e.currentTarget.getAttribute('data-tab');\n                            this.switchTab(tabId);\n                        });\n                    });\n\n                    \/\/ Navega\u00e7\u00e3o por teclado\n                    this.container.addEventListener('keydown', (e) => {\n                        if (e.target.classList.contains('tab-link')) {\n                            this.handleKeyNavigation(e);\n                        }\n                    });\n                }\n\n                switchTab(tabId) {\n                    \/\/ Remove active de todos os tabs\n                    this.container.querySelectorAll('.tab-item').forEach(item => {\n                        item.classList.remove('active');\n                    });\n\n                    this.container.querySelectorAll('.tab-panel').forEach(panel => {\n                        panel.classList.remove('active');\n                    });\n\n                    \/\/ Adiciona active no tab e panel atual\n                    const activeTabItem = this.container.querySelector(`[data-tab=\"${tabId}\"]`).closest('.tab-item');\n                    const activePanel = this.container.querySelector(`#${tabId}`);\n\n                    if (activeTabItem && activePanel) {\n                        activeTabItem.classList.add('active');\n                        activePanel.classList.add('active');\n                        \n                        \/\/ Atualiza atributos de acessibilidade\n                        this.updateAccessibility(tabId);\n                        this.activeTab = tabId;\n                    }\n                }\n\n                handleKeyNavigation(e) {\n                    const tabLinks = Array.from(this.container.querySelectorAll('.tab-link'));\n                    const currentIndex = tabLinks.indexOf(e.target);\n\n                    let newIndex;\n\n                    switch (e.key) {\n                        case 'ArrowLeft':\n                            newIndex = currentIndex > 0 ? currentIndex - 1 : tabLinks.length - 1;\n                            break;\n                        case 'ArrowRight':\n                            newIndex = currentIndex < tabLinks.length - 1 ? currentIndex + 1 : 0;\n                            break;\n                        case 'Home':\n                            newIndex = 0;\n                            break;\n                        case 'End':\n                            newIndex = tabLinks.length - 1;\n                            break;\n                        default:\n                            return;\n                    }\n\n                    e.preventDefault();\n                    tabLinks[newIndex].focus();\n\n                    const tabId = tabLinks[newIndex].getAttribute('data-tab');\n                    this.switchTab(tabId);\n                }\n\n                setupAccessibility() {\n                    this.container.querySelectorAll('.tab-link').forEach((link, index) => {\n                        const tabId = link.getAttribute('data-tab');\n                        link.setAttribute('id', `link-${tabId}`);\n                        link.setAttribute('aria-controls', tabId);\n\n                        const panel = this.container.querySelector(`#${tabId}`);\n                        if (panel) {\n                            panel.setAttribute('aria-labelledby', `link-${tabId}`);\n                        }\n                    });\n                }\n\n                updateAccessibility(activeTabId) {\n                    this.container.querySelectorAll('.tab-link').forEach(link => {\n                        const isActive = link.getAttribute('data-tab') === activeTabId;\n                        link.setAttribute('aria-selected', isActive);\n                        link.setAttribute('tabindex', isActive ? '0' : '-1');\n                    });\n                }\n            }\n\n            \/\/ Inicializa para cada inst\u00e2ncia do widget\n            const initModernTabs = () => {\n                const containers = document.querySelectorAll('.modern-tabs-wrapper .modern-tabs-container');\n                containers.forEach(container => {\n                    if (!container.hasAttribute('data-modern-tabs-initialized')) {\n                        new ModernTabsElementor(container);\n                        container.setAttribute('data-modern-tabs-initialized', 'true');\n                    }\n                });\n            };\n\n            \/\/ Inicializa quando o DOM estiver pronto\n            $(document).ready(initModernTabs);\n            \n            \/\/ Reinicializa quando o Elementor atualizar a p\u00e1gina\n            $(window).on('elementor\/frontend\/init', initModernTabs);\n            \n        })(jQuery);\n        <\/script>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dispatcher Communications System Financial Communications System Compliance, Recording and Playback System Dispatcher Commmunication System CCS system, unifies radio, telephony, intercom, and hoot-n-holler with real-time visibility and one-click actions for faster incident response. Flexible audio-device routing enabling simultaneous calls and conferences on multiple devices. Radio Fleet Panel for real-time, at-a-glance visibility and control of every radio [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-default.php","meta":{"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-23405","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/ccs.neopath.com.br\/index.php?rest_route=\/wp\/v2\/pages\/23405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ccs.neopath.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ccs.neopath.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ccs.neopath.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ccs.neopath.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=23405"}],"version-history":[{"count":107,"href":"https:\/\/ccs.neopath.com.br\/index.php?rest_route=\/wp\/v2\/pages\/23405\/revisions"}],"predecessor-version":[{"id":23775,"href":"https:\/\/ccs.neopath.com.br\/index.php?rest_route=\/wp\/v2\/pages\/23405\/revisions\/23775"}],"wp:attachment":[{"href":"https:\/\/ccs.neopath.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=23405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}