wagtail-enap-designsystem 1.2.1.121__py3-none-any.whl → 1.2.1.123__py3-none-any.whl

enap_designsystem/templates/enap_designsystem/sistema_votacao_page.html

@@ -91,9 +91,8 @@
         background: var(--votacao-bg-primary);
         border-radius: 16px;
         padding: 3rem 2rem;
-        box-shadow: var(--votacao-shadow-md);
-        border: 1px solid var(--votacao-border-light);
         color: white;
+        border-radius: 0;
     }
 
     .sistema-votacao-header.has-background {
@@ -108,7 +107,6 @@
         width: 100%;
         height: 100%;
         background: rgba(0, 0, 0, 0.5);
-        border-radius: 16px;
         z-index: 1;
     }
     
@@ -154,7 +152,7 @@
         align-items: center;
         background: var(--votacao-bg-primary);
         border-radius: 12px;
-        padding: 1rem 2rem;
+        padding: 16px;
         box-shadow: var(--votacao-shadow-md);
         border: 1px solid var(--votacao-border-light);
         z-index: 400;
@@ -174,13 +172,16 @@
         font-size: 1.25rem;
         font-weight: 700;
         margin: 0;
-        color: var(--votacao-text-primary);
+        color: #333840;
+        text-align: center;
+        margin-bottom: 20px;
     }
 
     .sistema-progresso-status {
-        color: var(--votacao-text-secondary);
+        color: #333840;
         font-size: 0.875rem;
         font-weight: 500;
+        text-align: center;
     }
 
     .sistema-progresso-bar {
@@ -208,10 +209,7 @@
 
     .sistema-tabs-container {
         margin-bottom: 3rem;
-        background: #EBEFF5;
         border-radius: 20px;
-        box-shadow: var(--votacao-shadow-md);
-        border: 1px solid #C8D1E0;
     }
 
     .sistema-tabs-nav {
@@ -236,11 +234,13 @@
         white-space: nowrap;
         font-weight: 500;
         font-size: 0.9rem;
+        max-width: 350px;
+        white-space: normal;
     }
 
     .sistema-tab-button:hover {
-        color: var(--votacao-primary-teal);
-        background: var(--votacao-gray-50);
+        color: white;
+        background: #006969;
     }
 
     .sistema-tab-button.active {
@@ -263,7 +263,7 @@
     }
 
     .sistema-categoria-header {
-        margin-bottom: 2.5rem;
+        margin: 2.5rem 0;
         text-align: center;
     }
 
@@ -281,7 +281,7 @@
 
     .sistema-projetos-grid {
         display: grid;
-        grid-template-columns: 1fr 1fr;
+        grid-template-columns: 1fr 1fr 1fr;
         gap: 2rem;
         margin-bottom: 3rem;
     }
@@ -496,8 +496,8 @@
     .sistema-btn-finalizar {
         bottom: 2rem;
         right: 2rem;
-        background: var(--votacao-bg-primary);
-        color: var(--votacao-text-secondary);
+        background: #007D7A;
+        color: white;
         border: 1px solid var(--votacao-border-medium);
         padding: 0.875rem 1.25rem;
         border-radius: 50px;
@@ -818,6 +818,14 @@
         font-size: 1rem;
     }
 
+    .alert-red {
+        background-color: #FCF0F1;
+        padding: 1rem;
+        border-radius: 8px;
+        margin-bottom: 1rem;
+        text-align: center;
+    }
+
     .sistema-btn-encerrar-definitivo:hover {
         background: var(--votacao-gray-50);
         border-color: var(--votacao-gray-400);
@@ -940,12 +948,10 @@
 
 {% block content %}
 <div class="sistema-votacao-wrapper">
-    <div class="sistema-votacao-container">
-        <!-- Header -->
-        <div class="sistema-votacao-header{% if page.imagem_fundo %} has-background{% endif %}" 
+    <div class="sistema-votacao-header{% if page.imagem_fundo %} has-background{% endif %}" 
          {% if page.imagem_fundo %}
             {% for block in page.imagem_fundo %}
-                style="background-image: url('{{ block.value.file.url }}');"
+                style="background-image: url('{{ block.value.file.url }}'); object-fit: cover; object-position: top;"
             {% endfor %}
          {% endif %}>
             <div class="votacao-content">
@@ -962,13 +968,18 @@
             {% endif %}
             </div>
         </div>
+    <div class="sistema-votacao-container">
+        <!-- Header -->
+        
 
         <!-- Progresso da Votação -->
         {% if page.mostrar_progresso and categorias %}
         <div class="sistema-progresso-section">
             <div class="sistema-progresso-header">
+                <div class="alert-red">
                 <h2 class="sistema-progresso-title">Progresso da Votação</h2>
                 <span class="sistema-progresso-status" id="progresso-status">0 de {{ total_categorias }} categorias</span>
+                </div>
             </div>
             
             <!-- Botão Finalizar Votação -->
@@ -995,6 +1006,7 @@
                 {% endfor %}
             </div>
 
+            <div>
             <!-- Conteúdo das Tabs -->
             {% for categoria in categorias %}
             <div class="sistema-tab-content {% if forloop.first %}active{% endif %}" 
@@ -1098,6 +1110,7 @@
                 <p>As categorias e projetos ainda não foram configurados.</p>
             </div>
         {% endif %}
+        </div>
     </div>
 </div>
 
@@ -1187,8 +1200,8 @@
 <!-- CSRF Token -->
 <input type="hidden" name="csrfmiddlewaretoken" value="{{ csrf_token }}">
 
+
 <script>
-// Sistema de Votação - Versão Corrigida e Otimizada
 const SistemaVotacao = {
     // Estado da aplicação
     votosCategoria: new Set(),
@@ -1198,31 +1211,23 @@ const SistemaVotacao = {
     configuracao: {
         votacaoAtiva: {% if votacao_ativa %}true{% else %}false{% endif %},
         totalCategorias: {{ total_categorias|default:0 }},
-        permitirMultiplosVotos: {% if page.permitir_multiplos_votos %}true{% else %}false{% endif %}
+        permitirMultiplosVotos: {% if page.permitir_multiplos_votos %}true{% else %}false{% endif %},
+        // URL corrigida - usar path absoluto
+        urlVotar: '/votar/'
     },
 
     // Inicialização
     init() {
         console.log('🚀 Inicializando Sistema de Votação...');
         
-        // Cache dos elementos DOM
         this.cacheElementos();
-        
-        // Configurar tabs
         this.configurarTabs();
-        
-        // Configurar categorias
         this.configurarCategorias();
-        
-        // Configurar eventos dos modais
         this.configurarModais();
-        
-        // Configurar CSRF
         this.configurarCSRF();
         
-        console.log('✅ Sistema inicializado com sucesso');
+        console.log('✅ Sistema inicializado');
         console.log('📊 Configuração:', this.configuracao);
-        console.log('🏷️ Categorias encontradas:', this.categoriasOrdem.length);
     },
 
     // Cache de elementos DOM
@@ -1233,7 +1238,6 @@ const SistemaVotacao = {
             progressoFill: document.getElementById('progresso-fill'),
             progressoStatus: document.getElementById('progresso-status'),
             progressoText: document.querySelector('.sistema-progresso-text'),
-            // Elementos do progresso no modal
             progressoFillModal: document.getElementById('progresso-fill-modal'),
             progressoStatusModal: document.getElementById('progresso-status-modal'),
             progressoTextModal: document.getElementById('progresso-text-modal'),
@@ -1242,19 +1246,16 @@ const SistemaVotacao = {
             previewProxima: document.getElementById('preview-proxima-categoria'),
             feedbackMessage: document.getElementById('feedback-message')
         };
+        
+        console.log('DOM Elements cached:', Object.keys(this.elementos).length);
     },
 
     // Configurar sistema de tabs
     configurarTabs() {
-        console.log('🎯 Configurando tabs...');
-        
         this.elementos.tabButtons.forEach((button, index) => {
             const targetId = button.getAttribute('data-tab-target');
             const categoriaId = button.getAttribute('data-categoria-id');
             
-            console.log(`Tab ${index}: ${targetId} (categoria: ${categoriaId})`);
-            
-            // Adicionar event listener
             button.addEventListener('click', (e) => {
                 e.preventDefault();
                 this.trocarTab(targetId, button);
@@ -1264,8 +1265,6 @@ const SistemaVotacao = {
 
     // Trocar tab ativa
     trocarTab(targetId, clickedButton) {
-        console.log('🔄 Trocando tab para:', targetId);
-        
         const targetContent = document.getElementById(targetId);
         
         if (!targetContent) {
@@ -1302,13 +1301,10 @@ const SistemaVotacao = {
                 icone: iconElement ? iconElement.className : 'fas fa-folder'
             });
         });
-        
-        console.log('🏷️ Categorias configuradas:', this.categoriasOrdem);
     },
 
     // Configurar modais
     configurarModais() {
-        // Fechar modal ao clicar fora
         if (this.elementos.modalPosVoto) {
             this.elementos.modalPosVoto.addEventListener('click', (e) => {
                 if (e.target === this.elementos.modalPosVoto) {
@@ -1330,93 +1326,153 @@ const SistemaVotacao = {
     configurarCSRF() {
         const csrfToken = document.querySelector('[name=csrfmiddlewaretoken]');
         if (!csrfToken) {
-            console.warn('⚠️ CSRF token não encontrado, criando...');
-            const token = document.createElement('input');
-            token.type = 'hidden';
-            token.name = 'csrfmiddlewaretoken';
-            token.value = '{{ csrf_token }}';
-            document.body.appendChild(token);
+            console.warn('⚠️ CSRF token não encontrado');
         }
     },
 
-    // Função principal de votação
+    // FUNÇÃO PRINCIPAL DE VOTAÇÃO - CORRIGIDA
     async votar(projetoId, categoriaId, button) {
-        console.log('🗳️ Votando...', { projetoId, categoriaId });
+        console.log('🗳️ Iniciando votação...', { projetoId, categoriaId });
         
         if (!this.configuracao.votacaoAtiva) {
             this.showFeedback('Votação não está ativa no momento.', 'error');
             return;
         }
 
+        // Verificar se botão já foi usado
+        if (button.classList.contains('votado') || button.disabled) {
+            this.showFeedback('Você já votou neste projeto.', 'warning');
+            return;
+        }
+
         // Estado de loading
         this.setLoadingState(button, true);
 
         try {
-            const response = await fetch('{% url "votar_projeto" %}', {
+            // Preparar dados
+            const dados = {
+                projeto_id: parseInt(projetoId),
+                categoria_id: parseInt(categoriaId)
+            };
+
+            console.log('📤 Enviando dados:', dados);
+
+            // Headers da requisição
+            const headers = {
+                'Content-Type': 'application/json',
+            };
+
+            // Adicionar CSRF token se disponível
+            const csrfToken = this.getCsrfToken();
+            if (csrfToken) {
+                headers['X-CSRFToken'] = csrfToken;
+            }
+
+            // Fazer requisição
+            const response = await fetch(this.configuracao.urlVotar, {
                 method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'X-CSRFToken': this.getCsrfToken()
-                },
-                body: JSON.stringify({
-                    projeto_id: projetoId,
-                    categoria_id: categoriaId
-                })
+                headers: headers,
+                body: JSON.stringify(dados),
+                credentials: 'same-origin'
             });
 
-            const data = await response.json();
+            console.log('📥 Response status:', response.status);
+
+            // Verificar se response é válido
+            if (!response.ok) {
+                throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+            }
+
+            // Parse do JSON
+            let data;
+            try {
+                data = await response.json();
+                console.log('📊 Response data:', data);
+            } catch (parseError) {
+                console.error('❌ Erro ao fazer parse do JSON:', parseError);
+                throw new Error('Resposta inválida do servidor');
+            }
 
             if (data.success) {
                 this.processarVotoSucesso(projetoId, categoriaId, button, data);
             } else {
-                throw new Error(data.message || 'Erro ao registrar voto');
+                throw new Error(data.message || 'Erro desconhecido ao registrar voto');
             }
 
         } catch (error) {
-            console.error('❌ Erro ao votar:', error);
-            this.showFeedback(error.message || 'Erro ao registrar voto. Tente novamente.', 'error');
+            console.error('❌ Erro completo:', error);
+            this.showFeedback(`Erro: ${error.message}`, 'error');
             this.setLoadingState(button, false);
         }
     },
 
     // Processar voto bem-sucedido
     processarVotoSucesso(projetoId, categoriaId, button, data) {
-        console.log('✅ Voto registrado com sucesso');
-        
-        // Atualizar contador se existir
-        const contador = document.getElementById(`votos-${projetoId}`);
-        if (contador) {
-            contador.textContent = data.total_votos || 0;
-        }
+        console.log('✅ Voto processado com sucesso:', data);
         
-        // Marcar como votado
+        // Atualizar visual do botão
         button.classList.add('votado');
-        button.textContent = 'Obrigado pelo seu voto!';
+        button.innerHTML = `
+            <i class="fas fa-check-circle"></i>
+            Voto registrado!
+        `;
+        button.disabled = true;
         
-        // Adicionar categoria aos votados
-        this.votosCategoria.add(categoriaId);
+        // Atualizar contador se existir
+        this.atualizarContador(projetoId, data.total_votos);
+        
+        // Marcar categoria como votada
+        this.votosCategoria.add(parseInt(categoriaId));
         this.atualizarProgresso();
         
-        // Desabilitar outros botões se necessário
+        // Desabilitar outros botões da categoria se necessário
         if (!this.configuracao.permitirMultiplosVotos) {
             this.desabilitarOutrosBotoes(categoriaId, button);
         }
         
+        // Mostrar feedback
+        this.showFeedback(`Voto registrado em "${data.projeto_titulo || 'projeto'}"!`, 'success');
+        
         // Mostrar próximo passo após delay
         setTimeout(() => {
             this.mostrarModalPosVoto(categoriaId);
-        }, 1500);
+        }, 2000);
+    },
+
+    // Atualizar contador de votos
+    atualizarContador(projetoId, totalVotos) {
+        const contadorElement = document.getElementById(`votos-${projetoId}`);
+        if (contadorElement) {
+            const novoTotal = totalVotos || 1;
+            contadorElement.textContent = novoTotal;
+            
+            // Animação
+            contadorElement.style.transform = 'scale(1.2)';
+            contadorElement.style.color = '#28a745';
+            
+            setTimeout(() => {
+                contadorElement.style.transform = 'scale(1)';
+                contadorElement.style.color = '';
+            }, 500);
+        }
     },
 
     // Desabilitar outros botões da categoria
     desabilitarOutrosBotoes(categoriaId, buttonAtivo) {
-        const categoryButtons = document.querySelectorAll(`[data-categoria-id="${categoriaId}"] .sistema-btn-votar`);
-        categoryButtons.forEach(btn => {
-            if (btn !== buttonAtivo) {
-                btn.disabled = true;
-                btn.textContent = 'Você já votou nesta categoria';
-            }
-        });
+        const categorySection = document.getElementById(`categoria-${categoriaId}`);
+        if (categorySection) {
+            const outrosBotoes = categorySection.querySelectorAll('.sistema-btn-votar');
+            outrosBotoes.forEach(btn => {
+                if (btn !== buttonAtivo && !btn.classList.contains('votado')) {
+                    btn.disabled = true;
+                    btn.classList.add('disabled');
+                    btn.innerHTML = `
+                        <i class="fas fa-ban"></i>
+                        Você já votou nesta categoria
+                    `;
+                }
+            });
+        }
     },
 
     // Estado de loading do botão
@@ -1424,11 +1480,14 @@ const SistemaVotacao = {
         if (loading) {
             button.classList.add('loading');
             button.disabled = true;
-            button.textContent = 'Votando...';
-        } else {
+            button.innerHTML = `
+                <i class="fas fa-spinner fa-spin"></i>
+                Votando...
+            `;
+        } else if (!button.classList.contains('votado')) {
             button.classList.remove('loading');
             button.disabled = false;
-            button.textContent = 'Votar neste Projeto';
+            button.innerHTML = 'Votar neste Projeto';
         }
     },
 
@@ -1440,13 +1499,16 @@ const SistemaVotacao = {
         if (proximoIndice < this.categoriasOrdem.length) {
             this.proximaCategoriaData = this.categoriasOrdem[proximoIndice];
             this.gerarPreviewProximaCategoria(this.proximaCategoriaData.id);
-            this.elementos.modalPosVoto.classList.add('show');
+            
+            if (this.elementos.modalPosVoto) {
+                this.elementos.modalPosVoto.classList.add('show');
+            }
         } else {
             this.mostrarModalConclusao();
         }
     },
 
-    // Gerar preview da próxima categoria - VERSÃO SEM LIMITE
+    // Gerar preview da próxima categoria
     gerarPreviewProximaCategoria(proximaCategoriaId) {
         const proximaCategoria = document.getElementById(`categoria-${proximaCategoriaId}`);
         const projetos = proximaCategoria ? proximaCategoria.querySelectorAll('.sistema-projeto-card') : [];
@@ -1466,7 +1528,6 @@ const SistemaVotacao = {
                 <div class="sistema-preview-projetos">
             `;
             
-            // Mostrar TODOS os projetos (sem limite)
             projetos.forEach(projeto => {
                 const titulo = projeto.querySelector('.sistema-projeto-title')?.textContent || 'Projeto';
                 const equipe = projeto.querySelector('.sistema-equipe-nome')?.textContent || 'Equipe';
@@ -1480,18 +1541,6 @@ const SistemaVotacao = {
             });
             
             previewHTML += `</div>`;
-        } else {
-            previewHTML = `
-                <div class="sistema-preview-header">
-                    <div class="sistema-preview-icon">
-                        <i class="fas fa-info-circle"></i>
-                    </div>
-                    <h4 class="sistema-preview-title">Próxima categoria disponível</h4>
-                </div>
-                <p style="text-align: center; color: var(--votacao-text-muted); margin: 1rem 0;">
-                    Explore mais projetos na próxima categoria!
-                </p>
-            `;
         }
         
         if (this.elementos.previewProxima) {
@@ -1501,48 +1550,38 @@ const SistemaVotacao = {
 
     // Continuar votação
     continuarVotacao() {
-        this.elementos.modalPosVoto.classList.remove('show');
+        if (this.elementos.modalPosVoto) {
+            this.elementos.modalPosVoto.classList.remove('show');
+        }
         
         if (this.proximaCategoriaData) {
             const proximaTab = document.querySelector(`[data-categoria-id="${this.proximaCategoriaData.id}"]`);
             if (proximaTab) {
                 proximaTab.click();
-                
-                setTimeout(() => {
-                    const categoriaHeader = document.querySelector('.sistema-categoria-header');
-                    if (categoriaHeader) {
-                        categoriaHeader.scrollIntoView({ 
-                            behavior: 'smooth',
-                            block: 'start'
-                        });
-                    }
-                }, 100);
             }
         }
     },
 
     // Parar votação
     pararVotacao() {
-        this.elementos.modalPosVoto.classList.remove('show');
-        this.showFeedback('Obrigado pela sua participação na votação!', 'success');
+        if (this.elementos.modalPosVoto) {
+            this.elementos.modalPosVoto.classList.remove('show');
+        }
+        this.showFeedback('Obrigado pela sua participação!', 'success');
     },
 
     // Mostrar modal de conclusão
     mostrarModalConclusao() {
-        const totalProjetos = document.querySelectorAll('.sistema-projeto-card').length;
-        const projetosElement = document.getElementById('total-projetos-visualizados');
-        if (projetosElement) {
-            projetosElement.textContent = totalProjetos;
+        if (this.elementos.modalConclusao) {
+            this.elementos.modalConclusao.classList.add('show');
         }
-        
-        this.elementos.modalConclusao.classList.add('show');
     },
 
     // Reiniciar votação
     reiniciarVotacao() {
-        console.log('🔄 Reiniciando votação...');
-        
-        this.elementos.modalConclusao.classList.remove('show');
+        if (this.elementos.modalConclusao) {
+            this.elementos.modalConclusao.classList.remove('show');
+        }
         
         // Reset estado
         this.votosCategoria.clear();
@@ -1551,34 +1590,33 @@ const SistemaVotacao = {
         // Reset botões
         const botoesVotar = document.querySelectorAll('.sistema-btn-votar');
         botoesVotar.forEach(botao => {
-            botao.classList.remove('votado', 'loading');
+            botao.classList.remove('votado', 'loading', 'disabled');
             botao.disabled = false;
             botao.textContent = 'Votar neste Projeto';
         });
         
-        // Reset progresso
         this.atualizarProgresso();
         
-        // Voltar primeira tab
         const primeiraTab = document.querySelector('.sistema-tab-button');
         if (primeiraTab) {
             primeiraTab.click();
         }
         
-        window.scrollTo({ top: 0, behavior: 'smooth' });
-        this.showFeedback('Nova votação iniciada! Vote novamente.', 'success');
+        this.showFeedback('Nova votação iniciada!', 'success');
     },
 
     // Encerrar definitivo
     encerrarDefinitivo() {
-        this.elementos.modalConclusao.classList.remove('show');
-        this.showFeedback('Obrigado pela sua participação na votação!', 'success');
+        if (this.elementos.modalConclusao) {
+            this.elementos.modalConclusao.classList.remove('show');
+        }
+        this.showFeedback('Obrigado pela sua participação!', 'success');
     },
 
     // Finalizar votação
     finalizarVotacao() {
         if (this.votosCategoria.size === 0) {
-            this.showFeedback('Você ainda não votou em nenhuma categoria.', 'error');
+            this.showFeedback('Você ainda não votou em nenhuma categoria.', 'warning');
             return;
         }
         
@@ -1586,18 +1624,12 @@ const SistemaVotacao = {
         
         let mensagem = 'Tem certeza que deseja finalizar sua votação?';
         if (categoriasRestantes > 0) {
-            mensagem += `\n\nAinda há ${categoriasRestantes} categoria${categoriasRestantes > 1 ? 's' : ''} para conhecer.`;
+            mensagem += `\n\nAinda há ${categoriasRestantes} categoria${categoriasRestantes > 1 ? 's' : ''} disponíveis.`;
         }
-        mensagem += '\n\nA página será recarregada para iniciar uma nova votação.';
         
         if (confirm(mensagem)) {
-            // Mostrar feedback antes de recarregar
-            this.showFeedback('Obrigado pela sua participação! Recarregando...', 'success');
-            
-            // Recarregar a página após um pequeno delay
-            setTimeout(() => {
-                window.location.reload();
-            }, 1500);
+            this.showFeedback('Obrigado pela participação! Recarregando...', 'success');
+            setTimeout(() => window.location.reload(), 1500);
         }
     },
 
@@ -1606,40 +1638,32 @@ const SistemaVotacao = {
         const votadas = this.votosCategoria.size;
         const percentual = Math.round((votadas / this.configuracao.totalCategorias) * 100);
         
-        // Atualizar barra principal
-        if (this.elementos.progressoFill) {
-            this.elementos.progressoFill.style.width = `${percentual}%`;
-        }
-        if (this.elementos.progressoStatus) {
-            this.elementos.progressoStatus.textContent = `${votadas} de ${this.configuracao.totalCategorias} categorias`;
-        }
-        if (this.elementos.progressoText) {
-            this.elementos.progressoText.textContent = `${percentual}% concluído`;
-        }
-
-        // Atualizar barra do modal
-        if (this.elementos.progressoFillModal) {
-            this.elementos.progressoFillModal.style.width = `${percentual}%`;
-        }
-        if (this.elementos.progressoStatusModal) {
-            this.elementos.progressoStatusModal.textContent = `${votadas} de ${this.configuracao.totalCategorias} categorias`;
-        }
-        if (this.elementos.progressoTextModal) {
-            this.elementos.progressoTextModal.textContent = `${percentual}% concluído`;
-        }
+        // Atualizar elementos de progresso
+        const elementos = [
+            { fill: this.elementos.progressoFill, status: this.elementos.progressoStatus, text: this.elementos.progressoText },
+            { fill: this.elementos.progressoFillModal, status: this.elementos.progressoStatusModal, text: this.elementos.progressoTextModal }
+        ];
+        
+        elementos.forEach(({ fill, status, text }) => {
+            if (fill) fill.style.width = `${percentual}%`;
+            if (status) status.textContent = `${votadas} de ${this.configuracao.totalCategorias} categorias`;
+            if (text) text.textContent = `${percentual}% concluído`;
+        });
     },
 
     // Mostrar feedback
     showFeedback(message, type = 'success') {
-        if (!this.elementos.feedbackMessage) return;
+        if (!this.elementos.feedbackMessage) {
+            console.log(`Feedback: ${message} (${type})`);
+            return;
+        }
         
         this.elementos.feedbackMessage.textContent = message;
-        this.elementos.feedbackMessage.className = `sistema-feedback-message ${type}`;
-        this.elementos.feedbackMessage.classList.add('show');
+        this.elementos.feedbackMessage.className = `sistema-feedback-message ${type} show`;
         
         setTimeout(() => {
             this.elementos.feedbackMessage.classList.remove('show');
-        }, 3000);
+        }, 4000);
     },
 
     // Obter CSRF token
@@ -1658,50 +1682,18 @@ const SistemaVotacao = {
             }
         }
         
+        console.warn('⚠️ CSRF token não encontrado');
         return '';
-    },
-
-    // Debug - testar funcionalidades
-    debug: {
-        testarTab(categoriaId) {
-            const button = document.querySelector(`[data-categoria-id="${categoriaId}"]`);
-            if (button) {
-                console.log('🧪 Testando clique na categoria:', categoriaId);
-                button.click();
-            } else {
-                console.error('❌ Botão não encontrado para categoria:', categoriaId);
-            }
-        },
-
-        infoTabs() {
-            console.log('=== DEBUG TABS ===');
-            console.log('Botões:', document.querySelectorAll('.sistema-tab-button').length);
-            console.log('Conteúdos:', document.querySelectorAll('.sistema-tab-content').length);
-            
-            document.querySelectorAll('.sistema-tab-button').forEach((btn, i) => {
-                console.log(`Botão ${i}:`, {
-                    target: btn.getAttribute('data-tab-target'),
-                    categoriaId: btn.getAttribute('data-categoria-id'),
-                    ativo: btn.classList.contains('active')
-                });
-            });
-        },
-
-        infoEstado() {
-            console.log('=== ESTADO ATUAL ===');
-            console.log('Votos por categoria:', Array.from(SistemaVotacao.votosCategoria));
-            console.log('Configuração:', SistemaVotacao.configuracao);
-            console.log('Categorias:', SistemaVotacao.categoriasOrdem);
-        }
     }
 };
 
-// Inicialização quando DOM carregar
+// Inicialização
 document.addEventListener('DOMContentLoaded', function() {
+    console.log('📄 DOM carregado, inicializando sistema...');
     SistemaVotacao.init();
 });
 
-// Expor funções globalmente para compatibilidade
+// Expor globalmente
 window.SistemaVotacao = SistemaVotacao;
 </script>
 {% endblock %}