Documentos Institucionais<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n background: white;\n min-height: 100vh;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n background: white;\n overflow: hidden;\n }\n\n .controls {\n padding: 30px;\n background: #f8f9fa;\n border-bottom: 1px solid #e9ecef;\n }\n\n .search-container {\n position: relative;\n margin-bottom: 20px;\n }\n\n .search-box {\n width: 100%;\n padding: 15px 50px 15px 20px;\n border: 2px solid #e9ecef;\n font-size: 16px;\n transition: all 0.3s ease;\n background: white;\n }\n\n .search-box:focus {\n outline: none;\n border-color: #051A53;\n box-shadow: 0 0 0 3px rgba(5, 26, 83, 0.1);\n }\n\n .search-icon {\n position: absolute;\n right: 20px;\n top: 50%;\n transform: translateY(-50%);\n color: #6c757d;\n }\n\n .filters {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin-top: 20px;\n }\n\n .filter-group {\n position: relative;\n }\n\n .filter-select {\n width: 100%;\n padding: 12px 15px;\n border: 2px solid #e9ecef;\n font-size: 14px;\n background: white;\n transition: border-color 0.3s ease;\n }\n\n .filter-select:focus {\n outline: none;\n border-color: #051A53;\n }\n\n .table-container {\n overflow-x: auto;\n padding: 0 30px 30px;\n }\n\n .documents-table {\n width: 100%;\n border-collapse: collapse;\n background: white;\n }\n\n .documents-table th {\n background: #051A53;\n color: white;\n padding: 18px 15px;\n text-align: left;\n font-weight: 600;\n cursor: pointer;\n transition: background 0.3s ease;\n position: relative;\n }\n\n .documents-table th:hover {\n background: #041347;\n }\n\n .documents-table th.sortable::after {\n content: '\u2195\ufe0f';\n position: absolute;\n right: 10px;\n opacity: 0.6;\n font-size: 12px;\n }\n\n .documents-table th.sort-asc::after {\n content: '\u2191';\n opacity: 1;\n color: #3498db;\n }\n\n .documents-table th.sort-desc::after {\n content: '\u2193';\n opacity: 1;\n color: #3498db;\n }\n\n .documents-table td {\n padding: 15px;\n border-bottom: 1px solid #f1f3f4;\n transition: background 0.2s ease;\n }\n\n .documents-table tr:hover td {\n background: #f8f9fa;\n }\n\n .documents-table tr:last-child td {\n border-bottom: none;\n }\n\n .category-tag {\n display: inline-block;\n padding: 6px 12px;\n font-size: 12px;\n font-weight: 500;\n text-transform: capitalize;\n letter-spacing: 0.5px;\n color: #575a5d;\n }\n \n .action-buttons {\n display: flex;\n gap: 8px;\n }\n\n .btn {\n padding: 8px 12px;\n border: none;\n cursor: pointer;\n font-size: 12px;\n font-weight: 500;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 5px;\n transition: all 0.2s ease;\n }\n\n .btn-view {\n background: #051A53;\n color: white;\n }\n\n .btn-view:hover {\n background: #041347;\n transform: translateY(-1px);\n }\n\n .btn-download {\n background: #EE7203;\n color: white;\n }\n\n .btn-download:hover {\n background: #d96502;\n color: #051A53;\n transform: translateY(-1px);\n }\n\n .no-results {\n text-align: center;\n padding: 40px;\n color: #6c757d;\n font-size: 16px;\n }\n\n .results-count {\n padding: 0 30px 15px;\n color: #6c757d;\n font-size: 14px;\n }\n\n @media (max-width: 768px) {\n body { padding: 10px; }\n \n .header h1 { font-size: 2rem; }\n \n .controls { padding: 20px; }\n \n .table-container { padding: 0 20px 20px; }\n \n .documents-table {\n font-size: 14px;\n }\n \n .documents-table th,\n .documents-table td {\n padding: 12px 8px;\n }\n \n .action-buttons {\n flex-direction: column;\n }\n \n .btn {\n font-size: 11px;\n padding: 6px 8px;\n }\n }\n\n @media (max-width: 576px) {\n .documents-table {\n display: block;\n overflow-x: auto;\n white-space: nowrap;\n }\n \n .documents-table thead,\n .documents-table tbody,\n .documents-table th,\n .documents-table td,\n .documents-table tr {\n display: block;\n }\n \n .documents-table thead tr {\n position: absolute;\n top: -9999px;\n left: -9999px;\n }\n \n .documents-table tr {\n border: 1px solid #ccc;\n margin-bottom: 10px;\n padding: 15px;\n background: white;\n }\n \n .documents-table td {\n border: none;\n position: relative;\n padding-left: 50%;\n padding-top: 10px;\n padding-bottom: 10px;\n white-space: normal;\n }\n \n .documents-table td:before {\n content: attr(data-label) \": \";\n position: absolute;\n left: 6px;\n width: 45%;\n padding-right: 10px;\n white-space: nowrap;\n font-weight: bold;\n color: #051A53;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"controls\">\n <div class=\"search-container\">\n <input type=\"text\" class=\"search-box\" id=\"searchInput\" placeholder=\"Pesquisar documentos...\">\n <span class=\"search-icon\"><\/span>\n <\/div>\n \n <div class=\"filters\">\n <div class=\"filter-group\">\n <select class=\"filter-select\" id=\"yearFilter\">\n <option value=\"\">Todos os Anos<\/option>\n <option value=\"2024\">2024<\/option>\n <option value=\"2023\">2023<\/option>\n <option value=\"2022\">2022<\/option>\n <option value=\"2021\">2021<\/option>\n <option value=\"2009\">2009<\/option>\n <\/select>\n <\/div>\n \n <div class=\"filter-group\">\n <select class=\"filter-select\" id=\"categoryFilter\">\n <option value=\"\">Todas as Categorias<\/option>\n <option value=\"Documentos Institucionais\">Documentos Institucionais<\/option>\n <option value=\"Legisla\u00e7\u00e3o\">Legisla\u00e7\u00e3o<\/option>\n <option value=\"Pol\u00edtica\">Pol\u00edtica<\/option>\n <option value=\"Regulamento\">Regulamento<\/option>\n <option value=\"Relat\u00f3rios Operacionais\">Relat\u00f3rios Operacionais<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"results-count\" id=\"resultsCount\"><\/div>\n\n <div class=\"table-container\">\n <table class=\"documents-table\" id=\"documentsTable\">\n <thead>\n <tr>\n <th class=\"sortable\" data-column=\"year\">Ano<\/th>\n <th class=\"sortable\" data-column=\"category\">Categoria<\/th>\n <th>Descri\u00e7\u00e3o<\/th>\n <th>Ver \/ Baixar<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"tableBody\">\n <\/tbody>\n <\/table>\n <div class=\"no-results\" id=\"noResults\" style=\"display: none;\">\n <p>\ud83d\udcc4 Nenhum documento encontrado<\/p>\n <p>Tente ajustar os filtros ou termo de pesquisa<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n const documents = [\n {\n date: '2023-01-01',\n category: 'Documentos Institucionais',\n description: 'Estatuto Social',\n year: '2023',\n viewUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Estatuto-Social_compressed_compressed.pdf',\n downloadUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Estatuto-Social_compressed_compressed.pdf'\n },\n \n {\n date: '2023-12-31',\n category: 'Documentos Institucionais',\n description: 'Relat\u00f3rio e Contas 2023',\n year: '2023',\n viewUrl: '#',\n downloadUrl: '#'\n },\n {\n date: '2023-05-08',\n category: 'Legisla\u00e7\u00e3o',\n description: 'Decreto Excutivo conjunto N.\u00ba 61\/23 de 8 de Maio - Regulamento do Sistema Nacional de Bilh\u00e9tica Integrada',\n year: '2023',\n viewUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Decreto-Excutivo-conjunto-N.o-6123-de-8-de-Maio-Regulamento-do-Sistema-Nacional-de-Bilhetica-Integrada.pdf',\n downloadUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Decreto-Excutivo-conjunto-N.o-6123-de-8-de-Maio-Regulamento-do-Sistema-Nacional-de-Bilhetica-Integrada.pdf'\n },\n {\n date: '2023-05-08',\n category: 'Legisla\u00e7\u00e3o',\n description: 'Decreto Excutivo conjunto N.\u00ba 62\/23 de 8 de Maio - Regulamento do Passe Social',\n year: '2023',\n viewUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Decreto-Excutivo-conjunto-N.o-6223-de-8-de-Maio-Regulamento-do-Passe-Social.pdf',\n downloadUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Decreto-Excutivo-conjunto-N.o-6223-de-8-de-Maio-Regulamento-do-Passe-Social.pdf'\n },\n {\n date: '2021-12-06',\n category: 'Legisla\u00e7\u00e3o',\n description: 'Decreto Presidencial N.\u00ba 289\/21 de 06 de Dezembro - Aprova a Constitui\u00e7\u00e3o do Sistema Nacional de Bilh\u00e9tica Integrada',\n year: '2021',\n viewUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Decreto-Presidencial-N.o-28921-de-06-de-Dezembro-Aprova-a-Constituicao-do-Sistema-Nacional-de-Bilhetica-Integrada.pdf',\n downloadUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Decreto-Presidencial-N.o-28921-de-06-de-Dezembro-Aprova-a-Constituicao-do-Sistema-Nacional-de-Bilhetica-Integrada.pdf'\n },\n {\n date: '2009-12-01',\n category: 'Legisla\u00e7\u00e3o',\n description: 'Decreto Presidencial N.\u00ba 355\/09 de Dezembro - Regulamento',\n year: '2009',\n viewUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Decreto-Presidencial-N.o-35509-de-Dezembro-Regulamento.pdf',\n downloadUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Decreto-Presidencial-N.o-35509-de-Dezembro-Regulamento.pdf'\n },\n \n {\n date: '2024-01-01',\n category: 'Pol\u00edtica',\n description: 'Pol\u00edtica de Compliance',\n year: '2024',\n viewUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Politica-de-Compliance.pdf',\n downloadUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Politica-de-Compliance.pdf'\n },\n \n {\n date: '2024-06-01',\n category: 'Relat\u00f3rios Operacionais',\n description: 'Relat\u00f3rio de Explora\u00e7\u00e3o Operacional 2024',\n year: '2024',\n viewUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/RELATORIO-DE-EXPLORACAO-OPERACIONAL-2024.pdf',\n downloadUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/RELATORIO-DE-EXPLORACAO-OPERACIONAL-2024.pdf'\n }\n ];\n\n let filteredDocuments = [...documents];\n let currentSort = { column: 'year', direction: 'desc' };\n\n const searchInput = document.getElementById('searchInput');\n const yearFilter = document.getElementById('yearFilter');\n const categoryFilter = document.getElementById('categoryFilter');\n const tableBody = document.getElementById('tableBody');\n const noResults = document.getElementById('noResults');\n const resultsCount = document.getElementById('resultsCount');\n const sortableHeaders = document.querySelectorAll('.sortable');\n\n function getCategoryClass(category) {\n return `category-${category.toLowerCase().replace(\/\\s\/g, '-').replace(\/\u00e3\/g, 'a').replace(\/\u00f3\/g, 'o').replace(\/\u00e7\/g, 'c')}`;\n }\n\n function renderTable() {\n if (filteredDocuments.length === 0) {\n tableBody.innerHTML = '';\n noResults.style.display = 'block';\n document.getElementById('documentsTable').style.display = 'none';\n resultsCount.textContent = '';\n return;\n }\n\n noResults.style.display = 'none';\n document.getElementById('documentsTable').style.display = 'table';\n \n tableBody.innerHTML = filteredDocuments.map(doc => `\n <tr>\n <td data-label=\"Ano\">${doc.year}<\/td>\n <td data-label=\"Categoria\">\n <span class=\"category-tag\">${doc.category}<\/span>\n <\/td>\n <td data-label=\"Descri\u00e7\u00e3o\">${doc.description}<\/td>\n <td data-label=\"Ver \/ Baixar\">\n <div class=\"action-buttons\">\n <a href=\"${doc.viewUrl}\" class=\"btn btn-view\" target=\"_blank\">\n \ud83d\udc41\ufe0f Ver\n <\/a>\n <a href=\"${doc.downloadUrl}\" class=\"btn btn-download\" download>\n \u2b07\ufe0f Baixar\n <\/a>\n <\/div>\n <\/td>\n <\/tr>\n `).join('');\n\n updateResultsCount();\n }\n\n function updateResultsCount() {\n const count = filteredDocuments.length;\n const total = documents.length;\n resultsCount.textContent = `Mostrando ${count} de ${total} documentos`;\n }\n\n function filterDocuments() {\n const searchTerm = searchInput.value.toLowerCase();\n const selectedYear = yearFilter.value;\n const selectedCategory = categoryFilter.value;\n\n filteredDocuments = documents.filter(doc => {\n const matchesSearch = !searchTerm || \n doc.description.toLowerCase().includes(searchTerm) ||\n doc.category.toLowerCase().includes(searchTerm);\n \n const matchesYear = !selectedYear || doc.year === selectedYear;\n const matchesCategory = !selectedCategory || doc.category === selectedCategory;\n\n return matchesSearch && matchesYear && matchesCategory;\n });\n\n if (currentSort.column) {\n sortDocuments(currentSort.column, currentSort.direction);\n }\n\n renderTable();\n }\n\n function sortDocuments(column, direction) {\n filteredDocuments.sort((a, b) => {\n let valueA, valueB;\n\n if (column === 'year') {\n \/\/ Converter para n\u00famero para ordena\u00e7\u00e3o correta\n valueA = parseInt(a.year);\n valueB = parseInt(b.year);\n } else if (column === 'category') {\n valueA = a.category.toLowerCase();\n valueB = b.category.toLowerCase();\n }\n\n if (direction === 'asc') {\n return valueA > valueB ? 1 : -1;\n } else {\n return valueA < valueB ? 1 : -1;\n }\n });\n\n renderTable();\n }\n\n searchInput.addEventListener('input', filterDocuments);\n yearFilter.addEventListener('change', filterDocuments);\n categoryFilter.addEventListener('change', filterDocuments);\n\n sortableHeaders.forEach(header => {\n header.addEventListener('click', () => {\n const column = header.dataset.column;\n let direction = 'asc';\n\n if (currentSort.column === column && currentSort.direction === 'asc') {\n direction = 'desc';\n }\n\n sortableHeaders.forEach(h => {\n h.classList.remove('sort-asc', 'sort-desc');\n });\n\n header.classList.add(direction === 'asc' ? 'sort-asc' : 'sort-desc');\n\n currentSort = { column, direction };\n sortDocuments(column, direction);\n });\n });\n\n \/\/ Ordena\u00e7\u00e3o inicial por ano decrescente (mais recente primeiro)\n sortDocuments('year', 'desc');\n document.querySelector('[data-column=\"year\"]').classList.add('sort-desc');\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Documentos Institucionais Todos os Anos20242023202220212009 Todas as CategoriasDocumentos InstitucionaisLegisla\u00e7\u00e3oPol\u00edticaRegulamentoRelat\u00f3rios Operacionais Ano Categoria Descri\u00e7\u00e3o Ver \/ Baixar \ud83d\udcc4 Nenhum documento encontrado Tente ajustar os filtros ou termo de pesquisa<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"give_campaign_id":0,"inline_featured_image":false,"footnotes":""},"class_list":["post-20806","page","type-page","status-publish","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/mwangobrain.net\/enbi\/wp-json\/wp\/v2\/pages\/20806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mwangobrain.net\/enbi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mwangobrain.net\/enbi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mwangobrain.net\/enbi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mwangobrain.net\/enbi\/wp-json\/wp\/v2\/comments?post=20806"}],"version-history":[{"count":15,"href":"https:\/\/mwangobrain.net\/enbi\/wp-json\/wp\/v2\/pages\/20806\/revisions"}],"predecessor-version":[{"id":23189,"href":"https:\/\/mwangobrain.net\/enbi\/wp-json\/wp\/v2\/pages\/20806\/revisions\/23189"}],"wp:attachment":[{"href":"https:\/\/mwangobrain.net\/enbi\/wp-json\/wp\/v2\/media?parent=20806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Documentos Institucionais<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n background: white;\n min-height: 100vh;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n background: white;\n overflow: hidden;\n }\n\n .controls {\n padding: 30px;\n background: #f8f9fa;\n border-bottom: 1px solid #e9ecef;\n }\n\n .search-container {\n position: relative;\n margin-bottom: 20px;\n }\n\n .search-box {\n width: 100%;\n padding: 15px 50px 15px 20px;\n border: 2px solid #e9ecef;\n font-size: 16px;\n transition: all 0.3s ease;\n background: white;\n }\n\n .search-box:focus {\n outline: none;\n border-color: #051A53;\n box-shadow: 0 0 0 3px rgba(5, 26, 83, 0.1);\n }\n\n .search-icon {\n position: absolute;\n right: 20px;\n top: 50%;\n transform: translateY(-50%);\n color: #6c757d;\n }\n\n .filters {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n margin-top: 20px;\n }\n\n .filter-group {\n position: relative;\n }\n\n .filter-select {\n width: 100%;\n padding: 12px 15px;\n border: 2px solid #e9ecef;\n font-size: 14px;\n background: white;\n transition: border-color 0.3s ease;\n }\n\n .filter-select:focus {\n outline: none;\n border-color: #051A53;\n }\n\n .table-container {\n overflow-x: auto;\n padding: 0 30px 30px;\n }\n\n .documents-table {\n width: 100%;\n border-collapse: collapse;\n background: white;\n }\n\n .documents-table th {\n background: #051A53;\n color: white;\n padding: 18px 15px;\n text-align: left;\n font-weight: 600;\n cursor: pointer;\n transition: background 0.3s ease;\n position: relative;\n }\n\n .documents-table th:hover {\n background: #041347;\n }\n\n .documents-table th.sortable::after {\n content: '\u2195\ufe0f';\n position: absolute;\n right: 10px;\n opacity: 0.6;\n font-size: 12px;\n }\n\n .documents-table th.sort-asc::after {\n content: '\u2191';\n opacity: 1;\n color: #3498db;\n }\n\n .documents-table th.sort-desc::after {\n content: '\u2193';\n opacity: 1;\n color: #3498db;\n }\n\n .documents-table td {\n padding: 15px;\n border-bottom: 1px solid #f1f3f4;\n transition: background 0.2s ease;\n }\n\n .documents-table tr:hover td {\n background: #f8f9fa;\n }\n\n .documents-table tr:last-child td {\n border-bottom: none;\n }\n\n .category-tag {\n display: inline-block;\n padding: 6px 12px;\n font-size: 12px;\n font-weight: 500;\n text-transform: capitalize;\n letter-spacing: 0.5px;\n color: #575a5d;\n }\n \n .action-buttons {\n display: flex;\n gap: 8px;\n }\n\n .btn {\n padding: 8px 12px;\n border: none;\n cursor: pointer;\n font-size: 12px;\n font-weight: 500;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 5px;\n transition: all 0.2s ease;\n }\n\n .btn-view {\n background: #051A53;\n color: white;\n }\n\n .btn-view:hover {\n background: #041347;\n transform: translateY(-1px);\n }\n\n .btn-download {\n background: #EE7203;\n color: white;\n }\n\n .btn-download:hover {\n background: #d96502;\n color: #051A53;\n transform: translateY(-1px);\n }\n\n .no-results {\n text-align: center;\n padding: 40px;\n color: #6c757d;\n font-size: 16px;\n }\n\n .results-count {\n padding: 0 30px 15px;\n color: #6c757d;\n font-size: 14px;\n }\n\n @media (max-width: 768px) {\n body { padding: 10px; }\n \n .header h1 { font-size: 2rem; }\n \n .controls { padding: 20px; }\n \n .table-container { padding: 0 20px 20px; }\n \n .documents-table {\n font-size: 14px;\n }\n \n .documents-table th,\n .documents-table td {\n padding: 12px 8px;\n }\n \n .action-buttons {\n flex-direction: column;\n }\n \n .btn {\n font-size: 11px;\n padding: 6px 8px;\n }\n }\n\n @media (max-width: 576px) {\n .documents-table {\n display: block;\n overflow-x: auto;\n white-space: nowrap;\n }\n \n .documents-table thead,\n .documents-table tbody,\n .documents-table th,\n .documents-table td,\n .documents-table tr {\n display: block;\n }\n \n .documents-table thead tr {\n position: absolute;\n top: -9999px;\n left: -9999px;\n }\n \n .documents-table tr {\n border: 1px solid #ccc;\n margin-bottom: 10px;\n padding: 15px;\n background: white;\n }\n \n .documents-table td {\n border: none;\n position: relative;\n padding-left: 50%;\n padding-top: 10px;\n padding-bottom: 10px;\n white-space: normal;\n }\n \n .documents-table td:before {\n content: attr(data-label) \": \";\n position: absolute;\n left: 6px;\n width: 45%;\n padding-right: 10px;\n white-space: nowrap;\n font-weight: bold;\n color: #051A53;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"controls\">\n <div class=\"search-container\">\n <input type=\"text\" class=\"search-box\" id=\"searchInput\" placeholder=\"Pesquisar documentos...\">\n <span class=\"search-icon\"><\/span>\n <\/div>\n \n <div class=\"filters\">\n <div class=\"filter-group\">\n <select class=\"filter-select\" id=\"yearFilter\">\n <option value=\"\">Todos os Anos<\/option>\n <option value=\"2024\">2024<\/option>\n <option value=\"2023\">2023<\/option>\n <option value=\"2022\">2022<\/option>\n <option value=\"2021\">2021<\/option>\n <option value=\"2009\">2009<\/option>\n <\/select>\n <\/div>\n \n <div class=\"filter-group\">\n <select class=\"filter-select\" id=\"categoryFilter\">\n <option value=\"\">Todas as Categorias<\/option>\n <option value=\"Documentos Institucionais\">Documentos Institucionais<\/option>\n <option value=\"Legisla\u00e7\u00e3o\">Legisla\u00e7\u00e3o<\/option>\n <option value=\"Pol\u00edtica\">Pol\u00edtica<\/option>\n <option value=\"Regulamento\">Regulamento<\/option>\n <option value=\"Relat\u00f3rios Operacionais\">Relat\u00f3rios Operacionais<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"results-count\" id=\"resultsCount\"><\/div>\n\n <div class=\"table-container\">\n <table class=\"documents-table\" id=\"documentsTable\">\n <thead>\n <tr>\n <th class=\"sortable\" data-column=\"year\">Ano<\/th>\n <th class=\"sortable\" data-column=\"category\">Categoria<\/th>\n <th>Descri\u00e7\u00e3o<\/th>\n <th>Ver \/ Baixar<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"tableBody\">\n <\/tbody>\n <\/table>\n <div class=\"no-results\" id=\"noResults\" style=\"display: none;\">\n <p>\ud83d\udcc4 Nenhum documento encontrado<\/p>\n <p>Tente ajustar os filtros ou termo de pesquisa<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n const documents = [\n {\n date: '2023-01-01',\n category: 'Documentos Institucionais',\n description: 'Estatuto Social',\n year: '2023',\n viewUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Estatuto-Social_compressed_compressed.pdf',\n downloadUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Estatuto-Social_compressed_compressed.pdf'\n },\n \n {\n date: '2023-12-31',\n category: 'Documentos Institucionais',\n description: 'Relat\u00f3rio e Contas 2023',\n year: '2023',\n viewUrl: '#',\n downloadUrl: '#'\n },\n {\n date: '2023-05-08',\n category: 'Legisla\u00e7\u00e3o',\n description: 'Decreto Excutivo conjunto N.\u00ba 61\/23 de 8 de Maio - Regulamento do Sistema Nacional de Bilh\u00e9tica Integrada',\n year: '2023',\n viewUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Decreto-Excutivo-conjunto-N.o-6123-de-8-de-Maio-Regulamento-do-Sistema-Nacional-de-Bilhetica-Integrada.pdf',\n downloadUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Decreto-Excutivo-conjunto-N.o-6123-de-8-de-Maio-Regulamento-do-Sistema-Nacional-de-Bilhetica-Integrada.pdf'\n },\n {\n date: '2023-05-08',\n category: 'Legisla\u00e7\u00e3o',\n description: 'Decreto Excutivo conjunto N.\u00ba 62\/23 de 8 de Maio - Regulamento do Passe Social',\n year: '2023',\n viewUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Decreto-Excutivo-conjunto-N.o-6223-de-8-de-Maio-Regulamento-do-Passe-Social.pdf',\n downloadUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Decreto-Excutivo-conjunto-N.o-6223-de-8-de-Maio-Regulamento-do-Passe-Social.pdf'\n },\n {\n date: '2021-12-06',\n category: 'Legisla\u00e7\u00e3o',\n description: 'Decreto Presidencial N.\u00ba 289\/21 de 06 de Dezembro - Aprova a Constitui\u00e7\u00e3o do Sistema Nacional de Bilh\u00e9tica Integrada',\n year: '2021',\n viewUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Decreto-Presidencial-N.o-28921-de-06-de-Dezembro-Aprova-a-Constituicao-do-Sistema-Nacional-de-Bilhetica-Integrada.pdf',\n downloadUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Decreto-Presidencial-N.o-28921-de-06-de-Dezembro-Aprova-a-Constituicao-do-Sistema-Nacional-de-Bilhetica-Integrada.pdf'\n },\n {\n date: '2009-12-01',\n category: 'Legisla\u00e7\u00e3o',\n description: 'Decreto Presidencial N.\u00ba 355\/09 de Dezembro - Regulamento',\n year: '2009',\n viewUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Decreto-Presidencial-N.o-35509-de-Dezembro-Regulamento.pdf',\n downloadUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Decreto-Presidencial-N.o-35509-de-Dezembro-Regulamento.pdf'\n },\n \n {\n date: '2024-01-01',\n category: 'Pol\u00edtica',\n description: 'Pol\u00edtica de Compliance',\n year: '2024',\n viewUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Politica-de-Compliance.pdf',\n downloadUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/Politica-de-Compliance.pdf'\n },\n \n {\n date: '2024-06-01',\n category: 'Relat\u00f3rios Operacionais',\n description: 'Relat\u00f3rio de Explora\u00e7\u00e3o Operacional 2024',\n year: '2024',\n viewUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/RELATORIO-DE-EXPLORACAO-OPERACIONAL-2024.pdf',\n downloadUrl: 'https:\/\/mwangobrain.net\/enbi\/wp-content\/uploads\/2025\/06\/RELATORIO-DE-EXPLORACAO-OPERACIONAL-2024.pdf'\n }\n ];\n\n let filteredDocuments = [...documents];\n let currentSort = { column: 'year', direction: 'desc' };\n\n const searchInput = document.getElementById('searchInput');\n const yearFilter = document.getElementById('yearFilter');\n const categoryFilter = document.getElementById('categoryFilter');\n const tableBody = document.getElementById('tableBody');\n const noResults = document.getElementById('noResults');\n const resultsCount = document.getElementById('resultsCount');\n const sortableHeaders = document.querySelectorAll('.sortable');\n\n function getCategoryClass(category) {\n return `category-${category.toLowerCase().replace(\/\\s\/g, '-').replace(\/\u00e3\/g, 'a').replace(\/\u00f3\/g, 'o').replace(\/\u00e7\/g, 'c')}`;\n }\n\n function renderTable() {\n if (filteredDocuments.length === 0) {\n tableBody.innerHTML = '';\n noResults.style.display = 'block';\n document.getElementById('documentsTable').style.display = 'none';\n resultsCount.textContent = '';\n return;\n }\n\n noResults.style.display = 'none';\n document.getElementById('documentsTable').style.display = 'table';\n \n tableBody.innerHTML = filteredDocuments.map(doc => `\n <tr>\n <td data-label=\"Ano\">${doc.year}<\/td>\n <td data-label=\"Categoria\">\n <span class=\"category-tag\">${doc.category}<\/span>\n <\/td>\n <td data-label=\"Descri\u00e7\u00e3o\">${doc.description}<\/td>\n <td data-label=\"Ver \/ Baixar\">\n <div class=\"action-buttons\">\n <a href=\"${doc.viewUrl}\" class=\"btn btn-view\" target=\"_blank\">\n \ud83d\udc41\ufe0f Ver\n <\/a>\n <a href=\"${doc.downloadUrl}\" class=\"btn btn-download\" download>\n \u2b07\ufe0f Baixar\n <\/a>\n <\/div>\n <\/td>\n <\/tr>\n `).join('');\n\n updateResultsCount();\n }\n\n function updateResultsCount() {\n const count = filteredDocuments.length;\n const total = documents.length;\n resultsCount.textContent = `Mostrando ${count} de ${total} documentos`;\n }\n\n function filterDocuments() {\n const searchTerm = searchInput.value.toLowerCase();\n const selectedYear = yearFilter.value;\n const selectedCategory = categoryFilter.value;\n\n filteredDocuments = documents.filter(doc => {\n const matchesSearch = !searchTerm || \n doc.description.toLowerCase().includes(searchTerm) ||\n doc.category.toLowerCase().includes(searchTerm);\n \n const matchesYear = !selectedYear || doc.year === selectedYear;\n const matchesCategory = !selectedCategory || doc.category === selectedCategory;\n\n return matchesSearch && matchesYear && matchesCategory;\n });\n\n if (currentSort.column) {\n sortDocuments(currentSort.column, currentSort.direction);\n }\n\n renderTable();\n }\n\n function sortDocuments(column, direction) {\n filteredDocuments.sort((a, b) => {\n let valueA, valueB;\n\n if (column === 'year') {\n \/\/ Converter para n\u00famero para ordena\u00e7\u00e3o correta\n valueA = parseInt(a.year);\n valueB = parseInt(b.year);\n } else if (column === 'category') {\n valueA = a.category.toLowerCase();\n valueB = b.category.toLowerCase();\n }\n\n if (direction === 'asc') {\n return valueA > valueB ? 1 : -1;\n } else {\n return valueA < valueB ? 1 : -1;\n }\n });\n\n renderTable();\n }\n\n searchInput.addEventListener('input', filterDocuments);\n yearFilter.addEventListener('change', filterDocuments);\n categoryFilter.addEventListener('change', filterDocuments);\n\n sortableHeaders.forEach(header => {\n header.addEventListener('click', () => {\n const column = header.dataset.column;\n let direction = 'asc';\n\n if (currentSort.column === column && currentSort.direction === 'asc') {\n direction = 'desc';\n }\n\n sortableHeaders.forEach(h => {\n h.classList.remove('sort-asc', 'sort-desc');\n });\n\n header.classList.add(direction === 'asc' ? 'sort-asc' : 'sort-desc');\n\n currentSort = { column, direction };\n sortDocuments(column, direction);\n });\n });\n\n \/\/ Ordena\u00e7\u00e3o inicial por ano decrescente (mais recente primeiro)\n sortDocuments('year', 'desc');\n document.querySelector('[data-column=\"year\"]').classList.add('sort-desc');\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Documentos Institucionais Todos os Anos20242023202220212009 Todas as CategoriasDocumentos InstitucionaisLegisla\u00e7\u00e3oPol\u00edticaRegulamentoRelat\u00f3rios Operacionais Ano Categoria Descri\u00e7\u00e3o Ver \/ Baixar \ud83d\udcc4 Nenhum documento encontrado Tente ajustar os filtros ou termo de pesquisa<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"give_campaign_id":0,"inline_featured_image":false,"footnotes":""},"class_list":["post-20806","page","type-page","status-publish","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/mwangobrain.net\/enbi\/wp-json\/wp\/v2\/pages\/20806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mwangobrain.net\/enbi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mwangobrain.net\/enbi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mwangobrain.net\/enbi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mwangobrain.net\/enbi\/wp-json\/wp\/v2\/comments?post=20806"}],"version-history":[{"count":15,"href":"https:\/\/mwangobrain.net\/enbi\/wp-json\/wp\/v2\/pages\/20806\/revisions"}],"predecessor-version":[{"id":23189,"href":"https:\/\/mwangobrain.net\/enbi\/wp-json\/wp\/v2\/pages\/20806\/revisions\/23189"}],"wp:attachment":[{"href":"https:\/\/mwangobrain.net\/enbi\/wp-json\/wp\/v2\/media?parent=20806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}