Portal do Servidor Integrado | Trindade<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n <style>\r\n \/* --- ESTILOS VISUAIS (Identidade Visual Trindade) --- *\/\r\n :root {\r\n --primary-color: #00766f; \/* Verde Trindade *\/\r\n --primary-dark: #005a54;\r\n --primary-light: #4db6ac;\r\n --secondary-color: #f59e0b;\r\n --accent-color: #fbbf24;\r\n --text-dark: #1f2937;\r\n --text-light: #4b5563;\r\n --bg-light: #f8fafc;\r\n --white: #ffffff;\r\n --border-light: #e5e7eb;\r\n --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\r\n --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n --gold: #d4af37;\r\n --blue-trindade: #1e40af; \/* Azul Institucional *\/\r\n\r\n \/* Alto Contraste *\/\r\n --hc-bg: #000000;\r\n --hc-text: #ffffff;\r\n --hc-primary: #ffff00;\r\n }\r\n\r\n \/* --- GERAL --- *\/\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n \r\n body {\r\n font-family: 'Inter', sans-serif;\r\n line-height: 1.8;\r\n color: var(--text-dark);\r\n background-color: var(--bg-light);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* --- MODO ALTO CONTRASTE --- *\/\r\n body.high-contrast {\r\n background-color: var(--hc-bg) !important;\r\n color: var(--hc-text) !important;\r\n }\r\n body.high-contrast .hero-section,\r\n body.high-contrast .nav-section,\r\n body.high-contrast .card,\r\n body.high-contrast .quote-box,\r\n body.high-contrast footer {\r\n background: var(--hc-bg) !important;\r\n color: var(--hc-text) !important;\r\n border-color: var(--hc-text) !important;\r\n }\r\n body.high-contrast .hero-badge, \r\n body.high-contrast .nav-item.active {\r\n background: var(--hc-primary) !important;\r\n color: var(--hc-bg) !important;\r\n }\r\n\r\n \/* --- ACESSIBILIDADE --- *\/\r\n .accessibility-bar {\r\n position: fixed;\r\n top: 1rem;\r\n right: 1rem;\r\n z-index: 1001;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(5px);\r\n padding: 8px 12px;\r\n border-radius: 50px;\r\n box-shadow: var(--shadow-lg);\r\n border: 1px solid var(--border-light);\r\n }\r\n .acc-btn {\r\n background: var(--text-dark);\r\n color: var(--white);\r\n border: none;\r\n border-radius: 50%;\r\n width: 32px;\r\n height: 32px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: 0.2s;\r\n }\r\n .acc-btn:hover { background: var(--primary-color); transform: scale(1.1); }\r\n\r\n \/* --- HERO (Refinado: Verde em cima -> Azul em baixo) --- *\/\r\n .hero-section {\r\n \/* Gradiente vertical suave: Verde Trindade no topo descendo para Azul Institucional *\/\r\n background: linear-gradient(to bottom, var(--primary-color) 0%, var(--primary-dark) 40%, var(--blue-trindade) 100%);\r\n color: var(--white);\r\n padding: 7rem 0 6rem; \/* Espa\u00e7amento ajustado *\/\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden; \/* Garante que elementos decorativos n\u00e3o vazem *\/\r\n }\r\n\r\n \/* Elemento decorativo de fundo *\/\r\n .hero-bg-effect {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-image: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.1) 0%, transparent 60%);\r\n pointer-events: none;\r\n }\r\n\r\n .hero-content {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n padding: 0 2rem;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .hero-badge {\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(4px);\r\n padding: 0.5rem 1.5rem;\r\n border-radius: 50px;\r\n font-size: 0.85rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n display: inline-block;\r\n margin-bottom: 2rem;\r\n border: 1px solid rgba(255,255,255,0.25);\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n .hero-title {\r\n font-size: 2.8rem;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n margin-bottom: 1.5rem;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.2);\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.2rem;\r\n font-weight: 300;\r\n opacity: 0.95;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n text-shadow: 0 1px 2px rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* --- NAV --- *\/\r\n .nav-section {\r\n background: var(--white);\r\n position: sticky;\r\n top: 0;\r\n z-index: 1000;\r\n box-shadow: var(--shadow);\r\n padding: 1rem 0;\r\n border-bottom: 3px solid var(--secondary-color);\r\n }\r\n .nav-menu {\r\n display: flex;\r\n justify-content: center;\r\n gap: 1.5rem;\r\n list-style: none;\r\n flex-wrap: wrap;\r\n }\r\n .nav-item {\r\n text-decoration: none;\r\n color: var(--text-light);\r\n font-weight: 600;\r\n padding: 0.5rem 1rem;\r\n border-radius: 8px;\r\n transition: 0.3s;\r\n }\r\n .nav-item:hover, .nav-item.active {\r\n background: var(--primary-color);\r\n color: var(--white);\r\n }\r\n\r\n \/* --- CONTE\u00daDO --- *\/\r\n .container { max-width: 1100px; margin: 0 auto; padding: 4rem 2rem; }\r\n .section { margin-bottom: 5rem; scroll-margin-top: 140px; }\r\n \r\n .section-title {\r\n color: var(--primary-dark);\r\n font-size: 2rem;\r\n font-weight: 700;\r\n margin-bottom: 2rem;\r\n position: relative;\r\n padding-bottom: 1rem;\r\n display: inline-block;\r\n }\r\n .section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 60px;\r\n height: 4px;\r\n background: var(--gold);\r\n }\r\n\r\n \/* --- GRIDS & CARDS --- *\/\r\n .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }\r\n .grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; }\r\n\r\n .card {\r\n background: var(--white);\r\n padding: 2rem;\r\n border-radius: 16px;\r\n box-shadow: var(--shadow);\r\n border: 1px solid var(--border-light);\r\n transition: transform 0.3s;\r\n }\r\n .card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }\r\n\r\n .icon-box {\r\n width: 60px;\r\n height: 60px;\r\n background: rgba(0, 118, 111, 0.1);\r\n color: var(--primary-color);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n font-size: 1.5rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n \/* --- DESTAQUES --- *\/\r\n .highlight-text {\r\n font-size: 1.1rem;\r\n color: var(--text-dark);\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .quote-box {\r\n background: linear-gradient(to right, #f8fafc, #fff);\r\n border-left: 5px solid var(--primary-color);\r\n padding: 2rem;\r\n margin: 2rem 0;\r\n border-radius: 0 12px 12px 0;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .partner-badge {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n background: var(--white);\r\n padding: 1.5rem;\r\n border-radius: 12px;\r\n border: 1px solid var(--border-light);\r\n margin-top: 2rem;\r\n }\r\n\r\n \/* --- FOOTER --- *\/\r\n footer {\r\n background: var(--text-dark);\r\n color: var(--white);\r\n padding: 4rem 2rem;\r\n text-align: center;\r\n margin-top: 4rem;\r\n }\r\n\r\n \/* --- RESPONSIVIDADE --- *\/\r\n @media (max-width: 768px) {\r\n .grid-2 { grid-template-columns: 1fr; }\r\n .hero-title { font-size: 2rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"accessibility-bar\">\r\n <button class=\"acc-btn\" onclick=\"adjustFont(-1)\"><i class=\"fas fa-minus\"><\/i><\/button>\r\n <button class=\"acc-btn\" onclick=\"adjustFont(0)\"><i class=\"fas fa-font\"><\/i><\/button>\r\n <button class=\"acc-btn\" onclick=\"adjustFont(1)\"><i class=\"fas fa-plus\"><\/i><\/button>\r\n <div style=\"width:1px; height:20px; background:#ccc; margin:0 5px;\"><\/div>\r\n <button class=\"acc-btn\" onclick=\"toggleContrast()\"><i class=\"fas fa-adjust\"><\/i><\/button>\r\n <\/div>\r\n\r\n <header class=\"hero-section\" id=\"inicio\">\r\n <div class=\"hero-bg-effect\"><\/div> <div class=\"hero-content\">\r\n <span class=\"hero-badge\">Gest\u00e3o de Pessoas & Inova\u00e7\u00e3o<\/span>\r\n <h1 class=\"hero-title\">Portal da Casa Civil com Manual do Servidor Integrado.<\/h1>\r\n <p class=\"hero-subtitle\">\r\n O Portal \u00e9 abrangente e inovador, integrando o Manual do Servidor como componente estrat\u00e9gico de conte\u00fado para todos os servidores de Trindade.\r\n <\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <nav class=\"nav-section\">\r\n <ul class=\"nav-menu\">\r\n <li><a href=\"#inicio\" class=\"nav-item active\">In\u00edcio<\/a><\/li>\r\n <li><a href=\"#sobre\" class=\"nav-item\">Sobre o Portal<\/a><\/li>\r\n <li><a href=\"#manual\" class=\"nav-item\">Manual do Servidor<\/a><\/li>\r\n <li><a href=\"#bastidores\" class=\"nav-item\">Nossa Hist\u00f3ria<\/a><\/li>\r\n <li><a href=\"#equipe\" class=\"nav-item\">Equipe<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n\r\n <div class=\"container\">\r\n\r\n <section id=\"sobre\" class=\"section\">\r\n <div class=\"grid-2\">\r\n <div>\r\n <h2 class=\"section-title\">A Plataforma<\/h2>\r\n <p class=\"highlight-text\">\r\n Esta plataforma digital centralizada funciona como ponto \u00fanico de acesso para informa\u00e7\u00f5es, servi\u00e7os e ferramentas relacionadas \u00e0 gest\u00e3o de pessoas na Prefeitura Municipal de Trindade.\r\n <\/p>\r\n <p>\r\n O Portal da Casa Civil foi desenvolvido com tecnologias web modernas, garantindo responsividade, acessibilidade e usabilidade em diferentes dispositivos. A arquitetura da informa\u00e7\u00e3o \u00e9 estruturada de forma intuitiva, facilitando a navega\u00e7\u00e3o e a localiza\u00e7\u00e3o de conte\u00fado relevante pelos servidores.\r\n <\/p>\r\n <\/div>\r\n <div class=\"grid-2\" style=\"gap: 1.5rem; grid-template-columns: 1fr;\">\r\n <div class=\"card\">\r\n <div class=\"icon-box\"><i class=\"fas fa-sitemap\"><\/i><\/div>\r\n <h3>Arquitetura Intuitiva<\/h3>\r\n <p>Facilidade na navega\u00e7\u00e3o e localiza\u00e7\u00e3o r\u00e1pida de conte\u00fado.<\/p>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"icon-box\"><i class=\"fas fa-mobile-alt\"><\/i><\/div>\r\n <h3>Responsividade<\/h3>\r\n <p>Acesso garantido em computadores, tablets e smartphones.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"manual\" class=\"section\">\r\n <h2 class=\"section-title\">O Manual Integrado<\/h2>\r\n <div class=\"quote-box\">\r\n <p style=\"font-size: 1.2rem; font-weight: 500;\">\r\n <i class=\"fas fa-book\" style=\"color: var(--secondary-color); margin-right: 10px;\"><\/i>\r\n Baseado na Lei Complementar n\u00ba 60\/2023\r\n <\/p>\r\n <p style=\"margin-top: 1rem;\">\r\n O Manual do Servidor \u00e9 integrado ao portal como componente essencial, disponibilizado em formato digital interativo.\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"grid-3\">\r\n <div class=\"card\" style=\"text-align: center;\">\r\n <i class=\"fas fa-search\" style=\"font-size: 2.5rem; color: var(--primary-light); margin-bottom: 1rem;\"><\/i>\r\n <h4>Busca Avan\u00e7ada<\/h4>\r\n <p>Encontre t\u00f3picos espec\u00edficos instantaneamente.<\/p>\r\n <\/div>\r\n <div class=\"card\" style=\"text-align: center;\">\r\n <i class=\"fas fa-project-diagram\" style=\"font-size: 2.5rem; color: var(--primary-light); margin-bottom: 1rem;\"><\/i>\r\n <h4>Navega\u00e7\u00e3o Contextual<\/h4>\r\n <p>Conte\u00fado organizado logicamente para facilitar o entendimento.<\/p>\r\n <\/div>\r\n <div class=\"card\" style=\"text-align: center;\">\r\n <i class=\"fas fa-external-link-alt\" style=\"font-size: 2.5rem; color: var(--primary-light); margin-bottom: 1rem;\"><\/i>\r\n <h4>Links de Servi\u00e7os<\/h4>\r\n <p>Acesso direto a procedimentos e ferramentas \u00fateis.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"bastidores\" class=\"section\">\r\n <h2 class=\"section-title\">Como foi Constru\u00eddo<\/h2>\r\n <p class=\"highlight-text\">\r\n O sucesso do Portal da Casa Civil e do Manual do Servidor Integrado \u00e9 um testemunho do poder da colabora\u00e7\u00e3o, do conhecimento compartilhado e do compromisso com o servi\u00e7o p\u00fablico.\r\n <\/p>\r\n <p>\r\n A materializa\u00e7\u00e3o deste projeto s\u00f3 foi poss\u00edvel gra\u00e7as ao apoio, dedica\u00e7\u00e3o e expertise de uma equipe multidisciplinar e de l\u00edderes que acreditaram na vis\u00e3o de uma gest\u00e3o mais moderna, humana e eficiente.\r\n <\/p>\r\n\r\n <div class=\"partner-badge\">\r\n <i class=\"fas fa-handshake\" style=\"font-size: 3rem; color: var(--primary-dark);\"><\/i>\r\n <div>\r\n <h4 style=\"color: var(--primary-color);\">Parceria Fundamental<\/h4>\r\n <p>Realizado com a <strong>Secretaria de Ci\u00eancia, Inova\u00e7\u00e3o e Tecnologia<\/strong>.<\/p>\r\n <p style=\"font-size: 0.9rem; margin-top: 0.5rem;\">Representada pelo servidor <strong>Sebasti\u00e3o Ara\u00fajo de Avelar<\/strong>, respons\u00e1vel direto pela cria\u00e7\u00e3o do Portal.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div style=\"margin-top: 3rem;\">\r\n <h3 style=\"margin-bottom: 1rem;\">Fundamento: Escuta Ativa<\/h3>\r\n <p>\r\n Este projeto foi constru\u00eddo sobre um fundamento s\u00f3lido: a escuta ativa e a experi\u00eancia pr\u00e1tica adquirida no atendimento di\u00e1rio aos servidores. Cada d\u00favida respondida, cada problema solucionado e cada sugest\u00e3o ouvida ao longo dos anos foram compilados e transformados nos requisitos que guiaram a cria\u00e7\u00e3o deste portal.\r\n <\/p>\r\n <p style=\"margin-top: 1rem; font-style: italic;\">\r\n \"Ele \u00e9, em sua ess\u00eancia, o resultado direto do compromisso desta equipe com um atendimento de excel\u00eancia.\"\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"equipe\" class=\"section\">\r\n <div style=\"background: var(--primary-dark); color: white; padding: 3rem; border-radius: 20px; text-align: center;\">\r\n <h2 style=\"color: var(--gold); margin-bottom: 1.5rem;\">Agradecimento Especial<\/h2>\r\n <p style=\"font-size: 1.1rem; max-width: 800px; margin: 0 auto;\">\r\n Nenhum projeto deste porte se concretiza sem o esfor\u00e7o conjunto da equipe que est\u00e1 na linha de frente.\r\n <\/p>\r\n <hr style=\"border-color: rgba(255,255,255,0.2); margin: 2rem auto; width: 50%;\">\r\n <p>\r\n Agradecemos a todos os <strong>Servidores da Secretaria Municipal da Casa Civil<\/strong>, que com m\u00e9rito e dedica\u00e7\u00e3o auxiliaram em todas as etapas, colaborando ativamente com a revis\u00e3o, o refinamento e a valida\u00e7\u00e3o do projeto.\r\n <\/p>\r\n <p style=\"margin-top: 1.5rem; font-weight: 600; color: var(--accent-color);\">\r\n Voc\u00eas foram os primeiros testadores, os cr\u00edticos construtivos e os maiores incentivadores.\r\n <\/p>\r\n <p style=\"margin-top: 2rem; font-size: 0.9rem; opacity: 0.8;\">\r\n A dedica\u00e7\u00e3o de cada um foi o que transformou um plano em uma realidade funcional e de grande valor para toda a Prefeitura Municipal de Trindade.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/div>\r\n\r\n <footer>\r\n <h3 style=\"margin-bottom: 1rem;\">PREFEITURA DE TRINDADE<\/h3>\r\n <p>Casa Civil - Inova\u00e7\u00e3o e Tecnologia<\/p>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ --- FUN\u00c7\u00d5ES DE ACESSIBILIDADE ---\r\n \r\n let zoomLevel = 100;\r\n\r\n function adjustFont(action) {\r\n if (action === 0) zoomLevel = 100;\r\n else zoomLevel += (action * 10);\r\n \r\n if (zoomLevel < 80) zoomLevel = 80;\r\n if (zoomLevel > 150) zoomLevel = 150;\r\n \r\n document.body.style.fontSize = (16 * (zoomLevel \/ 100)) + \"px\";\r\n }\r\n\r\n function toggleContrast() {\r\n document.body.classList.toggle(\"high-contrast\");\r\n }\r\n\r\n \/\/ --- SCROLL SPY ---\r\n window.addEventListener('scroll', () => {\r\n const sections = document.querySelectorAll('section');\r\n const navItems = document.querySelectorAll('.nav-item');\r\n \r\n let current = '';\r\n sections.forEach(sec => {\r\n const top = sec.offsetTop;\r\n if (scrollY >= top - 200) current = sec.getAttribute('id');\r\n });\r\n\r\n navItems.forEach(li => {\r\n li.classList.remove('active');\r\n if (li.getAttribute('href').includes(current)) li.classList.add('active');\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>Portal do Servidor Integrado | Trindade Gest\u00e3o de Pessoas & Inova\u00e7\u00e3o Portal da Casa Civil com Manual do Servidor Integrado. O Portal \u00e9 abrangente e inovador, integrando o Manual do Servidor como componente estrat\u00e9gico de conte\u00fado para todos os servidores de Trindade. In\u00edcio Sobre o Portal Manual do Servidor Nossa Hist\u00f3ria Equipe A Plataforma Esta […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6848","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=\/wp\/v2\/pages\/6848","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6848"}],"version-history":[{"count":16,"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=\/wp\/v2\/pages\/6848\/revisions"}],"predecessor-version":[{"id":6898,"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=\/wp\/v2\/pages\/6848\/revisions\/6898"}],"wp:attachment":[{"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Portal do Servidor Integrado | Trindade<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n <style>\r\n \/* --- ESTILOS VISUAIS (Identidade Visual Trindade) --- *\/\r\n :root {\r\n --primary-color: #00766f; \/* Verde Trindade *\/\r\n --primary-dark: #005a54;\r\n --primary-light: #4db6ac;\r\n --secondary-color: #f59e0b;\r\n --accent-color: #fbbf24;\r\n --text-dark: #1f2937;\r\n --text-light: #4b5563;\r\n --bg-light: #f8fafc;\r\n --white: #ffffff;\r\n --border-light: #e5e7eb;\r\n --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\r\n --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n --gold: #d4af37;\r\n --blue-trindade: #1e40af; \/* Azul Institucional *\/\r\n\r\n \/* Alto Contraste *\/\r\n --hc-bg: #000000;\r\n --hc-text: #ffffff;\r\n --hc-primary: #ffff00;\r\n }\r\n\r\n \/* --- GERAL --- *\/\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n \r\n body {\r\n font-family: 'Inter', sans-serif;\r\n line-height: 1.8;\r\n color: var(--text-dark);\r\n background-color: var(--bg-light);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* --- MODO ALTO CONTRASTE --- *\/\r\n body.high-contrast {\r\n background-color: var(--hc-bg) !important;\r\n color: var(--hc-text) !important;\r\n }\r\n body.high-contrast .hero-section,\r\n body.high-contrast .nav-section,\r\n body.high-contrast .card,\r\n body.high-contrast .quote-box,\r\n body.high-contrast footer {\r\n background: var(--hc-bg) !important;\r\n color: var(--hc-text) !important;\r\n border-color: var(--hc-text) !important;\r\n }\r\n body.high-contrast .hero-badge, \r\n body.high-contrast .nav-item.active {\r\n background: var(--hc-primary) !important;\r\n color: var(--hc-bg) !important;\r\n }\r\n\r\n \/* --- ACESSIBILIDADE --- *\/\r\n .accessibility-bar {\r\n position: fixed;\r\n top: 1rem;\r\n right: 1rem;\r\n z-index: 1001;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(5px);\r\n padding: 8px 12px;\r\n border-radius: 50px;\r\n box-shadow: var(--shadow-lg);\r\n border: 1px solid var(--border-light);\r\n }\r\n .acc-btn {\r\n background: var(--text-dark);\r\n color: var(--white);\r\n border: none;\r\n border-radius: 50%;\r\n width: 32px;\r\n height: 32px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: 0.2s;\r\n }\r\n .acc-btn:hover { background: var(--primary-color); transform: scale(1.1); }\r\n\r\n \/* --- HERO (Refinado: Verde em cima -> Azul em baixo) --- *\/\r\n .hero-section {\r\n \/* Gradiente vertical suave: Verde Trindade no topo descendo para Azul Institucional *\/\r\n background: linear-gradient(to bottom, var(--primary-color) 0%, var(--primary-dark) 40%, var(--blue-trindade) 100%);\r\n color: var(--white);\r\n padding: 7rem 0 6rem; \/* Espa\u00e7amento ajustado *\/\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden; \/* Garante que elementos decorativos n\u00e3o vazem *\/\r\n }\r\n\r\n \/* Elemento decorativo de fundo *\/\r\n .hero-bg-effect {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-image: radial-gradient(circle at 50% 0%, rgba(255,255,255,0.1) 0%, transparent 60%);\r\n pointer-events: none;\r\n }\r\n\r\n .hero-content {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n padding: 0 2rem;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .hero-badge {\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(4px);\r\n padding: 0.5rem 1.5rem;\r\n border-radius: 50px;\r\n font-size: 0.85rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n display: inline-block;\r\n margin-bottom: 2rem;\r\n border: 1px solid rgba(255,255,255,0.25);\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n }\r\n\r\n .hero-title {\r\n font-size: 2.8rem;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n margin-bottom: 1.5rem;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.2);\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.2rem;\r\n font-weight: 300;\r\n opacity: 0.95;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n text-shadow: 0 1px 2px rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* --- NAV --- *\/\r\n .nav-section {\r\n background: var(--white);\r\n position: sticky;\r\n top: 0;\r\n z-index: 1000;\r\n box-shadow: var(--shadow);\r\n padding: 1rem 0;\r\n border-bottom: 3px solid var(--secondary-color);\r\n }\r\n .nav-menu {\r\n display: flex;\r\n justify-content: center;\r\n gap: 1.5rem;\r\n list-style: none;\r\n flex-wrap: wrap;\r\n }\r\n .nav-item {\r\n text-decoration: none;\r\n color: var(--text-light);\r\n font-weight: 600;\r\n padding: 0.5rem 1rem;\r\n border-radius: 8px;\r\n transition: 0.3s;\r\n }\r\n .nav-item:hover, .nav-item.active {\r\n background: var(--primary-color);\r\n color: var(--white);\r\n }\r\n\r\n \/* --- CONTE\u00daDO --- *\/\r\n .container { max-width: 1100px; margin: 0 auto; padding: 4rem 2rem; }\r\n .section { margin-bottom: 5rem; scroll-margin-top: 140px; }\r\n \r\n .section-title {\r\n color: var(--primary-dark);\r\n font-size: 2rem;\r\n font-weight: 700;\r\n margin-bottom: 2rem;\r\n position: relative;\r\n padding-bottom: 1rem;\r\n display: inline-block;\r\n }\r\n .section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 60px;\r\n height: 4px;\r\n background: var(--gold);\r\n }\r\n\r\n \/* --- GRIDS & CARDS --- *\/\r\n .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }\r\n .grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; }\r\n\r\n .card {\r\n background: var(--white);\r\n padding: 2rem;\r\n border-radius: 16px;\r\n box-shadow: var(--shadow);\r\n border: 1px solid var(--border-light);\r\n transition: transform 0.3s;\r\n }\r\n .card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }\r\n\r\n .icon-box {\r\n width: 60px;\r\n height: 60px;\r\n background: rgba(0, 118, 111, 0.1);\r\n color: var(--primary-color);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n font-size: 1.5rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n \/* --- DESTAQUES --- *\/\r\n .highlight-text {\r\n font-size: 1.1rem;\r\n color: var(--text-dark);\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .quote-box {\r\n background: linear-gradient(to right, #f8fafc, #fff);\r\n border-left: 5px solid var(--primary-color);\r\n padding: 2rem;\r\n margin: 2rem 0;\r\n border-radius: 0 12px 12px 0;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .partner-badge {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n background: var(--white);\r\n padding: 1.5rem;\r\n border-radius: 12px;\r\n border: 1px solid var(--border-light);\r\n margin-top: 2rem;\r\n }\r\n\r\n \/* --- FOOTER --- *\/\r\n footer {\r\n background: var(--text-dark);\r\n color: var(--white);\r\n padding: 4rem 2rem;\r\n text-align: center;\r\n margin-top: 4rem;\r\n }\r\n\r\n \/* --- RESPONSIVIDADE --- *\/\r\n @media (max-width: 768px) {\r\n .grid-2 { grid-template-columns: 1fr; }\r\n .hero-title { font-size: 2rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"accessibility-bar\">\r\n <button class=\"acc-btn\" onclick=\"adjustFont(-1)\"><i class=\"fas fa-minus\"><\/i><\/button>\r\n <button class=\"acc-btn\" onclick=\"adjustFont(0)\"><i class=\"fas fa-font\"><\/i><\/button>\r\n <button class=\"acc-btn\" onclick=\"adjustFont(1)\"><i class=\"fas fa-plus\"><\/i><\/button>\r\n <div style=\"width:1px; height:20px; background:#ccc; margin:0 5px;\"><\/div>\r\n <button class=\"acc-btn\" onclick=\"toggleContrast()\"><i class=\"fas fa-adjust\"><\/i><\/button>\r\n <\/div>\r\n\r\n <header class=\"hero-section\" id=\"inicio\">\r\n <div class=\"hero-bg-effect\"><\/div> <div class=\"hero-content\">\r\n <span class=\"hero-badge\">Gest\u00e3o de Pessoas & Inova\u00e7\u00e3o<\/span>\r\n <h1 class=\"hero-title\">Portal da Casa Civil com Manual do Servidor Integrado.<\/h1>\r\n <p class=\"hero-subtitle\">\r\n O Portal \u00e9 abrangente e inovador, integrando o Manual do Servidor como componente estrat\u00e9gico de conte\u00fado para todos os servidores de Trindade.\r\n <\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <nav class=\"nav-section\">\r\n <ul class=\"nav-menu\">\r\n <li><a href=\"#inicio\" class=\"nav-item active\">In\u00edcio<\/a><\/li>\r\n <li><a href=\"#sobre\" class=\"nav-item\">Sobre o Portal<\/a><\/li>\r\n <li><a href=\"#manual\" class=\"nav-item\">Manual do Servidor<\/a><\/li>\r\n <li><a href=\"#bastidores\" class=\"nav-item\">Nossa Hist\u00f3ria<\/a><\/li>\r\n <li><a href=\"#equipe\" class=\"nav-item\">Equipe<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n\r\n <div class=\"container\">\r\n\r\n <section id=\"sobre\" class=\"section\">\r\n <div class=\"grid-2\">\r\n <div>\r\n <h2 class=\"section-title\">A Plataforma<\/h2>\r\n <p class=\"highlight-text\">\r\n Esta plataforma digital centralizada funciona como ponto \u00fanico de acesso para informa\u00e7\u00f5es, servi\u00e7os e ferramentas relacionadas \u00e0 gest\u00e3o de pessoas na Prefeitura Municipal de Trindade.\r\n <\/p>\r\n <p>\r\n O Portal da Casa Civil foi desenvolvido com tecnologias web modernas, garantindo responsividade, acessibilidade e usabilidade em diferentes dispositivos. A arquitetura da informa\u00e7\u00e3o \u00e9 estruturada de forma intuitiva, facilitando a navega\u00e7\u00e3o e a localiza\u00e7\u00e3o de conte\u00fado relevante pelos servidores.\r\n <\/p>\r\n <\/div>\r\n <div class=\"grid-2\" style=\"gap: 1.5rem; grid-template-columns: 1fr;\">\r\n <div class=\"card\">\r\n <div class=\"icon-box\"><i class=\"fas fa-sitemap\"><\/i><\/div>\r\n <h3>Arquitetura Intuitiva<\/h3>\r\n <p>Facilidade na navega\u00e7\u00e3o e localiza\u00e7\u00e3o r\u00e1pida de conte\u00fado.<\/p>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"icon-box\"><i class=\"fas fa-mobile-alt\"><\/i><\/div>\r\n <h3>Responsividade<\/h3>\r\n <p>Acesso garantido em computadores, tablets e smartphones.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"manual\" class=\"section\">\r\n <h2 class=\"section-title\">O Manual Integrado<\/h2>\r\n <div class=\"quote-box\">\r\n <p style=\"font-size: 1.2rem; font-weight: 500;\">\r\n <i class=\"fas fa-book\" style=\"color: var(--secondary-color); margin-right: 10px;\"><\/i>\r\n Baseado na Lei Complementar n\u00ba 60\/2023\r\n <\/p>\r\n <p style=\"margin-top: 1rem;\">\r\n O Manual do Servidor \u00e9 integrado ao portal como componente essencial, disponibilizado em formato digital interativo.\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"grid-3\">\r\n <div class=\"card\" style=\"text-align: center;\">\r\n <i class=\"fas fa-search\" style=\"font-size: 2.5rem; color: var(--primary-light); margin-bottom: 1rem;\"><\/i>\r\n <h4>Busca Avan\u00e7ada<\/h4>\r\n <p>Encontre t\u00f3picos espec\u00edficos instantaneamente.<\/p>\r\n <\/div>\r\n <div class=\"card\" style=\"text-align: center;\">\r\n <i class=\"fas fa-project-diagram\" style=\"font-size: 2.5rem; color: var(--primary-light); margin-bottom: 1rem;\"><\/i>\r\n <h4>Navega\u00e7\u00e3o Contextual<\/h4>\r\n <p>Conte\u00fado organizado logicamente para facilitar o entendimento.<\/p>\r\n <\/div>\r\n <div class=\"card\" style=\"text-align: center;\">\r\n <i class=\"fas fa-external-link-alt\" style=\"font-size: 2.5rem; color: var(--primary-light); margin-bottom: 1rem;\"><\/i>\r\n <h4>Links de Servi\u00e7os<\/h4>\r\n <p>Acesso direto a procedimentos e ferramentas \u00fateis.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"bastidores\" class=\"section\">\r\n <h2 class=\"section-title\">Como foi Constru\u00eddo<\/h2>\r\n <p class=\"highlight-text\">\r\n O sucesso do Portal da Casa Civil e do Manual do Servidor Integrado \u00e9 um testemunho do poder da colabora\u00e7\u00e3o, do conhecimento compartilhado e do compromisso com o servi\u00e7o p\u00fablico.\r\n <\/p>\r\n <p>\r\n A materializa\u00e7\u00e3o deste projeto s\u00f3 foi poss\u00edvel gra\u00e7as ao apoio, dedica\u00e7\u00e3o e expertise de uma equipe multidisciplinar e de l\u00edderes que acreditaram na vis\u00e3o de uma gest\u00e3o mais moderna, humana e eficiente.\r\n <\/p>\r\n\r\n <div class=\"partner-badge\">\r\n <i class=\"fas fa-handshake\" style=\"font-size: 3rem; color: var(--primary-dark);\"><\/i>\r\n <div>\r\n <h4 style=\"color: var(--primary-color);\">Parceria Fundamental<\/h4>\r\n <p>Realizado com a <strong>Secretaria de Ci\u00eancia, Inova\u00e7\u00e3o e Tecnologia<\/strong>.<\/p>\r\n <p style=\"font-size: 0.9rem; margin-top: 0.5rem;\">Representada pelo servidor <strong>Sebasti\u00e3o Ara\u00fajo de Avelar<\/strong>, respons\u00e1vel direto pela cria\u00e7\u00e3o do Portal.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div style=\"margin-top: 3rem;\">\r\n <h3 style=\"margin-bottom: 1rem;\">Fundamento: Escuta Ativa<\/h3>\r\n <p>\r\n Este projeto foi constru\u00eddo sobre um fundamento s\u00f3lido: a escuta ativa e a experi\u00eancia pr\u00e1tica adquirida no atendimento di\u00e1rio aos servidores. Cada d\u00favida respondida, cada problema solucionado e cada sugest\u00e3o ouvida ao longo dos anos foram compilados e transformados nos requisitos que guiaram a cria\u00e7\u00e3o deste portal.\r\n <\/p>\r\n <p style=\"margin-top: 1rem; font-style: italic;\">\r\n \"Ele \u00e9, em sua ess\u00eancia, o resultado direto do compromisso desta equipe com um atendimento de excel\u00eancia.\"\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"equipe\" class=\"section\">\r\n <div style=\"background: var(--primary-dark); color: white; padding: 3rem; border-radius: 20px; text-align: center;\">\r\n <h2 style=\"color: var(--gold); margin-bottom: 1.5rem;\">Agradecimento Especial<\/h2>\r\n <p style=\"font-size: 1.1rem; max-width: 800px; margin: 0 auto;\">\r\n Nenhum projeto deste porte se concretiza sem o esfor\u00e7o conjunto da equipe que est\u00e1 na linha de frente.\r\n <\/p>\r\n <hr style=\"border-color: rgba(255,255,255,0.2); margin: 2rem auto; width: 50%;\">\r\n <p>\r\n Agradecemos a todos os <strong>Servidores da Secretaria Municipal da Casa Civil<\/strong>, que com m\u00e9rito e dedica\u00e7\u00e3o auxiliaram em todas as etapas, colaborando ativamente com a revis\u00e3o, o refinamento e a valida\u00e7\u00e3o do projeto.\r\n <\/p>\r\n <p style=\"margin-top: 1.5rem; font-weight: 600; color: var(--accent-color);\">\r\n Voc\u00eas foram os primeiros testadores, os cr\u00edticos construtivos e os maiores incentivadores.\r\n <\/p>\r\n <p style=\"margin-top: 2rem; font-size: 0.9rem; opacity: 0.8;\">\r\n A dedica\u00e7\u00e3o de cada um foi o que transformou um plano em uma realidade funcional e de grande valor para toda a Prefeitura Municipal de Trindade.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/div>\r\n\r\n <footer>\r\n <h3 style=\"margin-bottom: 1rem;\">PREFEITURA DE TRINDADE<\/h3>\r\n <p>Casa Civil - Inova\u00e7\u00e3o e Tecnologia<\/p>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ --- FUN\u00c7\u00d5ES DE ACESSIBILIDADE ---\r\n \r\n let zoomLevel = 100;\r\n\r\n function adjustFont(action) {\r\n if (action === 0) zoomLevel = 100;\r\n else zoomLevel += (action * 10);\r\n \r\n if (zoomLevel < 80) zoomLevel = 80;\r\n if (zoomLevel > 150) zoomLevel = 150;\r\n \r\n document.body.style.fontSize = (16 * (zoomLevel \/ 100)) + \"px\";\r\n }\r\n\r\n function toggleContrast() {\r\n document.body.classList.toggle(\"high-contrast\");\r\n }\r\n\r\n \/\/ --- SCROLL SPY ---\r\n window.addEventListener('scroll', () => {\r\n const sections = document.querySelectorAll('section');\r\n const navItems = document.querySelectorAll('.nav-item');\r\n \r\n let current = '';\r\n sections.forEach(sec => {\r\n const top = sec.offsetTop;\r\n if (scrollY >= top - 200) current = sec.getAttribute('id');\r\n });\r\n\r\n navItems.forEach(li => {\r\n li.classList.remove('active');\r\n if (li.getAttribute('href').includes(current)) li.classList.add('active');\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>Portal do Servidor Integrado | Trindade Gest\u00e3o de Pessoas & Inova\u00e7\u00e3o Portal da Casa Civil com Manual do Servidor Integrado. O Portal \u00e9 abrangente e inovador, integrando o Manual do Servidor como componente estrat\u00e9gico de conte\u00fado para todos os servidores de Trindade. In\u00edcio Sobre o Portal Manual do Servidor Nossa Hist\u00f3ria Equipe A Plataforma Esta […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6848","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=\/wp\/v2\/pages\/6848","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6848"}],"version-history":[{"count":16,"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=\/wp\/v2\/pages\/6848\/revisions"}],"predecessor-version":[{"id":6898,"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=\/wp\/v2\/pages\/6848\/revisions\/6898"}],"wp:attachment":[{"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}