{"id":637,"date":"2025-07-14T16:26:34","date_gmt":"2025-07-14T19:26:34","guid":{"rendered":"https:\/\/wp.ufpel.edu.br\/cppad\/?page_id=637"},"modified":"2025-07-14T17:14:15","modified_gmt":"2025-07-14T20:14:15","slug":"guia-interativo-do-pad","status":"publish","type":"page","link":"https:\/\/wp.ufpel.edu.br\/cppad\/guia-interativo-do-pad\/","title":{"rendered":"GUIA INTERATIVO DO PAD"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <!-- Chosen Palette: \"Calm Professional\" - Um esquema de cores suaves com tons de ard\u00f3sia, cinza e um azul acentuado para interatividade, visando transmitir seriedade e clareza, adequados a um tema jur\u00eddico. -->\n    <!-- Application Structure Plan: A aplica\u00e7\u00e3o foi estruturada como um dashboard de p\u00e1gina \u00fanica com navega\u00e7\u00e3o lateral. Essa abordagem foi escolhida para transformar um conte\u00fado denso e textual em uma experi\u00eancia de aprendizado explorat\u00f3ria e n\u00e3o-linear. O usu\u00e1rio pode navegar livremente entre os conceitos fundamentais, um fluxograma interativo do processo, um explorador de infra\u00e7\u00f5es e penas, e t\u00f3picos especiais como prescri\u00e7\u00e3o. O fluxograma interativo \u00e9 o elemento central, permitindo uma compreens\u00e3o visual e passo a passo do rito processual, o que \u00e9 mais eficaz do que a leitura sequencial para um tema complexo como o PAD. -->\n    <!-- Visualization & Content Choices: \n        - [Processo do PAD -> Objetivo: Organizar -> M\u00e9todo: Fluxograma Interativo com HTML\/Tailwind\/JS -> Intera\u00e7\u00e3o: Clique nos est\u00e1gios para revelar detalhes.] Justificativa: Transforma o processo sequencial em um mapa visual, facilitando a compreens\u00e3o da jornada processual.\n        - [Penalidades vs. Tipos de Infra\u00e7\u00e3o -> Objetivo: Comparar\/Relacionar -> M\u00e9todo: Gr\u00e1fico de Barras com Chart.js -> Intera\u00e7\u00e3o: Tooltips com informa\u00e7\u00f5es adicionais ao passar o mouse.] Justificativa: Demonstra visualmente a correla\u00e7\u00e3o entre a gravidade da infra\u00e7\u00e3o e a severidade da san\u00e7\u00e3o.\n        - [Prazos de Prescri\u00e7\u00e3o -> Objetivo: Informar\/Mudar -> M\u00e9todo: Linha do Tempo Interativa com HTML\/JS -> Intera\u00e7\u00e3o: Sele\u00e7\u00e3o do tipo de penalidade para atualizar dinamicamente a linha do tempo e os c\u00e1lculos.] Justificativa: Desmistifica o c\u00e1lculo complexo da prescri\u00e7\u00e3o, tornando-o tang\u00edvel e f\u00e1cil de entender.\n        - [Atores do Processo -> Objetivo: Informar\/Relacionar -> M\u00e9todo: Cart\u00f5es interativos em layout de grade -> Intera\u00e7\u00e3o: Efeito de 'flip' ou destaque ao passar o mouse para mostrar responsabilidades.] Justificativa: Clarifica os pap\u00e9is e responsabilidades de cada participante do processo de forma concisa e visualmente atraente.\n    -->\n    <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->\n    <title>Guia Interativo do Processo Administrativo Disciplinar (PAD)<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n    <style>\n        body { font-family: 'Inter', sans-serif; }\n        .nav-link { transition: all 0.2s ease-in-out; }\n        .nav-link.active { background-color: #3b82f6; color: white; }\n        .nav-link:not(.active):hover { background-color: #e5e7eb; }\n        .content-section { display: none; }\n        .content-section.active { display: block; }\n        .flowchart-step { cursor: pointer; transition: all 0.2s ease-in-out; border-width: 2px; }\n        .flowchart-step:hover { transform: translateY(-4px); border-color: #3b82f6; }\n        .flowchart-step.active { border-color: #3b82f6; background-color: #eff6ff; }\n        .flowchart-arrow {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 2rem;\n            color: #9ca3af;\n        }\n        @media (max-width: 768px) {\n            .flowchart-arrow {\n                transform: rotate(90deg);\n                margin: 0.5rem 0;\n            }\n        }\n        .chart-container {\n            position: relative;\n            width: 100%;\n            max-width: 700px;\n            height: 350px;\n            margin-left: auto;\n            margin-right: auto;\n            max-height: 50vh;\n        }\n    <\/style>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<\/head>\n<body class=\"bg-slate-50 text-slate-800\">\n\n    <div class=\"flex flex-col md:flex-row min-h-screen\">\n        <aside id=\"sidebar\" class=\"w-full md:w-64 bg-white shadow-md p-4 md:p-6 flex-shrink-0\">\n            <h1 class=\"text-xl font-bold text-slate-900 mb-6\">Guia Interativo do PAD<\/h1>\n            <nav id=\"mainNav\" class=\"space-y-2\">\n                <a href=\"#visao-geral\" class=\"nav-link flex items-center p-3 rounded-lg font-medium text-slate-700 active\">\n                    <span class=\"mr-3\">\u2794<\/span> Vis\u00e3o Geral\n                <\/a>\n                <a href=\"#fundamentos\" class=\"nav-link flex items-center p-3 rounded-lg font-medium text-slate-700\">\n                    <span class=\"mr-3\">&#x2696;&#xfe0f;<\/span> Fundamentos e Princ\u00edpios\n                <\/a>\n                <a href=\"#o-processo\" class=\"nav-link flex items-center p-3 rounded-lg font-medium text-slate-700\">\n                    <span class=\"mr-3\">&#x2699;&#xfe0f;<\/span> O Processo Passo a Passo\n                <\/a>\n                <a href=\"#infracoes-penas\" class=\"nav-link flex items-center p-3 rounded-lg font-medium text-slate-700\">\n                    <span class=\"mr-3\">&#x2696;&#xfe0f;<\/span> Infra\u00e7\u00f5es e Penas\n                <\/a>\n                <a href=\"#topicos-especiais\" class=\"nav-link flex items-center p-3 rounded-lg font-medium text-slate-700\">\n                    <span class=\"mr-3\">&#x2728;<\/span> T\u00f3picos Especiais\n                <\/a>\n            <\/nav>\n        <\/aside>\n\n        <main class=\"flex-1 p-6 md:p-10 overflow-y-auto\">\n            \n            <section id=\"visao-geral\" class=\"content-section active\">\n                <h2 class=\"text-3xl font-bold text-slate-900 mb-4\">Vis\u00e3o Geral do Processo Administrativo Disciplinar<\/h2>\n                <p class=\"text-lg text-slate-600 mb-8\">\n                    Esta se\u00e7\u00e3o introdut\u00f3ria apresenta o conceito central do Processo Administrativo Disciplinar (PAD) e sua import\u00e2ncia para a integridade do servi\u00e7o p\u00fablico. Aqui, voc\u00ea entender\u00e1 o que \u00e9 o Direito Administrativo Disciplinar, as diferentes esferas de responsabiliza\u00e7\u00e3o de um agente p\u00fablico e quem pode ser submetido a um processo disciplinar.\n                <\/p>\n\n                <div class=\"grid md:grid-cols-2 gap-6\">\n                    <div class=\"bg-white p-6 rounded-xl shadow-sm\">\n                        <h3 class=\"font-bold text-xl mb-3 text-slate-900\">O que \u00e9 o PAD?<\/h3>\n                        <p class=\"text-slate-600\">\n                            O Processo Administrativo Disciplinar (PAD) \u00e9 o instrumento formal utilizado pela Administra\u00e7\u00e3o P\u00fablica para apurar a responsabilidade de um servidor por infra\u00e7\u00e3o praticada no exerc\u00edcio de suas atribui\u00e7\u00f5es, ou que tenha rela\u00e7\u00e3o com elas. Baseado nos princ\u00edpios do devido processo legal, contradit\u00f3rio e ampla defesa, seu objetivo \u00e9 garantir a apura\u00e7\u00e3o justa dos fatos e, se for o caso, aplicar a san\u00e7\u00e3o cab\u00edvel, mantendo a ordem, a \u00e9tica e a efici\u00eancia no servi\u00e7o p\u00fablico.\n                        <\/p>\n                    <\/div>\n                    <div class=\"bg-white p-6 rounded-xl shadow-sm\">\n                        <h3 class=\"font-bold text-xl mb-3 text-slate-900\">As Tr\u00eas Esferas de Responsabiliza\u00e7\u00e3o<\/h3>\n                        <p class=\"text-slate-600\">\n                            Uma mesma conduta pode gerar consequ\u00eancias em \u00e2mbitos diferentes, que s\u00e3o, em regra, independentes:\n                        <\/p>\n                        <ul class=\"list-disc list-inside mt-2 space-y-1 text-slate-600\">\n                            <li><span class=\"font-semibold\">Administrativa:<\/span> Apurada pelo PAD, resulta em san\u00e7\u00f5es como advert\u00eancia, suspens\u00e3o ou demiss\u00e3o.<\/li>\n                            <li><span class=\"font-semibold\">Civil:<\/span> Busca a repara\u00e7\u00e3o de danos financeiros ao er\u00e1rio ou a terceiros.<\/li>\n                            <li><span class=\"font-semibold\">Penal:<\/span> Ocorre quando o ato tamb\u00e9m \u00e9 crime. A apura\u00e7\u00e3o \u00e9 judicial e pode levar \u00e0 pris\u00e3o.<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section id=\"fundamentos\" class=\"content-section\">\n                <h2 class=\"text-3xl font-bold text-slate-900 mb-4\">Fundamentos e Princ\u00edpios<\/h2>\n                <p class=\"text-lg text-slate-600 mb-8\">\n                    Todo o processo disciplinar \u00e9 sustentado por um s\u00f3lido alicerce de leis e princ\u00edpios constitucionais. Esta se\u00e7\u00e3o detalha a base legal que rege o PAD e os princ\u00edpios que garantem sua legitimidade e justi\u00e7a, desde as regras gerais da Administra\u00e7\u00e3o P\u00fablica at\u00e9 as garantias espec\u00edficas asseguradas ao servidor processado.\n                <\/p>\n\n                <div class=\"space-y-6\">\n                    <div class=\"bg-white p-6 rounded-xl shadow-sm\">\n                        <h3 class=\"font-bold text-xl mb-3 text-slate-900\">Base Legal<\/h3>\n                        <p class=\"text-slate-600\">O PAD \u00e9 regido por um conjunto de normas hierarquizadas:<\/p>\n                        <ul class=\"list-disc list-inside mt-2 space-y-1 text-slate-600\">\n                            <li><strong>Constitui\u00e7\u00e3o Federal:<\/strong> A norma maior, que estabelece os princ\u00edpios da administra\u00e7\u00e3o e o direito de defesa.<\/li>\n                            <li><strong>Lei n\u00ba 8.112\/90:<\/strong> O estatuto do servidor, \u00e9 a lei espec\u00edfica que detalha todo o rito do PAD.<\/li>\n                            <li><strong>Lei n\u00ba 9.784\/99:<\/strong> Lei geral do processo administrativo, usada para preencher lacunas da lei espec\u00edfica.<\/li>\n                            <li><strong>LAI e LGPD:<\/strong> Leis de Acesso \u00e0 Informa\u00e7\u00e3o e de Prote\u00e7\u00e3o de Dados, que ditam as regras sobre transpar\u00eancia, sigilo e tratamento de dados pessoais no processo.<\/li>\n                         <\/ul>\n                    <\/div>\n                    <div class=\"bg-white p-6 rounded-xl shadow-sm\">\n                        <h3 class=\"font-bold text-xl mb-3 text-slate-900\">Princ\u00edpios Essenciais do PAD<\/h3>\n                        <p class=\"text-slate-600\">A validade do processo depende da observ\u00e2ncia estrita de princ\u00edpios fundamentais:<\/p>\n                        <ul class=\"list-disc list-inside mt-2 space-y-1 text-slate-600\">\n                            <li><strong>Devido Processo Legal:<\/strong> Nenhuma puni\u00e7\u00e3o sem o rito previsto em lei.<\/li>\n                            <li><strong>Contradit\u00f3rio e Ampla Defesa:<\/strong> O direito de saber do que \u00e9 acusado e de se defender com todos os meios poss\u00edveis.<\/li>\n                            <li><strong>Presun\u00e7\u00e3o de Inoc\u00eancia:<\/strong> O servidor \u00e9 inocente at\u00e9 que se prove o contr\u00e1rio. O \u00f4nus da prova \u00e9 da Administra\u00e7\u00e3o.<\/li>\n                            <li><strong>Verdade Real:<\/strong> A comiss\u00e3o deve buscar ativamente os fatos como eles realmente ocorreram.<\/li>\n                            <li><strong>Motiva\u00e7\u00e3o:<\/strong> As decis\u00f5es devem ser sempre fundamentadas.<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section id=\"o-processo\" class=\"content-section\">\n                <h2 class=\"text-3xl font-bold text-slate-900 mb-4\">O Processo Passo a Passo<\/h2>\n                <p class=\"text-lg text-slate-600 mb-8\">\n                    Navegue pelo fluxograma abaixo para entender as fases do Processo Administrativo Disciplinar. Cada etapa representa um momento crucial, desde a apura\u00e7\u00e3o inicial at\u00e9 a decis\u00e3o final. Clique em cada caixa para ver os detalhes daquela fase.\n                <\/p>\n\n                <div id=\"flowchart\" class=\"flex flex-col md:flex-row items-center justify-center space-y-4 md:space-y-0 md:space-x-4 mb-8\">\n                    <div id=\"step-apuracao\" class=\"flowchart-step text-center p-4 bg-white rounded-lg shadow-sm border-2 border-transparent w-full md:w-48 active\">\n                        <div class=\"text-4xl\">&#x1f50e;<\/div>\n                        <h4 class=\"font-semibold mt-2\">Apura\u00e7\u00e3o Preliminar<\/h4>\n                        <p class=\"text-xs text-slate-500\">Not\u00edcia da Irregularidade<\/p>\n                    <\/div>\n                    <div class=\"flowchart-arrow\">\u2192<\/div>\n                    <div id=\"step-instauracao\" class=\"flowchart-step text-center p-4 bg-white rounded-lg shadow-sm border-2 border-transparent w-full md:w-48\">\n                        <div class=\"text-4xl\">&#x1f4dc;<\/div>\n                        <h4 class=\"font-semibold mt-2\">Instaura\u00e7\u00e3o<\/h4>\n                        <p class=\"text-xs text-slate-500\">In\u00edcio formal do PAD<\/p>\n                    <\/div>\n                    <div class=\"flowchart-arrow\">\u2192<\/div>\n                     <div id=\"step-inquerito\" class=\"flowchart-step text-center p-4 bg-white rounded-lg shadow-sm border-2 border-transparent w-full md:w-48\">\n                        <div class=\"text-4xl\">&#x1f575;&#xfe0f;<\/div>\n                        <h4 class=\"font-semibold mt-2\">Inqu\u00e9rito<\/h4>\n                        <p class=\"text-xs text-slate-500\">Instru\u00e7\u00e3o, Defesa e Relat\u00f3rio<\/p>\n                    <\/div>\n                    <div class=\"flowchart-arrow\">\u2192<\/div>\n                    <div id=\"step-julgamento\" class=\"flowchart-step text-center p-4 bg-white rounded-lg shadow-sm border-2 border-transparent w-full md:w-48\">\n                        <div class=\"text-4xl\">&#x1f3db;&#xfe0f;<\/div>\n                        <h4 class=\"font-semibold mt-2\">Julgamento<\/h4>\n                        <p class=\"text-xs text-slate-500\">Decis\u00e3o da Autoridade<\/p>\n                    <\/div>\n                <\/div>\n\n                <div id=\"flowchart-content\" class=\"bg-white p-6 rounded-xl shadow-sm mt-6\">\n                <\/div>\n            <\/section>\n\n            <section id=\"infracoes-penas\" class=\"content-section\">\n                <h2 class=\"text-3xl font-bold text-slate-900 mb-4\">Infra\u00e7\u00f5es e Penalidades<\/h2>\n                <p class=\"text-lg text-slate-600 mb-8\">\n                    O regime disciplinar estabelece uma rela\u00e7\u00e3o direta entre a conduta do servidor e a san\u00e7\u00e3o aplic\u00e1vel. Explore abaixo a correla\u00e7\u00e3o entre os tipos de infra\u00e7\u00f5es e as penalidades previstas na Lei n\u00ba 8.112\/90, que v\u00e3o desde uma simples advert\u00eancia at\u00e9 a demiss\u00e3o do servi\u00e7o p\u00fablico.\n                <\/p>\n                <div class=\"grid md:grid-cols-2 gap-8\">\n                    <div>\n                        <h3 class=\"text-xl font-bold text-slate-900 mb-4 text-center\">Gravidade das Infra\u00e7\u00f5es e Suas Penas<\/h3>\n                        <div class=\"chart-container\">\n                            <canvas id=\"penaltiesChart\"><\/canvas>\n                        <\/div>\n                         <p class=\"text-sm text-slate-500 text-center mt-2\">Passe o mouse sobre as barras para mais detalhes.<\/p>\n                    <\/div>\n                    <div class=\"bg-white p-6 rounded-xl shadow-sm\">\n                        <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Detalhes das Penalidades<\/h3>\n                        <div class=\"space-y-3\">\n                            <div>\n                                <h4 class=\"font-semibold text-blue-600\">Advert\u00eancia<\/h4>\n                                <p class=\"text-sm text-slate-600\">A mais branda, aplicada por escrito para infra\u00e7\u00f5es leves, como descumprimento de dever funcional.<\/p>\n                            <\/div>\n                            <div>\n                                <h4 class=\"font-semibold text-amber-600\">Suspens\u00e3o (at\u00e9 90 dias)<\/h4>\n                                <p class=\"text-sm text-slate-600\">Para reincid\u00eancia em falta pun\u00edvel com advert\u00eancia ou infra\u00e7\u00f5es de gravidade m\u00e9dia. Implica perda da remunera\u00e7\u00e3o.<\/p>\n                            <\/div>\n                             <div>\n                                <h4 class=\"font-semibold text-red-600\">Demiss\u00e3o \/ Cassa\u00e7\u00e3o \/ Destitui\u00e7\u00e3o<\/h4>\n                                <p class=\"text-sm text-slate-600\">As mais graves. Aplicadas por improbidade, corrup\u00e7\u00e3o, abandono de cargo, etc. Resultam no desligamento do servi\u00e7o p\u00fablico.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section id=\"topicos-especiais\" class=\"content-section\">\n                <h2 class=\"text-3xl font-bold text-slate-900 mb-4\">T\u00f3picos Especiais<\/h2>\n                <p class=\"text-lg text-slate-600 mb-8\">\n                   Esta se\u00e7\u00e3o aprofunda temas espec\u00edficos e cruciais para a compreens\u00e3o completa do PAD, como a prescri\u00e7\u00e3o, o sigilo processual e o direito de revis\u00e3o.\n                <\/p>\n                <div class=\"space-y-6\">\n                    <div class=\"bg-white p-6 rounded-xl shadow-sm\">\n                        <h3 class=\"font-bold text-xl mb-3 text-slate-900\">Prescri\u00e7\u00e3o: O Limite de Tempo para Punir<\/h3>\n                        <p class=\"text-slate-600 mb-4\">A prescri\u00e7\u00e3o \u00e9 a perda do direito da Administra\u00e7\u00e3o de punir o servidor pelo decurso do tempo. Os prazos come\u00e7am a contar da data em que a autoridade competente toma conhecimento do fato.<\/p>\n                        <div class=\"flex flex-col sm:flex-row space-y-2 sm:space-y-0 sm:space-x-2 items-center\">\n                           <label for=\"penalty-select\" class=\"font-medium\">Selecione uma pena:<\/label>\n                           <select id=\"penalty-select\" class=\"p-2 border rounded-md bg-white\">\n                               <option value=\"advertencia\">Advert\u00eancia<\/option>\n                               <option value=\"suspensao\">Suspens\u00e3o<\/option>\n                               <option value=\"demissao\">Demiss\u00e3o<\/option>\n                           <\/select>\n                        <\/div>\n                        <div id=\"prescription-timeline\" class=\"mt-4 p-4 bg-slate-100 rounded-lg\">\n                           <!-- Conte\u00fado da timeline ser\u00e1 gerado via JS -->\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"bg-white p-6 rounded-xl shadow-sm\">\n                        <h3 class=\"font-bold text-xl mb-3 text-slate-900\">LAI, LGPD e o Sigilo no Processo<\/h3>\n                        <p class=\"text-slate-600\">\n                           O PAD tramita em sigilo para terceiros at\u00e9 seu julgamento, para proteger a honra dos envolvidos e a efic\u00e1cia da investiga\u00e7\u00e3o. Contudo, as Leis de Acesso \u00e0 Informa\u00e7\u00e3o (LAI) e de Prote\u00e7\u00e3o de Dados (LGPD) imp\u00f5em regras claras:\n                        <\/p>\n                        <ul class=\"list-disc list-inside mt-2 space-y-1 text-slate-600\">\n                            <li>O acesso \u00e9 garantido ao acusado e seu defensor a qualquer tempo.<\/li>\n                            <li>Ap\u00f3s o julgamento, o processo se torna p\u00fablico, resguardando-se as informa\u00e7\u00f5es pessoais (dados sens\u00edveis, endere\u00e7o, etc.).<\/li>\n                            <li>A comiss\u00e3o tem o dever de tratar os dados pessoais com seguran\u00e7a, usando-os apenas para a finalidade da apura\u00e7\u00e3o.<\/li>\n                        <\/ul>\n                    <\/div>\n\n                    <div class=\"bg-white p-6 rounded-xl shadow-sm\">\n                        <h3 class=\"font-bold text-xl mb-3 text-slate-900\">Recursos e Revis\u00e3o do Processo<\/h3>\n                        <p class=\"text-slate-600\">\n                           Mesmo ap\u00f3s a decis\u00e3o, o servidor possui mecanismos de defesa. O **pedido de reconsidera\u00e7\u00e3o** e o **recurso hier\u00e1rquico** s\u00e3o inst\u00e2ncias para contestar a penalidade. Al\u00e9m disso, a **revis\u00e3o do processo** \u00e9 um instrumento poderoso que pode ser solicitado a qualquer tempo, caso surjam fatos novos capazes de provar a inoc\u00eancia do punido ou a inadequa\u00e7\u00e3o da pena. Da revis\u00e3o, nunca pode resultar agravamento da san\u00e7\u00e3o.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n        <\/main>\n    <\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const mainNav = document.getElementById('mainNav');\n    const contentSections = document.querySelectorAll('.content-section');\n    const flowchartSteps = document.querySelectorAll('.flowchart-step');\n    const flowchartContent = document.getElementById('flowchart-content');\n    const penaltySelect = document.getElementById('penalty-select');\n    const timelineDiv = document.getElementById('prescription-timeline');\n\n    const flowchartData = {\n        \"apuracao\": {\n            title: \"Apura\u00e7\u00e3o Preliminar (Ju\u00edzo de Admissibilidade)\",\n            content: \"Tudo come\u00e7a quando a autoridade competente toma conhecimento de uma poss\u00edvel irregularidade. Antes de instaurar um processo formal, ela realiza um ju\u00edzo de admissibilidade para avaliar se os fatos narrados configuram, em tese, uma infra\u00e7\u00e3o e se h\u00e1 ind\u00edcios m\u00ednimos de autoria. Se as informa\u00e7\u00f5es forem insuficientes, pode ser aberta uma Sindic\u00e2ncia Investigativa (SINVE) para aprofundar a apura\u00e7\u00e3o. Se a den\u00fancia for manifestamente improcedente, \u00e9 arquivada.\"\n        },\n        \"instauracao\": {\n            title: \"Fase 1: Instaura\u00e7\u00e3o\",\n            content: \"Se h\u00e1 ind\u00edcios suficientes, a autoridade instaura formalmente o PAD por meio de uma Portaria. Este ato designa uma comiss\u00e3o de 3 servidores est\u00e1veis, que conduzir\u00e1 os trabalhos, e marca o in\u00edcio oficial do processo, interrompendo o prazo de prescri\u00e7\u00e3o. Nesta fase, a autoridade pode tamb\u00e9m determinar o afastamento preventivo do servidor (com remunera\u00e7\u00e3o) por at\u00e9 120 dias, caso sua perman\u00eancia possa atrapalhar a investiga\u00e7\u00e3o.\"\n        },\n        \"inquerito\": {\n            title: \"Fase 2: Inqu\u00e9rito\",\n            content: \"Esta \u00e9 a fase central da apura\u00e7\u00e3o, conduzida pela comiss\u00e3o. \u00c9 dividida em tr\u00eas subfases: <strong>Instru\u00e7\u00e3o<\/strong> (coleta de provas como documentos, per\u00edcias e oitiva de testemunhas), <strong>Defesa<\/strong> (ap\u00f3s a instru\u00e7\u00e3o, se houver prova de infra\u00e7\u00e3o, o servidor \u00e9 formalmente acusado atrav\u00e9s da indicia\u00e7\u00e3o e citado para apresentar sua defesa escrita) e <strong>Relat\u00f3rio<\/strong> (a comiss\u00e3o analisa todo o processo e elabora um relat\u00f3rio conclusivo, sugerindo a inoc\u00eancia ou a responsabiliza\u00e7\u00e3o do servidor e a penalidade cab\u00edvel).\"\n        },\n        \"julgamento\": {\n            title: \"Fase 3: Julgamento\",\n            content: \"O processo, j\u00e1 com o relat\u00f3rio da comiss\u00e3o, \u00e9 encaminhado \u00e0 autoridade competente para a decis\u00e3o final. A autoridade tem 20 dias para julgar. Ela pode concordar com a comiss\u00e3o ou proferir decis\u00e3o diversa, desde que fundamentada nas provas dos autos. \u00c9 neste momento que a penalidade, se houver, \u00e9 efetivamente aplicada por meio de uma portaria.\"\n        }\n    };\n\n    function navigate(hash) {\n        if (!hash) hash = '#visao-geral';\n\n        contentSections.forEach(section => {\n            if ('#' + section.id === hash) {\n                section.classList.add('active');\n            } else {\n                section.classList.remove('active');\n            }\n        });\n\n        mainNav.querySelectorAll('a').forEach(link => {\n            if (link.getAttribute('href') === hash) {\n                link.classList.add('active');\n            } else {\n                link.classList.remove('active');\n            }\n        });\n    }\n\n    mainNav.addEventListener('click', function(e) {\n        const targetLink = e.target.closest('a');\n        if (targetLink) {\n            e.preventDefault();\n            const hash = targetLink.getAttribute('href');\n            history.pushState(null, '', hash);\n            navigate(hash);\n        }\n    });\n\n    flowchartSteps.forEach(step => {\n        step.addEventListener('click', function() {\n            flowchartSteps.forEach(s => s.classList.remove('active'));\n            this.classList.add('active');\n            const stepId = this.id.split('-')[1];\n            const data = flowchartData[stepId];\n            flowchartContent.innerHTML = `\n                <h3 class=\"font-bold text-xl mb-3 text-slate-900\">${data.title}<\/h3>\n                <p class=\"text-slate-600\">${data.content}<\/p>\n            `;\n        });\n    });\n\n    function updatePrescriptionTimeline() {\n        const penalty = penaltySelect.value;\n        let data = {};\n\n        switch(penalty) {\n            case 'advertencia':\n                data = { base: 180, unit: 'dias', interruption: 140 };\n                break;\n            case 'suspensao':\n                data = { base: 2, unit: 'anos', interruption: 140 };\n                break;\n            case 'demissao':\n                data = { base: 5, unit: 'anos', interruption: 140 };\n                break;\n        }\n\n        timelineDiv.innerHTML = `\n            <h4 class=\"font-semibold text-slate-800\">Prazo Prescricional para ${penalty.charAt(0).toUpperCase() + penalty.slice(1)}<\/h4>\n            <div class=\"mt-3 text-slate-700\">\n                <p>O prazo para a Administra\u00e7\u00e3o punir \u00e9 de <strong>${data.base} ${data.unit}<\/strong>.<\/p>\n                <p>Com a instaura\u00e7\u00e3o do PAD, este prazo \u00e9 interrompido e \"pausado\" por at\u00e9 <strong>140 dias<\/strong> (prazo de conclus\u00e3o do processo).<\/p>\n                <p>Ap\u00f3s esses 140 dias, o prazo prescricional volta a correr por inteiro, do zero.<\/p>\n                <p class=\"mt-2 font-bold bg-blue-100 text-blue-800 p-2 rounded-md\">Prazo total efetivo: ${data.base} ${data.unit} + 140 dias.<\/p>\n            <\/div>\n        `;\n    }\n\n    penaltySelect.addEventListener('change', updatePrescriptionTimeline);\n    \n    const penaltiesChartCtx = document.getElementById('penaltiesChart').getContext('2d');\n    const penaltiesChart = new Chart(penaltiesChartCtx, {\n        type: 'bar',\n        data: {\n            labels: ['Advert\u00eancia', 'Suspens\u00e3o', 'Demiss\u00e3o'],\n            datasets: [{\n                label: 'Tipos de Infra\u00e7\u00e3o',\n                data: [9, 2, 6],\n                backgroundColor: [\n                    'rgba(59, 130, 246, 0.7)',\n                    'rgba(245, 158, 11, 0.7)',\n                    'rgba(220, 38, 38, 0.7)'\n                ],\n                borderColor: [\n                    'rgba(59, 130, 246, 1)',\n                    'rgba(245, 158, 11, 1)',\n                    'rgba(220, 38, 38, 1)'\n                ],\n                borderWidth: 1\n            }]\n        },\n        options: {\n            indexAxis: 'y',\n            responsive: true,\n            maintainAspectRatio: false,\n            plugins: {\n                legend: {\n                    display: false\n                },\n                tooltip: {\n                    callbacks: {\n                        label: function(context) {\n                            const label = context.label || '';\n                            const count = context.raw;\n                            let details = '';\n                            if (label === 'Advert\u00eancia') details = 'Ex: Descumprir dever funcional.';\n                            if (label === 'Suspens\u00e3o') details = 'Ex: Reincid\u00eancia, exercer atividade incompat\u00edvel.';\n                            if (label === 'Demiss\u00e3o') details = 'Ex: Corrup\u00e7\u00e3o, improbidade, abandono de cargo.';\n                            return `${count} tipos de infra\u00e7\u00e3o. ${details}`;\n                        }\n                    }\n                }\n            },\n            scales: {\n                x: {\n                    beginAtZero: true,\n                     title: {\n                        display: true,\n                        text: 'N\u00ba de Tipos de Infra\u00e7\u00e3o (Exemplificativo)'\n                    }\n                }\n            }\n        }\n    });\n\n    document.getElementById('step-apuracao').click();\n    navigate(window.location.hash);\n    updatePrescriptionTimeline();\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Guia Interativo do Processo Administrativo Disciplinar (PAD) Guia Interativo do PAD \u2794 Vis\u00e3o Geral &#x2696;&#xfe0f; Fundamentos e Princ\u00edpios &#x2699;&#xfe0f; O Processo Passo a Passo &#x2696;&#xfe0f; Infra\u00e7\u00f5es e Penas &#x2728; T\u00f3picos Especiais Vis\u00e3o Geral do Processo Administrativo Disciplinar Esta se\u00e7\u00e3o introdut\u00f3ria apresenta o conceito central do Processo Administrativo Disciplinar (PAD) e sua import\u00e2ncia para a integridade [&hellip;]<\/p>\n","protected":false},"author":285,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-sem-sidebar.php","meta":{"footnotes":""},"class_list":["post-637","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wp.ufpel.edu.br\/cppad\/wp-json\/wp\/v2\/pages\/637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.ufpel.edu.br\/cppad\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.ufpel.edu.br\/cppad\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.ufpel.edu.br\/cppad\/wp-json\/wp\/v2\/users\/285"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.ufpel.edu.br\/cppad\/wp-json\/wp\/v2\/comments?post=637"}],"version-history":[{"count":17,"href":"https:\/\/wp.ufpel.edu.br\/cppad\/wp-json\/wp\/v2\/pages\/637\/revisions"}],"predecessor-version":[{"id":664,"href":"https:\/\/wp.ufpel.edu.br\/cppad\/wp-json\/wp\/v2\/pages\/637\/revisions\/664"}],"wp:attachment":[{"href":"https:\/\/wp.ufpel.edu.br\/cppad\/wp-json\/wp\/v2\/media?parent=637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}