{"id":5789,"date":"2026-01-28T00:10:39","date_gmt":"2026-01-28T03:10:39","guid":{"rendered":"https:\/\/casacivil.trindade.go.gov.br\/?page_id=5789"},"modified":"2026-02-09T08:01:14","modified_gmt":"2026-02-09T11:01:14","slug":"manual-gratificacao-de-incentivo-funcional","status":"publish","type":"page","link":"https:\/\/casacivil.trindade.go.gov.br\/?page_id=5789","title":{"rendered":"Manual &#8211; Gratifica\u00e7ao de Incentivo funcional"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5789\" class=\"elementor elementor-5789\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee214b0 e-con-full e-flex e-con e-child\" data-id=\"ee214b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7ebc808 e-con-full e-flex e-con e-child\" data-id=\"7ebc808\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div data-dce-background-overlay-color=\"#1E2882\" data-dce-background-image-url=\"https:\/\/casacivil.trindade.go.gov.br\/wp-content\/uploads\/2025\/08\/Gravida_Licenca_Maternidade-161x300.jpg\" class=\"elementor-element elementor-element-a7f7e1d e-con-full e-flex e-con e-child\" data-id=\"a7f7e1d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div data-dce-advanced-background-color=\"#DBAA2E\" class=\"elementor-element elementor-element-aeafeb1 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"aeafeb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"dce-animations\"><h4 class=\"elementor-heading-title elementor-size-default\">VANTAGENS<\/h4><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d2ddd7a elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"d2ddd7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Gratifica\u00e7\u00e3o de Incentivo Funcional<br> (GIF)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f51510 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"7f51510\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">O reconhecimento pelo seu aprimoramento<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1073633 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"1073633\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A GIF \u00e9 um adicional pago mensalmente ao servidor est\u00e1vel que busca se qualificar e<br>se profissionalizar em sua \u00e1rea de atua\u00e7\u00e3o.<br><br><div class=\"hero-law\">\n                \ud83d\udcdc Base Legal: Arts. 128 a 130 da Lei Complementar n\u00ba 60\/2023\n            <\/div>\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a5cb821 e-con-full e-flex e-con e-child\" data-id=\"a5cb821\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1591bef elementor-widget elementor-widget-html\" data-id=\"1591bef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Gratifica\u00e7\u00e3o de Incentivo Funcional (GIF) - 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        \/* --- 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        \/* --- HIGH CONTRAST TOGGLE --- *\/\r\n        #high-contrast-toggle {\r\n            position: fixed;\r\n            top: 1rem;\r\n            right: 1rem;\r\n            z-index: 1001;\r\n            background: var(--text-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            box-shadow: var(--shadow);\r\n            transition: background-color 0.3s, color 0.3s, transform 0.3s;\r\n        }\r\n        #high-contrast-toggle:hover {\r\n            transform: scale(1.05);\r\n            background: var(--primary-color);\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    <button id=\"high-contrast-toggle\" aria-label=\"Alternar modo de alto contraste\">\r\n        <i class=\"fas fa-adjust\"><\/i>\r\n    <\/button>\r\n\r\n    <nav class=\"nav-section\">\r\n        <div class=\"nav-menu\">\r\n            <a href=\"#valores\" class=\"nav-item active\">Quanto voc\u00ea recebe?<\/a>\r\n            <a href=\"#regras\" class=\"nav-item\">Regras e Crit\u00e9rios<\/a>\r\n            <a href=\"#quem\" class=\"nav-item\">Quem pode pedir?<\/a>\r\n            <a href=\"#aposentadoria\" class=\"nav-item\">Aposentadoria<\/a>\r\n            <a href=\"#checklist\" class=\"nav-item\">Checklist<\/a>\r\n            <a href=\"#legislacao\" class=\"nav-item\">Legisla\u00e7\u00e3o<\/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        <!-- VALORES -->\r\n        <section id=\"valores\" class=\"section fade-in\">\r\n            <h2 class=\"section-title\">Quanto voc\u00ea recebe?<\/h2>\r\n            <p class=\"section-subtitle\">O incentivo \u00e9 calculado sobre o seu vencimento, seguindo dois n\u00edveis de qualifica\u00e7\u00e3o:<\/p>\r\n            \r\n            <div class=\"welcome-grid\">\r\n                <div class=\"welcome-card\" style=\"border-top: 5px solid var(--primary-light);\">\r\n                    <div class=\"welcome-icon\" style=\"background: var(--primary-light);\"><i class=\"fas fa-certificate\"><\/i><\/div>\r\n                    <h3 class=\"welcome-title\">5% de Adicional<\/h3>\r\n                    <p class=\"welcome-description\">Para quem soma no m\u00ednimo <strong>360 horas<\/strong> em cursos.<\/p>\r\n                <\/div>\r\n                <div class=\"welcome-card\" style=\"border-top: 5px solid var(--success);\">\r\n                    <div class=\"welcome-icon\" style=\"background: var(--success);\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\r\n                    <h3 class=\"welcome-title\">10% de Adicional<\/h3>\r\n                    <p class=\"welcome-description\">Para quem soma no m\u00ednimo <strong>720 horas<\/strong> em cursos.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"commitment-section\" style=\"margin-top: 2rem; padding: 2rem;\">\r\n                <h3 class=\"welcome-title\" style=\"margin-bottom: 1rem; color: var(--warning);\"><i class=\"fas fa-exclamation-triangle\"><\/i> Aten\u00e7\u00e3o<\/h3>\r\n                <p class=\"commitment-text\">\r\n                    Os percentuais n\u00e3o s\u00e3o cumulativos. Se voc\u00ea atingir o n\u00edvel de 10%, ele substitui o de 5%. O limite m\u00e1ximo \u00e9 sempre 10%.\r\n                <\/p>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- REGRAS E CRIT\u00c9RIOS -->\r\n        <section id=\"regras\" class=\"rights-responsibilities fade-in\">\r\n            <h2 class=\"section-title\">Regras e Crit\u00e9rios<\/h2>\r\n            \r\n            <div class=\"dual-grid\">\r\n                <!-- INSTITUI\u00c7\u00d5ES -->\r\n                <div>\r\n                    <div class=\"column-header\">\r\n                        <div class=\"column-icon icon-rights\"><i class=\"fas fa-university\"><\/i><\/div>\r\n                        <h3 class=\"column-title\">Onde voc\u00ea pode estudar?<\/h3>\r\n                    <\/div>\r\n                    <ul class=\"item-list\">\r\n                        <li class=\"list-item right\">\r\n                            <i class=\"fas fa-check-circle item-icon-small\"><\/i>\r\n                            <div class=\"item-content\">\r\n                                <h4>Escolas Reconhecidas pelo MEC<\/h4>\r\n                                <p>Institui\u00e7\u00f5es p\u00fablicas ou particulares com selo do Minist\u00e9rio da Educa\u00e7\u00e3o.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"list-item right\">\r\n                            <i class=\"fas fa-landmark item-icon-small\"><\/i>\r\n                            <div class=\"item-content\">\r\n                                <h4>Escolas do Poder P\u00fablico<\/h4>\r\n                                <p>Cursos oferecidos por \u00f3rg\u00e3os governamentais (Escolas de Governo, ENAP, Tribunais).<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"list-item right\">\r\n                            <i class=\"fas fa-building item-icon-small\"><\/i>\r\n                            <div class=\"item-content\">\r\n                                <h4>Institui\u00e7\u00f5es Habilitadas<\/h4>\r\n                                <p>Entidades que foram previamente aprovadas e autorizadas pela Prefeitura.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- CRIT\u00c9RIOS -->\r\n                <div>\r\n                    <div class=\"column-header\">\r\n                        <div class=\"column-icon icon-duties\" style=\"background: var(--blue-trindade);\"><i class=\"fas fa-list-check\"><\/i><\/div>\r\n                        <h3 class=\"column-title\">O que seu curso precisa ter<\/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>Rela\u00e7\u00e3o com o trabalho<\/h4>\r\n                                <p>O tema deve ser ligado \u00e0s suas tarefas di\u00e1rias no cargo.<\/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>Dura\u00e7\u00e3o m\u00ednima<\/h4>\r\n                                <p>Cada curso individual deve ter no m\u00ednimo <strong>40 horas<\/strong>.<\/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>Desempenho<\/h4>\r\n                                <p>Nota igual ou superior a 70% e presen\u00e7a de pelo menos 75%.<\/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>Data de realiza\u00e7\u00e3o<\/h4>\r\n                                <p>Cursos feitos depois da posse (exceto faculdade\/p\u00f3s).<\/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>Soma de horas<\/h4>\r\n                                <p>Pode somar v\u00e1rios cursos (m\u00edn. 40h cada) at\u00e9 atingir o total.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- QUEM PODE PEDIR -->\r\n        <section id=\"quem\" class=\"section fade-in\">\r\n            <h2 class=\"section-title\">Quem pode pedir?<\/h2>\r\n            \r\n            <div class=\"welcome-grid\" style=\"grid-template-columns: 1fr;\">\r\n                <div class=\"welcome-card\" style=\"border-left: 5px solid var(--success); text-align: left;\">\r\n                    <h3 class=\"welcome-title\" style=\"color: var(--success);\"><i class=\"fas fa-user-check\"><\/i> Servidores Est\u00e1veis<\/h3>\r\n                    <p class=\"welcome-description\">Este direito \u00e9 exclusivo para servidores que j\u00e1 conclu\u00edram o est\u00e1gio probat\u00f3rio.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"welcome-card\" style=\"border-left: 5px solid var(--danger); text-align: left;\">\r\n                    <h3 class=\"welcome-title\" style=\"color: var(--danger);\"><i class=\"fas fa-ban\"><\/i> N\u00e3o pode ser usado para:<\/h3>\r\n                    <p class=\"welcome-description\">Cursos que j\u00e1 eram obrigat\u00f3rios para voc\u00ea entrar no cargo ou cursos que n\u00e3o tenham nada a ver com sua fun\u00e7\u00e3o.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- APOSENTADORIA -->\r\n        <section id=\"aposentadoria\" class=\"commitment-section fade-in\" style=\"border-color: var(--primary-dark); background: linear-gradient(135deg, rgba(0, 90, 84, 0.05), rgba(255, 255, 255, 0.8));\">\r\n            <h3 class=\"welcome-title\" style=\"margin-bottom: 1rem; color: var(--primary-dark);\"><i class=\"fas fa-piggy-bank\"><\/i> Aposentadoria<\/h3>\r\n            <p class=\"commitment-text\">\r\n                A GIF conta para a Previd\u00eancia! Ela serve como base de contribui\u00e7\u00e3o e incorpora aos proventos de aposentadoria (ou entra no c\u00e1lculo da m\u00e9dia).\r\n            <\/p>\r\n        <\/section>\r\n\r\n        <!-- CHECKLIST DE DOCUMENTOS -->\r\n        <section id=\"checklist\" class=\"section fade-in\">\r\n            <h2 class=\"section-title\">Checklist de Documentos<\/h2>\r\n            <p class=\"section-subtitle\">Documenta\u00e7\u00e3o b\u00e1sica para iniciar o processo presencial ou de forma digital:<\/p>\r\n\r\n            <div class=\"welcome-grid\" style=\"grid-template-columns: 1fr;\">\r\n                <div class=\"welcome-card\" style=\"border-top: 5px solid var(--success); text-align: left;\">\r\n                    <div class=\"welcome-icon\" style=\"background: var(--success); margin: 0 auto 1.5rem auto;\">\r\n                        <i class=\"fas fa-clipboard-list\"><\/i>\r\n                    <\/div>\r\n                    <ul class=\"item-list\" style=\"margin-top: 1rem;\">\r\n                        <li class=\"list-item right\">\r\n                            <i class=\"fas fa-check item-icon-small\"><\/i>\r\n                            <div class=\"item-content\">\r\n                                <h4>Requerimento Funcional<\/h4>\r\n                                <p>Preenchido e assinado.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"list-item right\">\r\n                            <i class=\"fas fa-check item-icon-small\"><\/i>\r\n                            <div class=\"item-content\">\r\n                                <h4>RG e CPF<\/h4>\r\n                                <p>C\u00f3pia (frente e verso).<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"list-item right\">\r\n                            <i class=\"fas fa-check item-icon-small\"><\/i>\r\n                            <div class=\"item-content\">\r\n                                <h4>Comprovante de Endere\u00e7o<\/h4>\r\n                                <p>Atualizado.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"list-item right\">\r\n                            <i class=\"fas fa-certificate item-icon-small\" style=\"color: var(--gold);\"><\/i>\r\n                            <div class=\"item-content\">\r\n                                <h4>Certificado contendo:<\/h4>\r\n                                <p>Selo da Institui\u00e7\u00e3o, Carga Hor\u00e1ria, Aproveitamento e Frequ\u00eancia.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- LEGISLA\u00c7\u00c3O (New Section) -->\r\n        <section id=\"legislacao\" class=\"section fade-in\">\r\n            <h2 class=\"section-title\">Legisla\u00e7\u00e3o Vigente<\/h2>\r\n            <div class=\"welcome-grid\" style=\"grid-template-columns: 1fr;\">\r\n                <div class=\"welcome-card\" style=\"border-left: 5px solid var(--primary-dark); text-align: left;\">\r\n                    <h3 class=\"welcome-title\" style=\"color: var(--primary-dark); margin-bottom: 1rem;\">\r\n                        <i class=\"fas fa-balance-scale\"><\/i> Base Legal\r\n                    <\/h3>\r\n                    <p class=\"welcome-description\" style=\"margin-bottom: 1.5rem;\">\r\n                        Este manual e a concess\u00e3o da GIF fundamentam-se na legisla\u00e7\u00e3o vigente do Munic\u00edpio de Trindade. O direito geral est\u00e1 previsto no estatuto, e as regras espec\u00edficas seguem o seu plano de carreira:\r\n                    <\/p>\r\n                    \r\n                    <ul class=\"item-list\">\r\n                        <li class=\"list-item right\" style=\"border-left-color: var(--primary-color);\">\r\n                            <i class=\"fas fa-book item-icon-small\"><\/i>\r\n                            <div class=\"item-content\">\r\n                                <h4>Regra Geral<\/h4>\r\n                                <p>Lei Complementar n\u00ba 60\/2023.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"list-item right\" style=\"border-left-color: var(--secondary-color);\">\r\n                            <i class=\"fas fa-briefcase item-icon-small\" style=\"color: var(--secondary-color);\"><\/i>\r\n                            <div class=\"item-content\">\r\n                                <h4>PCCV Geral<\/h4>\r\n                                <p>Lei n\u00ba 2.318\/2024.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"list-item right\" style=\"border-left-color: var(--danger);\">\r\n                            <i class=\"fas fa-heartbeat item-icon-small\" style=\"color: var(--danger);\"><\/i>\r\n                            <div class=\"item-content\">\r\n                                <h4>PCCV Sa\u00fade<\/h4>\r\n                                <p>Lei n\u00ba 2.319\/2024.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                        <li class=\"list-item right\" style=\"border-left-color: var(--blue-trindade);\">\r\n                            <i class=\"fas fa-book-reader item-icon-small\" style=\"color: var(--blue-trindade);\"><\/i>\r\n                            <div class=\"item-content\">\r\n                                <h4>PCCV Administra\u00e7\u00e3o da Educa\u00e7\u00e3o<\/h4>\r\n                                <p>Lei n\u00ba 2.267\/2023.<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- --- SE\u00c7\u00c3O PADR\u00c3O: LINKS \u00daTEIS --- -->\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        <!-- --- SE\u00c7\u00c3O PADR\u00c3O: CONTATO --- -->\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                <!-- Coluna Esquerda: Identifica\u00e7\u00e3o -->\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                <!-- Coluna Direita: Dados de Contato -->\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        document.addEventListener('DOMContentLoaded', function() {\r\n            \/\/ --- 1. Bot\u00e3o Voltar ao Topo ---\r\n            const backToTopBtn = document.getElementById('back-to-top-btn');\r\n            \r\n            if (backToTopBtn) {\r\n                window.addEventListener('scroll', () => {\r\n                    if (window.scrollY > 300) {\r\n                        backToTopBtn.style.display = 'flex';\r\n                        setTimeout(() => { backToTopBtn.style.opacity = '1'; }, 10);\r\n                    } else {\r\n                        backToTopBtn.style.opacity = '0';\r\n                        setTimeout(() => { \r\n                            if (window.scrollY &lt;= 300) backToTopBtn.style.display = 'none'; \r\n                        }, 300);\r\n                    }\r\n                });\r\n\r\n                backToTopBtn.addEventListener('click', () => {\r\n                    window.scrollTo({\r\n                        top: 0,\r\n                        behavior: 'smooth'\r\n                    });\r\n                });\r\n            }\r\n\r\n            \/\/ --- 2. Modo Alto Contraste (Dia\/Noite) ---\r\n            const highContrastToggle = document.getElementById('high-contrast-toggle');\r\n            const body = document.body;\r\n            const HIGH_CONTRAST_KEY = 'highContrastMode';\r\n\r\n            function applyHighContrast(enable) {\r\n                if (enable) {\r\n                    body.classList.add('high-contrast');\r\n                    if (highContrastToggle) {\r\n                        const icon = highContrastToggle.querySelector('i');\r\n                        if (icon) {\r\n                            icon.classList.remove('fa-adjust');\r\n                            icon.classList.add('fa-sun');\r\n                        }\r\n                    }\r\n                } else {\r\n                    body.classList.remove('high-contrast');\r\n                    if (highContrastToggle) {\r\n                        const icon = highContrastToggle.querySelector('i');\r\n                        if (icon) {\r\n                            icon.classList.remove('fa-sun');\r\n                            icon.classList.add('fa-adjust');\r\n                        }\r\n                    }\r\n                }\r\n                localStorage.setItem(HIGH_CONTRAST_KEY, enable);\r\n            }\r\n\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 isHighContrast = body.classList.contains('high-contrast');\r\n                    applyHighContrast(!isHighContrast);\r\n                });\r\n            }\r\n\r\n            \/\/ --- 3. Scroll Suave para Links ---\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                    const targetElement = document.querySelector(targetId);\r\n                    if (targetElement) {\r\n                        const navSection = document.querySelector('.nav-section');\r\n                        const searchContainer = document.querySelector('.search-container');\r\n                        \r\n                        let offset = 20;\r\n                        if (navSection) offset += navSection.offsetHeight;\r\n                        if (searchContainer) offset += searchContainer.offsetHeight;\r\n\r\n                        const elementPosition = targetElement.getBoundingClientRect().top;\r\n                        const offsetPosition = elementPosition + window.pageYOffset - offset;\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            \/\/ --- 4. Anima\u00e7\u00e3o Fade In ---\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            \/\/ --- 5. 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 navSection = document.querySelector('.nav-section');\r\n                const searchContainer = document.querySelector('.search-container');\r\n                \r\n                let offset = 150;\r\n                if (navSection) offset += navSection.offsetHeight;\r\n                if (searchContainer) offset += searchContainer.offsetHeight;\r\n\r\n                sections.forEach(section => {\r\n                    const sectionTop = section.offsetTop;\r\n                    const sectionHeight = section.clientHeight;\r\n                    if (window.pageYOffset >= (sectionTop - offset)) {\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)) {\r\n                        item.classList.add('active');\r\n                    }\r\n                });\r\n            }\r\n\r\n            window.addEventListener('scroll', activateNavItem);\r\n            \r\n            \/\/ --- 6. Pesquisa (Search) ---\r\n            const searchInput = document.getElementById('search-input');\r\n            const mainContent = document.querySelector('.main-container');\r\n            let originalContent = mainContent ? mainContent.innerHTML : '';\r\n\r\n            if (searchInput && mainContent) {\r\n                function highlightText(searchText) {\r\n                    mainContent.innerHTML = originalContent;\r\n                    if (!searchText || searchText.length &lt; 2) return;\r\n\r\n                    const regex = new RegExp(searchText, 'gi');\r\n                    \r\n                    function traverseAndHighlight(node) {\r\n                        if (node.nodeType === 3) {\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 && node.nodeName !== 'SCRIPT' && node.nodeName !== 'STYLE' && 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                searchInput.addEventListener('input', (e) => {\r\n                    highlightText(e.target.value);\r\n                });\r\n            }\r\n            \r\n            \/\/ --- 7. Pesquisa por Voz ---\r\n            const voiceSearchBtn = document.getElementById('voice-search-btn');\r\n            const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;\r\n\r\n            if (voiceSearchBtn) {\r\n                if (SpeechRecognition) {\r\n                    const recognition = new SpeechRecognition();\r\n                    recognition.lang = 'pt-BR';\r\n                    let isListening = false;\r\n\r\n                    recognition.onresult = (event) => {\r\n                        const transcript = event.results[0][0].transcript;\r\n                        if (searchInput) {\r\n                            searchInput.value = transcript;\r\n                            searchInput.dispatchEvent(new Event('input'));\r\n                        }\r\n                    };\r\n\r\n                    recognition.onend = () => {\r\n                        isListening = false;\r\n                        voiceSearchBtn.classList.remove('voice-active');\r\n                        const icon = voiceSearchBtn.querySelector('i');\r\n                        if(icon) {\r\n                            icon.classList.remove('fa-stop');\r\n                            icon.classList.add('fa-microphone');\r\n                        }\r\n                    };\r\n\r\n                    voiceSearchBtn.addEventListener('click', () => {\r\n                        if (isListening) {\r\n                            recognition.stop();\r\n                        } else {\r\n                            recognition.start();\r\n                            isListening = true;\r\n                            voiceSearchBtn.classList.add('voice-active');\r\n                            const icon = voiceSearchBtn.querySelector('i');\r\n                            if(icon) {\r\n                                icon.classList.remove('fa-microphone');\r\n                                icon.classList.add('fa-stop');\r\n                            }\r\n                        }\r\n                    });\r\n                } else {\r\n                    voiceSearchBtn.style.display = 'none';\r\n                }\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>VANTAGENS Gratifica\u00e7\u00e3o de Incentivo Funcional (GIF) O reconhecimento pelo seu aprimoramento A GIF \u00e9 um adicional pago mensalmente ao servidor est\u00e1vel que busca se qualificar ese profissionalizar em sua \u00e1rea de atua\u00e7\u00e3o. \ud83d\udcdc Base Legal: Arts. 128 a 130 da Lei Complementar n\u00ba 60\/2023 Gratifica\u00e7\u00e3o de Incentivo Funcional (GIF) &#8211; Manual do Servidor P\u00fablico de [&hellip;]<\/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-5789","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=\/wp\/v2\/pages\/5789","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=5789"}],"version-history":[{"count":10,"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=\/wp\/v2\/pages\/5789\/revisions"}],"predecessor-version":[{"id":6656,"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=\/wp\/v2\/pages\/5789\/revisions\/6656"}],"wp:attachment":[{"href":"https:\/\/casacivil.trindade.go.gov.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}