{"id":21261,"date":"2025-06-02T15:59:05","date_gmt":"2025-06-02T15:59:05","guid":{"rendered":"https:\/\/mwangobrain.net\/enbi\/?page_id=21261"},"modified":"2025-08-07T12:47:26","modified_gmt":"2025-08-07T12:47:26","slug":"huila","status":"publish","type":"page","link":"https:\/\/mwangobrain.net\/enbi\/huila\/","title":{"rendered":"Hu\u00edla"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

Hu\u00edla<\/h2>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Localizada na regi\u00e3o sul\u00a0do pa\u00eds, sendo a mais rica prov\u00edncia da por\u00e7\u00e3o meridional angolana. Tem como capital a cidade e munic\u00edpio do\u00a0Lubango.<\/p>\n

Segundo as proje\u00e7\u00f5es populacionais de 2018, elaboradas pelo\u00a0Instituto Nacional de Estat\u00edstica, conta com uma popula\u00e7\u00e3o de 2.819.253 habitantes e com uma dimens\u00e3o de 79 023\u00a0km\u00b2, sendo a prov\u00edncia mais populosa de Angola depois de\u00a0Luanda.\u00a0<\/p>\n

Hu\u00edla constitui-se por 23 munic\u00edpios:\u00a0Quilengues, Caluquembe, Cacondo, Chipendo, Galangue, Vili Vivali, Chituto, Chicomba, Dongo, Hoque, Quipungo, Matala, Cavungo, Palanca, Luabango, Humpata, Chibia Capunda, Cavilongo, Chicungo, Capelongo, Jamba, Mineira e Gambos<\/p>\n

Quanto ao SNBI, Huila apresenta (7) Sete operadoras de transportes p\u00fablicos colectivos de passageiros urbanos, que cobrem os 23 munic\u00edpios, com cerca de 49 autocarros, apresentado uma medio de 255 639 valida\u00e7\u00f5es mensais e tem cerca de 40 280 utentes utilizadores dos transportes p\u00fablicos colectivos de passageiros urbanos, sendo que, X% \u00e9 titular de um passe Giramais.<\/p>\n

Empresas Operadoras: COOPERATIVA, JOBITA, PAUFIL, ROSALINA, SONTRANS, A.J.C.F, SKDG.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

Indicador - Hu\u00edla<\/a>\n\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t

Dados Actualizados at\u00e9 06\/08\/2025<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\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

\n\t\t\t
\n\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

Operacionais<\/h2>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t \n
\n\n \t\t \t
\n\t\t\t\t\t<\/image><\/g><\/svg>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t0<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t \t \t\t\t\t\t

N\u00ba de Operadoras no SNBI<\/p>\n\t\t\t\t\t\t\t<\/div>\n\n <\/div>\n\t\t \t\n\t\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

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t \n
\n\n \t\t \t
\n\t\t\t\t\t<\/image><\/g><\/svg>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t0<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t \t \t\t\t\t\t

M\u00e9dia de Tranporte no SNBI<\/p>\n\t\t\t\t\t\t\t<\/div>\n\n <\/div>\n\t\t \t\n\t\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

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t \n
\n\n \t\t \t
\n\t\t\t\t\t<\/image><\/g><\/svg>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t0<\/span>\n\t\t\t\t\t.402<\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t \t \t\t\t\t\t

M\u00e9dia de Viagens Realizadas<\/p>\n\t\t\t\t\t\t\t<\/div>\n\n <\/div>\n\t\t \t\n\t\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

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t \n
\n\n \t\t \t
\n\t\t\t\t\t<\/image><\/g><\/svg>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t0<\/span>\n\t\t\t\t\t.808.730,36<\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t \t \t\t\t\t\t

M\u00e9dia de KM Realizadas<\/p>\n\t\t\t\t\t\t\t<\/div>\n\n <\/div>\n\t\t \t\n\t\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

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t \n
\n\n \t\t \t
\n\t\t\t\t\t<\/image><\/g><\/svg>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t0<\/span>\n\t\t\t\t\t.901.021<\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t \t \t\t\t\t\t

M\u00e9dia De Passes Usados<\/p>\n\t\t\t\t\t\t\t<\/div>\n\n <\/div>\n\t\t \t\n\t\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

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t \n
\n\n \t\t \t
\n\t\t\t\t\t<\/image><\/g><\/svg>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t0<\/span>\n\t\t\t\t\t,05<\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t \t \t\t\t\t\t

M\u00e9dia de IPK<\/p>\n\t\t\t\t\t\t\t<\/div>\n\n <\/div>\n\t\t \t\n\t\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

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

Comerciais<\/h2>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t \n
\n\n \t\t \t
\n\t\t\t\t\t<\/image><\/g><\/svg>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t0<\/span>\n\t\t\t\t\t.508<\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t \t \t\t\t\t\t

Total de Clientes<\/p>\n\t\t\t\t\t\t\t<\/div>\n\n <\/div>\n\t\t \t\n\t\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

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t \n
\n\n \t\t \t
\n\t\t\t\t\t<\/image><\/g><\/svg>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t0<\/span>\n\t\t\t\t\t.829<\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t \t \t\t\t\t\t

Passe Regular<\/p>\n\t\t\t\t\t\t\t<\/div>\n\n <\/div>\n\t\t \t\n\t\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

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t \n
\n\n \t\t \t
\n\t\t\t\t\t<\/image><\/g><\/svg>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t0<\/span>\n\t\t\t\t\t.616<\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t \t \t\t\t\t\t

Passe social Estudante<\/p>\n\t\t\t\t\t\t\t<\/div>\n\n <\/div>\n\t\t \t\n\t\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

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t \n
\n\n \t\t \t
\n\t\t\t\t\t<\/image><\/g><\/svg>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t0<\/span>\n\t\t\t\t\t.063<\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t \t \t\t\t\t\t

Priorit\u00e1rio Antigos Combatentes<\/p>\n\t\t\t\t\t\t\t<\/div>\n\n <\/div>\n\t\t \t\n\t\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

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t \n
\n\n \t\t \t
\n\t\t\t\t\t<\/image><\/g><\/svg>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t0<\/span>\n\t\t\t\t\t.950<\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t \t \t\t\t\t\t

M\u00e9dia Total de Acessos<\/p>\n\t\t\t\t\t\t\t<\/div>\n\n <\/div>\n\t\t \t\n\t\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

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t \n
\n\n \t\t \t
\n\t\t\t\t\t<\/image><\/svg>\t\t\t\t<\/div>\n\t\t\t\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t0<\/span>\n\t\t\t\t\t.646<\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t \t \t\t\t\t\t

M\u00e9dia Total De Passes Usados<\/p>\n\t\t\t\t\t\t\t<\/div>\n\n <\/div>\n\t\t \t\n\t\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

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

Linhas de Transporte - Hu\u00edla<\/h2>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Linhas de Transporte - Hu\u00edla<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: ;\n min-height: 100vh;\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n background: rgba(255, 255, 255, 0.95);\n \n padding: 30px;\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(10px);\n }\n\n h1 {\n text-align: center;\n color: #051A53;\n margin-bottom: 30px;\n font-size: 2.5rem;\n font-weight: 700;\n }\n\n .controls {\n display: flex;\n gap: 20px;\n margin-bottom: 30px;\n flex-wrap: wrap;\n align-items: center;\n }\n\n .search-box, .filter-select {\n padding: 12px 16px;\n \n font-size: 16px;\n transition: all 0.3s ease;\n background: white;\n }\n\n .search-box {\n flex: 1;\n min-width: 300px;\n }\n\n .search-box:focus, .filter-select:focus {\n outline: none;\n \n box-shadow: 0 0 0 3px rgba(5, 26, 83, 0.1);\n }\n\n .operator-filters {\n display: flex;\n gap: 10px;\n flex-wrap: wrap;\n }\n\n .operator-btn {\n padding: 10px 20px;\n\n background: white;\n color: #64748b;\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .operator-btn:hover {\n\n color: #051A53;\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(5, 26, 83, 0.15);\n }\n\n .operator-btn.active {\n background: #051A53;\n color: white;\n \n }\n\n .stats {\n background: #051A53;\n color: white;\n padding: 8px 25px;\n \n font-weight: 600;\n font-size: 16px;\n }\n\n .table-container {\n overflow-x: auto;\n \n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n background: white;\n }\n\n table {\n width: 100%;\n \n font-size: 14px;\n }\n\n thead {\n background: #051A53;\n color: white;\n }\n\n th {\n padding: 18px 16px;\n text-align: left;\n font-weight: 600;\n font-size: 15px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n position: sticky;\n top: 0;\n z-index: 10;\n color: white !important;\n }\n\n td {\n padding: 16px;\n\n transition: all 0.3s ease;\n }\n\n tr:hover {\n background: rgba(5, 26, 83, 0.05);\n transform: translateX(2px);\n }\n\n .code-cell {\n font-weight: 700;\n color: #051A53;\n font-size: 16px;\n }\n\n .route-cell {\n color: #2c3e50;\n font-weight: 500;\n line-height: 1.4;\n }\n\n \/* Modifica\u00e7\u00e3o da classe .operator-badge para ter um estilo \u00fanico em cinza *\/\n .operator-badge {\n display: inline-block;\n padding: 6px 12px;\n\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n background: #e1e8ed; \/* Fundo cinza claro *\/\n color: #64748b; \/* Cor do texto cinza escuro *\/\n }\n\n \/* Classes de operadora espec\u00edficas removidas conforme solicita\u00e7\u00e3o *\/\n \/*\n .paufil { background: #e3f2fd; color: #1976d2; }\n .jobita { background: #f3e5f5; color: #7b1fa2; }\n .cooperativa { background: #e8f5e8; color: #388e3c; }\n .sontras { background: #fff3e0; color: #f57c00; }\n .rosalina { background: #ffebee; color: #c62828; }\n .skdg { background: #e0f7fa; color: #00838f; }\n .ajcf { background: #f1f8e9; color: #558b2f; }\n *\/\n\n .no-results {\n text-align: center;\n padding: 60px 20px;\n color: #64748b;\n font-size: 18px;\n }\n\n .loading {\n display: none;\n text-align: center;\n padding: 40px;\n color: #051A53;\n font-size: 16px;\n }\n\n @media (max-width: 768px) {\n .container {\n padding: 20px;\n margin: 10px;\n }\n\n h1 {\n font-size: 2rem;\n }\n\n .controls {\n flex-direction: column;\n align-items: stretch;\n }\n\n .search-box, .filter-select {\n min-width: 100%;\n }\n\n .operator-filters {\n justify-content: center;\n }\n\n .operator-btn {\n flex: 1;\n min-width: 120px;\n }\n\n th, td {\n padding: 12px 8px;\n font-size: 13px;\n }\n\n .stats {\n text-align: center;\n }\n }\n\n .highlight {\n background: yellow;\n padding: 2px 4px;\n border-radius: 3px;\n }\n\n .fade-in {\n animation: fadeIn 0.5s ease-in;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n \n <div class=\"controls\">\n <input type=\"text\" id=\"searchInput\" class=\"search-box\" placeholder=\"Procurar por c\u00f3digo, nome da linha ou rota...\">\n \n <div class=\"operator-filters\">\n <button class=\"operator-btn active\" data-operator=\"\">Todos<\/button>\n <button class=\"operator-btn\" data-operator=\"PAUFIL\">PAUFIL<\/button>\n <button class=\"operator-btn\" data-operator=\"JOBITA\">JOBITA<\/button>\n <button class=\"operator-btn\" data-operator=\"COOPERATIVA\">COOPERATIVA<\/button>\n <button class=\"operator-btn\" data-operator=\"SONTRAS\">SONTRAS<\/button>\n <button class=\"operator-btn\" data-operator=\"ROSALINA\">ROSALINA<\/button>\n <button class=\"operator-btn\" data-operator=\"SKDG\">SKDG<\/button>\n <button class=\"operator-btn\" data-operator=\"A.J.C.F\">A.J.C.F<\/button>\n <\/div>\n \n <div class=\"stats\" id=\"statsDisplay\">\n Total: 0 linhas\n <\/div>\n <\/div>\n\n <div class=\"loading\" id=\"loading\">Carregando dados...<\/div>\n\n <div class=\"table-container\">\n <table id=\"transportTable\">\n <thead>\n <tr>\n <th>C\u00f3digo<\/th>\n <th>Nome da Linha<\/th>\n <th>Operadora<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"tableBody\">\n <\/tbody>\n <\/table>\n <\/div>\n\n <div class=\"no-results\" id=\"noResults\" style=\"display: none;\">\n <p>Nenhuma linha encontrada com os crit\u00e9rios de busca.<\/p>\n <\/div>\n <\/div>\n\n<script>\n \/\/ Dados das linhas de transporte\n const transportData = [\n { code: \"B16\", name: \"Est\u00e1tua X Mercado do Mutundo\", operator: \"PAUFIL\" },\n { code: \"B17\", name: \"Est\u00e1tua X Centralidade da Quilemba\", operator: \"PAUFIL\" },\n { code: \"C11\", name: \"Tchioco\/Verdinha X Mercado do Mutundo via Laureanos\", operator: \"PAUFIL\" },\n { code: \"608\", name: \"Tchioco\/Verdinha X Mercado do Mutundo via Laureanos\", operator: \"PAUFIL\" },\n { code: \"A03\", name: \"Tchioco X Mutundo via Eiwa\", operator: \"PAUFIL\" },\n { code: \"B03\", name: \"Est\u00e1tua X Mercado do Mutundo\", operator: \"PAUFIL\" },\n { code: \"B11A\", name: \"Est\u00e1tua X Centralidade da Quilemba\", operator: \"PAUFIL\" },\n\n { code: \"B16\", name: \"Est\u00e1tua X Mercado do Mutundo\", operator: \"JOBITA\" },\n { code: \"B17\", name: \"Est\u00e1tua X Centralidade da Quilemba\", operator: \"JOBITA\" },\n { code: \"C11\", name: \"Tchioco\/Verdinha X Mercado do Mutundo via Laureanos\", operator: \"JOBITA\" },\n { code: \"608\", name: \"Est\u00e1tua X Mercado da Quilemba via Mapunda\", operator: \"JOBITA\" },\n\n { code: \"16002\", name: \"Est\u00e1tua X Mercado do Mutundo\", operator: \"COOPERATIVA\" },\n { code: \"16003\", name: \"Est\u00e1tua X Centralidade da Quilemba\", operator: \"COOPERATIVA\" },\n { code: \"16007\", name: \"Tchioco X Mutundo via Eiwa\", operator: \"COOPERATIVA\" },\n\n { code: \"16001\", name: \"Est\u00e1dio da Tundavala X Est\u00e1tua\", operator: \"SONTRAS\" },\n { code: \"16002\", name: \"Est\u00e1tua X Mercado do Mutundo\", operator: \"SONTRAS\" },\n { code: \"16003\", name: \"Est\u00e1tua X Centralidade da Quilemba\", operator: \"SONTRAS\" },\n { code: \"16004\", name: \"Tchioco\/Verdinha X Mercado do Mutundo via Laureanos\", operator: \"SONTRAS\" },\n { code: \"16005\", name: \"Est\u00e1tua X Mercado da Quilemba via Mapunda\", operator: \"SONTRAS\" },\n { code: \"16007\", name: \"Tchioco X Mutundo via Eiwa\", operator: \"SONTRAS\" },\n { code: \"16009\", name: \"Lubango X CHIBIA\", operator: \"SONTRAS\" },\n\n { code: \"16001\", name: \"Est\u00e1dio da Tundavala X Est\u00e1tua\", operator: \"ROSALINA\" },\n { code: \"16002\", name: \"Est\u00e1tua X Mercado do Mutundo\", operator: \"ROSALINA\" },\n { code: \"16003\", name: \"Est\u00e1tua X Centralidade da Quilemba\", operator: \"ROSALINA\" },\n { code: \"16005\", name: \"Est\u00e1tua X Mercado da Quilemba via Mapunda\", operator: \"ROSALINA\" },\n { code: \"16007\", name: \"Tchioco X Mutundo via Eiwa\", operator: \"ROSALINA\" },\n { code: \"16008\", name: \"Lubango X Humpata\", operator: \"ROSALINA\" },\n\n { code: \"160026\", name: \"Est\u00e1tua X Mercado do Mutundo\", operator: \"SKDG\" },\n { code: \"16003\", name: \"Est\u00e1tua X Centralidade da Quilemba\", operator: \"SKDG\" },\n { code: \"16007\", name: \"Tchioco X Mutundo via Eiwa\", operator: \"SKDG\" },\n { code: \"16008\", name: \"Lubango X Humpata\", operator: \"SKDG\" },\n\n { code: \"16002\", name: \"Est\u00e1tua X Mercado do Mutundo\", operator: \"A.J.C.F\" },\n { code: \"16003\", name: \"Est\u00e1tua X Centralidade da Quilemba\", operator: \"A.J.C.F\" },\n { code: \"16004\", name: \"Tchioco\/Verdinha X Mercado do Mutundo via Laureanos\", operator: \"A.J.C.F\" },\n { code: \"16005\", name: \"Est\u00e1tua X Mercado da Quilemba via Mapunda\", operator: \"A.J.C.F\" }\n ];\n\n let filteredData = [...transportData];\n let selectedOperator = '';\n\n \/\/ Elementos DOM\n const searchInput = document.getElementById('searchInput');\n const operatorButtons = document.querySelectorAll('.operator-btn');\n const tableBody = document.getElementById('tableBody');\n const statsDisplay = document.getElementById('statsDisplay');\n const noResults = document.getElementById('noResults');\n const loading = document.getElementById('loading');\n\n \/\/ Fun\u00e7\u00e3o para obter classe CSS do operador (mantida, mas n\u00e3o \u00e9 usada para aplicar cores espec\u00edficas de operadora)\n function getOperatorClass(operator) {\n \/\/ Normalize operator name for CSS class (replace non-alphanumeric with hyphen, lowercase)\n return operator.toLowerCase().replace(\/[^a-z0-9]\/g, '-');\n }\n\n \/\/ Fun\u00e7\u00e3o para destacar texto de busca\n function highlightText(text, searchTerm) {\n if (!searchTerm) return text;\n const regex = new RegExp(`(${searchTerm})`, 'gi');\n return text.replace(regex, '<span class=\"highlight\">$1<\/span>');\n }\n\n \/\/ Fun\u00e7\u00e3o para renderizar a tabela\n function renderTable() {\n const searchTerm = searchInput.value.toLowerCase();\n\n \/\/ Filtrar dados\n filteredData = transportData.filter(item => {\n const matchesSearch = \n item.code.toLowerCase().includes(searchTerm) ||\n item.name.toLowerCase().includes(searchTerm) ||\n item.operator.toLowerCase().includes(searchTerm);\n \n const matchesOperator = !selectedOperator || item.operator === selectedOperator;\n \n return matchesSearch && matchesOperator;\n });\n\n \/\/ Mostrar loading\n loading.style.display = 'block';\n tableBody.style.opacity = '0.5';\n\n \/\/ Simular delay para anima\u00e7\u00e3o\n setTimeout(() => {\n if (filteredData.length === 0) {\n tableBody.innerHTML = '';\n noResults.style.display = 'block';\n } else {\n noResults.style.display = 'none';\n \n \/\/ Renderizar linhas da tabela com a classe .operator-badge simplificada\n tableBody.innerHTML = filteredData.map(item => `\n <tr class=\"fade-in\">\n <td class=\"code-cell\">${highlightText(item.code, searchTerm)}<\/td>\n <td class=\"route-cell\">${highlightText(item.name, searchTerm)}<\/td>\n <td>\n <span class=\"operator-badge\"> <!-- Simplified HTML, removed dynamic class -->\n ${highlightText(item.operator, searchTerm)}\n <\/span>\n <\/td>\n <\/tr>\n `).join('');\n }\n\n \/\/ Atualizar estat\u00edsticas\n statsDisplay.textContent = `Total: ${filteredData.length} linha${filteredData.length !== 1 ? 's' : ''}`;\n \n \/\/ Esconder loading\n loading.style.display = 'none';\n tableBody.style.opacity = '1';\n }, 300);\n }\n\n \/\/ Event listeners\n searchInput.addEventListener('input', renderTable);\n\n \/\/ Event listeners para bot\u00f5es de operadora\n operatorButtons.forEach(button => {\n button.addEventListener('click', () => {\n \/\/ Remover classe active de todos os bot\u00f5es\n operatorButtons.forEach(btn => btn.classList.remove('active'));\n \n \/\/ Adicionar classe active ao bot\u00e3o clicado\n button.classList.add('active');\n \n \/\/ Atualizar operadora selecionada\n selectedOperator = button.dataset.operator;\n \n \/\/ Renderizar tabela\n renderTable();\n });\n });\n\n \/\/ Renderizar tabela inicial\n renderTable();\n\n \/\/ Adicionar funcionalidade de ordena\u00e7\u00e3o (opcional)\n document.querySelectorAll('th').forEach((header, index) => {\n header.style.cursor = 'pointer';\n header.addEventListener('click', () => {\n const isAscending = header.classList.contains('asc');\n \n \/\/ Remover classes de ordena\u00e7\u00e3o de todos os headers\n document.querySelectorAll('th').forEach(h => {\n h.classList.remove('asc', 'desc');\n });\n\n \/\/ Adicionar classe apropriada\n header.classList.add(isAscending ? 'desc' : 'asc');\n\n \/\/ Ordenar dados\n const sortKey = ['code', 'name', 'operator'][index];\n filteredData.sort((a, b) => {\n const aVal = a[sortKey].toLowerCase();\n const bVal = b[sortKey].toLowerCase();\n \n if (isAscending) {\n return bVal.localeCompare(aVal);\n } else {\n return aVal.localeCompare(bVal);\n }\n });\n\n renderTable();\n });\n });\n\n \/\/ Anima\u00e7\u00e3o de entrada\n document.addEventListener('DOMContentLoaded', () => {\n document.querySelector('.container').style.animation = 'fadeIn 0.8s ease-out';\n });\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hu\u00edla Localizada na regi\u00e3o sul\u00a0do pa\u00eds, sendo a mais rica prov\u00edncia da por\u00e7\u00e3o meridional angolana. Tem como capital a cidade e munic\u00edpio do\u00a0Lubango. Segundo as proje\u00e7\u00f5es populacionais de 2018, elaboradas pelo\u00a0Instituto Nacional de Estat\u00edstica, conta com uma popula\u00e7\u00e3o de 2.819.253 habitantes e com uma dimens\u00e3o de 79 023\u00a0km\u00b2, sendo a prov\u00edncia mais populosa de Angola […]<\/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-21261","page","type-page","status-publish","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/mwangobrain.net\/enbi\/wp-json\/wp\/v2\/pages\/21261","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=21261"}],"version-history":[{"count":51,"href":"https:\/\/mwangobrain.net\/enbi\/wp-json\/wp\/v2\/pages\/21261\/revisions"}],"predecessor-version":[{"id":23159,"href":"https:\/\/mwangobrain.net\/enbi\/wp-json\/wp\/v2\/pages\/21261\/revisions\/23159"}],"wp:attachment":[{"href":"https:\/\/mwangobrain.net\/enbi\/wp-json\/wp\/v2\/media?parent=21261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}