Galeria de Prefeitos - Monsenhor Paulo\/MG<\/title>\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700;900&family=Inter:wght@300;400;500;600;700&display=swap');\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background: #f5f1eb;\r\n color: #1a1a2e;\r\n }\r\n\r\n \/* HERO *\/\r\n .hero {\r\n background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);\r\n color: #fff;\r\n padding: 80px 24px 60px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle at 30% 50%, rgba(255,255,255,0.03) 0%, transparent 60%);\r\n }\r\n .hero h1 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: clamp(2rem, 5vw, 3.5rem);\r\n font-weight: 900;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n .hero h1 span { color: #e8b84b; }\r\n .hero p {\r\n font-size: 1.1rem;\r\n opacity: 0.85;\r\n margin-top: 12px;\r\n position: relative;\r\n z-index: 1;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .hero .badge {\r\n display: inline-block;\r\n background: rgba(232, 184, 75, 0.15);\r\n border: 1px solid rgba(232, 184, 75, 0.3);\r\n color: #e8b84b;\r\n padding: 6px 20px;\r\n border-radius: 100px;\r\n font-size: 0.85rem;\r\n font-weight: 500;\r\n margin-bottom: 16px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* CONTAINER *\/\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* STATS ROW *\/\r\n .stats {\r\n display: flex;\r\n justify-content: center;\r\n gap: 40px;\r\n flex-wrap: wrap;\r\n background: #fff;\r\n padding: 32px 24px;\r\n margin: -40px auto 48px;\r\n border-radius: 16px;\r\n box-shadow: 0 4px 24px rgba(0,0,0,0.06);\r\n position: relative;\r\n z-index: 2;\r\n max-width: 800px;\r\n }\r\n .stat-item {\r\n text-align: center;\r\n }\r\n .stat-item .number {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 2rem;\r\n font-weight: 900;\r\n color: #0f3460;\r\n }\r\n .stat-item .label {\r\n font-size: 0.85rem;\r\n color: #666;\r\n margin-top: 2px;\r\n }\r\n\r\n \/* SEARCH\/FILTER *\/\r\n .filter-bar {\r\n margin-bottom: 40px;\r\n }\r\n .filter-bar input {\r\n width: 100%;\r\n padding: 14px 20px;\r\n border: 2px solid #e0d8ce;\r\n border-radius: 12px;\r\n font-size: 1rem;\r\n font-family: 'Inter', sans-serif;\r\n background: #fff;\r\n transition: 0.3s;\r\n outline: none;\r\n }\r\n .filter-bar input:focus {\r\n border-color: #0f3460;\r\n box-shadow: 0 0 0 4px rgba(15,52,96,0.08);\r\n }\r\n .filter-bar input::placeholder { color: #aaa; }\r\n\r\n .filter-tags {\r\n display: flex;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n margin-top: 12px;\r\n }\r\n .filter-tag {\r\n padding: 6px 16px;\r\n border-radius: 100px;\r\n font-size: 0.82rem;\r\n font-weight: 500;\r\n border: 1px solid #d0c8be;\r\n background: #fff;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n color: #555;\r\n }\r\n .filter-tag:hover { border-color: #0f3460; color: #0f3460; }\r\n .filter-tag.active { background: #0f3460; color: #fff; border-color: #0f3460; }\r\n\r\n \/* TIMELINE DECORATION *\/\r\n .section-title {\r\n text-align: center;\r\n margin-bottom: 48px;\r\n margin-top: 16px;\r\n }\r\n .section-title h2 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n color: #1a1a2e;\r\n }\r\n .section-title p {\r\n color: #777;\r\n margin-top: 8px;\r\n font-size: 0.95rem;\r\n }\r\n\r\n \/* GRID *\/\r\n .gallery-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n gap: 24px;\r\n }\r\n\r\n \/* CARD *\/\r\n .card {\r\n background: #fff;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 2px 16px rgba(0,0,0,0.06);\r\n transition: transform 0.3s, box-shadow 0.3s;\r\n cursor: pointer;\r\n }\r\n .card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 8px 32px rgba(0,0,0,0.12);\r\n }\r\n\r\n .card-img {\r\n width: 100%;\r\n height: 220px;\r\n background: linear-gradient(135deg, #e8dcc8 0%, #d4c4a8 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .card-img.has-photo { background: #ddd; }\r\n .card-img .placeholder-icon {\r\n width: 80px;\r\n height: 80px;\r\n background: rgba(255,255,255,0.5);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n color: #8a7a60;\r\n }\r\n .card-img .initials {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 3rem;\r\n font-weight: 900;\r\n color: rgba(255,255,255,0.85);\r\n text-shadow: 0 2px 8px rgba(0,0,0,0.15);\r\n }\r\n .card-img .mandato-badge {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n background: rgba(26,26,46,0.85);\r\n color: #fff;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n padding: 4px 10px;\r\n border-radius: 6px;\r\n }\r\n .card-img .numero-badge {\r\n position: absolute;\r\n top: 12px;\r\n left: 12px;\r\n width: 32px;\r\n height: 32px;\r\n background: #e8b84b;\r\n color: #1a1a2e;\r\n font-weight: 700;\r\n font-size: 0.85rem;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .card-body {\r\n padding: 18px 20px 20px;\r\n }\r\n .card-body .nome {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: #1a1a2e;\r\n line-height: 1.3;\r\n }\r\n .card-body .periodo {\r\n font-size: 0.82rem;\r\n color: #888;\r\n margin-top: 4px;\r\n }\r\n .card-body .partido {\r\n display: inline-block;\r\n background: #f0ebe4;\r\n padding: 3px 10px;\r\n border-radius: 6px;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n color: #555;\r\n margin-top: 8px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n .card-body .profissao {\r\n font-size: 0.85rem;\r\n color: #666;\r\n margin-top: 6px;\r\n }\r\n .card-body .votos {\r\n font-size: 0.82rem;\r\n color: #0f3460;\r\n font-weight: 500;\r\n margin-top: 8px;\r\n padding-top: 8px;\r\n border-top: 1px solid #f0ebe4;\r\n }\r\n\r\n \/* MODAL *\/\r\n .modal-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background: rgba(0,0,0,0.6);\r\n backdrop-filter: blur(4px);\r\n z-index: 1000;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n }\r\n .modal-overlay.open { display: flex; }\r\n\r\n .modal {\r\n background: #fff;\r\n border-radius: 20px;\r\n max-width: 600px;\r\n width: 100%;\r\n max-height: 90vh;\r\n overflow-y: auto;\r\n padding: 40px;\r\n position: relative;\r\n animation: modalIn 0.3s ease;\r\n }\r\n @keyframes modalIn {\r\n from { opacity: 0; transform: scale(0.95) translateY(10px); }\r\n to { opacity: 1; transform: scale(1) translateY(0); }\r\n }\r\n\r\n .modal-close {\r\n position: absolute;\r\n top: 16px;\r\n right: 20px;\r\n font-size: 1.5rem;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n color: #999;\r\n transition: 0.2s;\r\n width: 36px;\r\n height: 36px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n }\r\n .modal-close:hover { background: #f5f1eb; color: #333; }\r\n\r\n .modal .modal-nome {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.6rem;\r\n font-weight: 700;\r\n }\r\n .modal .modal-periodo {\r\n color: #888;\r\n margin-top: 4px;\r\n font-size: 0.95rem;\r\n }\r\n .modal .modal-detalhes {\r\n margin-top: 20px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n }\r\n .modal .modal-detalhes .item {\r\n background: #f9f6f1;\r\n padding: 12px 16px;\r\n border-radius: 10px;\r\n }\r\n .modal .modal-detalhes .item .label {\r\n font-size: 0.75rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n color: #999;\r\n font-weight: 600;\r\n }\r\n .modal .modal-detalhes .item .value {\r\n font-size: 0.95rem;\r\n font-weight: 500;\r\n color: #1a1a2e;\r\n margin-top: 2px;\r\n }\r\n\r\n .modal .modal-obras {\r\n margin-top: 20px;\r\n background: #f9f6f1;\r\n padding: 16px 20px;\r\n border-radius: 10px;\r\n }\r\n .modal .modal-obras .label {\r\n font-size: 0.75rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n color: #999;\r\n font-weight: 600;\r\n margin-bottom: 8px;\r\n }\r\n .modal .modal-obras ul {\r\n list-style: none;\r\n padding: 0;\r\n }\r\n .modal .modal-obras ul li {\r\n font-size: 0.88rem;\r\n color: #555;\r\n padding: 4px 0;\r\n padding-left: 16px;\r\n position: relative;\r\n }\r\n .modal .modal-obras ul li::before {\r\n content: '\u2022';\r\n position: absolute;\r\n left: 0;\r\n color: #e8b84b;\r\n font-weight: 700;\r\n }\r\n\r\n \/* FOOTER *\/\r\n .footer {\r\n text-align: center;\r\n padding: 48px 24px;\r\n margin-top: 64px;\r\n border-top: 1px solid #e0d8ce;\r\n color: #999;\r\n font-size: 0.85rem;\r\n }\r\n .footer strong { color: #555; }\r\n\r\n \/* RESPONSIVE *\/\r\n @media (max-width: 600px) {\r\n .hero { padding: 60px 20px 40px; }\r\n .stats { margin: -30px 16px 32px; padding: 20px; gap: 20px; }\r\n .gallery-grid { grid-template-columns: 1fr; }\r\n .modal .modal-detalhes { grid-template-columns: 1fr; }\r\n .modal { padding: 28px 20px; }\r\n }\r\n\r\n \/* scrollbar *\/\r\n ::-webkit-scrollbar { width: 6px; }\r\n ::-webkit-scrollbar-track { background: #f5f1eb; }\r\n ::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }\r\n ::-webkit-scrollbar-thumb:hover { background: #aaa; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"hero\">\r\n <div class=\"badge\">\ud83d\udcdc Munic\u00edpio de Monsenhor Paulo \u2022 MG<\/div>\r\n <h1>Galeria de <span>Prefeitos<\/span><\/h1>\r\n <p>Conhe\u00e7a todos os prefeitos que governaram nossa cidade desde a emancipa\u00e7\u00e3o pol\u00edtica em 1949 at\u00e9 os dias atuais.<\/p>\r\n<\/section>\r\n\r\n\r\n<div class=\"container\">\r\n <div class=\"stats\">\r\n <div class=\"stat-item\">\r\n <div class=\"number\">19<\/div>\r\n <div class=\"label\">Prefeitos<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"number\">77<\/div>\r\n <div class=\"label\">Anos de Hist\u00f3ria<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"number\">1949<\/div>\r\n <div class=\"label\">Primeira Elei\u00e7\u00e3o<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"number\">2028<\/div>\r\n <div class=\"label\">Mandato Atual<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"container\">\r\n <div class=\"filter-bar\">\r\n <input type=\"text\" id=\"searchInput\" placeholder=\"\ud83d\udd0d Buscar por nome, partido ou per\u00edodo...\" onkeyup=\"filterCards()\">\r\n <div class=\"filter-tags\">\r\n <span class=\"filter-tag active\" onclick=\"setFilter('all', this)\">\ud83d\udccb Todos<\/span>\r\n <span class=\"filter-tag\" onclick=\"setFilter('1940', this)\">\ud83d\udd70\ufe0f D\u00e9cada de 1940<\/span>\r\n <span class=\"filter-tag\" onclick=\"setFilter('1950', this)\">\ud83d\udd70\ufe0f 1950<\/span>\r\n <span class=\"filter-tag\" onclick=\"setFilter('1960', this)\">\ud83d\udd70\ufe0f 1960<\/span>\r\n <span class=\"filter-tag\" onclick=\"setFilter('1970', this)\">\ud83d\udd70\ufe0f 1970<\/span>\r\n <span class=\"filter-tag\" onclick=\"setFilter('1980', this)\">\ud83d\udd70\ufe0f 1980<\/span>\r\n <span class=\"filter-tag\" onclick=\"setFilter('1990', this)\">\ud83d\udd70\ufe0f 1990<\/span>\r\n <span class=\"filter-tag\" onclick=\"setFilter('2000', this)\">\ud83d\udd70\ufe0f 2000<\/span>\r\n <span class=\"filter-tag\" onclick=\"setFilter('2010', this)\">\ud83d\udd70\ufe0f 2010+<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"container\">\r\n <div class=\"gallery-grid\" id=\"galleryGrid\"><\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"modal-overlay\" id=\"modalOverlay\" onclick=\"closeModal(event)\">\r\n <div class=\"modal\" onclick=\"event.stopPropagation()\">\r\n <button class=\"modal-close\" onclick=\"closeModal()\">\u2715<\/button>\r\n <div class=\"modal-nome\" id=\"modalNome\"><\/div>\r\n <div class=\"modal-periodo\" id=\"modalPeriodo\"><\/div>\r\n <div class=\"modal-detalhes\" id=\"modalDetalhes\"><\/div>\r\n <div class=\"modal-obras\" id=\"modalObras\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<footer class=\"footer\">\r\n Dados hist\u00f3ricos da <strong>Prefeitura de Monsenhor Paulo<\/strong> e do site <strong>Nossa Ponte<\/strong><br>\r\n Galeria digital organizada em 2026\r\n<\/footer>\r\n\r\n<script>\r\nconst prefeitos = [\r\n { id: 1, nome: 'Joaquim Santiago Pereira', partido: 'PSD', periodo: '06\/03\/1949 a 30\/03\/1950', profissao: 'Fazendeiro', votos: '465 votos', decada: '1940', obras: ['Organizou a prefeitura municipal', 'Primeiro prefeito eleito', 'Renunciou ao cargo e o vice assumiu'], vice: 'Luiz Tavares (PSD - 461 votos)' },\r\n { id: 2, nome: 'Lu\u00eds Tavares', partido: 'PSD', periodo: '01\/04\/1950 a 13\/03\/1953', profissao: 'Fazendeiro', votos: '', decada: '1950', obras: ['Implantou novo abastecimento de \u00e1gua', 'Construiu o pr\u00e9dio da prefeitura', 'Planejou a pra\u00e7a Cel. Fl\u00e1vio'], vice: '' },\r\n { id: 3, nome: 'Joaquim Totti', partido: '-', periodo: '14\/03\/1953 a 07\/02\/1955', profissao: 'Comerciante e m\u00fasico', votos: '', decada: '1950', obras: ['Construiu a pra\u00e7a Cel. Fl\u00e1vio', 'Renunciou em 17\/06\/1954'], vice: 'Adhemar dos Santos Pagani' },\r\n { id: 4, nome: 'Ademar dos Santos Pagani', partido: 'PTB \/ UDN', periodo: '08\/02\/1955 a 30\/01\/1959', profissao: 'Comerciante', votos: '', decada: '1950', obras: ['Abastecimento de \u00e1gua no bairro Santa Cruz', 'Implantou servi\u00e7o telef\u00f4nico com tr\u00e1fego m\u00fatuo com a Cia. Telef\u00f4nica de MG'], vice: 'Vicente Xavier da Silva' },\r\n { id: 5, nome: 'Domingos Estevam de Rezende', partido: 'PSD', periodo: '31\/01\/1959 a 30\/01\/1963', profissao: 'Comerciante e fazendeiro', votos: '697 votos', decada: '1950', obras: ['Deu in\u00edcio ao cal\u00e7amento da cidade', 'Construiu duas escolas rurais'], vice: 'Am\u00e9rico Baldim (PSD - 608 votos)' },\r\n { id: 6, nome: 'Ari Tavares', partido: 'UDN \/ PSD', periodo: '31\/01\/1963 a 30\/01\/1967', profissao: 'Advogado e comerciante', votos: '', decada: '1960', obras: ['Reequipou de m\u00e1quinas e ve\u00edculos a prefeitura', 'Montou o repetidor de TV'], vice: 'Luiz Serrano Filho' },\r\n { id: 7, nome: 'Jos\u00e9 F\u00e1bio Belato', partido: 'ARENA', periodo: '31\/01\/1967 a 30\/01\/1971', profissao: 'Comerciante e industrial', votos: '', decada: '1960', obras: ['Iniciou a constru\u00e7\u00e3o do pr\u00e9dio da Escola Normal', 'Grande impulso ao servi\u00e7o de cal\u00e7amento e reparo de estradas'], vice: 'Afonso Totti' },\r\n { id: 8, nome: 'Jos\u00e9 Martins dos Santos', partido: 'ARENA', periodo: '31\/01\/1971 a 30\/01\/1973', profissao: 'Barbeiro', votos: '935 votos', decada: '1970', obras: ['Arboriza\u00e7\u00e3o da cidade', 'In\u00edcio do cal\u00e7amento com bloquetes', 'Terminou a constru\u00e7\u00e3o do pr\u00e9dio da Escola Normal', 'Abertura da Av. Adamo Caovila'], vice: 'Afonso Totti' },\r\n { id: 9, nome: 'Jos\u00e9 Augusto Furquim', partido: 'ARENA', periodo: '31\/01\/1973 a 30\/01\/1977', profissao: 'Eletricit\u00e1rio', votos: '754 votos', decada: '1970', obras: ['Adquiriu um caminh\u00e3o basculante', 'Implantou o Servi\u00e7o Integrado de Assist\u00eancia Tribut\u00e1ria (SIAT)'], vice: 'Ademar dos Santos Pagani' },\r\n { id: 10, nome: 'Jos\u00e9 Benedito de Oliveira', partido: 'ARENA', periodo: '31\/01\/1977 a 31\/01\/1983', profissao: 'Industrial e fazendeiro', votos: '1.382 votos', decada: '1970', obras: ['Adquiriu o terreno da Pra\u00e7a de Esportes', 'Construiu a quadra poliesportiva', 'Construiu 100 casas no sistema COHAB', 'Implantou o \u00d3rg\u00e3o Municipal de Educa\u00e7\u00e3o', 'Construiu a ponte na rodovia Mons.Paulo\/Varginha', 'Trouxe a EMATER para a cidade'], vice: 'Jos\u00e9 Fl\u00e1vio (ARENA)' },\r\n { id: 11, nome: 'Jos\u00e9 Adamo Belato', partido: 'PMDB', periodo: '01\/02\/1983 a 01\/05\/1986', profissao: 'Industrial e advogado', votos: '1.776 votos', decada: '1980', obras: ['Finalizou e inaugurou o Hospital Municipal', 'Terraplanagem da estrada Monsenhor Paulo\/Fern\u00e3o Dias', 'Inaugurou o servi\u00e7o de DDD'], vice: 'Fabiano de Assis Godinho' },\r\n { id: 12, nome: 'Fabiano de Assis Godinho', partido: 'PMDB', periodo: '02\/05\/1986 a 31\/12\/1988', profissao: 'Comerciante', votos: '', decada: '1980', obras: ['Construiu a Pra\u00e7a de Esportes', 'Implantou a Unidade Produtora de Alimentos Hidrossol\u00faveis', 'Construiu casas populares no Bairro Santa Rita'], vice: '' },\r\n { id: 13, nome: 'Sebasti\u00e3o Gilberto de Andrade (Dr. Andrade)', partido: 'PFL', periodo: '01\/01\/1989 a 31\/12\/1992', profissao: 'M\u00e9dico', votos: '2.407 votos', decada: '1980', obras: ['Fundou a Casa da Crian\u00e7a e APAE', 'Transferiu a prefeitura para o pr\u00e9dio do Gin\u00e1sio', 'Adquiriu ambul\u00e2ncia para o Hospital', 'Implantou o sistema de coleta de lixo'], vice: 'Geraldo Luciano da Silva' },\r\n { id: 14, nome: 'Walter Xavier da Silva', partido: 'PTB', periodo: '01\/01\/1993 a 31\/12\/1996', profissao: 'Fazendeiro', votos: '1.620 votos', decada: '1990', obras: [], vice: 'Herc\u00edlio Firmiano Neto' },\r\n { id: 15, nome: 'Jos\u00e9 Adamo Belato', partido: 'PMDB', periodo: '01\/01\/1997 a 31\/12\/2004', profissao: 'Industrial e advogado', votos: '2.494 votos (1996) \/ 2.380 votos (2000)', decada: '1990', obras: ['Reeleito para dois mandatos consecutivos', 'Consolidou a administra\u00e7\u00e3o municipal'], vice: 'Jos\u00e9 Leonor Braz' },\r\n { id: 16, nome: 'Pedro Paulo Pagani', partido: 'PMDB', periodo: '01\/01\/2005 a 31\/12\/2012', profissao: 'Comerciante e advogado', votos: '2.524 votos (2004) \/ 2.799 votos (2008)', decada: '2000', obras: ['Reeleito para dois mandatos consecutivos'], vice: 'Maria Auxiliadora Calheiros Teixeira \/ Nei do Lola' },\r\n { id: 17, nome: 'Marco Ant\u00f4nio Muniz de Oliveira (Marc\u00e3o)', partido: 'PT', periodo: '01\/01\/2013 a 31\/12\/2016', profissao: 'Industrial', votos: '2.875 votos', decada: '2010', obras: ['Projeto de 100 casas populares', 'Capta\u00e7\u00e3o de recursos para habita\u00e7\u00e3o'], vice: 'Herc\u00edlio Firmiano Neto (Macaco)' },\r\n { id: 18, nome: 'Let\u00edcia Aparecida Belato Martins', partido: 'PMDB \/ MDB', periodo: '01\/01\/2017 a 31\/12\/2024', profissao: 'Farmac\u00eautica', votos: '3.512 votos (2016) \/ 3.864 votos (2020)', decada: '2010', obras: ['Primeira mulher prefeita da cidade', 'Reeleita com vota\u00e7\u00e3o recorde', 'Gest\u00e3o durante a pandemia de COVID-19'], vice: 'C\u00e9sar Augusto Teixeira Carvalho' },\r\n { id: 19, nome: 'Flaviano Am\u00e9rico Ribeiro (Dr. Flaviano)', partido: 'MDB', periodo: '01\/01\/2025 a 31\/12\/2028', profissao: 'M\u00e9dico', votos: '3.839 votos (69,17%)', decada: '2010', obras: ['Administra\u00e7\u00e3o atual - Trabalho e Resultados'], vice: 'Stef\u00e2nia Zanin Baldim Cunha' }\r\n];\r\n\r\nfunction getInitials(name) {\r\n return name.split(' ').map(w => w[0]).join('').slice(0, 3).toUpperCase();\r\n}\r\n\r\nfunction renderCards(filter = 'all') {\r\n const grid = document.getElementById('galleryGrid');\r\n grid.innerHTML = '';\r\n const filtered = filter === 'all' ? prefeitos : prefeitos.filter(p => p.decada === filter);\r\n filtered.forEach(p => {\r\n const card = document.createElement('div');\r\n card.className = 'card';\r\n card.onclick = () => openModal(p.id);\r\n card.innerHTML = `\r\n <div class=\"card-img\">\r\n <span class=\"numero-badge\">${p.id}<\/span>\r\n <span class=\"initials\">${getInitials(p.nome)}<\/span>\r\n <span class=\"mandato-badge\">${p.periodo.slice(-9)}<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"nome\">${p.nome}<\/div>\r\n <div class=\"periodo\">\ud83d\udcc5 ${p.periodo}<\/div>\r\n <div class=\"partido\">${p.partido}<\/div>\r\n ${p.profissao ? `<div class=\"profissao\">\ud83d\udcbc ${p.profissao}<\/div>` : ''}\r\n ${p.votos ? `<div class=\"votos\">\ud83d\uddf3\ufe0f ${p.votos}<\/div>` : ''}\r\n <\/div>\r\n `;\r\n grid.appendChild(card);\r\n });\r\n}\r\n\r\nfunction setFilter(decada, el) {\r\n document.querySelectorAll('.filter-tag').forEach(t => t.classList.remove('active'));\r\n el.classList.add('active');\r\n renderCards(decada);\r\n}\r\n\r\nfunction filterCards() {\r\n const q = document.getElementById('searchInput').value.toLowerCase();\r\n document.querySelectorAll('.filter-tag').forEach(t => t.classList.remove('active'));\r\n const grid = document.getElementById('galleryGrid');\r\n grid.innerHTML = '';\r\n const filtered = prefeitos.filter(p =>\r\n p.nome.toLowerCase().includes(q) ||\r\n p.partido.toLowerCase().includes(q) ||\r\n p.periodo.includes(q) ||\r\n p.profissao.toLowerCase().includes(q)\r\n );\r\n filtered.forEach(p => {\r\n const card = document.createElement('div');\r\n card.className = 'card';\r\n card.onclick = () => openModal(p.id);\r\n card.innerHTML = `\r\n <div class=\"card-img\">\r\n <span class=\"numero-badge\">${p.id}<\/span>\r\n <span class=\"initials\">${getInitials(p.nome)}<\/span>\r\n <span class=\"mandato-badge\">${p.periodo.slice(-9)}<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"nome\">${p.nome}<\/div>\r\n <div class=\"periodo\">\ud83d\udcc5 ${p.periodo}<\/div>\r\n <div class=\"partido\">${p.partido}<\/div>\r\n ${p.profissao ? `<div class=\"profissao\">\ud83d\udcbc ${p.profissao}<\/div>` : ''}\r\n ${p.votos ? `<div class=\"votos\">\ud83d\uddf3\ufe0f ${p.votos}<\/div>` : ''}\r\n <\/div>\r\n `;\r\n grid.appendChild(card);\r\n });\r\n}\r\n\r\nfunction openModal(id) {\r\n const p = prefeitos.find(x => x.id === id);\r\n document.getElementById('modalNome').textContent = `${p.id}. ${p.nome}`;\r\n document.getElementById('modalPeriodo').textContent = `\ud83d\udcc5 ${p.periodo}`;\r\n document.getElementById('modalDetalhes').innerHTML = `\r\n <div class=\"item\"><div class=\"label\">Partido<\/div><div class=\"value\">${p.partido}<\/div><\/div>\r\n <div class=\"item\"><div class=\"label\">Profiss\u00e3o<\/div><div class=\"value\">${p.profissao}<\/div><\/div>\r\n ${p.votos ? `<div class=\"item\"><div class=\"label\">Votos Recebidos<\/div><div class=\"value\">${p.votos}<\/div><\/div>` : ''}\r\n ${p.vice ? `<div class=\"item\"><div class=\"label\">Vice-Prefeito<\/div><div class=\"value\">${p.vice}<\/div><\/div>` : ''}\r\n `;\r\n document.getElementById('modalObras').innerHTML = p.obras.length ? `\r\n <div class=\"label\">\ud83d\udee0\ufe0f Principais Realiza\u00e7\u00f5es<\/div>\r\n <ul>${p.obras.map(o => `<li>${o}<\/li>`).join('')}<\/ul>\r\n ` : '';\r\n document.getElementById('modalOverlay').classList.add('open');\r\n}\r\n\r\nfunction closeModal(e) {\r\n if (!e || e.target === document.getElementById('modalOverlay') || e.target.classList.contains('modal-close')) {\r\n document.getElementById('modalOverlay').classList.remove('open');\r\n }\r\n}\r\n\r\ndocument.addEventListener('keydown', e => { if (e.key === 'Escape') closeModal(); });\r\nrenderCards('all');\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Galeria de Prefeitos – Monsenhor Paulo\/MG \ud83d\udcdc Munic\u00edpio de Monsenhor Paulo \u2022 MG Galeria de Prefeitos Conhe\u00e7a todos os prefeitos que governaram nossa cidade desde a emancipa\u00e7\u00e3o pol\u00edtica em 1949 at\u00e9 os dias atuais. 19 Prefeitos 77 Anos de Hist\u00f3ria 1949 Primeira Elei\u00e7\u00e3o 2028 Mandato Atual \ud83d\udccb Todos \ud83d\udd70\ufe0f D\u00e9cada de 1940 \ud83d\udd70\ufe0f 1950 \ud83d\udd70\ufe0f […]<\/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":{"footnotes":""},"class_list":["post-3721","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Galeria de Prefeitos - Prefeitura Municipal de Monsenhor Paulo<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/galeria-de-prefeitos\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Galeria de Prefeitos - Prefeitura Municipal de Monsenhor Paulo\" \/>\n<meta property=\"og:description\" content=\"Galeria de Prefeitos – Monsenhor Paulo\/MG \ud83d\udcdc Munic\u00edpio de Monsenhor Paulo \u2022 MG Galeria de Prefeitos Conhe\u00e7a todos os prefeitos que governaram nossa cidade desde a emancipa\u00e7\u00e3o pol\u00edtica em 1949 at\u00e9 os dias atuais. 19 Prefeitos 77 Anos de Hist\u00f3ria 1949 Primeira Elei\u00e7\u00e3o 2028 Mandato Atual \ud83d\udccb Todos \ud83d\udd70\ufe0f D\u00e9cada de 1940 \ud83d\udd70\ufe0f 1950 \ud83d\udd70\ufe0f […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/galeria-de-prefeitos\/\" \/>\n<meta property=\"og:site_name\" content=\"Prefeitura Municipal de Monsenhor Paulo\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-16T18:16:11+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"28 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/galeria-de-prefeitos\\\/\",\"url\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/galeria-de-prefeitos\\\/\",\"name\":\"Galeria de Prefeitos - Prefeitura Municipal de Monsenhor Paulo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/#website\"},\"datePublished\":\"2026-07-16T18:07:59+00:00\",\"dateModified\":\"2026-07-16T18:16:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/galeria-de-prefeitos\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/galeria-de-prefeitos\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/galeria-de-prefeitos\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Galeria de Prefeitos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/#website\",\"url\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/\",\"name\":\"Prefeitura Municipal de Monsenhor Paulo\",\"description\":\"Trabalho e Resultados\",\"publisher\":{\"@id\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/#organization\"},\"alternateName\":\"Prefeitura Municipal de Monsenhor Paulo\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/#organization\",\"name\":\"Prefeitura Municipal Monsenhor Paulo\",\"url\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/cropped-logopref-1.png\",\"contentUrl\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/cropped-logopref-1.png\",\"width\":543,\"height\":111,\"caption\":\"Prefeitura Municipal Monsenhor Paulo\"},\"image\":{\"@id\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Galeria de Prefeitos - Prefeitura Municipal de Monsenhor Paulo","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/galeria-de-prefeitos\/","og_locale":"pt_BR","og_type":"article","og_title":"Galeria de Prefeitos - Prefeitura Municipal de Monsenhor Paulo","og_description":"Galeria de Prefeitos – Monsenhor Paulo\/MG \ud83d\udcdc Munic\u00edpio de Monsenhor Paulo \u2022 MG Galeria de Prefeitos Conhe\u00e7a todos os prefeitos que governaram nossa cidade desde a emancipa\u00e7\u00e3o pol\u00edtica em 1949 at\u00e9 os dias atuais. 19 Prefeitos 77 Anos de Hist\u00f3ria 1949 Primeira Elei\u00e7\u00e3o 2028 Mandato Atual \ud83d\udccb Todos \ud83d\udd70\ufe0f D\u00e9cada de 1940 \ud83d\udd70\ufe0f 1950 \ud83d\udd70\ufe0f […]","og_url":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/galeria-de-prefeitos\/","og_site_name":"Prefeitura Municipal de Monsenhor Paulo","article_modified_time":"2026-07-16T18:16:11+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"28 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/galeria-de-prefeitos\/","url":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/galeria-de-prefeitos\/","name":"Galeria de Prefeitos - Prefeitura Municipal de Monsenhor Paulo","isPartOf":{"@id":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/#website"},"datePublished":"2026-07-16T18:07:59+00:00","dateModified":"2026-07-16T18:16:11+00:00","breadcrumb":{"@id":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/galeria-de-prefeitos\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/galeria-de-prefeitos\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/galeria-de-prefeitos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/"},{"@type":"ListItem","position":2,"name":"Galeria de Prefeitos"}]},{"@type":"WebSite","@id":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/#website","url":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/","name":"Prefeitura Municipal de Monsenhor Paulo","description":"Trabalho e Resultados","publisher":{"@id":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/#organization"},"alternateName":"Prefeitura Municipal de Monsenhor Paulo","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/#organization","name":"Prefeitura Municipal Monsenhor Paulo","url":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/#\/schema\/logo\/image\/","url":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/wp-content\/uploads\/2025\/12\/cropped-logopref-1.png","contentUrl":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/wp-content\/uploads\/2025\/12\/cropped-logopref-1.png","width":543,"height":111,"caption":"Prefeitura Municipal Monsenhor Paulo"},"image":{"@id":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/wp-json\/wp\/v2\/pages\/3721","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/wp-json\/wp\/v2\/comments?post=3721"}],"version-history":[{"count":7,"href":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/wp-json\/wp\/v2\/pages\/3721\/revisions"}],"predecessor-version":[{"id":3730,"href":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/wp-json\/wp\/v2\/pages\/3721\/revisions\/3730"}],"wp:attachment":[{"href":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/wp-json\/wp\/v2\/media?parent=3721"}],"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\r\n\r\n\r\n\r\n\r\nGaleria de Prefeitos - Monsenhor Paulo\/MG<\/title>\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;700;900&family=Inter:wght@300;400;500;600;700&display=swap');\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background: #f5f1eb;\r\n color: #1a1a2e;\r\n }\r\n\r\n \/* HERO *\/\r\n .hero {\r\n background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);\r\n color: #fff;\r\n padding: 80px 24px 60px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle at 30% 50%, rgba(255,255,255,0.03) 0%, transparent 60%);\r\n }\r\n .hero h1 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: clamp(2rem, 5vw, 3.5rem);\r\n font-weight: 900;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n .hero h1 span { color: #e8b84b; }\r\n .hero p {\r\n font-size: 1.1rem;\r\n opacity: 0.85;\r\n margin-top: 12px;\r\n position: relative;\r\n z-index: 1;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .hero .badge {\r\n display: inline-block;\r\n background: rgba(232, 184, 75, 0.15);\r\n border: 1px solid rgba(232, 184, 75, 0.3);\r\n color: #e8b84b;\r\n padding: 6px 20px;\r\n border-radius: 100px;\r\n font-size: 0.85rem;\r\n font-weight: 500;\r\n margin-bottom: 16px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* CONTAINER *\/\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n \/* STATS ROW *\/\r\n .stats {\r\n display: flex;\r\n justify-content: center;\r\n gap: 40px;\r\n flex-wrap: wrap;\r\n background: #fff;\r\n padding: 32px 24px;\r\n margin: -40px auto 48px;\r\n border-radius: 16px;\r\n box-shadow: 0 4px 24px rgba(0,0,0,0.06);\r\n position: relative;\r\n z-index: 2;\r\n max-width: 800px;\r\n }\r\n .stat-item {\r\n text-align: center;\r\n }\r\n .stat-item .number {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 2rem;\r\n font-weight: 900;\r\n color: #0f3460;\r\n }\r\n .stat-item .label {\r\n font-size: 0.85rem;\r\n color: #666;\r\n margin-top: 2px;\r\n }\r\n\r\n \/* SEARCH\/FILTER *\/\r\n .filter-bar {\r\n margin-bottom: 40px;\r\n }\r\n .filter-bar input {\r\n width: 100%;\r\n padding: 14px 20px;\r\n border: 2px solid #e0d8ce;\r\n border-radius: 12px;\r\n font-size: 1rem;\r\n font-family: 'Inter', sans-serif;\r\n background: #fff;\r\n transition: 0.3s;\r\n outline: none;\r\n }\r\n .filter-bar input:focus {\r\n border-color: #0f3460;\r\n box-shadow: 0 0 0 4px rgba(15,52,96,0.08);\r\n }\r\n .filter-bar input::placeholder { color: #aaa; }\r\n\r\n .filter-tags {\r\n display: flex;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n margin-top: 12px;\r\n }\r\n .filter-tag {\r\n padding: 6px 16px;\r\n border-radius: 100px;\r\n font-size: 0.82rem;\r\n font-weight: 500;\r\n border: 1px solid #d0c8be;\r\n background: #fff;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n color: #555;\r\n }\r\n .filter-tag:hover { border-color: #0f3460; color: #0f3460; }\r\n .filter-tag.active { background: #0f3460; color: #fff; border-color: #0f3460; }\r\n\r\n \/* TIMELINE DECORATION *\/\r\n .section-title {\r\n text-align: center;\r\n margin-bottom: 48px;\r\n margin-top: 16px;\r\n }\r\n .section-title h2 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n color: #1a1a2e;\r\n }\r\n .section-title p {\r\n color: #777;\r\n margin-top: 8px;\r\n font-size: 0.95rem;\r\n }\r\n\r\n \/* GRID *\/\r\n .gallery-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n gap: 24px;\r\n }\r\n\r\n \/* CARD *\/\r\n .card {\r\n background: #fff;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 2px 16px rgba(0,0,0,0.06);\r\n transition: transform 0.3s, box-shadow 0.3s;\r\n cursor: pointer;\r\n }\r\n .card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 8px 32px rgba(0,0,0,0.12);\r\n }\r\n\r\n .card-img {\r\n width: 100%;\r\n height: 220px;\r\n background: linear-gradient(135deg, #e8dcc8 0%, #d4c4a8 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .card-img.has-photo { background: #ddd; }\r\n .card-img .placeholder-icon {\r\n width: 80px;\r\n height: 80px;\r\n background: rgba(255,255,255,0.5);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2rem;\r\n color: #8a7a60;\r\n }\r\n .card-img .initials {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 3rem;\r\n font-weight: 900;\r\n color: rgba(255,255,255,0.85);\r\n text-shadow: 0 2px 8px rgba(0,0,0,0.15);\r\n }\r\n .card-img .mandato-badge {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n background: rgba(26,26,46,0.85);\r\n color: #fff;\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n padding: 4px 10px;\r\n border-radius: 6px;\r\n }\r\n .card-img .numero-badge {\r\n position: absolute;\r\n top: 12px;\r\n left: 12px;\r\n width: 32px;\r\n height: 32px;\r\n background: #e8b84b;\r\n color: #1a1a2e;\r\n font-weight: 700;\r\n font-size: 0.85rem;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .card-body {\r\n padding: 18px 20px 20px;\r\n }\r\n .card-body .nome {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: #1a1a2e;\r\n line-height: 1.3;\r\n }\r\n .card-body .periodo {\r\n font-size: 0.82rem;\r\n color: #888;\r\n margin-top: 4px;\r\n }\r\n .card-body .partido {\r\n display: inline-block;\r\n background: #f0ebe4;\r\n padding: 3px 10px;\r\n border-radius: 6px;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n color: #555;\r\n margin-top: 8px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n .card-body .profissao {\r\n font-size: 0.85rem;\r\n color: #666;\r\n margin-top: 6px;\r\n }\r\n .card-body .votos {\r\n font-size: 0.82rem;\r\n color: #0f3460;\r\n font-weight: 500;\r\n margin-top: 8px;\r\n padding-top: 8px;\r\n border-top: 1px solid #f0ebe4;\r\n }\r\n\r\n \/* MODAL *\/\r\n .modal-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background: rgba(0,0,0,0.6);\r\n backdrop-filter: blur(4px);\r\n z-index: 1000;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n }\r\n .modal-overlay.open { display: flex; }\r\n\r\n .modal {\r\n background: #fff;\r\n border-radius: 20px;\r\n max-width: 600px;\r\n width: 100%;\r\n max-height: 90vh;\r\n overflow-y: auto;\r\n padding: 40px;\r\n position: relative;\r\n animation: modalIn 0.3s ease;\r\n }\r\n @keyframes modalIn {\r\n from { opacity: 0; transform: scale(0.95) translateY(10px); }\r\n to { opacity: 1; transform: scale(1) translateY(0); }\r\n }\r\n\r\n .modal-close {\r\n position: absolute;\r\n top: 16px;\r\n right: 20px;\r\n font-size: 1.5rem;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n color: #999;\r\n transition: 0.2s;\r\n width: 36px;\r\n height: 36px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n }\r\n .modal-close:hover { background: #f5f1eb; color: #333; }\r\n\r\n .modal .modal-nome {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.6rem;\r\n font-weight: 700;\r\n }\r\n .modal .modal-periodo {\r\n color: #888;\r\n margin-top: 4px;\r\n font-size: 0.95rem;\r\n }\r\n .modal .modal-detalhes {\r\n margin-top: 20px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n }\r\n .modal .modal-detalhes .item {\r\n background: #f9f6f1;\r\n padding: 12px 16px;\r\n border-radius: 10px;\r\n }\r\n .modal .modal-detalhes .item .label {\r\n font-size: 0.75rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n color: #999;\r\n font-weight: 600;\r\n }\r\n .modal .modal-detalhes .item .value {\r\n font-size: 0.95rem;\r\n font-weight: 500;\r\n color: #1a1a2e;\r\n margin-top: 2px;\r\n }\r\n\r\n .modal .modal-obras {\r\n margin-top: 20px;\r\n background: #f9f6f1;\r\n padding: 16px 20px;\r\n border-radius: 10px;\r\n }\r\n .modal .modal-obras .label {\r\n font-size: 0.75rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n color: #999;\r\n font-weight: 600;\r\n margin-bottom: 8px;\r\n }\r\n .modal .modal-obras ul {\r\n list-style: none;\r\n padding: 0;\r\n }\r\n .modal .modal-obras ul li {\r\n font-size: 0.88rem;\r\n color: #555;\r\n padding: 4px 0;\r\n padding-left: 16px;\r\n position: relative;\r\n }\r\n .modal .modal-obras ul li::before {\r\n content: '\u2022';\r\n position: absolute;\r\n left: 0;\r\n color: #e8b84b;\r\n font-weight: 700;\r\n }\r\n\r\n \/* FOOTER *\/\r\n .footer {\r\n text-align: center;\r\n padding: 48px 24px;\r\n margin-top: 64px;\r\n border-top: 1px solid #e0d8ce;\r\n color: #999;\r\n font-size: 0.85rem;\r\n }\r\n .footer strong { color: #555; }\r\n\r\n \/* RESPONSIVE *\/\r\n @media (max-width: 600px) {\r\n .hero { padding: 60px 20px 40px; }\r\n .stats { margin: -30px 16px 32px; padding: 20px; gap: 20px; }\r\n .gallery-grid { grid-template-columns: 1fr; }\r\n .modal .modal-detalhes { grid-template-columns: 1fr; }\r\n .modal { padding: 28px 20px; }\r\n }\r\n\r\n \/* scrollbar *\/\r\n ::-webkit-scrollbar { width: 6px; }\r\n ::-webkit-scrollbar-track { background: #f5f1eb; }\r\n ::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }\r\n ::-webkit-scrollbar-thumb:hover { background: #aaa; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"hero\">\r\n <div class=\"badge\">\ud83d\udcdc Munic\u00edpio de Monsenhor Paulo \u2022 MG<\/div>\r\n <h1>Galeria de <span>Prefeitos<\/span><\/h1>\r\n <p>Conhe\u00e7a todos os prefeitos que governaram nossa cidade desde a emancipa\u00e7\u00e3o pol\u00edtica em 1949 at\u00e9 os dias atuais.<\/p>\r\n<\/section>\r\n\r\n\r\n<div class=\"container\">\r\n <div class=\"stats\">\r\n <div class=\"stat-item\">\r\n <div class=\"number\">19<\/div>\r\n <div class=\"label\">Prefeitos<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"number\">77<\/div>\r\n <div class=\"label\">Anos de Hist\u00f3ria<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"number\">1949<\/div>\r\n <div class=\"label\">Primeira Elei\u00e7\u00e3o<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"number\">2028<\/div>\r\n <div class=\"label\">Mandato Atual<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"container\">\r\n <div class=\"filter-bar\">\r\n <input type=\"text\" id=\"searchInput\" placeholder=\"\ud83d\udd0d Buscar por nome, partido ou per\u00edodo...\" onkeyup=\"filterCards()\">\r\n <div class=\"filter-tags\">\r\n <span class=\"filter-tag active\" onclick=\"setFilter('all', this)\">\ud83d\udccb Todos<\/span>\r\n <span class=\"filter-tag\" onclick=\"setFilter('1940', this)\">\ud83d\udd70\ufe0f D\u00e9cada de 1940<\/span>\r\n <span class=\"filter-tag\" onclick=\"setFilter('1950', this)\">\ud83d\udd70\ufe0f 1950<\/span>\r\n <span class=\"filter-tag\" onclick=\"setFilter('1960', this)\">\ud83d\udd70\ufe0f 1960<\/span>\r\n <span class=\"filter-tag\" onclick=\"setFilter('1970', this)\">\ud83d\udd70\ufe0f 1970<\/span>\r\n <span class=\"filter-tag\" onclick=\"setFilter('1980', this)\">\ud83d\udd70\ufe0f 1980<\/span>\r\n <span class=\"filter-tag\" onclick=\"setFilter('1990', this)\">\ud83d\udd70\ufe0f 1990<\/span>\r\n <span class=\"filter-tag\" onclick=\"setFilter('2000', this)\">\ud83d\udd70\ufe0f 2000<\/span>\r\n <span class=\"filter-tag\" onclick=\"setFilter('2010', this)\">\ud83d\udd70\ufe0f 2010+<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"container\">\r\n <div class=\"gallery-grid\" id=\"galleryGrid\"><\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"modal-overlay\" id=\"modalOverlay\" onclick=\"closeModal(event)\">\r\n <div class=\"modal\" onclick=\"event.stopPropagation()\">\r\n <button class=\"modal-close\" onclick=\"closeModal()\">\u2715<\/button>\r\n <div class=\"modal-nome\" id=\"modalNome\"><\/div>\r\n <div class=\"modal-periodo\" id=\"modalPeriodo\"><\/div>\r\n <div class=\"modal-detalhes\" id=\"modalDetalhes\"><\/div>\r\n <div class=\"modal-obras\" id=\"modalObras\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<footer class=\"footer\">\r\n Dados hist\u00f3ricos da <strong>Prefeitura de Monsenhor Paulo<\/strong> e do site <strong>Nossa Ponte<\/strong><br>\r\n Galeria digital organizada em 2026\r\n<\/footer>\r\n\r\n<script>\r\nconst prefeitos = [\r\n { id: 1, nome: 'Joaquim Santiago Pereira', partido: 'PSD', periodo: '06\/03\/1949 a 30\/03\/1950', profissao: 'Fazendeiro', votos: '465 votos', decada: '1940', obras: ['Organizou a prefeitura municipal', 'Primeiro prefeito eleito', 'Renunciou ao cargo e o vice assumiu'], vice: 'Luiz Tavares (PSD - 461 votos)' },\r\n { id: 2, nome: 'Lu\u00eds Tavares', partido: 'PSD', periodo: '01\/04\/1950 a 13\/03\/1953', profissao: 'Fazendeiro', votos: '', decada: '1950', obras: ['Implantou novo abastecimento de \u00e1gua', 'Construiu o pr\u00e9dio da prefeitura', 'Planejou a pra\u00e7a Cel. Fl\u00e1vio'], vice: '' },\r\n { id: 3, nome: 'Joaquim Totti', partido: '-', periodo: '14\/03\/1953 a 07\/02\/1955', profissao: 'Comerciante e m\u00fasico', votos: '', decada: '1950', obras: ['Construiu a pra\u00e7a Cel. Fl\u00e1vio', 'Renunciou em 17\/06\/1954'], vice: 'Adhemar dos Santos Pagani' },\r\n { id: 4, nome: 'Ademar dos Santos Pagani', partido: 'PTB \/ UDN', periodo: '08\/02\/1955 a 30\/01\/1959', profissao: 'Comerciante', votos: '', decada: '1950', obras: ['Abastecimento de \u00e1gua no bairro Santa Cruz', 'Implantou servi\u00e7o telef\u00f4nico com tr\u00e1fego m\u00fatuo com a Cia. Telef\u00f4nica de MG'], vice: 'Vicente Xavier da Silva' },\r\n { id: 5, nome: 'Domingos Estevam de Rezende', partido: 'PSD', periodo: '31\/01\/1959 a 30\/01\/1963', profissao: 'Comerciante e fazendeiro', votos: '697 votos', decada: '1950', obras: ['Deu in\u00edcio ao cal\u00e7amento da cidade', 'Construiu duas escolas rurais'], vice: 'Am\u00e9rico Baldim (PSD - 608 votos)' },\r\n { id: 6, nome: 'Ari Tavares', partido: 'UDN \/ PSD', periodo: '31\/01\/1963 a 30\/01\/1967', profissao: 'Advogado e comerciante', votos: '', decada: '1960', obras: ['Reequipou de m\u00e1quinas e ve\u00edculos a prefeitura', 'Montou o repetidor de TV'], vice: 'Luiz Serrano Filho' },\r\n { id: 7, nome: 'Jos\u00e9 F\u00e1bio Belato', partido: 'ARENA', periodo: '31\/01\/1967 a 30\/01\/1971', profissao: 'Comerciante e industrial', votos: '', decada: '1960', obras: ['Iniciou a constru\u00e7\u00e3o do pr\u00e9dio da Escola Normal', 'Grande impulso ao servi\u00e7o de cal\u00e7amento e reparo de estradas'], vice: 'Afonso Totti' },\r\n { id: 8, nome: 'Jos\u00e9 Martins dos Santos', partido: 'ARENA', periodo: '31\/01\/1971 a 30\/01\/1973', profissao: 'Barbeiro', votos: '935 votos', decada: '1970', obras: ['Arboriza\u00e7\u00e3o da cidade', 'In\u00edcio do cal\u00e7amento com bloquetes', 'Terminou a constru\u00e7\u00e3o do pr\u00e9dio da Escola Normal', 'Abertura da Av. Adamo Caovila'], vice: 'Afonso Totti' },\r\n { id: 9, nome: 'Jos\u00e9 Augusto Furquim', partido: 'ARENA', periodo: '31\/01\/1973 a 30\/01\/1977', profissao: 'Eletricit\u00e1rio', votos: '754 votos', decada: '1970', obras: ['Adquiriu um caminh\u00e3o basculante', 'Implantou o Servi\u00e7o Integrado de Assist\u00eancia Tribut\u00e1ria (SIAT)'], vice: 'Ademar dos Santos Pagani' },\r\n { id: 10, nome: 'Jos\u00e9 Benedito de Oliveira', partido: 'ARENA', periodo: '31\/01\/1977 a 31\/01\/1983', profissao: 'Industrial e fazendeiro', votos: '1.382 votos', decada: '1970', obras: ['Adquiriu o terreno da Pra\u00e7a de Esportes', 'Construiu a quadra poliesportiva', 'Construiu 100 casas no sistema COHAB', 'Implantou o \u00d3rg\u00e3o Municipal de Educa\u00e7\u00e3o', 'Construiu a ponte na rodovia Mons.Paulo\/Varginha', 'Trouxe a EMATER para a cidade'], vice: 'Jos\u00e9 Fl\u00e1vio (ARENA)' },\r\n { id: 11, nome: 'Jos\u00e9 Adamo Belato', partido: 'PMDB', periodo: '01\/02\/1983 a 01\/05\/1986', profissao: 'Industrial e advogado', votos: '1.776 votos', decada: '1980', obras: ['Finalizou e inaugurou o Hospital Municipal', 'Terraplanagem da estrada Monsenhor Paulo\/Fern\u00e3o Dias', 'Inaugurou o servi\u00e7o de DDD'], vice: 'Fabiano de Assis Godinho' },\r\n { id: 12, nome: 'Fabiano de Assis Godinho', partido: 'PMDB', periodo: '02\/05\/1986 a 31\/12\/1988', profissao: 'Comerciante', votos: '', decada: '1980', obras: ['Construiu a Pra\u00e7a de Esportes', 'Implantou a Unidade Produtora de Alimentos Hidrossol\u00faveis', 'Construiu casas populares no Bairro Santa Rita'], vice: '' },\r\n { id: 13, nome: 'Sebasti\u00e3o Gilberto de Andrade (Dr. Andrade)', partido: 'PFL', periodo: '01\/01\/1989 a 31\/12\/1992', profissao: 'M\u00e9dico', votos: '2.407 votos', decada: '1980', obras: ['Fundou a Casa da Crian\u00e7a e APAE', 'Transferiu a prefeitura para o pr\u00e9dio do Gin\u00e1sio', 'Adquiriu ambul\u00e2ncia para o Hospital', 'Implantou o sistema de coleta de lixo'], vice: 'Geraldo Luciano da Silva' },\r\n { id: 14, nome: 'Walter Xavier da Silva', partido: 'PTB', periodo: '01\/01\/1993 a 31\/12\/1996', profissao: 'Fazendeiro', votos: '1.620 votos', decada: '1990', obras: [], vice: 'Herc\u00edlio Firmiano Neto' },\r\n { id: 15, nome: 'Jos\u00e9 Adamo Belato', partido: 'PMDB', periodo: '01\/01\/1997 a 31\/12\/2004', profissao: 'Industrial e advogado', votos: '2.494 votos (1996) \/ 2.380 votos (2000)', decada: '1990', obras: ['Reeleito para dois mandatos consecutivos', 'Consolidou a administra\u00e7\u00e3o municipal'], vice: 'Jos\u00e9 Leonor Braz' },\r\n { id: 16, nome: 'Pedro Paulo Pagani', partido: 'PMDB', periodo: '01\/01\/2005 a 31\/12\/2012', profissao: 'Comerciante e advogado', votos: '2.524 votos (2004) \/ 2.799 votos (2008)', decada: '2000', obras: ['Reeleito para dois mandatos consecutivos'], vice: 'Maria Auxiliadora Calheiros Teixeira \/ Nei do Lola' },\r\n { id: 17, nome: 'Marco Ant\u00f4nio Muniz de Oliveira (Marc\u00e3o)', partido: 'PT', periodo: '01\/01\/2013 a 31\/12\/2016', profissao: 'Industrial', votos: '2.875 votos', decada: '2010', obras: ['Projeto de 100 casas populares', 'Capta\u00e7\u00e3o de recursos para habita\u00e7\u00e3o'], vice: 'Herc\u00edlio Firmiano Neto (Macaco)' },\r\n { id: 18, nome: 'Let\u00edcia Aparecida Belato Martins', partido: 'PMDB \/ MDB', periodo: '01\/01\/2017 a 31\/12\/2024', profissao: 'Farmac\u00eautica', votos: '3.512 votos (2016) \/ 3.864 votos (2020)', decada: '2010', obras: ['Primeira mulher prefeita da cidade', 'Reeleita com vota\u00e7\u00e3o recorde', 'Gest\u00e3o durante a pandemia de COVID-19'], vice: 'C\u00e9sar Augusto Teixeira Carvalho' },\r\n { id: 19, nome: 'Flaviano Am\u00e9rico Ribeiro (Dr. Flaviano)', partido: 'MDB', periodo: '01\/01\/2025 a 31\/12\/2028', profissao: 'M\u00e9dico', votos: '3.839 votos (69,17%)', decada: '2010', obras: ['Administra\u00e7\u00e3o atual - Trabalho e Resultados'], vice: 'Stef\u00e2nia Zanin Baldim Cunha' }\r\n];\r\n\r\nfunction getInitials(name) {\r\n return name.split(' ').map(w => w[0]).join('').slice(0, 3).toUpperCase();\r\n}\r\n\r\nfunction renderCards(filter = 'all') {\r\n const grid = document.getElementById('galleryGrid');\r\n grid.innerHTML = '';\r\n const filtered = filter === 'all' ? prefeitos : prefeitos.filter(p => p.decada === filter);\r\n filtered.forEach(p => {\r\n const card = document.createElement('div');\r\n card.className = 'card';\r\n card.onclick = () => openModal(p.id);\r\n card.innerHTML = `\r\n <div class=\"card-img\">\r\n <span class=\"numero-badge\">${p.id}<\/span>\r\n <span class=\"initials\">${getInitials(p.nome)}<\/span>\r\n <span class=\"mandato-badge\">${p.periodo.slice(-9)}<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"nome\">${p.nome}<\/div>\r\n <div class=\"periodo\">\ud83d\udcc5 ${p.periodo}<\/div>\r\n <div class=\"partido\">${p.partido}<\/div>\r\n ${p.profissao ? `<div class=\"profissao\">\ud83d\udcbc ${p.profissao}<\/div>` : ''}\r\n ${p.votos ? `<div class=\"votos\">\ud83d\uddf3\ufe0f ${p.votos}<\/div>` : ''}\r\n <\/div>\r\n `;\r\n grid.appendChild(card);\r\n });\r\n}\r\n\r\nfunction setFilter(decada, el) {\r\n document.querySelectorAll('.filter-tag').forEach(t => t.classList.remove('active'));\r\n el.classList.add('active');\r\n renderCards(decada);\r\n}\r\n\r\nfunction filterCards() {\r\n const q = document.getElementById('searchInput').value.toLowerCase();\r\n document.querySelectorAll('.filter-tag').forEach(t => t.classList.remove('active'));\r\n const grid = document.getElementById('galleryGrid');\r\n grid.innerHTML = '';\r\n const filtered = prefeitos.filter(p =>\r\n p.nome.toLowerCase().includes(q) ||\r\n p.partido.toLowerCase().includes(q) ||\r\n p.periodo.includes(q) ||\r\n p.profissao.toLowerCase().includes(q)\r\n );\r\n filtered.forEach(p => {\r\n const card = document.createElement('div');\r\n card.className = 'card';\r\n card.onclick = () => openModal(p.id);\r\n card.innerHTML = `\r\n <div class=\"card-img\">\r\n <span class=\"numero-badge\">${p.id}<\/span>\r\n <span class=\"initials\">${getInitials(p.nome)}<\/span>\r\n <span class=\"mandato-badge\">${p.periodo.slice(-9)}<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"nome\">${p.nome}<\/div>\r\n <div class=\"periodo\">\ud83d\udcc5 ${p.periodo}<\/div>\r\n <div class=\"partido\">${p.partido}<\/div>\r\n ${p.profissao ? `<div class=\"profissao\">\ud83d\udcbc ${p.profissao}<\/div>` : ''}\r\n ${p.votos ? `<div class=\"votos\">\ud83d\uddf3\ufe0f ${p.votos}<\/div>` : ''}\r\n <\/div>\r\n `;\r\n grid.appendChild(card);\r\n });\r\n}\r\n\r\nfunction openModal(id) {\r\n const p = prefeitos.find(x => x.id === id);\r\n document.getElementById('modalNome').textContent = `${p.id}. ${p.nome}`;\r\n document.getElementById('modalPeriodo').textContent = `\ud83d\udcc5 ${p.periodo}`;\r\n document.getElementById('modalDetalhes').innerHTML = `\r\n <div class=\"item\"><div class=\"label\">Partido<\/div><div class=\"value\">${p.partido}<\/div><\/div>\r\n <div class=\"item\"><div class=\"label\">Profiss\u00e3o<\/div><div class=\"value\">${p.profissao}<\/div><\/div>\r\n ${p.votos ? `<div class=\"item\"><div class=\"label\">Votos Recebidos<\/div><div class=\"value\">${p.votos}<\/div><\/div>` : ''}\r\n ${p.vice ? `<div class=\"item\"><div class=\"label\">Vice-Prefeito<\/div><div class=\"value\">${p.vice}<\/div><\/div>` : ''}\r\n `;\r\n document.getElementById('modalObras').innerHTML = p.obras.length ? `\r\n <div class=\"label\">\ud83d\udee0\ufe0f Principais Realiza\u00e7\u00f5es<\/div>\r\n <ul>${p.obras.map(o => `<li>${o}<\/li>`).join('')}<\/ul>\r\n ` : '';\r\n document.getElementById('modalOverlay').classList.add('open');\r\n}\r\n\r\nfunction closeModal(e) {\r\n if (!e || e.target === document.getElementById('modalOverlay') || e.target.classList.contains('modal-close')) {\r\n document.getElementById('modalOverlay').classList.remove('open');\r\n }\r\n}\r\n\r\ndocument.addEventListener('keydown', e => { if (e.key === 'Escape') closeModal(); });\r\nrenderCards('all');\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Galeria de Prefeitos – Monsenhor Paulo\/MG \ud83d\udcdc Munic\u00edpio de Monsenhor Paulo \u2022 MG Galeria de Prefeitos Conhe\u00e7a todos os prefeitos que governaram nossa cidade desde a emancipa\u00e7\u00e3o pol\u00edtica em 1949 at\u00e9 os dias atuais. 19 Prefeitos 77 Anos de Hist\u00f3ria 1949 Primeira Elei\u00e7\u00e3o 2028 Mandato Atual \ud83d\udccb Todos \ud83d\udd70\ufe0f D\u00e9cada de 1940 \ud83d\udd70\ufe0f 1950 \ud83d\udd70\ufe0f […]<\/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":{"footnotes":""},"class_list":["post-3721","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Galeria de Prefeitos - Prefeitura Municipal de Monsenhor Paulo<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/galeria-de-prefeitos\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Galeria de Prefeitos - Prefeitura Municipal de Monsenhor Paulo\" \/>\n<meta property=\"og:description\" content=\"Galeria de Prefeitos – Monsenhor Paulo\/MG \ud83d\udcdc Munic\u00edpio de Monsenhor Paulo \u2022 MG Galeria de Prefeitos Conhe\u00e7a todos os prefeitos que governaram nossa cidade desde a emancipa\u00e7\u00e3o pol\u00edtica em 1949 at\u00e9 os dias atuais. 19 Prefeitos 77 Anos de Hist\u00f3ria 1949 Primeira Elei\u00e7\u00e3o 2028 Mandato Atual \ud83d\udccb Todos \ud83d\udd70\ufe0f D\u00e9cada de 1940 \ud83d\udd70\ufe0f 1950 \ud83d\udd70\ufe0f […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/galeria-de-prefeitos\/\" \/>\n<meta property=\"og:site_name\" content=\"Prefeitura Municipal de Monsenhor Paulo\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-16T18:16:11+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"28 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/galeria-de-prefeitos\\\/\",\"url\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/galeria-de-prefeitos\\\/\",\"name\":\"Galeria de Prefeitos - Prefeitura Municipal de Monsenhor Paulo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/#website\"},\"datePublished\":\"2026-07-16T18:07:59+00:00\",\"dateModified\":\"2026-07-16T18:16:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/galeria-de-prefeitos\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/galeria-de-prefeitos\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/galeria-de-prefeitos\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Galeria de Prefeitos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/#website\",\"url\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/\",\"name\":\"Prefeitura Municipal de Monsenhor Paulo\",\"description\":\"Trabalho e Resultados\",\"publisher\":{\"@id\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/#organization\"},\"alternateName\":\"Prefeitura Municipal de Monsenhor Paulo\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/#organization\",\"name\":\"Prefeitura Municipal Monsenhor Paulo\",\"url\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/cropped-logopref-1.png\",\"contentUrl\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/cropped-logopref-1.png\",\"width\":543,\"height\":111,\"caption\":\"Prefeitura Municipal Monsenhor Paulo\"},\"image\":{\"@id\":\"https:\\\/\\\/monsenhorpaulo.mg.gov.br\\\/prefeituramp\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Galeria de Prefeitos - Prefeitura Municipal de Monsenhor Paulo","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/galeria-de-prefeitos\/","og_locale":"pt_BR","og_type":"article","og_title":"Galeria de Prefeitos - Prefeitura Municipal de Monsenhor Paulo","og_description":"Galeria de Prefeitos – Monsenhor Paulo\/MG \ud83d\udcdc Munic\u00edpio de Monsenhor Paulo \u2022 MG Galeria de Prefeitos Conhe\u00e7a todos os prefeitos que governaram nossa cidade desde a emancipa\u00e7\u00e3o pol\u00edtica em 1949 at\u00e9 os dias atuais. 19 Prefeitos 77 Anos de Hist\u00f3ria 1949 Primeira Elei\u00e7\u00e3o 2028 Mandato Atual \ud83d\udccb Todos \ud83d\udd70\ufe0f D\u00e9cada de 1940 \ud83d\udd70\ufe0f 1950 \ud83d\udd70\ufe0f […]","og_url":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/galeria-de-prefeitos\/","og_site_name":"Prefeitura Municipal de Monsenhor Paulo","article_modified_time":"2026-07-16T18:16:11+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"28 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/galeria-de-prefeitos\/","url":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/galeria-de-prefeitos\/","name":"Galeria de Prefeitos - Prefeitura Municipal de Monsenhor Paulo","isPartOf":{"@id":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/#website"},"datePublished":"2026-07-16T18:07:59+00:00","dateModified":"2026-07-16T18:16:11+00:00","breadcrumb":{"@id":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/galeria-de-prefeitos\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/galeria-de-prefeitos\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/galeria-de-prefeitos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/"},{"@type":"ListItem","position":2,"name":"Galeria de Prefeitos"}]},{"@type":"WebSite","@id":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/#website","url":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/","name":"Prefeitura Municipal de Monsenhor Paulo","description":"Trabalho e Resultados","publisher":{"@id":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/#organization"},"alternateName":"Prefeitura Municipal de Monsenhor Paulo","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/#organization","name":"Prefeitura Municipal Monsenhor Paulo","url":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/#\/schema\/logo\/image\/","url":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/wp-content\/uploads\/2025\/12\/cropped-logopref-1.png","contentUrl":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/wp-content\/uploads\/2025\/12\/cropped-logopref-1.png","width":543,"height":111,"caption":"Prefeitura Municipal Monsenhor Paulo"},"image":{"@id":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/wp-json\/wp\/v2\/pages\/3721","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/wp-json\/wp\/v2\/comments?post=3721"}],"version-history":[{"count":7,"href":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/wp-json\/wp\/v2\/pages\/3721\/revisions"}],"predecessor-version":[{"id":3730,"href":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/wp-json\/wp\/v2\/pages\/3721\/revisions\/3730"}],"wp:attachment":[{"href":"https:\/\/monsenhorpaulo.mg.gov.br\/prefeituramp\/wp-json\/wp\/v2\/media?parent=3721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}