padr_es_remunerat_rios_porto_murtinho.html
por Alexssander Freitas do E. Santo
—
última modificação
01/06/2026 16h46
padr_es_remunerat_rios_porto_murtinho.html
—
HTML,
34 KB (35093 bytes)
Conteúdo do arquivo
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Padrões Remuneratórios - Câmara de Porto Murtinho</title>
<!-- Fontes Modernas -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Iconografia -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<style>
/* 1. SETUP DE VARIÁVEIS E ESTILOS GERAIS (ESTÉTICA DARK PREMIUM) */
:root {
--bg-main: #0f172a; /* Slate 900 */
--bg-card: #1e293b; /* Slate 800 */
--bg-hover: #334155; /* Slate 700 */
--text-main: #f8fafc; /* Slate 50 */
--text-muted: #94a3b8; /* Slate 400 */
--accent-efetivo: #10b981; /* Emerald 500 */
--accent-comissao: #8b5cf6; /* Violet 500 */
--accent-blue: #38bdf8; /* Sky 400 */
--border-color: #334155; /* Slate 700 */
--font-family: 'Plus Jakarta Sans', sans-serif;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
background-color: var(--bg-main);
color: var(--text-main);
font-family: var(--font-family);
line-height: 1.6;
padding: 20px;
min-height: 100vh;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding-bottom: 60px;
}
/* 2. CABEÇALHO HERO */
header {
background: linear-gradient(135deg, #1e3a8a 0%, #0f172a 100%);
border: 1px solid var(--border-color);
border-radius: 20px;
padding: 40px;
margin-bottom: 30px;
position: relative;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
header::before {
content: '';
position: absolute;
top: -50%;
right: -20%;
width: 400px;
height: 400px;
background: radial-gradient(circle, rgba(56, 189, 248, 0.15) 0%, transparent 70%);
z-index: 0;
pointer-events: none;
}
header * {
position: relative;
z-index: 1;
}
.header-top {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 15px;
}
.header-top i {
color: var(--accent-blue);
font-size: 2rem;
}
header h1 {
font-size: 2.2rem;
font-weight: 700;
letter-spacing: -0.5px;
color: #fff;
}
header p.subtitle {
color: var(--text-muted);
font-size: 1.1rem;
max-width: 800px;
margin-top: 10px;
}
header .law-reference {
display: inline-flex;
align-items: center;
gap: 8px;
background-color: rgba(56, 189, 248, 0.1);
border: 1px solid rgba(56, 189, 248, 0.25);
padding: 6px 12px;
border-radius: 8px;
font-size: 0.85rem;
color: var(--accent-blue);
margin-top: 15px;
text-decoration: none;
transition: all 0.2s ease;
}
header .law-reference:hover {
background-color: rgba(56, 189, 248, 0.2);
border-color: rgba(56, 189, 248, 0.4);
}
/* 3. CARDS DE MÉTRICAS (RESUMO EXECUTIVO) */
.metrics-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 20px;
margin-bottom: 30px;
}
.metric-card {
background-color: var(--bg-card);
border: 1px solid var(--border-color);
border-radius: 16px;
padding: 24px;
display: flex;
align-items: center;
justify-content: space-between;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
transition: transform 0.2s ease, border-color 0.2s ease;
}
.metric-card:hover {
transform: translateY(-2px);
border-color: var(--accent-blue);
}
.metric-info h3 {
font-size: 0.85rem;
color: var(--text-muted);
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 5px;
}
.metric-info p {
font-size: 1.8rem;
font-weight: 700;
}
.metric-icon {
width: 48px;
height: 48px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.25rem;
}
.metric-icon.blue { background-color: rgba(56, 189, 248, 0.1); color: var(--accent-blue); }
.metric-icon.green { background-color: rgba(16, 185, 129, 0.1); color: var(--accent-efetivo); }
.metric-icon.purple { background-color: rgba(139, 92, 246, 0.1); color: var(--accent-comissao); }
/* 4. CONTROLES FILTROS E BUSCA */
.controls-row {
display: flex;
flex-wrap: wrap;
gap: 15px;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
}
.search-box {
position: relative;
flex-grow: 1;
max-width: 450px;
}
.search-box input {
width: 100%;
background-color: var(--bg-card);
border: 1px solid var(--border-color);
border-radius: 12px;
padding: 12px 16px 12px 42px;
color: var(--text-main);
font-family: var(--font-family);
font-size: 0.95rem;
transition: border-color 0.2s ease;
}
.search-box input:focus {
outline: none;
border-color: var(--accent-blue);
}
.search-box i {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
color: var(--text-muted);
font-size: 0.95rem;
}
.filter-tabs {
display: flex;
background-color: var(--bg-card);
border: 1px solid var(--border-color);
padding: 5px;
border-radius: 12px;
gap: 5px;
}
.filter-tab {
background: none;
border: none;
color: var(--text-muted);
font-family: var(--font-family);
font-weight: 500;
padding: 8px 16px;
border-radius: 8px;
cursor: pointer;
transition: all 0.2s ease;
font-size: 0.9rem;
}
.filter-tab.active {
background-color: var(--bg-main);
color: var(--text-main);
border: 1px solid var(--border-color);
}
/* 5. TABELA EXECUTIVA DE CARGOS E VAGAS */
.table-wrapper {
background-color: var(--bg-card);
border: 1px solid var(--border-color);
border-radius: 16px;
overflow-x: auto;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
margin-bottom: 30px;
}
table {
width: 100%;
border-collapse: collapse;
text-align: left;
min-width: 800px;
}
th {
background-color: rgba(15, 23, 42, 0.5);
color: var(--text-muted);
font-weight: 600;
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 18px 24px;
border-bottom: 1px solid var(--border-color);
}
td {
padding: 16px 24px;
border-bottom: 1px solid var(--border-color);
font-size: 0.95rem;
vertical-align: middle;
}
tr:last-child td {
border-bottom: none;
}
tr {
transition: background-color 0.15s ease;
}
tr:hover {
background-color: rgba(255, 255, 255, 0.02);
}
.cargo-nome {
font-weight: 600;
color: #fff;
}
.cargo-requisito {
color: var(--text-muted);
font-size: 0.85rem;
display: block;
margin-top: 2px;
}
/* Badges de Tipo de Provimento */
.badge {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 0.75rem;
font-weight: 700;
padding: 4px 10px;
border-radius: 6px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.badge-efetivo {
background-color: rgba(16, 185, 129, 0.1);
color: var(--accent-efetivo);
border: 1px solid rgba(16, 185, 129, 0.2);
}
.badge-comissao {
background-color: rgba(139, 92, 246, 0.1);
color: var(--accent-comissao);
border: 1px solid rgba(139, 92, 246, 0.2);
}
.badge-vagas {
background-color: rgba(56, 189, 248, 0.1);
color: var(--accent-blue);
border: 1px solid rgba(56, 189, 248, 0.25);
font-weight: 600;
padding: 4px 10px;
border-radius: 6px;
}
.symbol-code {
font-family: monospace;
background-color: rgba(15, 23, 42, 0.6);
padding: 2px 6px;
border-radius: 4px;
color: var(--accent-blue);
font-size: 0.85rem;
border: 1px solid var(--border-color);
}
.salary-value {
font-weight: 600;
color: #fff;
}
/* 6. INFO CARREIRA & PROGRESSÃO (ACORDEÕES) */
.info-section {
background-color: var(--bg-card);
border: 1px solid var(--border-color);
border-radius: 16px;
padding: 30px;
margin-bottom: 30px;
}
.info-section h2 {
font-size: 1.4rem;
font-weight: 600;
margin-bottom: 20px;
color: #fff;
display: flex;
align-items: center;
gap: 10px;
}
.info-section h2 i {
color: var(--accent-blue);
}
.accordion-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 20px;
}
.accordion-item {
border: 1px solid var(--border-color);
border-radius: 12px;
padding: 20px;
background-color: rgba(15, 23, 42, 0.3);
transition: border-color 0.2s ease;
}
.accordion-item:hover {
border-color: var(--accent-blue);
}
.accordion-item h3 {
font-size: 1rem;
font-weight: 600;
margin-bottom: 10px;
color: #fff;
display: flex;
align-items: center;
gap: 8px;
}
.accordion-item h3 i {
color: var(--accent-blue);
font-size: 0.9rem;
}
.accordion-item p {
font-size: 0.9rem;
color: var(--text-muted);
line-height: 1.5;
}
/* 7. NOTA DE ISENÇÃO DE RESPONSABILIDADE & RODAPÉ */
footer {
text-align: center;
padding: 30px 0;
border-top: 1px solid var(--border-color);
margin-top: 40px;
}
footer p {
color: var(--text-muted);
font-size: 0.85rem;
}
footer a {
color: var(--accent-blue);
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
/* 8. DESIGN RESPONSIVO ADICIONAL */
@media (max-width: 768px) {
body {
padding: 10px;
}
header {
padding: 25px;
}
header h1 {
font-size: 1.6rem;
}
.controls-row {
flex-direction: column;
align-items: stretch;
}
.search-box {
max-width: 100%;
}
.filter-tabs {
justify-content: center;
}
}
</style>
</head>
<body>
<div class="container">
<!-- CABEÇALHO HERO -->
<header>
<div class="header-top">
<i class="fa-solid fa-landmark-dome"></i>
<h1>Câmara Municipal de Porto Murtinho - MS</h1>
</div>
<p class="subtitle">
Plano de Cargos, Carreiras e Remuneração (PCCR) unificado e consolidado. Consulte de forma transparente as remunerações oficiais estruturais, requisitos e o quadro completo de pessoal.
</p>
<a href="https://sapl.portomurtinho.ms.leg.br/ta/41/text" class="law-reference" target="_blank">
<i class="fa-solid fa-scroll"></i>
Lei Complementar Municipal nº 71, de 11 de janeiro de 2022
</a>
</header>
<!-- SEÇÃO DE MÉTRICAS RÁPIDAS -->
<div class="metrics-grid">
<div class="metric-card">
<div class="metric-info">
<h3>Vagas Efetivas</h3>
<p id="total-vagas-efetivas">21</p>
</div>
<div class="metric-icon green">
<i class="fa-solid fa-user-check"></i>
</div>
</div>
<div class="metric-card">
<div class="metric-info">
<h3>Vagas Comissionadas</h3>
<p id="total-vagas-comissao">29</p>
</div>
<div class="metric-icon purple">
<i class="fa-solid fa-user-tie"></i>
</div>
</div>
<div class="metric-card">
<div class="metric-info">
<h3>Carga Horária Geral</h3>
<p>40h</p>
</div>
<div class="metric-icon blue">
<i class="fa-solid fa-clock"></i>
</div>
</div>
</div>
<!-- BARRA DE PESQUISA E FILTROS -->
<div class="controls-row">
<div class="search-box">
<i class="fa-solid fa-magnifying-glass"></i>
<input type="text" id="cargo-search" placeholder="Buscar por cargo, requisito ou símbolo...">
</div>
<div class="filter-tabs">
<button class="filter-tab active" onclick="filterCargos('all', this)">Todos</button>
<button class="filter-tab" onclick="filterCargos('efetivo', this)">Efetivo</button>
<button class="filter-tab" onclick="filterCargos('comissao', this)">Comissão</button>
</div>
</div>
<!-- TABELA DE CARGOS -->
<div class="table-wrapper">
<table>
<thead>
<tr>
<th style="width: 40%">Cargo e Requisitos</th>
<th style="width: 15%">Vínculo</th>
<th style="width: 15%">Símbolo / Ref.</th>
<th style="width: 12%; text-align: center;">Qtd. Vagas</th>
<th style="width: 18%">Vencimento Base</th>
</tr>
</thead>
<tbody id="cargos-table-body">
<!-- PROVIMENTO EM COMISSÃO -->
<tr class="cargo-row" data-vinculo="comissao">
<td>
<span class="cargo-nome">Diretor(a) Geral</span>
<span class="cargo-requisito">Graduação de Ensino Superior Completo</span>
</td>
<td><span class="badge badge-comissao"><i class="fa-solid fa-bolt"></i> Comissão</span></td>
<td><span class="symbol-code">DGA-1</span></td>
<td style="text-align: center;"><span class="badge-vagas">01</span></td>
<td><span class="salary-value">R$ 6.500,00</span></td>
</tr>
<tr class="cargo-row" data-vinculo="comissao">
<td>
<span class="cargo-nome">Diretor(a) Administrativo(a)</span>
<span class="cargo-requisito">Graduação de Ensino Superior Completo</span>
</td>
<td><span class="badge badge-comissao"><i class="fa-solid fa-bolt"></i> Comissão</span></td>
<td><span class="symbol-code">DGA-2</span></td>
<td style="text-align: center;"><span class="badge-vagas">01</span></td>
<td><span class="salary-value">R$ 5.800,00</span></td>
</tr>
<tr class="cargo-row" data-vinculo="comissao">
<td>
<span class="cargo-nome">Diretor(a) Financeiro(a)</span>
<span class="cargo-requisito">Graduação de Ensino Superior Completo</span>
</td>
<td><span class="badge badge-comissao"><i class="fa-solid fa-bolt"></i> Comissão</span></td>
<td><span class="symbol-code">DGA-2</span></td>
<td style="text-align: center;"><span class="badge-vagas">01</span></td>
<td><span class="salary-value">R$ 5.800,00</span></td>
</tr>
<tr class="cargo-row" data-vinculo="comissao">
<td>
<span class="cargo-nome">Diretor(a) Jurídico(a)</span>
<span class="cargo-requisito">Ensino Superior em Direito e Inscrição na OAB</span>
</td>
<td><span class="badge badge-comissao"><i class="fa-solid fa-bolt"></i> Comissão</span></td>
<td><span class="symbol-code">DGA-2</span></td>
<td style="text-align: center;"><span class="badge-vagas">01</span></td>
<td><span class="salary-value">R$ 5.800,00</span></td>
</tr>
<tr class="cargo-row" data-vinculo="comissao">
<td>
<span class="cargo-nome">Diretor(a) Legislativo(a)</span>
<span class="cargo-requisito">Graduação de Ensino Superior Completo</span>
</td>
<td><span class="badge badge-comissao"><i class="fa-solid fa-bolt"></i> Comissão</span></td>
<td><span class="symbol-code">DGA-2</span></td>
<td style="text-align: center;"><span class="badge-vagas">01</span></td>
<td><span class="salary-value">R$ 5.800,00</span></td>
</tr>
<tr class="cargo-row" data-vinculo="comissao">
<td>
<span class="cargo-nome">Controlador(a) Geral</span>
<span class="cargo-requisito">Graduação de Ensino Superior Completo</span>
</td>
<td><span class="badge badge-comissao"><i class="fa-solid fa-bolt"></i> Comissão</span></td>
<td><span class="symbol-code">DGA-2</span></td>
<td style="text-align: center;"><span class="badge-vagas">01</span></td>
<td><span class="salary-value">R$ 5.800,00</span></td>
</tr>
<tr class="cargo-row" data-vinculo="comissao">
<td>
<span class="cargo-nome">Assessor(a) de Gabinete da Presidência</span>
<span class="cargo-requisito">Ensino Médio Completo ou Superior</span>
</td>
<td><span class="badge badge-comissao"><i class="fa-solid fa-bolt"></i> Comissão</span></td>
<td><span class="symbol-code">DAS-1</span></td>
<td style="text-align: center;"><span class="badge-vagas">01</span></td>
<td><span class="salary-value">R$ 4.200,00</span></td>
</tr>
<tr class="cargo-row" data-vinculo="comissao">
<td>
<span class="cargo-nome">Assessor(a) de Comunicação</span>
<span class="cargo-requisito">Ensino Superior na área de Comunicação</span>
</td>
<td><span class="badge badge-comissao"><i class="fa-solid fa-bolt"></i> Comissão</span></td>
<td><span class="symbol-code">DAS-2</span></td>
<td style="text-align: center;"><span class="badge-vagas">01</span></td>
<td><span class="salary-value">R$ 3.800,00</span></td>
</tr>
<tr class="cargo-row" data-vinculo="comissao">
<td>
<span class="cargo-nome">Secretário-Geral da Mesa Diretora</span>
<span class="cargo-requisito">Ensino Médio ou Superior Completo</span>
</td>
<td><span class="badge badge-comissao"><i class="fa-solid fa-bolt"></i> Comissão</span></td>
<td><span class="symbol-code">DAS-2</span></td>
<td style="text-align: center;"><span class="badge-vagas">01</span></td>
<td><span class="salary-value">R$ 3.800,00</span></td>
</tr>
<tr class="cargo-row" data-vinculo="comissao">
<td>
<span class="cargo-nome">Chefe de Setor</span>
<span class="cargo-requisito">Ensino Médio Completo</span>
</td>
<td><span class="badge badge-comissao"><i class="fa-solid fa-bolt"></i> Comissão</span></td>
<td><span class="symbol-code">DAI-1</span></td>
<td style="text-align: center;"><span class="badge-vagas">04</span></td>
<td><span class="salary-value">R$ 2.800,00</span></td>
</tr>
<tr class="cargo-row" data-vinculo="comissao">
<td>
<span class="cargo-nome">Assessor(a) de Gabinete Parlamentar</span>
<span class="cargo-requisito">Ensino Médio Completo (1 por Vereador)</span>
</td>
<td><span class="badge badge-comissao"><i class="fa-solid fa-bolt"></i> Comissão</span></td>
<td><span class="symbol-code">AP-1</span></td>
<td style="text-align: center;"><span class="badge-vagas">11</span></td>
<td><span class="salary-value">R$ 2.500,00</span></td>
</tr>
<tr class="cargo-row" data-vinculo="comissao">
<td>
<span class="cargo-nome">Assistente de Gabinete da Presidência</span>
<span class="cargo-requisito">Ensino Médio Completo</span>
</td>
<td><span class="badge badge-comissao"><i class="fa-solid fa-bolt"></i> Comissão</span></td>
<td><span class="symbol-code">DAS-3</span></td>
<td style="text-align: center;"><span class="badge-vagas">02</span></td>
<td><span class="salary-value">R$ 2.100,00</span></td>
</tr>
<!-- PROVIMENTO EFETIVO -->
<tr class="cargo-row" data-vinculo="efetivo">
<td>
<span class="cargo-nome">Procurador(a) Jurídico(a)</span>
<span class="cargo-requisito">Ensino Superior em Direito + Inscrição regular na OAB</span>
</td>
<td><span class="badge badge-efetivo"><i class="fa-solid fa-shield-halved"></i> Efetivo</span></td>
<td><span class="symbol-code">Ref. A-1</span></td>
<td style="text-align: center;"><span class="badge-vagas">01</span></td>
<td><span class="salary-value">R$ 5.500,00</span></td>
</tr>
<tr class="cargo-row" data-vinculo="efetivo">
<td>
<span class="cargo-nome">Contador(a)</span>
<span class="cargo-requisito">Ensino Superior em Ciências Contábeis + Registro no CRC</span>
</td>
<td><span class="badge badge-efetivo"><i class="fa-solid fa-shield-halved"></i> Efetivo</span></td>
<td><span class="symbol-code">Ref. A-1</span></td>
<td style="text-align: center;"><span class="badge-vagas">01</span></td>
<td><span class="salary-value">R$ 5.500,00</span></td>
</tr>
<tr class="cargo-row" data-vinculo="efetivo">
<td>
<span class="cargo-nome">Assistente em Contabilidade</span>
<span class="cargo-requisito">Ensino Médio / Técnico em Contabilidade (Criado via LC 87/2023)</span>
</td>
<td><span class="badge badge-efetivo"><i class="fa-solid fa-shield-halved"></i> Efetivo</span></td>
<td><span class="symbol-code">Ref. B-1</span></td>
<td style="text-align: center;"><span class="badge-vagas">01</span></td>
<td><span class="salary-value">R$ 3.800,00</span></td>
</tr>
<tr class="cargo-row" data-vinculo="efetivo">
<td>
<span class="cargo-nome">Analista de Sistema / Técnico Legislativo</span>
<span class="cargo-requisito">Ensino Superior Completo em TI ou correlatas</span>
</td>
<td><span class="badge badge-efetivo"><i class="fa-solid fa-shield-halved"></i> Efetivo</span></td>
<td><span class="symbol-code">Ref. B-1</span></td>
<td style="text-align: center;"><span class="badge-vagas">01</span></td>
<td><span class="salary-value">R$ 4.000,00</span></td>
</tr>
<tr class="cargo-row" data-vinculo="efetivo">
<td>
<span class="cargo-nome">Assistente Administrativo</span>
<span class="cargo-requisito">Ensino Médio Completo</span>
</td>
<td><span class="badge badge-efetivo"><i class="fa-solid fa-shield-halved"></i> Efetivo</span></td>
<td><span class="symbol-code">Ref. C-1</span></td>
<td style="text-align: center;"><span class="badge-vagas">06</span></td>
<td><span class="salary-value">R$ 2.200,00</span></td>
</tr>
<tr class="cargo-row" data-vinculo="efetivo">
<td>
<span class="cargo-nome">Recepcionista / Auxiliar Legislativo</span>
<span class="cargo-requisito">Ensino Médio Completo</span>
</td>
<td><span class="badge badge-efetivo"><i class="fa-solid fa-shield-halved"></i> Efetivo</span></td>
<td><span class="symbol-code">Ref. C-1</span></td>
<td style="text-align: center;"><span class="badge-vagas">02</span></td>
<td><span class="salary-value">R$ 1.850,00</span></td>
</tr>
<tr class="cargo-row" data-vinculo="efetivo">
<td>
<span class="cargo-nome">Motorista</span>
<span class="cargo-requisito">Ensino Fundamental + Habilitação na Categoria 'D'</span>
</td>
<td><span class="badge badge-efetivo"><i class="fa-solid fa-shield-halved"></i> Efetivo</span></td>
<td><span class="symbol-code">Ref. D-1</span></td>
<td style="text-align: center;"><span class="badge-vagas">02</span></td>
<td><span class="salary-value">R$ 1.900,00</span></td>
</tr>
<tr class="cargo-row" data-vinculo="efetivo">
<td>
<span class="cargo-nome">Auxiliar de Serviços Gerais / Vigia</span>
<span class="cargo-requisito">Ensino Fundamental Incompleto ou Completo</span>
</td>
<td><span class="badge badge-efetivo"><i class="fa-solid fa-shield-halved"></i> Efetivo</span></td>
<td><span class="symbol-code">Ref. E-1</span></td>
<td style="text-align: center;"><span class="badge-vagas">07</span></td>
<td><span class="salary-value">R$ 1.412,00</span></td>
</tr>
</tbody>
</table>
</div>
<!-- SEÇÃO DE DIRETRIZES DA CARREIRA -->
<div class="info-section">
<h2><i class="fa-solid fa-graduation-cap"></i> Diretrizes e Progressão de Carreira</h2>
<div class="accordion-grid">
<div class="accordion-item">
<h3><i class="fa-solid fa-arrow-trend-up"></i> Progressão Funcional</h3>
<p>Ocorre de forma horizontal e vertical para os servidores efetivos. O avanço nas referências salariais é guiado pelo critério de antiguidade (tempo de efetivo exercício) e por avaliações periódicas de desempenho.</p>
</div>
<div class="accordion-item">
<h3><i class="fa-solid fa-award"></i> Incentivo à Capacitação</h3>
<p>Fica assegurado o acréscimo de 10% do vencimento básico para cada nova escolaridade superior à exigida legalmente para a investidura no cargo, estimulando a capacitação técnica contínua dos servidores.</p>
</div>
<div class="accordion-item">
<h3><i class="fa-solid fa-circle-check"></i> Dedicação Exclusiva</h3>
<p>Prevê acréscimos especiais e compensatórios para servidores que desempenharem atividades fora do horário normal de expediente para apoiar sessões e convocações extraordinárias da Mesa Diretora.</p>
</div>
</div>
</div>
<!-- NOTA DE RESPONSABILIDADE & RODAPÉ -->
<footer>
<p>Este painel foi elaborado de forma transparente para consolidação visual com base na <a href="https://sapl.portomurtinho.ms.leg.br/ta/41/text" target="_blank">Lei Complementar nº 71/2022 de Porto Murtinho/MS</a> e suas alterações legais.</p>
<p style="margin-top: 8px; font-size: 0.8rem; opacity: 0.6;">© 2026 Câmara Municipal de Porto Murtinho - MS. Portal de Transparência Visual.</p>
</footer>
</div>
<!-- JAVASCRIPT PARA BUSCA E FILTRAGEM DINÂMICA -->
<script>
function filterCargos(vinculo, button) {
// Atualizar classes dos botões das abas
const tabs = document.querySelectorAll('.filter-tab');
tabs.forEach(tab => tab.classList.remove('active'));
button.classList.add('active');
// Filtrar as linhas correspondentes
const rows = document.querySelectorAll('.cargo-row');
rows.forEach(row => {
const rowVinculo = row.getAttribute('data-vinculo');
if (vinculo === 'all' || rowVinculo === vinculo) {
row.style.display = '';
} else {
row.style.display = 'none';
}
});
}
// Busca em tempo real
document.getElementById('cargo-search').addEventListener('input', function() {
const searchTerm = this.value.toLowerCase();
const rows = document.querySelectorAll('.cargo-row');
const activeTab = document.querySelector('.filter-tab.active').textContent.toLowerCase();
rows.forEach(row => {
const cargoNome = row.querySelector('.cargo-nome').textContent.toLowerCase();
const cargoReq = row.querySelector('.cargo-requisito').textContent.toLowerCase();
const symbolCode = row.querySelector('.symbol-code').textContent.toLowerCase();
const rowVinculo = row.getAttribute('data-vinculo');
// Verifica se combina com o termo buscado
const matchesSearch = cargoNome.includes(searchTerm) || cargoReq.includes(searchTerm) || symbolCode.includes(searchTerm);
// Verifica a restrição do filtro por vínculo
let matchesTab = false;
if (activeTab === 'todos') {
matchesTab = true;
} else if (activeTab === 'efetivo' && rowVinculo === 'efetivo') {
matchesTab = true;
} else if (activeTab === 'comissão' && rowVinculo === 'comissao') {
matchesTab = true;
}
if (matchesSearch && matchesTab) {
row.style.display = '';
} else {
row.style.display = 'none';
}
});
});
</script>
</body>
</html>