{"id":5747,"date":"2025-03-14T06:57:02","date_gmt":"2025-03-14T06:57:02","guid":{"rendered":"https:\/\/piindustries.com\/?page_id=5747"},"modified":"2025-09-11T12:11:14","modified_gmt":"2025-09-11T12:11:14","slug":"policies-reports-certifications","status":"publish","type":"page","link":"https:\/\/www.piindustries.com\/pt-br\/sustainability\/policies-reports-certifications\/","title":{"rendered":"Policies, Reports &#038; Certifications"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Section&#8221; module_class=&#8221;wwd-hero&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; background_image=&#8221;https:\/\/piindustries.com\/wp-content\/uploads\/2025\/03\/scientist-using-augmented-reality-study-plants.png&#8221; background_position=&#8221;bottom_center&#8221; background_vertical_offset=&#8221;20%&#8221; min_height=&#8221;720px&#8221; min_height_tablet=&#8221;720px&#8221; min_height_phone=&#8221;&#8221; min_height_last_edited=&#8221;on|phone&#8221; height=&#8221;85vh&#8221; height_tablet=&#8221;85vh&#8221; height_phone=&#8221;70vh&#8221; height_last_edited=&#8221;on|phone&#8221; custom_css_main_element=&#8221;display:flex;||&#8221; da_disable_devices=&#8221;off|off|off&#8221; global_colors_info=&#8221;{}&#8221; da_is_popup=&#8221;off&#8221; da_exit_intent=&#8221;off&#8221; da_has_close=&#8221;on&#8221; da_alt_close=&#8221;off&#8221; da_dark_close=&#8221;off&#8221; da_not_modal=&#8221;on&#8221; da_is_singular=&#8221;off&#8221; da_with_loader=&#8221;off&#8221; da_has_shadow=&#8221;on&#8221;][et_pb_row module_class=&#8221;left-text&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; position_origin_a=&#8221;bottom_center&#8221; position_origin_a_tablet=&#8221;bottom_center&#8221; position_origin_a_phone=&#8221;bottom_center&#8221; position_origin_a_last_edited=&#8221;off|phone&#8221; position_origin_f_last_edited=&#8221;off|phone&#8221; position_origin_r_last_edited=&#8221;off|phone&#8221; width_tablet=&#8221;&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;||||false|false&#8221; positioning_phone=&#8221;absolute&#8221; positioning_last_edited=&#8221;off|phone&#8221; global_colors_info=&#8221;{}&#8221; custom_css_main_element_last_edited=&#8221;off|phone&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Caveat|600|||||||&#8221; text_text_color=&#8221;#FFFFFF&#8221; text_font_size=&#8221;70px&#8221; text_line_height=&#8221;1.3em&#8221; header_font=&#8221;Caveat|700|||||||&#8221; header_text_align=&#8221;center&#8221; header_text_color=&#8221;#FFFFFF&#8221; header_font_size=&#8221;70px&#8221; header_2_font=&#8221;Caveat|700|||||||&#8221; header_2_text_color=&#8221;#FFFFFF&#8221; header_2_font_size=&#8221;70px&#8221; header_3_text_align=&#8221;center&#8221; header_3_text_color=&#8221;#FFFFFF&#8221; header_3_font_size=&#8221;30px&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;||8px||false|false&#8221; text_font_size_tablet=&#8221;65px&#8221; text_font_size_phone=&#8221;50px&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; header_text_align_tablet=&#8221;center&#8221; header_text_align_phone=&#8221;center&#8221; header_text_align_last_edited=&#8221;off|phone&#8221; header_font_size_tablet=&#8221;65px&#8221; header_font_size_phone=&#8221;44px&#8221; header_font_size_last_edited=&#8221;on|phone&#8221; header_2_text_align_tablet=&#8221;&#8221; header_2_text_align_phone=&#8221;left&#8221; header_2_text_align_last_edited=&#8221;on|phone&#8221; header_2_font_size_tablet=&#8221;65px&#8221; header_2_font_size_phone=&#8221;42px&#8221; header_2_font_size_last_edited=&#8221;on|desktop&#8221; header_3_font_size_tablet=&#8221;42px&#8221; header_3_font_size_phone=&#8221;24px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; header_3_line_height_tablet=&#8221;&#8221; header_3_line_height_phone=&#8221;1.2em&#8221; header_3_line_height_last_edited=&#8221;on|phone&#8221; custom_css_main_element=&#8221;  font-family: %22Caveat%22, cursive !important;||  font-optical-sizing: auto;&#8221; custom_css_free_form=&#8221;.wwd-hero h2{||    font-family: %22Caveat%22, cursive !important;||  font-optical-sizing: auto;||}&#8221; text_text_shadow_style=&#8221;preset2&#8243; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1>From Vision to Validation<\/h1>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;off|desktop&#8221; admin_label=&#8221;Section&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;43px||0px||false|false&#8221; custom_padding_tablet=&#8221;||0px|||&#8221; custom_padding_phone=&#8221;10px||0px||false|false&#8221; custom_css_free_form=&#8221;.servtabs .et_pb_column{||  display:flex;||  align-items: center;||  justify-content:center;||}||||.servtabs .et_pb_column:hover,.servtabs .et_pb_column.active{||  background: #F7E722;||  color:#000;||}&#8221; da_disable_devices=&#8221;off|off|off&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; da_is_popup=&#8221;off&#8221; da_exit_intent=&#8221;off&#8221; da_has_close=&#8221;on&#8221; da_alt_close=&#8221;off&#8221; da_dark_close=&#8221;off&#8221; da_not_modal=&#8221;on&#8221; da_is_singular=&#8221;off&#8221; da_with_loader=&#8221;off&#8221; da_has_shadow=&#8221;on&#8221;][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; make_equal=&#8221;on&#8221; module_class=&#8221;cardss&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;85%&#8221; width_tablet=&#8221;85%&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;1440px&#8221; custom_css_free_form=&#8221;@media (max-width: 1100px) {||  .cardss h3{||    font-size:20px!important;||    line-height:1.3 !important||  }||}&#8221; global_module=&#8221;10558&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][lwp_divi_breadcrumbs font_icon=&#8221;&#xf2d1;||fa||400&#8243; use_before_icon=&#8221;off&#8221; use_custom_home_link=&#8221;off&#8221; link_color=&#8221;#000000&#8243; separator_color=&#8221;#000000&#8243; current_text_color=&#8221;#0058A5&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; module_font=&#8221;|300|||||||&#8221; module_text_color=&#8221;#0058A5&#8243; module_font_size=&#8221;16px&#8221; text_orientation=&#8221;left&#8221; module_font_size_tablet=&#8221;&#8221; module_font_size_phone=&#8221;14px&#8221; module_font_size_last_edited=&#8221;on|phone&#8221; custom_css_free_form=&#8221;.et-pb-icon.separator{||  transform: rotate(120deg);||  width: 45px;||  height: 20px;||  padding: 0px 10px 10px 15px;||  margin-right: -15px;||    margin-left: -8px;||}||.lwp-breadcrumbs .current{||  font-weight:700||}&#8221; global_colors_info=&#8221;{}&#8221;][\/lwp_divi_breadcrumbs][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px|||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; height=&#8221;20px&#8221; global_colors_info=&#8221;{}&#8221;]<script><!-- [et_pb_line_break_holder] -->    document.addEventListener(\"DOMContentLoaded\", function () {<!-- [et_pb_line_break_holder] -->    const tabs = document.querySelectorAll(\".servtabs div\");<!-- [et_pb_line_break_holder] -->    const contents = document.querySelectorAll(\"[id^='tabcontent']\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function activateTab(tabId) {<!-- [et_pb_line_break_holder] -->        tabs.forEach(tab => tab.classList.remove(\"active\"));<!-- [et_pb_line_break_holder] -->        contents.forEach(content => content.style.display = \"none\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        document.getElementById(tabId).classList.add(\"active\");<!-- [et_pb_line_break_holder] -->        document.getElementById(\"tabcontent\" + tabId.replace(\"tab\", \"\")).style.display = \"block\";<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    tabs.forEach(tab => {<!-- [et_pb_line_break_holder] -->        tab.addEventListener(\"click\", function () {<!-- [et_pb_line_break_holder] -->            activateTab(this.id);<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    activateTab(\"tab1\"); \/\/ Show the first tab by default<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; custom_padding_last_edited=&#8221;off|desktop&#8221; module_class=&#8221;policies&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;85%&#8221; width_tablet=&#8221;85%&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;1440px&#8221; custom_padding=&#8221;2px||||false|false&#8221; custom_padding_tablet=&#8221;0px||||false|false&#8221; custom_padding_phone=&#8221;0px||0px||false|false&#8221; hover_enabled=&#8221;0&#8243; custom_css_free_form=&#8221;\/* &#8212; Sub Tab Container &#8212; *\/||#policy-pillar-tabs {||  display: flex;||  margin: 1.5rem 0;||  gap: 10px;||  ||}||\/* &#8212; Sub Tabs (Environment \/ Social \/ Governance) &#8212; *\/||.pillar-tab {||  font-size: 16px;||  background-color: #FFF !important;||  color: #000;||  transition: all 0.3s ease !important;||  display: inline-block;||  width: 100%;||  padding: 10px 20px !important;||  box-shadow: 8px 18px 20px 0px rgba(0, 0, 0, 0.08);||  border: none;||  cursor: pointer;||  font-weight: 600!important;||}||||.pillar-tab.active,||.pillar-tab:hover {||  background-color: #f7e722 !important;||  color: #000;||}||||#policy-search {||  position: relative;||  padding-right: 30px !important;||  padding-bottom: 0.7em !important;||  padding-left: 0em !important;||  border: none;||  width: 100%;||  font-weight: 300;||  font-size: 18px;||  border-bottom: 1px solid #000 !important;||  height: auto;||  min-height: 0;||  background-image: url(&#8216;https:\/\/piindustries.com\/wp-content\/uploads\/2025\/03\/search.svg&#8217;);||  background-position: center right 10px; \/* Adjust position *\/||    background-repeat: no-repeat;||    background-size: 18px 18px;||  padding: 12px 20px 12px 40px;||}||||#policy-tabs {||  display: flex;||  gap: 10px;||  margin: 2rem 0 10px;||  width: 100%;||}||||.policy-tab {||    background-color: #f5f5f5;||    transition: background-color 300ms ||ease 0ms, background-image 300ms ||ease 0ms;||    display: inline-block;||    width: 100%;||    padding: 12px 20px;||    color: #000;||    box-shadow: 8px 18px 20px 0px rgba(0, 0, 0, 0.08);||    border: none;||    cursor: pointer;||    font-size: 20px;||    font-weight: 600;||}||||.policy-tab.active,||.policy-tab:hover {||  background: #f7e722;||  color: #000;||}||||#policy-list {||  display: grid;||  grid-template-columns: repeat(3, 1fr);||  gap: 20px;||  margin-top: 20px;||}||||.policy-item {||  padding: 1rem;||  background: #fff;||  box-shadow: 8px 8px 18px 0px rgba(0, 0, 0, 0.2);||  transition: box-shadow 0.3s ease;||  display: flex;||  flex-direction: column;||}||||.policy-image {||  position: relative;||  width: 100%;||  padding-top: 75%;||  overflow: hidden;||}||.policy-image img {||  position: absolute;||  top: 0;||  left: 0;||  width: 100%;||  height: 100% !important;||  padding-bottom: 0 !important;||  object-fit: cover;||}||||.policy-content {||  flex-grow: 1;||}||||.policy-content h3 {||  position: relative;||  font-size: 18px;||  font-weight: 600;||  margin: 0;  color:#000;||  line-height:1.3em;||  margin-top: 14px !important;||  padding-right: 50px;||}||.policy-content h3{||  font-size: 20px;||  display: flex;||  justify-content:space-between;||  align-items:center;||  padding:10px 0;||  color:#000;||  font-weight: 600;||  position:relative;||  line-height: 1.2em;||}||||.policy-content a {||  text-decoration: none;||}||.no-results{||  text-align:center;||  font-size: 22px;||  padding:2rem;||}||@media (max-width: 1024px) {||    #policy-list {||        grid-template-columns: repeat(2, 1fr); ||        gap: 15px;||    }||||    .policy-tab {||        width: 45%; \/* Tabs take half width for better spacing *\/||        font-size: 18px;||        padding: 0.6rem 0.8rem !important;||    }||||    .policy-content h3 {||        font-size: 18px; \/* Slightly smaller text *\/||        padding-right: 30px;||    }||||    .policy-content h3::after {||        width: 24px; \/* Smaller arrow for smaller screens *\/||        height: 15px;||    }||}||||#policy-dropdown, #policy-type-dropdown {||    display: none;||    width: 100%;||    margin: 2rem 0 10px;||    padding: 10px;||    background-color: #ffe60b;||    color: black;||    font-size: 1.2rem;||    font-weight: 600;||    border: none;||    text-align: center;||    appearance: none; \/* Hides default dropdown arrow *\/||    -webkit-appearance: none; \/* For Safari *\/||    -moz-appearance: none; \/* For Firefox *\/||    position: relative;||    cursor: pointer;||    background-image: url(&#8216;https:\/\/piindustries.com\/wp-content\/uploads\/2025\/03\/dropdown.png&#8217;); ||    background-repeat: no-repeat;||    background-position: right 20px center;||    background-size: 15px;||}||||\/* Show dropdown only in mobile view *\/||@media (max-width: 768px) {||    #policy-tabs {||        display: none !important;||    }||    #policy-dropdown {||        display: block;||    }||}||||||@media (max-width: 768px) {||    #policy-list {||        grid-template-columns: 1fr; ||    }||||    #policy-search {||        padding: 10px 15px 10px 35px; \/* Adjust search input padding *\/||        font-size: 16px;||    }||||    #policy-tabs {||        flex-wrap: wrap; \/* Tabs stack instead of squeezing *\/||        gap: 5px;||    }||    #policy-tabs {||        display: none;||    }||    #policy-dropdown {||        display: block;||    }||    .policy-tab {||        width: 100%; \/* Full width for each tab *\/||        font-size: 16px;||        padding: 0.5rem 0.8rem !important;||    }||||    .policy-content h3 {||        font-size: 16px;||        padding-right: 20px;||    }||||    .policy-content h3::after {||        width: 20px;||        height: 12px;||    }||}||||@media (max-width: 480px) {||    #policy-search {||        padding: 8px 12px 8px 30px; \/* Compact search box *\/||        font-size: 14px;||    }||||    .policy-tab {||        font-size: 14px;||        padding: 0.5rem 0.6rem !important;||    }||||    .policy-content h3 {||        font-size: 16px;||        padding-right: 15px;||    }||||    .policy-content h3::after {||        width: 18px;||        height: 10px;||    }||}&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]\n\n<div id=\"policy-container\">\n    <input type=\"text\" id=\"policy-search\" placeholder=\"Search Documents...\">\n\t<!-- parent tab -->\n\t<div id=\"policy-type-tabs\" class=\"filter-group\" style=\"display:flex; flex-direction:row; gap:10px; margin:15px 0;\">\n\t    \t<\/div>\n\t\n\t<!-- parent dropdown (mobile) -->\n\t<select id=\"policy-type-dropdown\" class=\"mobile-dropdown\" style=\"display:none; margin:15px 0;\">\n\t    \t<\/select>\n\t\n\t<!-- child tab -->\n    <div id=\"policy-pillar-tabs\" class=\"filter-group\" style=\"display: none;\">\n            <\/div>\n\n    <select id=\"policy-dropdown\" class=\"mobile-dropdown\" style=\"display: none;\">\n            <\/select>\n\n    <p id=\"no-results\" class=\"no-results\" style=\"display: none;\">No results found.<\/p>\n\n    <div id=\"policy-list\">\n            <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n    const typeTabs = document.querySelectorAll('.type-tab');\n    const typeDropdown = document.getElementById('policy-type-dropdown');\n\n    const pillarTabsContainer = document.getElementById('policy-pillar-tabs');\n    const pillarTabs = document.querySelectorAll('.pillar-tab');\n    const pillarDropdown = document.getElementById('policy-dropdown');\n\n    const searchInput = document.getElementById('policy-search');\n    const policyItems = document.querySelectorAll('.policy-item');\n    const noResultsMessage = document.getElementById('no-results');\n\n    let activeType = null;\n    let activePillar = null;\n\n    \/\/ --- FILTERING ---\n    function filterPolicies() {\n        const searchQuery = searchInput.value.toLowerCase().trim();\n        let itemsFound = false;\n\n        policyItems.forEach(item => {\n            const matchesSearch = searchQuery ? item.textContent.toLowerCase().includes(searchQuery) : false;\n            const matchesType = activeType ? item.classList.contains('category-' + activeType) : false;\n            const matchesPillar = activePillar === 'all' || item.classList.contains('category-' + activePillar);\n\n            if ((searchQuery && matchesSearch) || (!searchQuery && matchesType && matchesPillar)) {\n                item.style.display = 'flex';\n                itemsFound = true;\n            } else {\n                item.style.display = 'none';\n            }\n        });\n\n        noResultsMessage.style.display = itemsFound ? 'none' : 'block';\n\n        \/\/ Hide all filters when searching\n        if (searchQuery.length > 0) {\n            document.getElementById('policy-type-tabs').style.display = 'none';\n            typeDropdown.style.display = 'none';\n            pillarTabsContainer.style.display = 'none';\n            pillarDropdown.style.display = 'none';\n        } else {\n            document.getElementById('policy-type-tabs').style.display = 'flex';\n            updateResponsiveDisplay();\n        }\n    }\n\n    \/\/ --- HASH STATE ---\n    function updateStateAndURL() {\n        let hash = activeType || '';\n        if (activePillar) {\n            hash += '+' + activePillar;\n        }\n        if (history.pushState) {\n            history.pushState(null, null, '#' + hash);\n        } else {\n            location.hash = hash;\n        }\n    }\n\n    \/\/ --- PARENT TABS ---\n    typeTabs.forEach(tab => {\n        tab.addEventListener('click', function () {\n            typeTabs.forEach(t => t.classList.remove('active'));\n            this.classList.add('active');\n            activeType = this.getAttribute('data-category');\n            typeDropdown.value = activeType; \/\/ sync dropdown\n\n            \/\/ Show pillar filters\n            pillarTabsContainer.style.display = 'flex';\n            pillarTabs.forEach(t => t.classList.remove('active'));\n\n            if (!activePillar || activePillar === '') {\n                if (pillarTabs.length > 0) {\n                    activePillar = pillarTabs[0].getAttribute('data-category');\n                }\n            }\n\n            \/\/ Re-apply active pillar\n            const selectedPillarTab = document.querySelector('.pillar-tab[data-category=\"' + activePillar + '\"]');\n            if (selectedPillarTab) {\n                selectedPillarTab.classList.add('active');\n                pillarDropdown.value = activePillar;\n            }\n\n            updateStateAndURL();\n            filterPolicies();\n        });\n    });\n\n    \/\/ --- PARENT DROPDOWN ---\n    typeDropdown.addEventListener('change', function () {\n        activeType = this.value || null;\n        typeTabs.forEach(t => t.classList.remove('active'));\n        const tab = document.querySelector('.type-tab[data-category=\"' + this.value + '\"]');\n        if (tab) tab.classList.add('active');\n\n        \/\/ Show pillar filters\n        pillarTabsContainer.style.display = 'flex';\n        if (!activePillar && pillarTabs.length > 0) {\n            activePillar = pillarTabs[0].getAttribute('data-category');\n        }\n        const selectedPillarTab = document.querySelector('.pillar-tab[data-category=\"' + activePillar + '\"]');\n        if (selectedPillarTab) {\n            pillarTabs.forEach(t => t.classList.remove('active'));\n            selectedPillarTab.classList.add('active');\n            pillarDropdown.value = activePillar;\n        }\n\n        updateStateAndURL();\n        filterPolicies();\n    });\n\n    \/\/ --- PILLAR TABS ---\n    pillarTabs.forEach(tab => {\n        tab.addEventListener('click', function () {\n            pillarTabs.forEach(t => t.classList.remove('active'));\n            this.classList.add('active');\n            activePillar = this.getAttribute('data-category');\n            pillarDropdown.value = activePillar; \/\/ sync dropdown\n            updateStateAndURL();\n            filterPolicies();\n        });\n    });\n\n    \/\/ --- PILLAR DROPDOWN ---\n    pillarDropdown.addEventListener('change', function () {\n        activePillar = this.value || null;\n        pillarTabs.forEach(t => t.classList.remove('active'));\n        const tab = document.querySelector('.pillar-tab[data-category=\"' + this.value + '\"]');\n        if (tab) tab.classList.add('active');\n        updateStateAndURL();\n        filterPolicies();\n    });\n\n    \/\/ --- EVENTS ---\n    searchInput.addEventListener('input', filterPolicies);\n    window.addEventListener('resize', updateResponsiveDisplay);\n\n    function updateResponsiveDisplay() {\n        const showPillarFilters = activeType && !searchInput.value.trim();\n\n        if (window.innerWidth <= 768) {\n            \/\/ Mobile: show dropdowns\n            document.getElementById('policy-type-tabs').style.display = 'none';\n            typeDropdown.style.display = 'block';\n\n            pillarTabsContainer.style.display = 'none';\n            pillarDropdown.style.display = showPillarFilters ? 'block' : 'none';\n        } else {\n            \/\/ Desktop: show tabs\n            document.getElementById('policy-type-tabs').style.display = 'flex';\n            typeDropdown.style.display = 'none';\n\n            pillarDropdown.style.display = 'none';\n            pillarTabsContainer.style.display = showPillarFilters ? 'flex' : 'none';\n        }\n    }\n\n    \/\/ --- INIT FROM HASH ---\n    function initializeFromURL() {\n        const hash = window.location.hash.substring(1);\n        if (!hash) {\n            if (typeTabs.length > 0) typeTabs[0].click();\n            return;\n        }\n\n        const parts = hash.split('+');\n        const typeSlug = parts[0];\n        const pillarSlug = parts[1] || null;\n\n        const typeToActivate = document.querySelector('.type-tab[data-category=\"' + typeSlug + '\"]');\n        if (typeToActivate) {\n            typeToActivate.click();\n            if (pillarSlug) {\n                const pillarToActivate = document.querySelector('.pillar-tab[data-category=\"' + pillarSlug + '\"]');\n                if (pillarToActivate) pillarToActivate.click();\n            }\n        } else {\n            if (typeTabs.length > 0) typeTabs[0].click();\n        }\n    }\n\n    initializeFromURL();\n    window.addEventListener('hashchange', initializeFromURL);\n});\n<\/script>\n[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>From Vision to Validation<div class=\"et_pb_module lwp_divi_breadcrumbs lwp_divi_breadcrumbs_0\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"lwp-breadcrumbs\"> <span class=\"before\"><\/span> <span vocab=\"https:\/\/schema.org\/\" typeof=\"BreadcrumbList\"><span property=\"itemListElement\" typeof=\"ListItem\"><a property=\"item\" typeof=\"WebPage\" href=\"https:\/\/www.piindustries.com\/pt-br\/\" class=\"home\"><span property=\"name\">Home<\/span><\/a><meta property=\"position\" content=\"1\"><\/span> <span class=\"separator et-pb-icon\">\uf2d1<\/span> <\/span><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n<div id=\"policy-container\">\n    <input type=\"text\" id=\"policy-search\" placeholder=\"Search Documents...\">\n\t<!-- parent tab -->\n\t<div id=\"policy-type-tabs\" class=\"filter-group\" style=\"display:flex; flex-direction:row; gap:10px; margin:15px 0;\">\n\t    \t<\/div>\n\t\n\t<!-- parent dropdown (mobile) -->\n\t<select id=\"policy-type-dropdown\" class=\"mobile-dropdown\" style=\"display:none; margin:15px 0;\">\n\t    \t<\/select>\n\t\n\t<!-- child tab -->\n    <div id=\"policy-pillar-tabs\" class=\"filter-group\" style=\"display: none;\">\n            <\/div>\n\n    <select id=\"policy-dropdown\" class=\"mobile-dropdown\" style=\"display: none;\">\n            <\/select>\n\n    <p id=\"no-results\" class=\"no-results\" style=\"display: none;\">No results found.<\/p>\n\n    <div id=\"policy-list\">\n            <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n    const typeTabs = document.querySelectorAll('.type-tab');\n    const typeDropdown = document.getElementById('policy-type-dropdown');\n\n    const pillarTabsContainer = document.getElementById('policy-pillar-tabs');\n    const pillarTabs = document.querySelectorAll('.pillar-tab');\n    const pillarDropdown = document.getElementById('policy-dropdown');\n\n    const searchInput = document.getElementById('policy-search');\n    const policyItems = document.querySelectorAll('.policy-item');\n    const noResultsMessage = document.getElementById('no-results');\n\n    let activeType = null;\n    let activePillar = null;\n\n    \/\/ --- FILTERING ---\n    function filterPolicies() {\n        const searchQuery = searchInput.value.toLowerCase().trim();\n        let itemsFound = false;\n\n        policyItems.forEach(item => {\n            const matchesSearch = searchQuery ? item.textContent.toLowerCase().includes(searchQuery) : false;\n            const matchesType = activeType ? item.classList.contains('category-' + activeType) : false;\n            const matchesPillar = activePillar === 'all' || item.classList.contains('category-' + activePillar);\n\n            if ((searchQuery && matchesSearch) || (!searchQuery && matchesType && matchesPillar)) {\n                item.style.display = 'flex';\n                itemsFound = true;\n            } else {\n                item.style.display = 'none';\n            }\n        });\n\n        noResultsMessage.style.display = itemsFound ? 'none' : 'block';\n\n        \/\/ Hide all filters when searching\n        if (searchQuery.length > 0) {\n            document.getElementById('policy-type-tabs').style.display = 'none';\n            typeDropdown.style.display = 'none';\n            pillarTabsContainer.style.display = 'none';\n            pillarDropdown.style.display = 'none';\n        } else {\n            document.getElementById('policy-type-tabs').style.display = 'flex';\n            updateResponsiveDisplay();\n        }\n    }\n\n    \/\/ --- HASH STATE ---\n    function updateStateAndURL() {\n        let hash = activeType || '';\n        if (activePillar) {\n            hash += '+' + activePillar;\n        }\n        if (history.pushState) {\n            history.pushState(null, null, '#' + hash);\n        } else {\n            location.hash = hash;\n        }\n    }\n\n    \/\/ --- PARENT TABS ---\n    typeTabs.forEach(tab => {\n        tab.addEventListener('click', function () {\n            typeTabs.forEach(t => t.classList.remove('active'));\n            this.classList.add('active');\n            activeType = this.getAttribute('data-category');\n            typeDropdown.value = activeType; \/\/ sync dropdown\n\n            \/\/ Show pillar filters\n            pillarTabsContainer.style.display = 'flex';\n            pillarTabs.forEach(t => t.classList.remove('active'));\n\n            if (!activePillar || activePillar === '') {\n                if (pillarTabs.length > 0) {\n                    activePillar = pillarTabs[0].getAttribute('data-category');\n                }\n            }\n\n            \/\/ Re-apply active pillar\n            const selectedPillarTab = document.querySelector('.pillar-tab[data-category=\"' + activePillar + '\"]');\n            if (selectedPillarTab) {\n                selectedPillarTab.classList.add('active');\n                pillarDropdown.value = activePillar;\n            }\n\n            updateStateAndURL();\n            filterPolicies();\n        });\n    });\n\n    \/\/ --- PARENT DROPDOWN ---\n    typeDropdown.addEventListener('change', function () {\n        activeType = this.value || null;\n        typeTabs.forEach(t => t.classList.remove('active'));\n        const tab = document.querySelector('.type-tab[data-category=\"' + this.value + '\"]');\n        if (tab) tab.classList.add('active');\n\n        \/\/ Show pillar filters\n        pillarTabsContainer.style.display = 'flex';\n        if (!activePillar && pillarTabs.length > 0) {\n            activePillar = pillarTabs[0].getAttribute('data-category');\n        }\n        const selectedPillarTab = document.querySelector('.pillar-tab[data-category=\"' + activePillar + '\"]');\n        if (selectedPillarTab) {\n            pillarTabs.forEach(t => t.classList.remove('active'));\n            selectedPillarTab.classList.add('active');\n            pillarDropdown.value = activePillar;\n        }\n\n        updateStateAndURL();\n        filterPolicies();\n    });\n\n    \/\/ --- PILLAR TABS ---\n    pillarTabs.forEach(tab => {\n        tab.addEventListener('click', function () {\n            pillarTabs.forEach(t => t.classList.remove('active'));\n            this.classList.add('active');\n            activePillar = this.getAttribute('data-category');\n            pillarDropdown.value = activePillar; \/\/ sync dropdown\n            updateStateAndURL();\n            filterPolicies();\n        });\n    });\n\n    \/\/ --- PILLAR DROPDOWN ---\n    pillarDropdown.addEventListener('change', function () {\n        activePillar = this.value || null;\n        pillarTabs.forEach(t => t.classList.remove('active'));\n        const tab = document.querySelector('.pillar-tab[data-category=\"' + this.value + '\"]');\n        if (tab) tab.classList.add('active');\n        updateStateAndURL();\n        filterPolicies();\n    });\n\n    \/\/ --- EVENTS ---\n    searchInput.addEventListener('input', filterPolicies);\n    window.addEventListener('resize', updateResponsiveDisplay);\n\n    function updateResponsiveDisplay() {\n        const showPillarFilters = activeType && !searchInput.value.trim();\n\n        if (window.innerWidth <= 768) {\n            \/\/ Mobile: show dropdowns\n            document.getElementById('policy-type-tabs').style.display = 'none';\n            typeDropdown.style.display = 'block';\n\n            pillarTabsContainer.style.display = 'none';\n            pillarDropdown.style.display = showPillarFilters ? 'block' : 'none';\n        } else {\n            \/\/ Desktop: show tabs\n            document.getElementById('policy-type-tabs').style.display = 'flex';\n            typeDropdown.style.display = 'none';\n\n            pillarDropdown.style.display = 'none';\n            pillarTabsContainer.style.display = showPillarFilters ? 'flex' : 'none';\n        }\n    }\n\n    \/\/ --- INIT FROM HASH ---\n    function initializeFromURL() {\n        const hash = window.location.hash.substring(1);\n        if (!hash) {\n            if (typeTabs.length > 0) typeTabs[0].click();\n            return;\n        }\n\n        const parts = hash.split('+');\n        const typeSlug = parts[0];\n        const pillarSlug = parts[1] || null;\n\n        const typeToActivate = document.querySelector('.type-tab[data-category=\"' + typeSlug + '\"]');\n        if (typeToActivate) {\n            typeToActivate.click();\n            if (pillarSlug) {\n                const pillarToActivate = document.querySelector('.pillar-tab[data-category=\"' + pillarSlug + '\"]');\n                if (pillarToActivate) pillarToActivate.click();\n            }\n        } else {\n            if (typeTabs.length > 0) typeTabs[0].click();\n        }\n    }\n\n    initializeFromURL();\n    window.addEventListener('hashchange', initializeFromURL);\n});\n<\/script>\n<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":2472,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"wf_page_folders":[],"class_list":["post-5747","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.piindustries.com\/pt-br\/wp-json\/wp\/v2\/pages\/5747","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.piindustries.com\/pt-br\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.piindustries.com\/pt-br\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.piindustries.com\/pt-br\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.piindustries.com\/pt-br\/wp-json\/wp\/v2\/comments?post=5747"}],"version-history":[{"count":12,"href":"https:\/\/www.piindustries.com\/pt-br\/wp-json\/wp\/v2\/pages\/5747\/revisions"}],"predecessor-version":[{"id":18939,"href":"https:\/\/www.piindustries.com\/pt-br\/wp-json\/wp\/v2\/pages\/5747\/revisions\/18939"}],"up":[{"embeddable":true,"href":"https:\/\/www.piindustries.com\/pt-br\/wp-json\/wp\/v2\/pages\/2472"}],"wp:attachment":[{"href":"https:\/\/www.piindustries.com\/pt-br\/wp-json\/wp\/v2\/media?parent=5747"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/www.piindustries.com\/pt-br\/wp-json\/wp\/v2\/wf_page_folders?post=5747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}