perm

<!-- Importa Font Awesome para ícones -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<style>hr { border: none; height: 12px; width: 100vw; /* ocupa a tela inteira */ margin-left: calc(50% - 50vw); /* força a sair do container */ margin-right: calc(50% - 50vw); background: linear-gradient( to right, #001f3f 20%, #003366 20% 40%, #004080 40% 60%, #1a4d7a 60% 80%, #336699 80% 100% );</style>
<style>
/* Remove cabeçalho, breadcrumbs e menus padrão do Plone */ #portal-header, .site-header, #portal-breadcrumbs, .portalMessage.breadcrumbs, .breadcrumbs, h1.documentFirstHeading, .documentFirstHeading, .portaltype-document .documentFirstHeading, .page-header h1, .plone-navbar, .plone-toolbar, #uem-toolbar, #portal-footer { display: none !important; }
:root{
--img-size: 200px;
--radius: 12px;
--gap: 16px;
}
/* --- NOVA ANIMAÇÃO DE FADE IN --- */
/* Estado inicial dos elementos: invisíveis e ligeiramente para baixo */
.fade-in-element {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
/* Estado final: visível e na posição original (classe adicionada via JS) */
.fade-in-element.is-visible {
opacity: 1;
transform: translateY(0);
}
/* RESET */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Aplica efeito vidro apenas nos h1 e h2 */
h2 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: rgba(255, 255, 255, 0.4); /* mais transparente */
text-shadow:
0 0 5px rgba(255,255,255,0.5),
0 0 10px rgba(255,255,255,0.3),
0 0 15px rgba(255, 255, 255, 0.1); /* brilho sutil */
}

/* responsivo: transforma em blocos nos celulares */
@media (max-width: 768px) {
.approved-table { border: 0; box-shadow: none; }
.approved-table thead { display: none; }
.approved-table, .approved-table tbody, .approved-table tr, .approved-table td { display: block; width: 100%; }
.approved-table tr { margin-bottom: 12px; border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 12px; }
.approved-table td {
padding-left: 48%;
position: relative;
text-align: left;
}
.approved-table td::before {
content: attr(data-label);
position: absolute;
left: 12px;
width: calc(48% - 24px);
font-weight: 700;
color: #00124d;
top: 10px;
}
}

h1{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #01248a; /* azul marinho translúcido */
text-shadow:
0 0 5px rgba(0, 25, 100, 0.4),
0 0 10px rgba(0, 25, 100, 0.3),
}

html { scroll-behavior: smooth; }

body {
margin: 0;
font-family: 'Montserrat', sans-serif;
font-size: 20px;
background: #d1d2e4;
line-height: 1.5;
}

/* GALERIA */
.gallery-wrap{
width: 100%;
max-width: calc((var(--img-size) * 5) + (var(--gap) * 4));
margin: 0 auto;
padding: 8px;
}

.gallery{
display: flex;
gap: 10px;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding-bottom: 8px;
}

.gallery img{
width: var(--img-size);
height: var(--img-size);
object-fit: cover;
border-radius: var(--radius);
flex: 0 0 auto;
box-shadow: 0 4px 10px rgba(0,0,0,0.08);
transition: transform .18s ease, box-shadow .18s ease;
}

.gallery img:hover{
transform: translateY(-4px) scale(1.02);
box-shadow: 0 10px 18px rgba(0,0,0,0.12);
}

.gallery::-webkit-scrollbar{ height: 8px; }
.gallery::-webkit-scrollbar-thumb{ background: rgba(0,0,0,0.15); border-radius: 8px; }

.full-box {
background-color: #00124d; /* azul escuro base */
position: relative; /* necessário para o overlay */

color: white;
font-family: 'Montserrat', sans-serif;
font-size: 20px;
padding: 40px 1cm;
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}

/* Overlay semi-transparente */
.full-box::before {
content: '';
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.05); /* branco transparente para suavizar */
pointer-events: none; /* deixa o conteúdo clicável normalmente */
z-index: 0;
}

/* Conteúdo acima do overlay */
.full-box * {
position: relative;
z-index: 1;
}
.full-box h2 { color: #fff; }

/* IMAGENS BOX */
.img-box {
position: relative;
width: 100%;
margin: 1.6em 0;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.img-box img { width: 100%; display: block; }

/* FULL IMAGE */
.full-image {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}

.full-image img {
display: block;
width: 100%;
height: auto; /* Altura automática */
object-fit: contain; /* Mostra a imagem inteira */
max-height: none; /* Remove limite de altura */
}

/* PARTICULAS */
#particles {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}

/* SOCIAL BUTTONS */
.social-buttons {
display: flex;
gap: 12px;
justify-content: flex-end;
margin: 20px 0;
padding: 0 20px;
}
.social-buttons a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
color: white;
text-decoration: none;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
transition: background-color 0.3s ease, transform 0.2s ease;
}
.social-buttons a:hover { transform: scale(1.1); }
.instagram { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285aeb 90%); }
.facebook { background: #1877F2; }
.email { background: #555; }
.social-buttons svg { width: 22px; height: 22px; fill: white; }

/* HEADER FIXO */
.full-header {
position: fixed;
top: 0;
left: 0;
width: 100vw; /* largura total da tela */
padding: 10px 20px;
z-index: 1000;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);

/* efeito vidro */
background: rgba(0, 53, 185, 0.8); /* azul semi-transparente */
backdrop-filter: blur(8px); /* blur no que estiver atrás */
-webkit-backdrop-filter: blur(8px);

border-bottom: 1px solid rgba(255,255,255,0.1); /* detalhe sutil */
}

/* Conteúdo do header */
.header-inner {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1200px;
margin: 0 auto;
}
.header-left { display: flex; align-items: center; gap: 10px; }
.logo { max-height: 80px; object-fit: contain; }

.menu {
display: flex;
gap: 15px;
}
.menu a {
color: white;
text-decoration: none;
display: flex;
align-items: center;
gap: 8px;
padding: 6px 10px;
font-size: 16px;
border-radius: 4px;
transition: background-color 0.3s;
}
.menu a:hover { background-color: rgba(255,255,255,0.12); }
.menu a i { font-size: 18px; }

/* MOBILE */
@media (max-width: 600px) {
.header-inner { flex-direction: column; gap: 10px; }
.menu { width: 100%; justify-content: center; flex-wrap: wrap; }
.menu a { flex-direction: column; font-size: 12px; padding: 4px; }
.menu a span { display: none; }
.menu a i { font-size: 22px; }
}

/* COMPENSA HEADER FIXO */
.page-content { margin-top: 120px; }

/* LAYOUT 2 COLUNAS */
.caixa-texto {
display: flex;
gap: 2%;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.coluna { flex: 1; }
.espaco-vazio { width: 2%; }
@media (max-width: 768px) {
.caixa-texto { flex-direction: column; }
.espaco-vazio { display: none; }
}

/* SECTION CONTAINER */
.section-container {
position: relative;
max-width: 900px;
margin: 0 auto;
padding: 0 20px;
text-align: center;
}

/* Canvas de fundo */
.section-container canvas {
position: absolute;
inset: 0; /* top, right, bottom, left = 0 */
width: 100%;
height: 100%;
z-index: 0;
}

.section-container > * {
position: relative;
z-index: 1; /* garante que texto fique na frente */
}

/* PROGRAMAÇÃO */
.schedule-days-container {
display: flex;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
margin-top: 20px;
}
.day-box {
background: #01248a;
border-radius: 12px;
box-shadow: 0 10px 20px rgba(0,0,0,0.2);
width: 48%;
color: #fff;
margin-bottom: 20px
}
.schedule-header {
padding: 15px;
cursor: pointer;
font-weight: bold;
font-size: 16px;
background: #00124d;
display: block;
justify-content: space-between;
align-items: center;
}
.schedule-day {
display: block;
flex-direction: column;
padding: 10px 15px;
}
.schedule-item { margin-bottom: 15px; }
.schedule-time { font-weight: bold; margin-bottom: 5px; }
.schedule-title { font-size: 14px; line-height: 1.4; }
/* Para dispositivos móveis: caixa ocupa 100% */
@media (max-width: 768px) {
.day-box {
width: 100%;
}
}
/* RODAPÉ */
#portal-footer-wrapper { background: #0035b9; color: #fff; }
</style>

<!-- MENU -->
<header class="full-header">
<div class="header-inner">
<div class="header-left">
<img src="https://dco.uem.br/semana-do-economista/arquivo/imagens/horizontal-fundo-escuro.png"
alt="Logo da Semana" class="logo">
</div>
<nav class="menu">
<a href="#apresentacao"><i class="fas fa-info-circle"></i><span>Apresentação</span></a>
<a href="#programacao"><i class="fas fa-calendar-alt"></i><span>Programação</span></a>
<a href="#inscricoes"><i class="fas fa-edit"></i><span>Inscrições</span></a>
<a href="#trabalhos"><i class="fas fa-upload"></i><span>Trabalhos Aprovados</span></a>
<a href="https://dco.uem.br/semana-do-economista/minicursos"><i class="fas fa-book"></i><span>Minicursos</span></a>
</nav>
</div>
</header>
<!-- CONTEÚDO -->
<div class="page-content">
<!-- Apresentação (capa) -->
<div class="full-image">
<img src="https://dco.uem.br/semana-do-economista/arquivo/imagens/4.jpg"
alt="Banner Semana do Economista">
<canvas id="particles"></canvas>
</div>
<div class="social-buttons">
<a href="https://www.instagram.com/semanadoeconomista/?hl=pt-br" target="_blank" rel="noopener noreferrer" aria-label="Instagram" class="instagram" title="Instagram">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path d="M7.75 2A5.75 5.75 0 002 7.75v8.5A5.75 5.75 0 007.75 22h8.5A5.75 5.75 0 0022 16.25v-8.5A5.75 5.75 0 0016.25 2h-8.5zM12 7a5 5 0 110 10 5 5 0 010-10zm6.25-1.25a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0zM12 9.5a2.5 2.5 0 100 5 2.5 2.5 0 000-5z"/>
</svg>
</a>

<a href="mailto:sec-dco@uem.br" aria-label="E-mail" class="email" title="E-mail">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path d="M2 5.5A2.5 2.5 0 014.5 3h15A2.5 2.5 0 0122 5.5v13a2.5 2.5 0 01-2.5 2.5h-15A2.5 2.5 0 012 18.5v-13zM4.5 5a.5.5 0 00-.5.5v.79l8 5.01 8-5.01v-.79a.5.5 0 00-.5-.5h-15zm15 13v-10.7l-7.6 4.76a.5.5 0 01-.4 0L4.5 7.3V18h15z"/>
</svg>
</a>
</div>
<div class="section-container" id="apresentacao">
<h1>A semana acadêmica mais antiga e tradicional da Universidade Estadual de Maringá está de volta!</h1>
<p>O Departamento de Economia da UEM, em conjunto com o PCE, Caeco, PET Economia e o projeto de extensão "Conjuntura Econômica" estão promovendo a XL Semana do Economista, com o tema “Análise e Desafios da Conjuntura Econômica Brasileira”.</p>
<p>📅 27, 28 e 29 de outubro de 2026</p>
<p>📍 Bloco C34 da UEM</p>
<div class="espaco-vazio"></div>
</div>
<hr>
<!-- BOX AZUL MARINHO -->
<div class="full-box">
<div class="section-container"> <canvas id="particles"></canvas>
<h2>O que é a Semana do Economista?</h2>
<p>
A Semana do Economista da Universidade Estadual de Maringá (UEM) é um evento científico e acadêmico tradicional realizado desde 1978. Seu objetivo é fomentar a iniciação científica e a reflexão crítica, aproximando os(as) estudantes do universo da pesquisa e da produção acadêmica, além de proporcionar um espaço de debate, formação e divulgação do conhecimento em economia e áreas afins. A programação contará com palestras, minicursos, visita técnica e a apresentação de artigos e resumos expandidos.
</p>
</div>

<!-- Palestras -->
<div class="caixa-texto">
<div class="coluna">
<div class="img-box">
<img src="https://dco.uem.br/semana-do-economista/arquivo/imagens/fotografia-tipo-2.png" alt="Fotografia">
</div>
</div>
<div class="espaco-vazio"></div>
<div class="coluna">
<img src="https://dco.uem.br/semana-do-economista/arquivo/imagens/palestra.png" alt="Imagem ilustrativa">
<h2>Palestras</h2>
<p>A programação contará com palestras sobre a análise da conjuntura econômica brasileira. Elas serão conduzidas por especialistas renomados, que buscam inspirar os(as) alunos(as) e estimular o pensamento crítico.</p>
</div>
</div>

<!-- Minicursos -->
<div class="caixa-texto">
<div class="coluna">
<img src="https://dco.uem.br/semana-do-economista/arquivo/imagens/minicursos-1.png" alt="Imagem ilustrativa">
<h2>Minicursos</h2>
<p>Haverá minicursos especializados em temas relevantes da economia atual. Eles serão ministrados por professores e profissionais experientes, com o objetivo de proporcionar conhecimento prático e aprofundar a formação dos(as) alunos(as).</p>
</div>
<div class="espaco-vazio"></div>
<div class="coluna">
<div class="img-box">
<img src="https://dco.uem.br/semana-do-economista/arquivo/imagens/minicursos.png" alt="Minicursos">
</div>
</div>
</div>

<!-- Artigos -->
<div class="caixa-texto">
<div class="coluna">
<div class="img-box">
<img src="https://dco.uem.br/semana-do-economista/arquivo/imagens/fotografia-tipo-2-1.png" alt="Apresentações">
</div>
</div>
<div class="espaco-vazio"></div>
<div class="coluna">
<img src="https://dco.uem.br/semana-do-economista/arquivo/imagens/apresentacao.png" alt="Imagem ilustrativa">
<h2>Apresentação de Artigos/Resumos Expandidos</h2>
<p>Ocorrerão apresentações de artigos e resumos expandidos elaborados pelos(as) alunos(as) e pesquisadores(as). As sessões são conduzidas por avaliadores qualificados, estimulando a troca de ideias e o desenvolvimento do pensamento crítico acadêmico.</p>
</div>
</div>

<!-- Visita técnica -->
<div class="caixa-texto">
<div class="coluna">
<img src="https://dco.uem.br/semana-do-economista/arquivo/imagens/visita.png" alt="Imagem ilustrativa">
<h2>Visita Técnica</h2>
<p>A atividade permitirá que os(as) alunos(as) conheçam de perto o funcionamento de um empreendimento. O objetivo é aproximar os acadêmicos(as) de uma das possibilidades de atuação profissional.</p>
</div>
<div class="espaco-vazio"></div>
<div class="coluna">
<div class="img-box">
<img src="https://dco.uem.br/semana-do-economista/arquivo/imagens/business" alt="Imagem ilustrativa">
</div>
</div>
</div>
</div>
<hr>
<!-- Programação -->
<div class="section-container" id="programacao">
<h1>Programação</h1>
<div class="schedule-days-container">
<!-- SEGUNDA-FEIRA (Novo dia 27/10) -->
<div class="day-box">
<div class="schedule-header" onclick="toggleDay(0)">
27/10/2025 • Segunda-feira <i class="fa fa-chevron-down"></i>
</div>
<div class="schedule-day">
<div class="schedule-item">
<div class="schedule-time">14:00 às 16:30</div>
<div class="schedule-details">
<div class="schedule-title">Visita técnica à SVN Investimentos</div>
</div>
</div>
</div>
</div>

<!-- TERÇA-FEIRA -->
<div class="day-box">
<div class="schedule-header" onclick="toggleDay(1)">
28/10/2025 • Terça-feira <i class="fa fa-chevron-down"></i>
</div>
<div class="schedule-day">
<div class="schedule-item">
<div class="schedule-time">08:00 às 11:30</div>
<div class="schedule-details">
<div class="schedule-title">Credenciamento e Minicursos</div>
</div>
</div>
<div class="schedule-item">
<div class="schedule-time">13:30 às 17:30</div>
<div class="schedule-details">
<div class="schedule-title">Credenciamento e Minicursos</div>
</div>
</div>
<div class="schedule-item">
<div class="schedule-time">19:00 às 23:00</div>
<div class="schedule-details">
<div class="schedule-title">Credenciamento e Sessão Especial: Abertura e Palestra com Prof. Dr. Marco Antônio (IE/Unicamp)</div>
</div>
</div>
<div class="schedule-item">
<img class="image-richtext image-inline" style="display: block; margin-left: auto; margin-right: auto;" src="https://dco.uem.br/semana-do-economista/arquivo/imagens/palestrante.png/" alt="" width="" height="50%" data-linktype="image" data-scale="" data-val="a51481de9058404e8bb4a87f6059d4fc" />
</div>
</div>
</div>

<!-- QUARTA-FEIRA -->
<div class="day-box">
<div class="schedule-header" onclick="toggleDay(2)">
29/10/2025 • Quarta-feira <i class="fa fa-chevron-down"></i>
</div>
<div class="schedule-day">
<div class="schedule-item">
<div class="schedule-time">08:00 às 12:00</div>
<div class="schedule-details">
<div class="schedule-title">Minicursos</div>
</div>
</div>
<div class="schedule-item">
<div class="schedule-time">13:30 às 17:30</div>
<div class="schedule-details">
<div class="schedule-title">Minicursos</div>
</div>
</div>
<div class="schedule-item">
<div class="schedule-time">19:00 às 23:00</div>
<div class="schedule-details">
<div class="schedule-title">Minicursos</div>
</div>
</div>
</div>
</div>

<!-- QUINTA-FEIRA -->
<div class="day-box">
<div class="schedule-header" onclick="toggleDay(3)">
30/10/2025 • Quinta-feira <i class="fa fa-chevron-down"></i>
</div>
<div class="schedule-day">
<div class="schedule-item">
<div class="schedule-time">08:00 às 12:00</div>
<div class="schedule-details">
<div class="schedule-title">Minicursos</div>
</div>
</div>
<div class="schedule-item">
<div class="schedule-time">13:30 às 17:30</div>
<div class="schedule-details">
<div class="schedule-title">Sessões ordinárias de apresentação de artigos e Minicursos</div>
</div>
</div>
<div class="schedule-item">
<div class="schedule-time">19:00 às 23:00</div>
<div class="schedule-details">
<div class="schedule-title">Sessão Especial: Encerramento e Comemoração dos 30 anos de Conjuntura</div>
</div>
</div>
</div>
</div>
</div>
<script>
function toggleDay(index) {
const days = document.querySelectorAll('.schedule-day');
days[index].style.display = days[index].style.display === 'block' ? 'none' : 'block';
}
</script>
<!-- Inscrições -->
<div class="section-container" id="inscricoes">
<h1>Inscrições</h1>
<div style="text-align: center; margin: 40px auto;">
<a href="https://dco.uem.br/semana-do-economista/minicursos" target="_blank" class="botao-submissao">
<i class="fas fa-book"></i> Minicursos
</a>
</div>
<p style="text-align: justify;"><strong>Valores das inscrições:</strong></p>
<ul style="text-align: justify;">
<li>Discente de Graduação: R$ 35,00</li>
<li>Discente de Pós-Graduação: R$ 70,00</li>
<li>Docentes: R$ 70,00</li>
<li>Servidores Técnico-Administrativos: R$ 50,00</li>
<li>Outras Categorias: R$ 70,00</li>
</ul>
<p style="text-align: justify;">Para fazer a inscrição e pagar <strong><a href="https://www.npd.uem.br/gr/gr_uem_bb.zul" target="_blank" rel="noopener">clique aqui</a>. </strong>Coloque o código de recolhimento <strong>6320</strong>, preencha os dados e o valor conforme a sua categoria. Pagamento por boleto.</p>
<p style="text-align: justify;"><strong>Período de inscrições:</strong> A partir de 1º de outubro.</p>
<p style="text-align: justify;"><strong>Atenção:</strong> o evento é aberto e gratuito para todos, mas a inscrição é necessária para receber certificado de participação, ter seu trabalho publicado nos anais do evento e para ter prioridade na inscrição dos minicursos.</p>
</div>
<hr>
</div>
<div class="full-box">
<!-- Submissões -->
<div class="section-container" id="submissoes">
<h2>Submissões</h2>
<p>De 21 de setembro a 9 de outubro de 2026 (submeter).</p>
</div>
<p>Os trabalhos devem ser enviados da seguinte forma: 02 cópias digitais, em <strong>.docx</strong>, sendo uma cópia com identificação (nome completo, filiação institucional e e-mail) e outra cópia sem identificação. A submissão do artigo/resumo expandido deverá ser encaminhada via Google Forms. O limite de autores é de 5 pessoas, ao submeter, este(s) concorda(m) com os termos da licença <a href="https://creativecommons.org/licenses/by/4.0/deed.en" data-linktype="external" data-val="https://creativecommons.org/licenses/by/4.0/deed.en">CC-BY 4.0</a> (acesso livre).</p>
<p><strong>O que você dever encaminhar no formulário:</strong></p>
<ul>
<li>Um arquivo contendo o texto em versão integral, com a identificação de autoria, que será divulgado no site do EVENTO se o trabalho for aprovado;</li>
<li>Outro arquivo, que será encaminhado à comissão científica para avaliação, no qual não deverão constar o nome do autor e coautores, sua filiação institucional ou qualquer outro elemento que permita identificá-los.</li>
</ul>
<p><strong>Observação:</strong> a seleção seguirá o sistema de <em>blind review</em>, preservando-se o anonimato dos autores. O tempo para apresentação é de, no máximo, 15 minutos. A lista de artigos aprovados será publicada em breve no site do evento. </p>
<div class="section-container" id="formatacao"><h2>Formatação</h2></div>
<div style="text-align: center; margin: 40px auto;">
<a href="https://dco.uem.br/semana-do-economista/arquivo/template2025/" target="_blank" class="botao-submissao">
<i class="fas fa-info-circle"></i> Modelo de Artigo e Resumo Expandido
</a>
</div>
<div style="text-align: center; margin: 40px auto;">
<a href="https://dco.uem.br/semana-do-economista/arquivo/template-de-apresentacao-xxxix-semana-do-economista.pptx" target="_blank" class="botao-submissao">
<i class="fas fa-info-circle"></i> Modelo de Apresentação
</a>
</div>
<ol>
<li><strong> Requisitos do Documento</strong></li>
</ol>
<p style="padding-left: 60px;"><strong>1.1. Obrigatoriamente utilize o modelo do evento. É o mesmo para artigo e resumo expandido, <a href="https://dco.uem.br/semana-do-economista/arquivo/template2025/">Clique aqui</a></strong>.</p>
<p style="padding-left: 60px;">1.2. O documento deve ser configurado em papel A4 com as seguintes margens: superior 3 cm, inferior 2 cm, esquerda 3 cm e direita 2 cm.</p>
<p style="padding-left: 60px;">1.3. As páginas não devem ser numeradas. Essa numeração será feita posteriormente pela organização do evento.</p>
<p style="padding-left: 60px;">1.4. O artigo completo deve ter até 20 páginas no total, e o resumo expandido até 7 páginas.</p>
<p style="padding-left: 60px;">1.5. A primeira página deve conter apenas o título, área, autor(es), palavras-chave, resumo e a classificação JEL. O conteúdo do trabalho deve começar na próxima página.</p>
<ol start="2">
<li><strong> Formatação do Conteúdo</strong></li>
</ol>
<p style="padding-left: 60px;">2.1. Não alterar o <em>layout</em> da primeira página do modelo, apenas alterar o conteúdo.</p>
<p style="padding-left: 60px;">2.2. O texto principal deve seguir as seguintes normas:</p>
<p style="padding-left: 120px;">2.2.1. Recuo de parágrafo de 1,25 cm na primeira linha.</p>
<p style="padding-left: 120px;">2.2.2. Fonte Arial 12.</p>
<p style="padding-left: 120px;">2.2.3. Parágrafo justificado.</p>
<p style="padding-left: 120px;">2.2.4. Espaçamento simples.</p>
<p style="padding-left: 60px;">2.3. Títulos de Nível 1, 2 e 3 devem ter um espaço em branco entre eles e o parágrafo seguinte, e também entre uma seção e outra.</p>
<p style="padding-left: 60px;">2.4. Para os títulos de Nível 2 e 3, utilize a fonte Arial 12, parágrafo justificado e espaçamento 1.0 cm.</p>
<p style="padding-left: 60px;">2.5. O espaçamento antes e depois do parágrafo deve ser 0.</p>
<ol start="3">
<li><strong> Resumo e Palavras-Chave</strong></li>
</ol>
<p style="padding-left: 60px;">3.1. O resumo deve ter entre 100 e 150 palavras.</p>
<p style="padding-left: 60px;">3.2. Ele deve conter introdução, objetivos, metodologia, resultados (parciais ou finais) e considerações.</p>
<p style="padding-left: 60px;">3.3. Não é permitido o uso de figuras, tabelas e citações no resumo.</p>
<p style="padding-left: 60px;">3.4. A formatação do resumo deve ser com espaçamento simples e fonte tamanho 10.</p>
<p style="padding-left: 60px;">3.5. As palavras-chave devem ser três, com a primeira letra de cada uma em maiúscula.</p>
<ol start="4">
<li><strong> Citações e Referências</strong></li>
</ol>
<p style="padding-left: 60px;">4.1. Citações Indiretas: Devem ser usadas conforme as normas da ABNT, com o formato (Sobrenome, ano) ou Sobrenome (ano).</p>
<p style="padding-left: 60px;">4.2. Citações Diretas:</p>
<p style="padding-left: 120px;">4.2.1. Com menos de três linhas: Use (Sobrenome, ano, p. x). Se o sobrenome do autor for incorporado ao texto, utilize Sobrenome (ano, p. x).</p>
<p style="padding-left: 120px;">4.2.2. Com mais de três linhas: Separe a citação do texto, posicionando-a com 4 cm de recuo à esquerda. Use fonte Arial 10 e espaçamento simples, sem aspas e sem recuo de parágrafo. Referencie a autoria no final, finalizando com um ponto (Sobrenome, ano, p. x).</p>
<p style="padding-left: 60px;">4.3. Notas de Rodapé: Utilize fonte Arial 10, parágrafo justificado e espaçamento simples.</p>
<p style="padding-left: 60px;">4.4. Referências:</p>
<p style="padding-left: 120px;">4.4.1. Devem ser dispostas em ordem alfabética e, se possível, com uma quebra de página para separá-las do conteúdo principal.</p>
<p style="padding-left: 120px;">4.4.2. Devem estar alinhadas à esquerda, com espaçamento simples, separadas por uma linha em branco, com fonte Arial 12 e de acordo com a norma brasileira ABNT NBR 6023/2025.</p>
<ol start="5">
<li><strong> Tabelas, Quadros e Figuras</strong></li>
</ol>
<p style="padding-left: 60px;">5.1. O conteúdo de tabelas e quadros deve ser em fonte Arial 10, com espaçamento simples.</p>
<p style="padding-left: 60px;">5.2. Tabelas, quadros e figuras devem ser alinhados preferencialmente às margens laterais do texto. Quando pequenos, devem ser centralizados na página.</p>
<p style="padding-left: 60px;">5.3. Deve haver uma linha em branco antes e depois de cada tabela, quadro ou figura.</p>
<p style="padding-left: 60px;">5.4. Na parte superior, deve constar a palavra “Tabela/Quadro/Figura”, alinhada à esquerda, seguida do número que a identifica em algarismos arábicos. O título, precedido por um hífen, deve ter apenas a primeira letra em maiúsculo, sem ponto final. O título deve ser em fonte Arial 12, com espaçamento simples.</p>
<p style="padding-left: 60px;">5.5. Na parte inferior, coloque a fonte e, se houver, esclarecimentos precedidos da palavra “Nota”. Ambos devem estar em tamanho 10 e com espaçamento simples.</p>
<p style="padding-left: 60px;">5.6. São consideradas figuras: desenhos, esquemas, fluxogramas, fotografias, gráficos, mapas, organogramas, plantas, retratos, entre outros.</p>
<ol start="6">
<li><strong> Anexos e Apêndices</strong></li>
</ol>
<p style="padding-left: 60px;">6.1. Se necessários, anexos e apêndices devem ser colocados ao final do trabalho, com uma quebra de página.</p>
<p style="padding-left: 60px;">6.2. Eles devem seguir a mesma formatação do texto principal</p>
<div class="section-container" id=areas"><h2>Áreas Temáticas</h2></div>
<p style="padding-left: 30px;"><strong>Área 1 – História Econômica, Economia Política e Metodologia</p></strong>
<p style="padding-left: 35px;">Daniel Jorge Arantes; Vitor Hugo Bartholomeu Araujo</p>
<p style="padding-left: 30px;"><strong>Área 2 – Desenvolvimento Econômico, Agricultura, Meio Ambiente e Sustentabilidade</p></strong>
<p style="padding-left: 35px;">Amarildo de Paula Júnior; Larissa Paula Stachio</p>
<p style="padding-left: 30px;"><strong>Área 3– Macroeconomia, Economia Monetária, Finanças e Economia Internacional</p></strong>
<p style="padding-left: 35px;">Elaine Cristina de Piza; Elizandra Severgnini</p>
<p style="padding-left: 30px;"><strong>Área 4 – Microeconomia, Economia de Empresas, Economia Industrial e da Tecnologia</p></strong>
<p style="padding-left: 35px;">Robson Luis Mori; Sonia Ap. Gomes de Ramos</p>
<p style="padding-left: 30px;"><strong>Área 5 – Economia Social e do Trabalho e Demografia</p></strong>
<p style="padding-left: 35px;">Ana Cristina Lima Couto; Geissiele Gonçalves Pereira</p>
<p style="padding-left: 30px;"><strong>Área 6 – Economia do Setor Público e Instituições</p></strong>
<p style="padding-left: 35px;">Marina Silva da Cunha; Marcio José Szpaki Zaparolli</p>
<p style="padding-left: 30px;"><strong>Área 7 – Áreas Afins</p></strong>
<p style="padding-left: 35px;">Rosalina Lima Izepão; Simone Ferreira de Matos Barros</p>
</div>
<hr>
<div class="section-container" id="trabalhos"><h1>Trabalhos Aprovados</h1></div>
<!-- Inserir seção de Artigos Aprovados -->
<!-- ========== SEÇÃO: Artigos Aprovados (CSS + HTML + JS) - PATCH APLICADO ========== -->
<style>
.search-bar {
margin-bottom: 12px;
display: flex;
align-items: center;
gap: 8px;
}

.search-bar label { white-space: nowrap; }
.search-bar input {
flex: 1;
padding: 8px 12px;
border-radius: 6px;
border: 1px solid #cfcfcf;
font-size: 15px;
box-sizing: border-box;
background: #fff;
}
.search-bar button {
padding: 8px 10px;
border-radius: 6px;
border: 1px solid rgba(0,0,0,0.08);
background: transparent;
cursor: pointer;
}
.search-bar .count { white-space: nowrap; color:#334155; }

.table-container {
background: #fff;
border-radius: 12px;
box-shadow: 0 2px 10px rgba(0,0,0,0.06);
overflow-x: auto;
max-height: 100vh;
overflow-y: auto;
}

table {
width: 100%;
border-collapse: collapse;
table-layout: fixed; /* importante para alinhar thead e tbody */
}

thead {
position: sticky;
top: 0;
background-color: #f7f9ff;
z-index: 2;
}

th, td {
padding: 12px 16px;
text-align: left;
border-bottom: 1px solid #eaeaea;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
}

th {
font-weight: 700;
color: #0b2b57;
background: linear-gradient(90deg,#e9f3ff,#f8fbff);
cursor: default;
}

tbody tr:nth-child(even) td { background-color: #fafbff; }
tbody tr:hover td { background-color: #eef3ff; cursor: pointer; }

th:nth-child(2), td:nth-child(2) { min-width: 300px; }
th:nth-child(3), td:nth-child(3),
th:nth-child(4), td:nth-child(4) { min-width: 250px; }

/* destaque de busca */
tbody mark {
background: linear-gradient(90deg,#fff4a3,#ffd66b);
padding: 0 2px;
border-radius: 2px;
color: #2b2b2b;
}

/* modal */
.modal {
display: none;
position: fixed;
z-index: 1200;
left: 0; top: 0; right: 0; bottom: 0;
background-color: rgba(0,0,0,0.45);
backdrop-filter: blur(2px);
justify-content: center;
align-items: center;
}
.modal.open { display: flex; }
.modal-content {
background: #fff;
border-radius: 10px;
max-width: 820px;
width: calc(100% - 40px);
max-height: 80vh;
overflow-y: auto;
padding: 20px 24px;
box-shadow: 0 8px 28px rgba(0,0,0,0.2);
position: relative;
}
.modal-content h3 { margin-top: 0; }
.close-btn {
position: absolute;
right: 14px;
top: 10px;
font-size: 22px;
line-height: 1;
cursor: pointer;
color: #666;
border: none;
background: transparent;
}
.modal-content p { white-space: pre-wrap; word-break: break-word; color:#222; }
@media (max-width: 680px) {
th, td {
padding: 12px 8px; /* Menos padding lateral, mais espaço para texto */
font-size: 8px; /* Fonte bem menor, específica para celular */

/* Esta linha é opcional, mas ajuda a quebrar palavras longas */
white-space: normal;
}
}
.page-wrapper {
max-width: 1400px; /* Largura máxima para o conteúdo */
margin-left: auto; /* Centraliza o invólucro na página */
margin-right: auto; /* Centraliza o invólucro na página */
padding-left: 24px; /* A "margem" lateral que você quer */
padding-right: 24px; /* A "margem" lateral que você quer */
box-sizing: border-box; /* Boa prática para o padding não afetar a largura */
}
</style>
<div class="page-wrapper">
<div class="search-bar" role="region" aria-label="Busca de artigos">
<label for="search"><strong>Buscar:</strong></label>
<input id="search" type="search" placeholder="Buscar por área, título, autor ou apresentador..." aria-label="Buscar artigos" />
<button id="clear-search" title="Limpar busca" aria-label="Limpar busca">&times;</button>
<div class="count">Total: <strong id="table-count">--</strong></div>
</div>
<table id="approved-table">
<thead>
<tr>
<th>Área</th>
<th>Artigos/Resumos Expandidos Aprovados</th>
<th>Autores</th>
<th>Ensalamento</th>
</tr>
</thead>

<tbody>
<tr>
<td>1</td>
<td>Adam Smith e a relação entre acumulação de capital e crescimento econômico</td>
<td>Rosalina Lima Izepão; Eduarda Teixeira da Silva Tomazella; Maria Rita de Abreu</td>
<td data-label="ENSALAMENTO">Sala 001, horário 18:00-19:30, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">1</td>
<td data-label="ARTIGOS APROVADOS">Curva de Phillips: sua origem e transformações</td>
<td data-label="AUTORES">Alex Hiroyuki Yamaguti</td>
<td data-label="ENSALAMENTO">Sala 101, horário 13:30-15:00, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">1</td>
<td data-label="ARTIGOS APROVADOS">Do capitalismo industrial ao monopolista financeiro: um estudo sobre a I e a II Revolução Industrial</td>
<td data-label="AUTORES">Guilherme Hubner Petenon; Rosalina Lima Izepão</td>
<td data-label="ENSALAMENTO">Sala 101, horário 13:30-15:00, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">1</td>
<td data-label="ARTIGOS APROVADOS">Economia e Humanismo: princípios do catolicismo social-desenvolvimentista nos pensamentos do Padre Lebret (1897-1966) e do Papa Francisco (1936-2025)</td>
<td data-label="AUTORES">Rosalina Lima Izepão; Vitor Gabriel de Souza Almeida; Jordana Maria Batista Rodrigues</td>
<td data-label="ENSALAMENTO">Sala 101, horário 13:30-15:00, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">1</td>
<td data-label="ARTIGOS APROVADOS">Economia e voto: como as percepções econômicas moldam o referendo político nas eleições brasileiras (2010-2018)</td>
<td data-label="AUTORES">Augusto Ribeiro da Silva; Gilberto Joaquim Fraga; Ednaldo Aparecido Ribeiro</td>
<td data-label="ENSALAMENTO">Sala 101, horário 13:30-15:00, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">1</td>
<td data-label="ARTIGOS APROVADOS">Fundamentos e Rupturas na Teoria Econômica: 250 anos de A Riqueza das Nações e 90 de A Teoria Geral do Emprego, do Juro e da Moeda</td>
<td data-label="AUTORES">Rosalina Lima Izepão; Denise da Silva Mota Carvalho</td>
<td data-label="ENSALAMENTO">Sala 102, horário 13:30-15:00, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">1</td>
<td data-label="ARTIGOS APROVADOS">Malthus, Ricardo e as Leis dos Cereais: controvérsias e implicações ao crescimento econômico britânico e ao pensamento econômico clássico</td>
<td data-label="AUTORES">Rosalina Lima Izepão; Ana Laura Maziero</td>
<td data-label="ENSALAMENTO">Sala 102, horário 13:30-15:00, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">1</td>
<td data-label="ARTIGOS APROVADOS">Os fundamentos teórico-filosóficos do Estado moderno: as concepções de Thomas Hobbes e John Locke.</td>
<td data-label="AUTORES">José Eduardo Domingues Zini; Rosalina Lima Izepão</td>
<td data-label="ENSALAMENTO">Sala 102, horário 13:30-15:00, dia 30/10</td>
</tr>

<tr>
<td data-label="ÁREA">2</td>
<td data-label="ARTIGOS APROVADOS">Abordagem ambiental na economia neoclássica e na economia ecológica: Uma revisão da literatura</td>
<td data-label="AUTORES">Geissiele Gonçalves Pereira</td>
<td data-label="ENSALAMENTO">Sala 102, horário 15:30-17:30, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">2</td>
<td data-label="ARTIGOS APROVADOS">Condições socioeconômicas das famílias catadoras de resíduos sólidos em Cantagalo/PR</td>
<td data-label="AUTORES">Rinaldo Aparecido Galete; João Victor Garcia; Pedro Antonio Faontana da Silva; PedroLucas de Oliveira Freitas; Eduardo Neves Batista</td>
<td data-label="ENSALAMENTO">Sala 102, horário 15:30-17:30, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">2</td>
<td data-label="ARTIGOS APROVADOS">O setor florestal na economia brasileira e paranaense</td>
<td data-label="AUTORES">Naiane Soares Barros; Luiz Felipe Otake; Márcia Istake</td>
<td data-label="ENSALAMENTO">Sala 102, horário 15:30-17:30, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">2</td>
<td data-label="ARTIGOS APROVADOS">O turismo como estratégia de desenvolvimento regional: o caso de Olímpia - São Paulo.</td>
<td data-label="AUTORES">Matheus Henrique Pagotto; Rosalina Lima Izepão</td>
<td data-label="ENSALAMENTO">Sala 102, horário 15:30-17:30, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">2</td>
<td data-label="ARTIGOS APROVADOS">Produtividade da cana-de-açúcar no estado do Paraná: distribuição e correlações espaciais</td>
<td data-label="AUTORES">José Pedro Comini Barros; Amarildo de Paula Júnior</td>
<td data-label="ENSALAMENTO">Sala 102, horário 15:30-17:30, dia 30/10</td>
</tr>

<tr>
<td data-label="ÁREA">3</td>
<td data-label="ARTIGOS APROVADOS">Uma análise da estrutura do mercado de crédito bancário no Brasil</td>
<td data-label="AUTORES">Artur Henrique Piton dos Santos</td>
<td data-label="ENSALAMENTO">Sala 114, horário 15:30-17:30, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">3</td>
<td data-label="ARTIGOS APROVADOS">Regime de metas de inflação: teoria e experiência no Brasil</td>
<td data-label="AUTORES">Artur Henrique Piton dos Santos</td>
<td data-label="ENSALAMENTO">Sala 114, horário 15:30-17:30, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">3</td>
<td data-label="ARTIGOS APROVADOS">Globalização e desglobalização: impactos e desafios para o Brasil no século XXI</td>
<td data-label="AUTORES">Breno Hasegawa Lousano Dário</td>
<td data-label="ENSALAMENTO">Sala 114, horário 15:30-17:30, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">3</td>
<td data-label="ARTIGOS APROVADOS">O desenho estrutural das moedas digitais de bancos centrais (CBDCS) e o quadro atual do DREX</td>
<td data-label="AUTORES">Luan Longen</td>
<td data-label="ENSALAMENTO">Sala 001, horário 18:00-19:30, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">3</td>
<td data-label="ARTIGOS APROVADOS">Fraudes financeiras bancárias no Brasil (2019-2023): tipologia</td>
<td data-label="AUTORES">Hellyzangela Rutes da Silva Zorzi Pedroso</td>
<td data-label="ENSALAMENTO">Sala 001, horário 18:00-19:30, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">3</td>
<td data-label="ARTIGOS APROVADOS">Fluxo comercial do brasil com os países do BRICS: uma análise das exportações e importações brasileiras no período 2011 a 2023</td>
<td data-label="AUTORES">Giulia Thauane Conartioli; Helis Cristina Zanuto Andrade Santos</td>
<td data-label="ENSALAMENTO">Sala 114, horário 15:30-17:30, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">3</td>
<td data-label="ARTIGOS APROVADOS">Os impactos das tarifas na dinâmica das exportações brasileiras: uma análise preliminar de 2025</td>
<td data-label="AUTORES">Raíssa Gonçalves Stroppa; Gilberto Joaquim Fraga</td>
<td data-label="ENSALAMENTO">Sala 114, horário 15:30-17:30, dia 30/10</td>
</tr>

<tr>
<td data-label="ÁREA">4</td>
<td data-label="ARTIGOS APROVADOS">Os desafios da regulação para fintechs: uma análise sistemática e bibliométrica das experiências internacionais</td>
<td data-label="AUTORES">Hector Watanabe</td>
<td data-label="ENSALAMENTO">Sala 114, horário 13:30-15:00, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">4</td>
<td data-label="ARTIGOS APROVADOS">Concentração industrial: uma breve revisão conceitual/metodológica</td>
<td data-label="AUTORES">Rinaldo Aparecido Galte</td>
<td data-label="ENSALAMENTO">Sala 114, horário 13:30-15:00, dia 30/10</td>
</tr>

<tr>
<td data-label="ÁREA">5</td>
<td data-label="ARTIGOS APROVADOS">Pobreza multidimensional no Brasil: diferentes faces, diferentes realidades</td>
<td data-label="AUTORES">Kalid Ahmad Yusuf; Lorena Vieira Costa</td>
<td data-label="ENSALAMENTO">Sala 002, horário 13:30-15:00, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">5</td>
<td data-label="ARTIGOS APROVADOS">Análise da inserção produtiva dos estagiários da universidade estadual de Maringá</td>
<td data-label="AUTORES">Isabela Alves Silva de Andrade; Marina Silva da Cunha</td>
<td data-label="ENSALAMENTO">Sala 002, horário 13:30-15:00, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">5</td>
<td data-label="ARTIGOS APROVADOS">Trabalho como fonte de miséria: empobrecimento laboral no século XXI</td>
<td data-label="AUTORES">Natanael Junio da Paes</td>
<td data-label="ENSALAMENTO">Sala 002, horário 13:30-15:00, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">5</td>
<td data-label="ARTIGOS APROVADOS">Mensurando a violência escolar: uma proposta de indicadores com análise fatorial e dados do Saeb</td>
<td data-label="AUTORES">Camila Possenti Meotti</td>
<td data-label="ENSALAMENTO">Sala 002, horário 13:30-15:00, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">5</td>
<td data-label="ARTIGOS APROVADOS">Uma análise do perfil dos beneficiários do programa bolsa família no município de Maringá</td>
<td data-label="AUTORES">Gabriel Barros Cunha; Ana Cristina Lima Couto</td>
<td data-label="ENSALAMENTO">Sala 002, horário 15:30-17:30, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">5</td>
<td data-label="ARTIGOS APROVADOS">Análise do impacto socioeconômico das ações de responsabilidade social das empresas (RSE) desenvolvidas nas comunidades ribeirinhas do Calumbo em angola</td>
<td data-label="AUTORES">Vidal, Valter Joaquim</td>
<td data-label="ENSALAMENTO">Sala 002, horário 15:30-17:30, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">5</td>
<td data-label="ARTIGOS APROVADOS">Inserção do jovem no mercado de trabalho brasileiro</td>
<td data-label="AUTORES">Maria Luiza Shirazava Evangelista; Marina Silva da Cunha</td>
<td data-label="ENSALAMENTO">Sala 002, horário 15:30-17:30, dia 30/10</td>
</tr>

<tr>
<td data-label="ÁREA">6</td>
<td data-label="ARTIGOS APROVADOS">Aspectos jurídicos e econômicos da tributação sobre consumo na reforma tributária (EC132/2023)</td>
<td data-label="AUTORES">Antonio Pires Junior; Rinaldo Aparecido Galete</td>
<td data-label="ENSALAMENTO">Sala 114, horário 13:30-15:00, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">6</td>
<td data-label="ARTIGOS APROVADOS">Política fiscal, gastos públicos e eficiência dos gastos: uma análise para o Brasil de 2013 a 2023</td>
<td data-label="AUTORES">Elaine Cristina de Piza; Inara Dell' Arciprete Vendramini; Maria Luiza Shirazawa Evangelista; Taciane de Souza Mota Niara Nogueira Gomide Evangelista</td>
<td data-label="ENSALAMENTO">Sala 114, horário 13:30-15:00, dia 30/10</td>
</tr>

<tr>
<td data-label="ÁREA">7</td>
<td data-label="ARTIGOS APROVADOS">Choques de renda e seus efeitos sobre as dimensões da pobreza</td>
<td data-label="AUTORES">Kalid Ahmad Yusuf; Lorena Vieira Costa</td>
<td data-label="ENSALAMENTO">Sala 002, horário 15:30-17:30, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">7</td>
<td data-label="ARTIGOS APROVADOS">Criptoativos como meio de lavagem de dinheiro e o direito penal econômico: aspectos criminais e efeitos da delinquência econômica</td>
<td data-label="AUTORES">Maria Gabriela Chavenco Sala; Almir Santos Reis Júnior</td>
<td data-label="ENSALAMENTO">Sala 002, horário 15:30-17:30, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">7</td>
<td data-label="ARTIGOS APROVADOS">Da resistência à política de Estado: economia solidária e sua trajetória no brasil</td>
<td data-label="AUTORES">Eduardo Ferreira Pereira; Isabella Rocha da Cruz; Ana Laura Maziero; Mara Lucy Castilho</td>
<td data-label="ENSALAMENTO">Sala 101, horário 15:30-17:30, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">7</td>
<td data-label="ARTIGOS APROVADOS">Evidências da relação entre saúde financeira e saúde mental no Brasil: uma perspectiva à luz da economia comportamental</td>
<td data-label="AUTORES">Kézia de Lucas Bondezan; Rafael Lineker de Deus Silva</td>
<td data-label="ENSALAMENTO">Sala 101, horário 15:30-17:30, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">7</td>
<td data-label="ARTIGOS APROVADOS">O desempenho da economia paranaense na última década: uma análise setorial e regional</td>
<td data-label="AUTORES">Larissa de Souza Mendonça; Antonio Carlos de Campos</td>
<td data-label="ENSALAMENTO">Sala 101, horário 15:30-17:30, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">7</td>
<td data-label="ARTIGOS APROVADOS">Planejamento financeiro e prevenção de falências em PMEs com base no modelo Dinâmico de Fleuriet</td>
<td data-label="AUTORES">Marcos Gabriel Faria Cabral; Larissa Paula Stachio</td>
<td data-label="ENSALAMENTO">Sala 101, horário 15:30-17:30, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">7</td>
<td data-label="ARTIGOS APROVADOS">Violência física contra a mulher no Brasil: evidências espaciais e temporais (2013-2023)</td>
<td data-label="AUTORES">Carolina Sanches Celeste</td>
<td data-label="ENSALAMENTO">Sala 101, horário 15:30-17:30, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">7</td>
<td data-label="ARTIGOS APROVADOS">A extensão universitária como instrumento de integração curricular e transformação social: a experiência do Centro Dia Novas Histórias</td>
<td data-label="AUTORES">Gabriel Barros Cunha; Maria Carolina dos Santos Limeira; Mara Lucy Castilho</td>
<td data-label="ENSALAMENTO">Sala 101, horário 15:30-17:30, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">7</td>
<td data-label="ARTIGOS APROVADOS">Conversando sobre a Economia: relato de experiência extensionista</td>
<td data-label="AUTORES">Adrian David Garcia Roa; Mara Lucy Castilho; Vitor Gabriel de Souza Almeida</td>
<td data-label="ENSALAMENTO">Sala 102, horário 15:30-17:30, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">7</td>
<td data-label="ARTIGOS APROVADOS">O novo avanço do tabagismo no Brasil: uma análise sob a ótica da economia comportamental</td>
<td data-label="AUTORES">Rafael Silva;Kézia Bondezan</td>
<td data-label="ENSALAMENTO">Sala 114, horário 15:30-17:30, dia 30/10</td>
</tr>
<tr>
<td data-label="ÁREA">7</td>
<td data-label="ARTIGOS APROVADOS">Previsões do impacto econômico das apostas esportivas no Brasil: um estudo de caso do Reino Unido</td>
<td data-label="AUTORES">André Zaffari Chaves da Silva</td>
<td data-label="ENSALAMENTO">Sala 001, horário 18:00-19:30, dia 30/10</td>
</tr>
</tbody>
</table>
</div>
<div id="modal" class="modal" role="dialog" aria-modal="true" aria-hidden="true">
<div class="modal-content" role="document">
<button class="close-btn" aria-label="Fechar">&times;</button>
<p id="modal-text"></p>
</div>
</div>
<script>
(function () {
const searchInput = document.getElementById('search');
const clearBtn = document.getElementById('clear-search');

// Esta linha agora funciona, pois o ID existe no HTML
const table = document.getElementById('approved-table');

const tbody = table.querySelector('tbody');
const rows = Array.from(tbody.querySelectorAll('tr'));
const countEl = document.getElementById('table-count');

// guardar texto original de cada célula para recuperar depois do highlight
rows.forEach(row => {
row.querySelectorAll('td').forEach(td => {
if (!td.dataset.orig) td.dataset.orig = td.textContent.trim();
});
});

// função utilitária escape regex
function escapeRegExp(s) { return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); }

// atualiza contador visíveis
function updateCount() {
const visible = rows.filter(r => r.style.display !== 'none').length;
countEl.textContent = visible;
}

// filtra linhas e aplica <mark> nos matches
function doFilter(q) {
const query = (q || '').trim();
if (!query) {
rows.forEach(row => {
row.style.display = '';
row.querySelectorAll('td').forEach(td => {
// restaura do data-atribute para remover <mark>
td.innerHTML = td.dataset.orig;
});
});
updateCount();
return;
}

const rx = new RegExp(escapeRegExp(query), 'gi');
rows.forEach(row => {
let matched = false;
row.querySelectorAll('td').forEach(td => {
const orig = td.dataset.orig || td.textContent.trim();
if (rx.test(orig)) {
matched = true;
// substituir com <mark> preservando acentos/maiúsculas
td.innerHTML = orig.replace(rx, m => `<mark>${m}</mark>`);
} else {
td.innerHTML = orig; // restaura se não houver match nesta célula
}
});
row.style.display = matched ? '' : 'none';
});
updateCount();
}

// debounce simples
function debounce(fn, wait) {
let t;
return function(...args) { clearTimeout(t); t = setTimeout(() => fn.apply(this,args), wait); };
}

const debouncedFilter = debounce(e => doFilter(e.target.value), 160);

searchInput.addEventListener('input', debouncedFilter);
clearBtn.addEventListener('click', () => {
searchInput.value = '';
doFilter('');
searchInput.focus();
});

// inicializa contador
updateCount();

// --- Modal: event delegation para tbody (funciona mesmo após filtro) ---
const modal = document.getElementById('modal');
const modalText = document.getElementById('modal-text');
const closeBtn = modal.querySelector('.close-btn');

// abrir modal ao clicar em célula do tbody
tbody.addEventListener('click', (e) => {
const td = e.target.closest('td');
if (!td) return;

// Usamos o 'dataset.orig' para pegar o texto limpo, sem <mark>
const text = td.dataset.orig || td.textContent.trim();
modalText.textContent = text || '(sem conteúdo)';
modal.classList.add('open');
modal.setAttribute('aria-hidden', 'false');
});

function closeModal() {
modal.classList.remove('open');
modal.setAttribute('aria-hidden', 'true');
}

closeBtn.addEventListener('click', closeModal);
modal.addEventListener('click', (e) => {
if (e.target === modal) closeModal(); // fecha ao clicar no fundo
});
window.addEventListener('keydown', (e) => {
if (e.key === 'Escape') closeModal(); // fecha com 'Esc'
});

// acessibilidade: foco inicial no input
// searchInput.setAttribute('autofocus', 'autofocus'); // Removido pois pode ser irritante
})();
</script>
<style>
.botao-submissao {
background-color: #004080;
color: #fff;
padding: 14px 28px;
font-size: 17px;
font-weight: 600;
border: none;
border-radius: 10px;
cursor: pointer;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
letter-spacing: 0.5px;
display: inline-flex;
align-items: center;
gap: 10px;
}

.botao-submissao:hover {
background-color: #0059b3;
box-shadow: 0 8px 20px rgba(0, 64, 128, 0.4);
transform: translateY(-3px);
}

.botao-submissao:active {
background-color: #00264d;
transform: translateY(1px);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
</style></p>
</div>
</div>
<script>
function toggleDay(index) {
const days = document.querySelectorAll('.schedule-day');
const headers = document.querySelectorAll('.schedule-header i');
const day = days[index];
const icon = headers[index];

if (day.style.display === 'flex') {
day.style.display = 'none';
icon.style.transform = 'rotate(0deg)';
} else {
day.style.display = 'flex';
icon.style.transform = 'rotate(180deg)';
}
}
</script>
<script>
const canvas = document.getElementById("particles");
const ctx = canvas.getContext("2d");
let particles = [];

function resize() {
canvas.width = canvas.offsetWidth;
canvas.height = canvas.offsetHeight;
}
window.addEventListener("resize", resize);
resize();

// cria partículas
for (let i = 0; i < 80; i++) {
particles.push({
x: Math.random() * canvas.width,
y: Math.random() * canvas.height,
r: Math.random() * 2 + 1,
dx: (Math.random() - 0.5) * 0.5,
dy: (Math.random() - 0.5) * 0.5,
});
}

function animate() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
particles.forEach(p => {
ctx.beginPath();
ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);
ctx.fillStyle = "rgba(255,255,255,0.7)";
ctx.fill();

p.x += p.dx;
p.y += p.dy;

if (p.x < 0 || p.x > canvas.width) p.dx *= -1;
if (p.y < 0 || p.y > canvas.height) p.dy *= -1;
});
requestAnimationFrame(animate);
}
animate();
</script>
<hr>
<div class="section-container">
<h1>Organizadores</h1>
</div>
<div class="gallery-wrap" aria-label="Galeria de imagens">
<div class="gallery">
<img src="https://dco.uem.br/semana-do-economista/arquivo/imagens/7.png" alt="Imagem 1">
<img src="https://dco.uem.br/semana-do-economista/arquivo/imagens/9.png" alt="Imagem 2">
<img src="https://dco.uem.br/semana-do-economista/arquivo/imagens/6.png" alt="Imagem 3">
<img src="https://dco.uem.br/semana-do-economista/arquivo/imagens/8.png" alt="Imagem 4">
<img src="https://dco.uem.br/semana-do-economista/arquivo/imagens/10.png" alt="Imagem 5">

<!-- duplicação para loop contínuo -->
<img src="https://dco.uem.br/semana-do-economista/arquivo/imagens/7.png" alt="Imagem 1">
<img src="https://dco.uem.br/semana-do-economista/arquivo/imagens/9.png" alt="Imagem 2">
<img src="https://dco.uem.br/semana-do-economista/arquivo/imagens/6.png" alt="Imagem 3">
<img src="https://dco.uem.br/semana-do-economista/arquivo/imagens/8.png" alt="Imagem 4">
<img src="https://dco.uem.br/semana-do-economista/arquivo/imagens/10.png" alt="Imagem 5">
</div>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
const gallery = document.querySelector(".gallery");

// duplica o conteúdo para criar loop contínuo
gallery.innerHTML += gallery.innerHTML;

let scrollStep = 1; // velocidade
function autoScroll() {
gallery.scrollLeft += scrollStep;

// quando chegar na metade (fim da 1ª cópia), volta pro início
if (gallery.scrollLeft >= gallery.scrollWidth / 2) {
gallery.scrollLeft = 0;
}

requestAnimationFrame(autoScroll);
}

autoScroll();
});
</script>
<script>
function networkBackground(canvas) {
const ctx = canvas.getContext("2d");
let particles = [];

function resize() {
canvas.width = canvas.offsetWidth;
canvas.height = canvas.offsetHeight;
}
resize();
window.addEventListener("resize", resize);

// cria partículas
for (let i = 0; i < 30; i++) {
particles.push({
x: Math.random() * canvas.width,
y: Math.random() * canvas.height,
vx: (Math.random() - 0.5) * 0.6,
vy: (Math.random() - 0.5) * 0.6,
r: 2 + Math.random() * 2
});
}

function draw() {
ctx.clearRect(0, 0, canvas.width, canvas.height);

// partículas
particles.forEach(p => {
p.x += p.vx;
p.y += p.vy;

if (p.x < 0 || p.x > canvas.width) p.vx *= -1;
if (p.y < 0 || p.y > canvas.height) p.vy *= -1;

ctx.beginPath();
ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);
ctx.fillStyle = "rgba(255,255,255,0.5)";
ctx.fill();
});

// conexões
for (let i = 0; i < particles.length; i++) {
for (let j = i + 1; j < particles.length; j++) {
let dx = particles[i].x - particles[j].x;
let dy = particles[i].y - particles[j].y;
let dist = Math.sqrt(dx * dx + dy * dy);
if (dist < 120) {
ctx.beginPath();
ctx.moveTo(particles[i].x, particles[i].y);
ctx.lineTo(particles[j].x, particles[j].y);
ctx.strokeStyle = "rgba(255,255,255,0.15)";
ctx.stroke();
}
}
}

requestAnimationFrame(draw);
}
draw();
}

// aplica na section
document.querySelectorAll(".section-container canvas").forEach(c => networkBackground(c));
</script>