Cess\u00e3o - Manual do Servidor P\u00fablico de Trindade-GO<\/title>\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 <style>\r\n :root {\r\n \/* Verde Trindade - Identidade Visual da Prefeitura *\/\r\n --primary-color: #00766f;\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: #6b7280;\r\n --bg-light: #f8fafc;\r\n --white: #ffffff;\r\n --border-light: #e5e7eb;\r\n --success: #10b981;\r\n --warning: #f59e0b;\r\n --danger: #ef4444;\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 --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\r\n \r\n \/* Cores especiais *\/\r\n --gold: #d4af37;\r\n --gold-light: #f4e4a6;\r\n --blue-trindade: #1e40af;\r\n\r\n \/* High Contrast Mode *\/\r\n --hc-bg: #000000;\r\n --hc-text: #ffffff;\r\n --hc-primary: #ffffff;\r\n --hc-secondary: #cccccc;\r\n --hc-border: #333333;\r\n }\r\n\r\n \/* High Contrast Mode Overrides *\/\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 .final-message {\r\n background: var(--hc-bg) !important;\r\n color: var(--hc-text) !important;\r\n }\r\n body.high-contrast .hero-title,\r\n body.high-contrast .hero-subtitle,\r\n body.high-contrast .hero-description,\r\n body.high-contrast .hero-law,\r\n body.high-contrast .final-message h2,\r\n body.high-contrast .final-message p {\r\n color: var(--hc-text) !important;\r\n -webkit-text-fill-color: var(--hc-text) !important;\r\n }\r\n body.high-contrast .nav-section,\r\n body.high-contrast .welcome-card,\r\n body.high-contrast .rights-responsibilities,\r\n body.high-contrast .commitment-section,\r\n body.high-contrast .info-card,\r\n body.high-contrast .links-section,\r\n body.high-contrast .link-button,\r\n body.high-contrast .list-item,\r\n body.high-contrast .search-container,\r\n body.high-contrast #search-input {\r\n background-color: var(--hc-bg) !important;\r\n color: var(--hc-text) !important;\r\n border-color: var(--hc-border) !important;\r\n }\r\n body.high-contrast .nav-item,\r\n body.high-contrast .section-title,\r\n body.high-contrast .section-subtitle,\r\n body.high-contrast .welcome-title,\r\n body.high-contrast .welcome-description,\r\n body.high-contrast .column-title,\r\n body.high-contrast .item-content h4,\r\n body.high-contrast .item-content p,\r\n body.high-contrast .card-title,\r\n body.high-contrast .card-text,\r\n body.high-contrast .link-button {\r\n color: var(--hc-text) !important;\r\n }\r\n body.high-contrast .nav-item.active,\r\n body.high-contrast .welcome-icon,\r\n body.high-contrast .column-icon,\r\n body.high-contrast #back-to-top-btn,\r\n #body.high-contrast #high-contrast-toggle,\r\n body.high-contrast #voice-search-btn {\r\n background: var(--hc-primary) !important;\r\n color: var(--hc-bg) !important;\r\n border-color: var(--hc-text) !important;\r\n }\r\n body.high-contrast .nav-item:hover,\r\n body.high-contrast .link-button:hover {\r\n background: var(--hc-border) !important;\r\n color: var(--hc-text) !important;\r\n }\r\n body.high-contrast .section-title::after,\r\n body.high-contrast .welcome-card::before,\r\n body.high-contrast .info-card {\r\n background: var(--hc-primary) !important;\r\n border-color: var(--hc-primary) !important;\r\n }\r\n body.high-contrast .list-item.right { border-left-color: var(--hc-primary) !important; }\r\n body.high-contrast .list-item.duty { border-left-color: var(--hc-secondary) !important; }\r\n body.high-contrast .item-icon-small { color: var(--hc-primary) !important; }\r\n body.high-contrast mark {\r\n background-color: yellow !important;\r\n color: black !important;\r\n }\r\n body.high-contrast .hero-badge {\r\n background: var(--hc-primary) !important;\r\n color: var(--hc-bg) !important;\r\n }\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 line-height: 1.8;\r\n color: var(--text-dark);\r\n background-color: var(--bg-light);\r\n overflow-x: hidden;\r\n transition: background-color 0.3s, color 0.3s;\r\n }\r\n\r\n \/* --- BARRA DE ACESSIBILIDADE (Visual Profissional) --- *\/\r\n.accessibility-bar {\r\n position: fixed;\r\n top: 20px;\r\n right: 20px;\r\n z-index: 2000;\r\n display: flex;\r\n align-items: center;\r\n gap: 4px; \/* Espa\u00e7o menor entre bot\u00f5es para coes\u00e3o *\/\r\n background-color: var(--white);\r\n padding: 6px 8px;\r\n border-radius: 8px; \/* Cantos levemente arredondados (Corporate) *\/\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); \/* Sombra mais difusa *\/\r\n border: 1px solid var(--border-light);\r\n}\r\n\r\n.acc-btn {\r\n background: transparent;\r\n color: var(--text-dark);\r\n border: 1px solid transparent;\r\n border-radius: 6px; \/* Bot\u00e3o quadrado com canto suave *\/\r\n width: 36px;\r\n height: 36px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 0.95rem;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.acc-btn:hover {\r\n background-color: var(--bg-light);\r\n color: var(--primary-color);\r\n border-color: var(--border-light);\r\n}\r\n\r\n.acc-divider {\r\n width: 1px;\r\n height: 20px;\r\n background-color: var(--border-light);\r\n margin: 0 6px;\r\n}\r\n\r\n\/* Ajustes para o Modo Alto Contraste *\/\r\nbody.high-contrast .accessibility-bar {\r\n background-color: var(--hc-bg);\r\n border: 2px solid var(--hc-primary);\r\n}\r\nbody.high-contrast .acc-btn {\r\n color: var(--hc-primary);\r\n}\r\nbody.high-contrast .acc-btn:hover {\r\n background-color: var(--hc-primary);\r\n color: var(--hc-bg);\r\n}\r\nbody.high-contrast .acc-divider {\r\n background-color: var(--hc-primary);\r\n}\r\n\r\n\r\n\/* --- HERO SECTION --- *\/\r\n .hero-section {\r\n background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 50%, var(--blue-trindade) 100%);\r\n color: var(--white);\r\n padding: 6rem 0;\r\n position: relative;\r\n overflow: hidden;\r\n min-height: 70vh;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .hero-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 700px;\r\n height: 700px;\r\n background-image: url('logo-trindade.png');\r\n background-size: contain;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n opacity: 0.06;\r\n animation: logoFloat 8s ease-in-out infinite;\r\n }\r\n\r\n @keyframes logoFloat {\r\n 0%, 100% { transform: translate(-50%, -50%) scale(1) rotate(0deg); }\r\n 50% { transform: translate(-50%, -50%) scale(1.05) rotate(1deg); }\r\n }\r\n\r\n .hero-content {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n padding: 0 2rem;\r\n position: relative;\r\n z-index: 2;\r\n text-align: center;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-block;\r\n background: linear-gradient(135deg, var(--gold), var(--secondary-color));\r\n color: var(--white);\r\n padding: 0.8rem 2rem;\r\n border-radius: 50px;\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n margin-bottom: 2rem;\r\n box-shadow: var(--shadow-lg);\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 3.5rem;\r\n font-weight: 800;\r\n margin-bottom: 0.5rem;\r\n line-height: 1.1;\r\n background: linear-gradient(135deg, var(--white), var(--gold-light));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.5rem;\r\n font-weight: 500;\r\n margin-bottom: 2rem;\r\n color: rgba(255, 255, 255, 0.9);\r\n }\r\n\r\n .hero-description {\r\n font-size: 1.25rem;\r\n opacity: 0.95;\r\n margin-bottom: 3rem;\r\n line-height: 1.8;\r\n font-weight: 300;\r\n max-width: 800px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .hero-law {\r\n font-size: 1rem;\r\n font-weight: 600;\r\n color: var(--gold-light);\r\n padding: 1rem 2rem;\r\n background: rgba(0, 0, 0, 0.2);\r\n border-radius: 12px;\r\n border: 1px solid rgba(212, 175, 55, 0.3);\r\n display: inline-block;\r\n }\r\n\r\n \/* --- NAVEGA\u00c7\u00c3O --- *\/\r\n .nav-section {\r\n background: var(--white);\r\n padding: 1rem 0;\r\n box-shadow: var(--shadow);\r\n position: sticky;\r\n top: 0;\r\n z-index: 100;\r\n border-bottom: 3px solid var(--primary-color);\r\n }\r\n\r\n .nav-menu {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 1.5rem;\r\n }\r\n\r\n .nav-item {\r\n color: var(--text-light);\r\n text-decoration: none;\r\n font-weight: 600;\r\n padding: 0.75rem 1.5rem;\r\n border-radius: 12px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .nav-item:hover {\r\n color: var(--primary-color);\r\n background: rgba(0, 118, 111, 0.05);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .nav-item.active {\r\n color: var(--white);\r\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n \/* --- SEARCH BAR --- *\/\r\n .search-container {\r\n position: sticky;\r\n top: 70px;\r\n z-index: 99;\r\n background-color: var(--bg-light);\r\n padding: 1rem 2rem;\r\n box-shadow: var(--shadow);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 1rem;\r\n border-bottom: 1px solid var(--border-light);\r\n }\r\n\r\n #search-input {\r\n width: 100%;\r\n max-width: 600px;\r\n padding: 0.8rem 1.2rem;\r\n border: 2px solid var(--primary-color);\r\n border-radius: 25px;\r\n font-size: 1rem;\r\n outline: none;\r\n transition: border-color 0.3s ease;\r\n color: var(--text-dark);\r\n background-color: var(--white);\r\n }\r\n\r\n #search-input:focus {\r\n border-color: var(--secondary-color);\r\n box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2);\r\n }\r\n\r\n .search-container button {\r\n background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));\r\n color: var(--white);\r\n border: none;\r\n border-radius: 50%;\r\n width: 45px;\r\n height: 45px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.2rem;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .search-container button:hover {\r\n transform: scale(1.05);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .voice-active { animation: pulse 1.5s infinite; }\r\n @keyframes pulse {\r\n 0% { box-shadow: 0 0 0 0 rgba(0, 118, 111, 0.7); }\r\n 70% { box-shadow: 0 0 0 10px rgba(0, 118, 111, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(0, 118, 111, 0); }\r\n }\r\n\r\n mark {\r\n background-color: yellow;\r\n color: black;\r\n padding: 0 2px;\r\n border-radius: 3px;\r\n }\r\n\r\n \/* --- BACK TO TOP BUTTON --- *\/\r\n #back-to-top-btn {\r\n display: none;\r\n position: fixed;\r\n bottom: 2rem;\r\n right: 2rem;\r\n z-index: 1000;\r\n background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));\r\n color: var(--white);\r\n border: none;\r\n border-radius: 50%;\r\n width: 55px;\r\n height: 55px;\r\n font-size: 1.5rem;\r\n cursor: pointer;\r\n box-shadow: var(--shadow-lg);\r\n transition: opacity 0.3s, transform 0.3s;\r\n opacity: 0.9;\r\n }\r\n\r\n #back-to-top-btn:hover {\r\n opacity: 1;\r\n transform: translateY(-5px);\r\n }\r\n\r\n \/* --- LAYOUT GERAL --- *\/\r\n .main-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 4rem 2rem;\r\n }\r\n\r\n .section { margin-bottom: 5rem; }\r\n\r\n .section-title {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n color: var(--text-dark);\r\n margin-bottom: 1.5rem;\r\n text-align: center;\r\n position: relative;\r\n }\r\n\r\n .section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 100px;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));\r\n border-radius: 2px;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1.25rem;\r\n color: var(--text-light);\r\n text-align: center;\r\n margin-bottom: 3rem;\r\n max-width: 800px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* --- CARDS E GRIDS --- *\/\r\n .welcome-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 2rem;\r\n margin-bottom: 4rem;\r\n }\r\n\r\n .welcome-card {\r\n background: var(--white);\r\n border-radius: 20px;\r\n padding: 2.5rem;\r\n box-shadow: var(--shadow-lg);\r\n border: 1px solid var(--border-light);\r\n transition: all 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n text-align: center;\r\n }\r\n\r\n .welcome-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 6px;\r\n background: linear-gradient(90deg, var(--primary-color), var(--secondary-color), var(--gold));\r\n }\r\n\r\n .welcome-card:hover { transform: translateY(-10px); box-shadow: var(--shadow-xl); }\r\n\r\n .welcome-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.5rem;\r\n color: var(--white);\r\n font-size: 2rem;\r\n }\r\n\r\n .welcome-title { font-size: 1.4rem; font-weight: 700; color: var(--text-dark); margin-bottom: 1rem; }\r\n .welcome-description { color: var(--text-light); line-height: 1.6; }\r\n\r\n \/* --- LISTAS ESTILIZADAS --- *\/\r\n .rights-responsibilities {\r\n background: var(--white);\r\n border-radius: 24px;\r\n padding: 3rem;\r\n box-shadow: var(--shadow-lg);\r\n margin-bottom: 5rem;\r\n border: 1px solid var(--border-light);\r\n }\r\n\r\n .dual-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));\r\n gap: 4rem;\r\n }\r\n\r\n .column-header {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 2rem;\r\n padding-bottom: 1rem;\r\n border-bottom: 2px solid var(--bg-light);\r\n }\r\n\r\n .column-icon {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n font-size: 1.5rem;\r\n margin-right: 1rem;\r\n }\r\n\r\n .icon-rights { background: linear-gradient(135deg, var(--success), var(--primary-color)); }\r\n .icon-duties { background: linear-gradient(135deg, var(--secondary-color), var(--gold)); }\r\n\r\n .column-title { font-size: 1.5rem; font-weight: 700; color: var(--text-dark); }\r\n\r\n .item-list { list-style: none; }\r\n\r\n .list-item {\r\n display: flex;\r\n align-items: flex-start;\r\n margin-bottom: 1.5rem;\r\n padding: 1.2rem;\r\n background: var(--bg-light);\r\n border-radius: 12px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .list-item:hover { transform: translateX(5px); background: #fff; box-shadow: var(--shadow); }\r\n .list-item.right { border-left: 4px solid var(--success); }\r\n .list-item.duty { border-left: 4px solid var(--secondary-color); }\r\n\r\n .item-icon-small { margin-right: 1rem; color: var(--primary-color); font-size: 1.2rem; margin-top: 3px; }\r\n\r\n .item-content h4 { font-size: 1.1rem; font-weight: 700; margin-bottom: 0.3rem; color: var(--text-dark); }\r\n .item-content p { font-size: 0.95rem; color: var(--text-light); line-height: 1.5; }\r\n\r\n \/* --- SE\u00c7\u00d5ES ESPECIAIS --- *\/\r\n .commitment-section {\r\n background: linear-gradient(135deg, rgba(0, 118, 111, 0.05), rgba(245, 158, 11, 0.05));\r\n border-radius: 24px;\r\n padding: 4rem;\r\n margin: 4rem 0;\r\n text-align: center;\r\n border: 2px solid rgba(0, 118, 111, 0.1);\r\n }\r\n\r\n .commitment-text { font-size: 1.2rem; line-height: 1.8; max-width: 900px; margin: 0 auto; color: var(--text-dark); }\r\n\r\n \/* --- LINKS \u00daTEIS --- *\/\r\n .links-section {\r\n background: var(--bg-light);\r\n border-radius: 20px;\r\n padding: 3rem;\r\n border: 1px solid var(--border-light);\r\n margin-bottom: 5rem;\r\n }\r\n\r\n .links-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 1.5rem;\r\n }\r\n\r\n .link-button {\r\n display: flex;\r\n align-items: center;\r\n padding: 1rem 1.5rem;\r\n background: var(--white);\r\n border-radius: 12px;\r\n text-decoration: none;\r\n color: var(--text-dark);\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .link-button:hover { background: var(--primary-color); color: var(--white); transform: translateY(-3px); }\r\n .link-button i { margin-right: 10px; }\r\n\r\n \/* --- RESPONSIVIDADE --- *\/\r\n @media (max-width: 768px) {\r\n .hero-title { font-size: 2.5rem; }\r\n .hero-section { padding: 3rem 0; min-height: auto; }\r\n .dual-grid { grid-template-columns: 1fr; gap: 2rem; }\r\n .main-container { padding: 2rem 1rem; }\r\n .search-container { padding: 1rem; }\r\n #search-input { max-width: 100%; }\r\n .welcome-grid { grid-template-columns: 1fr; }\r\n .welcome-card { padding: 2rem; }\r\n .rights-responsibilities { padding: 2rem; }\r\n .links-grid { grid-template-columns: 1fr; }\r\n #back-to-top-btn { bottom: 1rem; right: 1rem; width: 45px; height: 45px; font-size: 1.2rem; }\r\n #high-contrast-toggle { top: 0.5rem; right: 0.5rem; width: 40px; height: 40px; font-size: 1rem; }\r\n }\r\n\r\n \/* Anima\u00e7\u00e3o Fade In *\/\r\n .fade-in { animation: fadeIn 1s ease-out forwards; opacity: 0; }\r\n @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"accessibility-bar\">\r\n <button class=\"acc-btn\" id=\"font-decrease\" aria-label=\"Diminuir fonte\" title=\"Diminuir Fonte\">\r\n <i class=\"fas fa-minus\"><\/i>\r\n <\/button>\r\n \r\n <button class=\"acc-btn\" id=\"font-reset\" aria-label=\"Tamanho padr\u00e3o\" title=\"Tamanho Padr\u00e3o\">\r\n <span style=\"font-weight: 700; font-size: 0.8rem;\">A<\/span>\r\n <\/button>\r\n \r\n <button class=\"acc-btn\" id=\"font-increase\" aria-label=\"Aumentar fonte\" title=\"Aumentar Fonte\">\r\n <i class=\"fas fa-plus\"><\/i>\r\n <\/button>\r\n \r\n <div class=\"acc-divider\"><\/div>\r\n\r\n <button class=\"acc-btn\" id=\"high-contrast-toggle\" aria-label=\"Alternar alto contraste\" title=\"Alto Contraste\">\r\n <i class=\"fas fa-adjust\"><\/i>\r\n <\/button>\r\n<\/div>\r\n <nav class=\"nav-section\">\r\n <div class=\"nav-menu\">\r\n <a href=\"#oquee\" class=\"nav-item active\">O que \u00e9?<\/a>\r\n <a href=\"#situacoes\" class=\"nav-item\">Situa\u00e7\u00f5es<\/a>\r\n <a href=\"#financeiro\" class=\"nav-item\">Financeiro<\/a>\r\n <a href=\"#previdencia\" class=\"nav-item\">Previd\u00eancia<\/a>\r\n <a href=\"#duracao\" class=\"nav-item\">Dura\u00e7\u00e3o e T\u00e9rmino<\/a>\r\n <a href=\"#links\" class=\"nav-item\">Links \u00dateis<\/a>\r\n <\/div>\r\n <\/nav>\r\n\r\n <div class=\"search-container\">\r\n <input type=\"text\" id=\"search-input\" placeholder=\"\ud83d\udd0d Pesquisar nesta se\u00e7\u00e3o...\" aria-label=\"Pesquisar\">\r\n <button id=\"voice-search-btn\" aria-label=\"Pesquisa por voz\"><i class=\"fas fa-microphone\"><\/i><\/button>\r\n <\/div>\r\n\r\n <div class=\"main-container\">\r\n\r\n \r\n <section id=\"oquee\" class=\"section fade-in\">\r\n <h2 class=\"section-title\">O que \u00e9 Cess\u00e3o?<\/h2>\r\n \r\n <div class=\"welcome-grid\" style=\"grid-template-columns: 1fr;\">\r\n <div class=\"welcome-card\">\r\n <div class=\"welcome-icon\"><i class=\"fas fa-share-square\"><\/i><\/div>\r\n <h3 class=\"welcome-title\">Defini\u00e7\u00e3o<\/h3>\r\n <p class=\"welcome-description\">\u00c9 a transfer\u00eancia tempor\u00e1ria de exerc\u00edcio do servidor para outro \u00f3rg\u00e3o ou entidade que n\u00e3o integre o Poder Executivo Municipal.<\/p>\r\n <hr style=\"margin: 1rem 0; border: 0; border-top: 1px solid #eee;\">\r\n <p style=\"font-size: 0.9rem; color: var(--text-light);\"><strong>Exemplos:<\/strong> Poder Legislativo, Poder Judici\u00e1rio, Governo do Estado de Goi\u00e1s, Governo Federal, Cons\u00f3rcios P\u00fablicos, Entidades Sociais.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rights-responsibilities\" style=\"margin-top: 2rem;\">\r\n <div class=\"dual-grid\">\r\n <div style=\"grid-column: 1 \/ -1;\">\r\n <ul class=\"item-list\">\r\n <li class=\"list-item right\">\r\n <i class=\"fas fa-shield-alt item-icon-small\"><\/i>\r\n <div class=\"item-content\">\r\n <h4>Voc\u00ea Continua Servidor de Trindade<\/h4>\r\n <p>A cess\u00e3o n\u00e3o modifica sua rela\u00e7\u00e3o jur\u00eddica com o Munic\u00edpio. Voc\u00ea continua vinculado \u00e0 Prefeitura de Trindade, com todos os seus direitos e vantagens preservados.<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"list-item right\">\r\n <i class=\"fas fa-ban item-icon-small\"><\/i>\r\n <div class=\"item-content\">\r\n <h4>Sem Desvio de Fun\u00e7\u00e3o<\/h4>\r\n <p>A cess\u00e3o n\u00e3o pode configurar desvio de fun\u00e7\u00e3o. Se o \u00f3rg\u00e3o cession\u00e1rio tentar colocar voc\u00ea em atividades incompat\u00edveis com seu cargo, o ato \u00e9 nulo (inv\u00e1lido).<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"list-item duty\" style=\"border-left-color: var(--warning);\">\r\n <i class=\"fas fa-exclamation-triangle item-icon-small\" style=\"color: var(--warning);\"><\/i>\r\n <div class=\"item-content\">\r\n <h4 style=\"color: var(--warning);\">N\u00e3o h\u00e1 Cess\u00e3o em Licen\u00e7a<\/h4>\r\n <p>Voc\u00ea n\u00e3o pode ser cedido enquanto estiver de licen\u00e7a ou legalmente afastado.<\/p>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"situacoes\" class=\"section fade-in\">\r\n <h2 class=\"section-title\">Em Quais Situa\u00e7\u00f5es Pode Haver Cess\u00e3o?<\/h2>\r\n <p class=\"section-subtitle\">Aplica-se a servidores efetivos e comissionados.<\/p>\r\n\r\n <div class=\"welcome-grid\">\r\n <div class=\"welcome-card\">\r\n <div class=\"welcome-icon\"><i class=\"fas fa-user-tie\"><\/i><\/div>\r\n <h3 class=\"welcome-title\">Cargo em Comiss\u00e3o<\/h3>\r\n <p class=\"welcome-description\">Quando o servidor efetivo \u00e9 cedido para exercer cargo em comiss\u00e3o ou fun\u00e7\u00e3o de confian\u00e7a no \u00f3rg\u00e3o requisitante.<\/p>\r\n <\/div>\r\n <div class=\"welcome-card\">\r\n <div class=\"welcome-icon\"><i class=\"fas fa-handshake\"><\/i><\/div>\r\n <h3 class=\"welcome-title\">Conv\u00eanios e Contratos<\/h3>\r\n <p class=\"welcome-description\">Para presta\u00e7\u00e3o de servi\u00e7os p\u00fablicos de relevante interesse do Munic\u00edpio, com:<\/p>\r\n <ul style=\"list-style: none; padding: 0; text-align: left; font-size: 0.9rem; color: var(--text-light); margin-top: 0.5rem;\">\r\n <li><i class=\"fas fa-check\" style=\"color: var(--success); margin-right: 5px;\"><\/i> A Uni\u00e3o (Governo Federal)<\/li>\r\n <li><i class=\"fas fa-check\" style=\"color: var(--success); margin-right: 5px;\"><\/i> O Estado de Goi\u00e1s<\/li>\r\n <li><i class=\"fas fa-check\" style=\"color: var(--success); margin-right: 5px;\"><\/i> Outros Munic\u00edpios goianos<\/li>\r\n <li><i class=\"fas fa-check\" style=\"color: var(--success); margin-right: 5px;\"><\/i> Cons\u00f3rcios p\u00fablicos<\/li>\r\n <li><i class=\"fas fa-check\" style=\"color: var(--success); margin-right: 5px;\"><\/i> Entidades e organiza\u00e7\u00f5es sociais<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"financeiro\" class=\"rights-responsibilities fade-in\">\r\n <h2 class=\"section-title\">Quest\u00f5es Financeiras<\/h2>\r\n <p class=\"section-subtitle\">Base Legal: Arts. 67 \u00a71, \u00a72 e 68<\/p>\r\n \r\n <div class=\"dual-grid\">\r\n \r\n <div>\r\n <div class=\"column-header\">\r\n <div class=\"column-icon icon-rights\"><i class=\"fas fa-wallet\"><\/i><\/div>\r\n <h3 class=\"column-title\">Quem Paga?<\/h3>\r\n <\/div>\r\n <ul class=\"item-list\">\r\n <li class=\"list-item right\">\r\n <div class=\"item-content\">\r\n <h4>Regra Geral (\u00d4nus Cession\u00e1rio)<\/h4>\r\n <p>O \u00f4nus \u00e9 do \u00d3rg\u00e3o Cession\u00e1rio (quem recebe voc\u00ea). Ele \u00e9 respons\u00e1vel pelo pagamento da sua remunera\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"list-item right\" style=\"border-left-color: var(--secondary-color);\">\r\n <div class=\"item-content\">\r\n <h4>Exce\u00e7\u00e3o (\u00d4nus Cedente)<\/h4>\r\n <p>Excepcionalmente, Trindade paga se a cess\u00e3o for para: Poder Legislativo, Judici\u00e1rio (Comarca local) ou Estado de Goi\u00e1s, a crit\u00e9rio do Prefeito.<\/p>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <div class=\"column-header\">\r\n <div class=\"column-icon icon-duties\" style=\"background: linear-gradient(135deg, var(--blue-trindade), var(--primary-dark));\"><i class=\"fas fa-file-invoice-dollar\"><\/i><\/div>\r\n <h3 class=\"column-title\">Ressarcimento<\/h3>\r\n <\/div>\r\n <ul class=\"item-list\">\r\n <li class=\"list-item duty\" style=\"border-left-color: var(--blue-trindade);\">\r\n <div class=\"item-content\">\r\n <h4>Folha de Pagamento<\/h4>\r\n <p>O \u00f3rg\u00e3o cession\u00e1rio assume diretamente em sua folha de pagamento o \u00f4nus da remunera\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"list-item duty\" style=\"border-left-color: var(--blue-trindade);\">\r\n <div class=\"item-content\">\r\n <h4>Fatura Mensal<\/h4>\r\n <p>Voc\u00ea (servidor) deve apresentar ao cession\u00e1rio, mensalmente, a fatura com os valores dos encargos sociais e trabalhistas para ressarcimento ao Munic\u00edpio.<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"list-item duty\" style=\"border-left-color: var(--danger);\">\r\n <div class=\"item-content\">\r\n <h4 style=\"color: var(--danger);\">Atraso = Revoga\u00e7\u00e3o<\/h4>\r\n <p>Se o cession\u00e1rio atrasar mais de 60 dias no ressarcimento, a cess\u00e3o \u00e9 revogada automaticamente.<\/p>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"previdencia\" class=\"section fade-in\">\r\n <h2 class=\"section-title\">Previd\u00eancia Social (RPPS)<\/h2>\r\n \r\n <div class=\"welcome-grid\">\r\n <div class=\"welcome-card\">\r\n <div class=\"welcome-icon\"><i class=\"fas fa-piggy-bank\"><\/i><\/div>\r\n <h3 class=\"welcome-title\">Contribui\u00e7\u00f5es Garantidas<\/h3>\r\n <p class=\"welcome-description\">O Munic\u00edpio efetua o pagamento das contribui\u00e7\u00f5es ao RPPS de Trindade e depois cobra (direito de regresso) do \u00f3rg\u00e3o requisitante.<\/p>\r\n <\/div>\r\n <div class=\"welcome-card\" style=\"border-top: 5px solid var(--warning);\">\r\n <div class=\"welcome-icon\" style=\"background: var(--warning);\"><i class=\"fas fa-file-contract\"><\/i><\/div>\r\n <h3 class=\"welcome-title\">Comprova\u00e7\u00e3o Anual<\/h3>\r\n <p class=\"welcome-description\">A cada ano, \u00e9 necess\u00e1rio comprovar o recolhimento das contribui\u00e7\u00f5es previdenci\u00e1rias. Sem comprova\u00e7\u00e3o, a cess\u00e3o n\u00e3o \u00e9 renovada.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"duracao\" class=\"section fade-in\">\r\n <h2 class=\"section-title\">Dura\u00e7\u00e3o e T\u00e9rmino<\/h2>\r\n \r\n <div class=\"welcome-grid\">\r\n <div class=\"welcome-card\">\r\n <div class=\"welcome-icon\"><i class=\"fas fa-calendar-alt\"><\/i><\/div>\r\n <h3 class=\"welcome-title\">Dura\u00e7\u00e3o<\/h3>\r\n <p class=\"welcome-description\"><strong>Regra geral:<\/strong> Anual (acompanha o exerc\u00edcio financeiro).<br><strong>Exce\u00e7\u00e3o:<\/strong> Conforme o prazo do contrato\/conv\u00eanio.<\/p>\r\n <\/div>\r\n <div class=\"welcome-card\">\r\n <div class=\"welcome-icon\"><i class=\"fas fa-door-open\"><\/i><\/div>\r\n <h3 class=\"welcome-title\">Motivos do T\u00e9rmino<\/h3>\r\n <ul style=\"list-style: none; padding: 0; font-size: 0.9rem; color: var(--text-light); margin-top: 0.5rem;\">\r\n <li><i class=\"fas fa-times\" style=\"color: var(--danger); margin-right: 5px;\"><\/i> Exonera\u00e7\u00e3o do cargo cedido<\/li>\r\n <li><i class=\"fas fa-times\" style=\"color: var(--danger); margin-right: 5px;\"><\/i> Revoga\u00e7\u00e3o pelo Prefeito<\/li>\r\n <li><i class=\"fas fa-times\" style=\"color: var(--danger); margin-right: 5px;\"><\/i> Fim do prazo pactuado<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"commitment-section\" style=\"margin-top: 3rem;\">\r\n <h3 class=\"welcome-title\" style=\"margin-bottom: 1rem; color: var(--danger);\"><i class=\"fas fa-stopwatch\"><\/i> Prazo de Retorno: Dia Seguinte<\/h3>\r\n <p class=\"commitment-text\">\r\n Finalizada a cess\u00e3o, voc\u00ea tem <strong>at\u00e9 o dia seguinte<\/strong> para se apresentar ao seu \u00f3rg\u00e3o de origem. Esse prazo conta a partir da exonera\u00e7\u00e3o, revoga\u00e7\u00e3o ou fim da vig\u00eancia, independentemente de comunica\u00e7\u00e3o oficial.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"links\" class=\"links-section fade-in\">\r\n <h2 class=\"section-title\" style=\"margin-bottom: 2rem;\">Links \u00dateis<\/h2>\r\n <div class=\"links-grid\">\r\n <a href=\"https:\/\/trindade.go.gov.br\" target=\"_blank\" class=\"link-button\">\r\n <i class=\"fas fa-landmark\" style=\"color: var(--primary-color);\"><\/i> Prefeitura de Trindade\r\n <\/a>\r\n <a href=\"#\" class=\"link-button\">\r\n <i class=\"fas fa-gavel\" style=\"color: var(--gold);\"><\/i> Leis Municipais\r\n <\/a>\r\n <a href=\"https:\/\/trindade.centi.com.br\/solicitacoes\" target=\"_blank\" class=\"link-button\">\r\n <i class=\"fas fa-laptop-code\" style=\"color: var(--blue-trindade);\"><\/i> Requerimentos Online\r\n <\/a>\r\n <a href=\"#\" class=\"link-button\">\r\n <i class=\"fas fa-search\" style=\"color: var(--primary-color);\"><\/i> Consulta de Processos\r\n <\/a>\r\n <a href=\"https:\/\/trindade.centi.com.br\/juntamedica\" target=\"_blank\" class=\"link-button\">\r\n <i class=\"fas fa-user-md\" style=\"color: var(--danger);\"><\/i> Agendar Per\u00edcia\r\n <\/a>\r\n <a href=\"https:\/\/www.diariomunicipal.com.br\/agm\" target=\"_blank\" class=\"link-button\">\r\n <i class=\"fas fa-newspaper\" style=\"color: var(--text-light);\"><\/i> Atos Oficiais\r\n <\/a>\r\n <a href=\"#\" class=\"link-button\">\r\n <i class=\"fas fa-headset\" style=\"color: var(--success);\"><\/i> Ouvidoria\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"contato\" class=\"rights-responsibilities fade-in\" style=\"margin-bottom: 2rem;\">\r\n <h2 class=\"section-title\">Precisa de Ajuda?<\/h2>\r\n \r\n <div class=\"dual-grid\">\r\n \r\n <div style=\"text-align: center; align-self: center;\">\r\n <div class=\"welcome-icon\" style=\"width: 100px; height: 100px; font-size: 3rem; margin-bottom: 1.5rem;\">\r\n <i class=\"fas fa-users-cog\"><\/i>\r\n <\/div>\r\n <h3 class=\"welcome-title\" style=\"font-size: 1.5rem;\">Secretaria Municipal da Casa Civil<\/h3>\r\n <p class=\"welcome-description\" style=\"font-weight: 600; color: var(--primary-color);\">\r\n Gest\u00e3o de Recursos Humanos\r\n <\/p>\r\n <hr style=\"width: 50px; border: 2px solid var(--gold); margin: 1.5rem auto;\">\r\n <\/div>\r\n\r\n \r\n <ul class=\"item-list\">\r\n <li class=\"list-item right\">\r\n <i class=\"fab fa-whatsapp item-icon-small\" style=\"font-size: 1.5rem; color: var(--success);\"><\/i>\r\n <div class=\"item-content\">\r\n <h4>Telefone \/ WhatsApp<\/h4>\r\n <p>(62) 3142-8176<\/p>\r\n <\/div>\r\n <\/li>\r\n \r\n <li class=\"list-item right\">\r\n <i class=\"fas fa-envelope item-icon-small\" style=\"font-size: 1.5rem; color: var(--blue-trindade);\"><\/i>\r\n <div class=\"item-content\">\r\n <h4>E-mail<\/h4>\r\n <p>\r\n <a href=\"mailto:casacivil@trindade.go.gov.br\" style=\"color: var(--text-light); text-decoration: none;\">casacivil@trindade.go.gov.br<\/a><br>\r\n <a href=\"mailto:departamentopessoal@trindade.go.gov.br\" style=\"color: var(--text-light); text-decoration: none;\">departamentopessoal@trindade.go.gov.br<\/a>\r\n <\/p>\r\n <\/div>\r\n <\/li>\r\n\r\n <li class=\"list-item right\">\r\n <i class=\"fas fa-clock item-icon-small\" style=\"font-size: 1.5rem; color: var(--warning);\"><\/i>\r\n <div class=\"item-content\">\r\n <h4>Atendimento<\/h4>\r\n <p>Seg a Sex: 7:30 \u00e0s 12h e 13:30 \u00e0s 17h<\/p>\r\n <\/div>\r\n <\/li>\r\n\r\n <li class=\"list-item right\">\r\n <i class=\"fas fa-map-marker-alt item-icon-small\" style=\"font-size: 1.5rem; color: var(--danger);\"><\/i>\r\n <div class=\"item-content\">\r\n <h4>Endere\u00e7o<\/h4>\r\n <p>Av. Raimundo de Aquino, 420 - Vila Jo\u00e3o Br\u00e1s<br>Centro Administrativo Municipal<\/p>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/div>\r\n\r\n <button id=\"back-to-top-btn\" aria-label=\"Voltar ao topo\">\r\n <i class=\"fas fa-arrow-up\"><\/i>\r\n <\/button>\r\n\r\n <script>\r\n \/\/ --- 1. Elementos Globais ---\r\n const searchInput = document.getElementById('search-input');\r\n const mainContent = document.querySelector('.main-container');\r\n \/\/ Salva o conte\u00fado original assim que a p\u00e1gina carrega para poder restaurar depois\r\n const originalContent = mainContent ? mainContent.innerHTML : ''; \r\n const body = document.body;\r\n\r\n \/\/ --- 2. Funcionalidade de Pesquisa (Texto) ---\r\n function highlightText(searchText) {\r\n if (!mainContent) return;\r\n\r\n \/\/ Restaura o conte\u00fado original antes de aplicar novo destaque\r\n mainContent.innerHTML = originalContent;\r\n \r\n if (!searchText || searchText.trim() === '') return;\r\n\r\n const regex = new RegExp(searchText, 'gi');\r\n \r\n \/\/ Fun\u00e7\u00e3o recursiva para encontrar e destacar texto\r\n function traverseAndHighlight(node) {\r\n if (node.nodeType === 3) { \/\/ N\u00f3 de texto\r\n const text = node.nodeValue;\r\n if (regex.test(text)) {\r\n const fragment = document.createDocumentFragment();\r\n let lastIndex = 0;\r\n text.replace(regex, (match, index) => {\r\n fragment.appendChild(document.createTextNode(text.substring(lastIndex, index)));\r\n const mark = document.createElement('mark');\r\n mark.textContent = match;\r\n fragment.appendChild(mark);\r\n lastIndex = index + match.length;\r\n return match;\r\n });\r\n fragment.appendChild(document.createTextNode(text.substring(lastIndex)));\r\n node.parentNode.replaceChild(fragment, node);\r\n }\r\n } else if (node.nodeType === 1 && \r\n node.nodeName !== 'SCRIPT' && \r\n node.nodeName !== 'STYLE' && \r\n node.nodeName !== 'MARK') {\r\n Array.from(node.childNodes).forEach(traverseAndHighlight);\r\n }\r\n }\r\n traverseAndHighlight(mainContent);\r\n }\r\n\r\n if (searchInput) {\r\n searchInput.addEventListener('input', (e) => {\r\n highlightText(e.target.value);\r\n });\r\n }\r\n\r\n \/\/ --- 3. Funcionalidade: Voice Search (Pesquisa por Voz) ---\r\n const voiceSearchBtn = document.getElementById('voice-search-btn');\r\n \r\n \/\/ Verifica\u00e7\u00e3o de compatibilidade do navegador\r\n const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;\r\n\r\n if (voiceSearchBtn) {\r\n const iconVoice = voiceSearchBtn.querySelector('i');\r\n\r\n if (SpeechRecognition) {\r\n const recognition = new SpeechRecognition();\r\n recognition.lang = 'pt-BR';\r\n recognition.interimResults = false;\r\n recognition.maxAlternatives = 1;\r\n\r\n let isListening = false;\r\n\r\n voiceSearchBtn.addEventListener('click', () => {\r\n if (isListening) {\r\n recognition.stop();\r\n } else {\r\n recognition.start();\r\n }\r\n });\r\n\r\n recognition.addEventListener('start', () => {\r\n isListening = true;\r\n voiceSearchBtn.classList.add('voice-active');\r\n if(iconVoice) {\r\n iconVoice.classList.remove('fa-microphone');\r\n iconVoice.classList.add('fa-stop');\r\n }\r\n if(searchInput) searchInput.placeholder = \"Ouvindo... Fale agora.\";\r\n });\r\n\r\n recognition.addEventListener('result', (event) => {\r\n const transcript = event.results[0][0].transcript;\r\n if(searchInput) {\r\n searchInput.value = transcript;\r\n highlightText(transcript);\r\n }\r\n });\r\n\r\n recognition.addEventListener('end', () => {\r\n resetVoiceInterface();\r\n });\r\n\r\n recognition.addEventListener('error', (event) => {\r\n console.error('Erro no reconhecimento de voz:', event.error);\r\n if(searchInput) searchInput.placeholder = \"Erro ao ouvir. Tente digitar.\";\r\n resetVoiceInterface();\r\n });\r\n\r\n function resetVoiceInterface() {\r\n isListening = false;\r\n voiceSearchBtn.classList.remove('voice-active');\r\n if(iconVoice) {\r\n iconVoice.classList.remove('fa-stop');\r\n iconVoice.classList.add('fa-microphone');\r\n }\r\n if (searchInput && searchInput.value === '') {\r\n searchInput.placeholder = \"\ud83d\udd0d Pesquisar nesta se\u00e7\u00e3o...\";\r\n }\r\n }\r\n\r\n } else {\r\n console.warn(\"API de reconhecimento de voz n\u00e3o suportada.\");\r\n voiceSearchBtn.style.display = 'none';\r\n }\r\n }\r\n\r\n \/\/ --- 4. Funcionalidade: High Contrast (Alto Contraste) ---\r\n const highContrastToggle = document.getElementById('high-contrast-toggle');\r\n const HIGH_CONTRAST_KEY = 'trindadeHighContrast';\r\n\r\n function applyHighContrast(enable) {\r\n const iconContrast = highContrastToggle ? highContrastToggle.querySelector('i') : null;\r\n if (enable) {\r\n body.classList.add('high-contrast');\r\n if(iconContrast) {\r\n iconContrast.classList.remove('fa-adjust');\r\n iconContrast.classList.add('fa-sun');\r\n }\r\n localStorage.setItem(HIGH_CONTRAST_KEY, 'true');\r\n } else {\r\n body.classList.remove('high-contrast');\r\n if(iconContrast) {\r\n iconContrast.classList.remove('fa-sun');\r\n iconContrast.classList.add('fa-adjust');\r\n }\r\n localStorage.setItem(HIGH_CONTRAST_KEY, 'false');\r\n }\r\n }\r\n\r\n \/\/ Checar prefer\u00eancia salva ao carregar\r\n const savedPreference = localStorage.getItem(HIGH_CONTRAST_KEY);\r\n if (savedPreference === 'true') {\r\n applyHighContrast(true);\r\n }\r\n\r\n if (highContrastToggle) {\r\n highContrastToggle.addEventListener('click', () => {\r\n const isCurrentlyHigh = body.classList.contains('high-contrast');\r\n applyHighContrast(!isCurrentlyHigh);\r\n });\r\n }\r\n\r\n\r\n\/\/ --- 4.1. Funcionalidade: Controle de Fonte ---\r\n const btnIncrease = document.getElementById('font-increase');\r\n const btnDecrease = document.getElementById('font-decrease');\r\n const btnReset = document.getElementById('font-reset');\r\n \r\n \/\/ Configura\u00e7\u00f5es\r\n const MAX_FONT_SIZE = 130; \/\/ Limite m\u00e1ximo em %\r\n const MIN_FONT_SIZE = 70; \/\/ Limite m\u00ednimo em %\r\n const STEP_SIZE = 10; \/\/ Quanto aumenta\/diminui por clique\r\n const DEFAULT_SIZE = 100; \/\/ Tamanho original\r\n \r\n let currentFontSize = parseInt(localStorage.getItem('trindadeFontSize')) || DEFAULT_SIZE;\r\n\r\n function applyFontSize(size) {\r\n \/\/ Aplica a porcentagem no elemento HTML raiz.\r\n \/\/ Como o CSS usa 'rem', tudo escalar\u00e1 proporcionalmente.\r\n document.documentElement.style.fontSize = size + '%';\r\n localStorage.setItem('trindadeFontSize', size);\r\n }\r\n\r\n \/\/ Aplicar tamanho salvo ao carregar a p\u00e1gina\r\n applyFontSize(currentFontSize);\r\n\r\n if (btnIncrease) {\r\n btnIncrease.addEventListener('click', () => {\r\n if (currentFontSize < MAX_FONT_SIZE) {\r\n currentFontSize += STEP_SIZE;\r\n applyFontSize(currentFontSize);\r\n }\r\n });\r\n }\r\n\r\n if (btnDecrease) {\r\n btnDecrease.addEventListener('click', () => {\r\n if (currentFontSize > MIN_FONT_SIZE) {\r\n currentFontSize -= STEP_SIZE;\r\n applyFontSize(currentFontSize);\r\n }\r\n });\r\n }\r\n\r\n if (btnReset) {\r\n btnReset.addEventListener('click', () => {\r\n currentFontSize = DEFAULT_SIZE;\r\n applyFontSize(currentFontSize);\r\n });\r\n }\r\n\r\n\r\n\r\n\r\n \/\/ --- 5. Funcionalidades de Interface (Scroll e Anima\u00e7\u00f5es) ---\r\n \r\n \/\/ Fade-in animation\r\n const fadeInElements = document.querySelectorAll('.fade-in');\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.animationPlayState = 'running';\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n\r\n fadeInElements.forEach(el => {\r\n el.style.animationPlayState = 'paused';\r\n observer.observe(el);\r\n });\r\n\r\n \/\/ Back to top button\r\n const backToTopBtn = document.getElementById('back-to-top-btn');\r\n if (backToTopBtn) {\r\n window.addEventListener('scroll', () => {\r\n if (window.scrollY > 300) {\r\n backToTopBtn.style.display = 'flex';\r\n } else {\r\n backToTopBtn.style.display = 'none';\r\n }\r\n });\r\n \r\n backToTopBtn.addEventListener('click', () => {\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n });\r\n }\r\n\r\n \/\/ Smooth scroll for anchors\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n const targetId = this.getAttribute('href');\r\n if(targetId === '#') return;\r\n \r\n const targetElement = document.querySelector(targetId);\r\n if (targetElement) {\r\n const navElement = document.querySelector('.nav-section');\r\n const navHeight = navElement ? navElement.offsetHeight : 0;\r\n \r\n const searchContainer = document.querySelector('.search-container');\r\n const searchHeight = searchContainer ? searchContainer.offsetHeight : 0;\r\n \r\n const offsetPosition = targetElement.getBoundingClientRect().top + window.scrollY - (navHeight + searchHeight + 20);\r\n\r\n window.scrollTo({\r\n top: offsetPosition,\r\n behavior: 'smooth'\r\n });\r\n }\r\n });\r\n });\r\n\r\n \/\/ Scroll Spy (Menu Ativo)\r\n const sections = document.querySelectorAll('section[id]');\r\n const navItems = document.querySelectorAll('.nav-item');\r\n\r\n function activateNavItem() {\r\n let current = '';\r\n const navElement = document.querySelector('.nav-section');\r\n const navHeight = navElement ? navElement.offsetHeight : 100; \/\/ fallback value\r\n \r\n sections.forEach(section => {\r\n const sectionTop = section.offsetTop - (navHeight + 150);\r\n if (window.scrollY >= sectionTop) {\r\n current = section.getAttribute('id');\r\n }\r\n });\r\n\r\n navItems.forEach(item => {\r\n item.classList.remove('active');\r\n if (item.getAttribute('href').includes(current) && current !== '') {\r\n item.classList.add('active');\r\n }\r\n });\r\n }\r\n window.addEventListener('scroll', activateNavItem);\r\n window.addEventListener('load', activateNavItem);\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CARREIRA Cess\u00e3o Expandindo horizontes com seguran\u00e7a A cess\u00e3o \u00e9 a oportunidade de atuar em outras esferas de governo ou entidades parceiras. Levando sua expertise para novos desafios, sem perder o v\u00ednculo e a prote\u00e7\u00e3o do seu cargo em Trindade. \ud83d\udcdc Base Legal: Arts. 60 a 62 e 67 a 70 da Lei Complementar n\u00ba 60\/2023 […]<\/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-5673","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=\/wp\/v2\/pages\/5673","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=5673"}],"version-history":[{"count":28,"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=\/wp\/v2\/pages\/5673\/revisions"}],"predecessor-version":[{"id":6221,"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=\/wp\/v2\/pages\/5673\/revisions\/6221"}],"wp:attachment":[{"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}