{"id":23026,"date":"2025-06-16T12:57:52","date_gmt":"2025-06-16T15:57:52","guid":{"rendered":"https:\/\/escondido.neopath.net.br\/?page_id=23026"},"modified":"2025-12-04T13:32:27","modified_gmt":"2025-12-04T16:32:27","slug":"segmentos","status":"publish","type":"page","link":"https:\/\/ccs.neopath.com.br\/?page_id=23026","title":{"rendered":"SEGMENTOS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"23026\" class=\"elementor elementor-23026\" 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-segments.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-05998f9 elementor-section-full_width elementor-hidden-desktop elementor-hidden-tablet elementor-section-height-default elementor-section-height-default\" data-id=\"05998f9\" 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-1fd55a1\" data-id=\"1fd55a1\" 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-53b4de9 elementor-widget__width-inherit elementor-widget elementor-widget-slider\" data-id=\"53b4de9\" 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-segments.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: #2e8dd8;\n                        --primary-light: #2e8dd8;\n                        --primary-dark: #d35400;\n                        --accent-color: #2e75b5;\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\">Market Segments<\/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\">Use Cases<\/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><span style=\"color: #2e8dd8\">Financial Trading<\/span><\/h3><h3><span style=\"color: #616161\">Utilities<\/span><\/h3><ul><li><span style=\"font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif\">Eletrical Energy<\/span><\/li><\/ul><h3><span style=\"color: #2e8dd8\">Public Safety<\/span><\/h3><h3><span style=\"color: #616161\">Transportation<\/span><\/h3><ul><li><span style=\"font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif\">Maritime Ports<\/span><\/li><li><span style=\"font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif\">Airports<\/span><\/li><\/ul><h3><span style=\"color: #2e8dd8\">Facility Management<\/span><\/h3>                    <\/div>\n                                        <div id=\"tab-24f03f9-1\" class=\"tab-panel \" role=\"tabpanel\">\n                        <h3><span style=\"color: #2e8dd8\">Utility Company<br \/><\/span><\/h3><ul><li><span style=\"color: #2e8dd8;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif\"><strong>Institutional Information<\/strong><br \/><\/span><ul><li>Utility Company that operates in the generation, transmission and distribution of energy for dozen of cities in a Brazilian state, serving more than 10Mi people;<\/li><\/ul><\/li><li><strong><span style=\"color: #2e8dd8\">Dedicated Platform (On-Premise)<\/span><\/strong><ul><li>60+ terminals;<\/li><li>2 operational sites active-active;<\/li><li>4 TB of Recording Storage replicated per Site;<\/li><li>Estimated 20,000 recording hours per month;<\/li><li>Transcription and search features of all conversations.<\/li><\/ul><\/li><li><strong><span style=\"color: #2e8dd8\">Interoperability<\/span><\/strong><ul><li>Integration via SIP TRUNK with Cisco CUCM;<\/li><li>Several digital and analog Hot Lines with regulators and key partners.<\/li><\/ul><\/li><\/ul>                    <\/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>Market Segments Use Cases Financial Trading Utilities Eletrical Energy Public Safety Transportation Maritime Ports Airports Facility Management Utility Company Institutional Information Utility Company that operates in the generation, transmission and distribution of energy for dozen of cities in a Brazilian state, serving more than 10Mi people; Dedicated Platform (On-Premise) 60+ terminals; 2 operational sites active-active; [&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-23026","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/ccs.neopath.com.br\/index.php?rest_route=\/wp\/v2\/pages\/23026","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=23026"}],"version-history":[{"count":85,"href":"https:\/\/ccs.neopath.com.br\/index.php?rest_route=\/wp\/v2\/pages\/23026\/revisions"}],"predecessor-version":[{"id":23741,"href":"https:\/\/ccs.neopath.com.br\/index.php?rest_route=\/wp\/v2\/pages\/23026\/revisions\/23741"}],"wp:attachment":[{"href":"https:\/\/ccs.neopath.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=23026"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}