wagtail-enap-designsystem 1.2.1.136__py3-none-any.whl → 1.2.1.138__py3-none-any.whl

enap_designsystem/templates/enap_designsystem/form_templates/formulario_page.html

@@ -1356,13 +1356,10 @@
                             </div>
                         {% endif %}
             
-                        <!-- CAMPOS DA SEÇÃO -->
-                        <div class="section-fields" 
-                             data-section-parent="{% if section.title %}section-{{ forloop.parentloop.counter }}-{{ forloop.counter }}{% endif %}">
-                            {% for block in section.fields %}
-                                {% include 'enap_designsystem/includes/form_field.html' with block=block %}
-                            {% endfor %}
-                        </div>
+                        <!-- ✅ ESTRUTURA CORRIGIDA -->
+{% for block in section.fields %}
+{% include 'enap_designsystem/includes/form_field.html' with block=block %}
+{% endfor %}
                     {% endfor %}
                 </div>
             </div>
@@ -1420,599 +1417,417 @@
 </div>
 
 <script>
-    window.FormularioSystem = window.FormularioSystem || {
-        multiRedirectFields: new Map(),
-        initialized: false
-    };
     // VARIÁVEIS GLOBAIS
-    let currentStep = 0;
-    let currentActiveWizardIndex = 0;
-    let isScrolling = false;
-    const formSteps = {{ all_steps|length }};
-    const totalSteps = formSteps + 2;
-    const successStepIndex = formSteps + 1;
-    let wizardSteps = [];
-    
-    // DADOS DO DJANGO COM VALIDAÇÃO
-    let sectionMapData = {};
-    let navigationDataRaw = {};
-    
-    try {
-        {% if section_map_json %}
-            sectionMapData = {{ section_map_json|safe }};
-        {% endif %}
-    } catch(e) {
-        console.log('Section map não disponível');
-        sectionMapData = {};
+let currentStep = 0;
+let currentActiveWizardIndex = 0;
+let isScrolling = false;
+const formSteps = {{ all_steps|length }};
+const totalSteps = formSteps + 2;
+const successStepIndex = formSteps + 1;
+let wizardSteps = [];
+
+// DADOS DO DJANGO
+let sectionMapData = {};
+let navigationDataRaw = {};
+
+try {
+    {% if section_map_json %}
+        sectionMapData = {{ section_map_json|safe }};
+    {% endif %}
+} catch(e) {
+    console.log('Section map não disponível');
+    sectionMapData = {};
+}
+
+try {
+    {% if navigation_data_json %}
+        navigationDataRaw = {{ navigation_data_json|safe }};
+    {% endif %}
+} catch(e) {
+    console.log('Navigation data não disponível');
+    navigationDataRaw = {};
+}
+
+// NAVEGAÇÃO PRINCIPAL
+function nextStep() {
+    if (currentStep === 0) {
+        currentStep = 1;
+        showStep(currentStep);
+        return;
     }
     
-    try {
-        {% if navigation_data_json %}
-            navigationDataRaw = {{ navigation_data_json|safe }};
-        {% endif %}
-    } catch(e) {
-        console.log('Navigation data não disponível');
-        navigationDataRaw = {};
+    if (currentStep >= 1 && currentStep <= formSteps) {
+        if (!validateCurrentStep()) {
+            return;
+        }
     }
     
-    // SISTEMA DE NAVEGAÇÃO INTELIGENTE
-    let sectionMap = sectionMapData || {};
-    let navigationData = navigationDataRaw || {};
-    let hiddenSections = new Set();
-    
-    console.log('Config: formSteps=' + formSteps + ', totalSteps=' + totalSteps);
+    if (currentStep === formSteps) {
+        document.getElementById('wagtailForm').submit();
+        return;
+    }
     
-    // FUNÇÕES PRINCIPAIS - ESCOPO GLOBAL
-    function nextStep() {
-        console.log('nextStep: currentStep=' + currentStep);
-        
-        if (currentStep === 0) {
-            currentStep = 1;
-            showStep(currentStep);
-            return;
-        }
-        
-        if (currentStep >= 1 && currentStep <= formSteps) {
-            if (!validateCurrentStep()) {
-                console.log('Validação falhou');
-                return;
-            }
-        }
-        
-        if (currentStep === formSteps) {
-            const form = document.getElementById('wagtailForm');
-            if (form) {
-                form.submit();
-            }
-            return;
-        }
-        
-        if (currentStep < totalSteps - 1) {
-            currentStep++;
-            showStep(currentStep);
-        }
+    if (currentStep < totalSteps - 1) {
+        currentStep++;
+        showStep(currentStep);
+    }
+}
+
+function prevStep() {
+    if (currentStep > 1) {
+        currentStep--;
+        showStep(currentStep);
     }
+}
+
+function showStep(step) {
+    // Ocultar todos os steps
+    document.querySelectorAll('.step-content').forEach(el => {
+        el.classList.remove('active');
+    });
     
-    function prevStep() {
-        if (currentStep > 1) {
-            currentStep--;
-            showStep(currentStep);
-        }
+    // Mostrar step atual
+    const stepElement = document.getElementById('step' + step);
+    if (stepElement) {
+        stepElement.classList.add('active');
     }
     
-    function showStep(step) {
-        console.log('Mostrando step: ' + step);
-        
-        // Ocultar todos os steps
-        const allSteps = document.querySelectorAll('.step-content');
-        for (let i = 0; i < allSteps.length; i++) {
-            allSteps[i].classList.remove('active');
-        }
-        
-        // Mostrar step atual
-        const stepElement = document.getElementById('step' + step);
-        if (stepElement) {
-            stepElement.classList.add('active');
-        }
+    // Controlar wizard e navegação
+    const wizardContainer = document.getElementById('wizardContainer');
+    const navigation = document.getElementById('navigation');
+    
+    if (step === 0) {
+        if (wizardContainer) wizardContainer.style.display = 'none';
+        if (navigation) navigation.style.display = 'none';
+    } else if (step === successStepIndex) {
+        if (wizardContainer) wizardContainer.style.display = 'none';
+        if (navigation) navigation.style.display = 'none';
+        setTimeout(createConfetti, 500);
+    } else {
+        if (wizardContainer) wizardContainer.style.display = 'flex';
+        if (navigation) navigation.style.display = 'flex';
         
-        // Controlar wizard e navegação
-        const wizardContainer = document.getElementById('wizardContainer');
-        const navigation = document.getElementById('navigation');
         const prevBtn = document.getElementById('prevBtn');
         const nextBtn = document.getElementById('nextBtn');
         
-        if (step === 0) {
-            // Tela de boas-vindas
-            if (wizardContainer) wizardContainer.style.display = 'none';
-            if (navigation) navigation.style.display = 'none';
-        } else if (step === successStepIndex) {
-            // Tela de sucesso
-            if (wizardContainer) wizardContainer.style.display = 'none';
-            if (navigation) navigation.style.display = 'none';
-            setTimeout(createConfetti, 500);
-        } else {
-            // Steps do formulário
-            if (wizardContainer) wizardContainer.style.display = 'flex';
-            if (navigation) navigation.style.display = 'flex';
-            
-            // Configurar botões de navegação
-            if (prevBtn) prevBtn.style.display = step === 1 ? 'none' : 'inline-block';
-            if (nextBtn) nextBtn.textContent = step === formSteps ? 'Finalizar Inscrição' : 'Próximo →';
-            
-            // Inicializar wizard se necessário
-            if (wizardSteps.length === 0) {
-                initializeWizard();
-            }
-            
-            // Configurar scroll listener
-            setTimeout(function() {
-                setupScrollDetection();
-                if (currentActiveWizardIndex === 0) {
-                    updateWizardVisual();
-                    updateDividerVisual();
-                }
-            }, 200);
-        }
+        if (prevBtn) prevBtn.style.display = step === 1 ? 'none' : 'inline-block';
+        if (nextBtn) nextBtn.textContent = step === formSteps ? 'Finalizar Inscrição' : 'Próximo →';
         
-        // Scroll para o topo do container
-        const formContent = document.getElementById('formContent');
-        if (formContent) {
-            formContent.scrollTop = 0;
+        if (wizardSteps.length === 0) {
+            initializeWizard();
         }
     }
     
-    function validateCurrentStep() {
-        const currentStepElement = document.getElementById('step' + currentStep);
-        if (!currentStepElement) return true;
-        
-        console.log(`Validando step ${currentStep}`);
+    const formContent = document.getElementById('formContent');
+    if (formContent) formContent.scrollTop = 0;
+}
+
+function validateCurrentStep() {
+    const currentStepElement = document.getElementById('step' + currentStep);
+    if (!currentStepElement) return true;
+    
+    let isValid = true;
+    const requiredInputs = currentStepElement.querySelectorAll('input[required], select[required], textarea[required]');
+    
+    requiredInputs.forEach(input => {
+        // Verificar se está oculto
+        const isHidden = (
+            input.offsetParent === null ||
+            input.closest('[style*="display: none"]') ||
+            input.closest('.conditional-container[style*="display: none"]')
+        );
         
-        let isValid = true;
-        const requiredInputs = currentStepElement.querySelectorAll('input[required], select[required], textarea[required]');
+        if (isHidden) {
+            input.required = false;
+            return;
+        }
         
-        for (let i = 0; i < requiredInputs.length; i++) {
-            const input = requiredInputs[i];
-            
-            // VERIFICAÇÃO MELHORADA - pular campos ocultos
-            const isHidden = (
-                input.style.display === 'none' ||
-                input.offsetParent === null ||
-                input.closest('[style*="display: none"]') ||
-                input.closest('.conditional-fields[style*="display: none"]') ||
-                input.closest('.conditional-condicional-fields[style*="display: none"]')
-            );
-            
-            if (isHidden) {
-                console.log(`Pulando campo oculto: ${input.name}`);
-                // REMOVER temporariamente o required de campos ocultos
-                input.required = false;
-                continue;
-            }
-            
-            let hasValue = false;
-            
-            if (input.type === 'checkbox') {
-                hasValue = input.checked;
-            } else if (input.type === 'radio') {
-                const radioGroup = currentStepElement.querySelectorAll('input[name="' + input.name + '"]');
-                for (let j = 0; j < radioGroup.length; j++) {
-                    if (radioGroup[j].checked) {
-                        hasValue = true;
-                        break;
-                    }
-                }
+        let hasValue = false;
+        if (input.type === 'checkbox' || input.type === 'radio') {
+            if (input.type === 'radio') {
+                const radioGroup = currentStepElement.querySelectorAll(`input[name="${input.name}"]`);
+                hasValue = Array.from(radioGroup).some(radio => radio.checked);
             } else {
-                hasValue = input.value.trim() !== '';
-            }
-            
-            if (!hasValue) {
-                showFieldError(input, 'Este campo é obrigatório');
-                isValid = false;
+                hasValue = input.checked;
             }
+        } else {
+            hasValue = input.value.trim() !== '';
         }
         
-        return isValid;
-    }
-    
-    function showFieldError(input, message) {
-        let errorDiv = input.parentNode.querySelector('.error-message');
-        if (!errorDiv) {
-            errorDiv = document.createElement('div');
-            errorDiv.className = 'error-message';
-            input.parentNode.appendChild(errorDiv);
+        if (!hasValue) {
+            showFieldError(input, 'Este campo é obrigatório');
+            isValid = false;
         }
-        errorDiv.textContent = message;
-        errorDiv.style.display = 'block';
-        
-        input.scrollIntoView({ behavior: 'smooth', block: 'center' });
-        input.focus();
-    }
+    });
     
-    // SISTEMA DE NAVEGAÇÃO INTELIGENTE
-    function initializeSmartNavigation() {
-        console.log('Inicializando Smart Navigation');
-        
-        // Verificar se temos dados
-        if (Object.keys(sectionMap).length === 0 && Object.keys(navigationData).length === 0) {
-            console.log('Dados de navegação não disponíveis');
-            return;
-        }
-        
-        // Adicionar listeners
-        document.addEventListener('change', function(e) {
-            const smartField = e.target.closest('[data-field-type="smart_navigation_field"]');
-            if (smartField) {
-                handleSmartNavigation(e.target);
-            }
-        });
-        
-        hideDefaultHiddenSections();
-        console.log('Sistema de Navegação Inteligente carregado');
-    }
+    return isValid;
+}
+
+function showFieldError(input, message) {
+    let errorDiv = input.parentNode.querySelector('.error-message');
+    if (!errorDiv) {
+        errorDiv = document.createElement('div');
+        errorDiv.className = 'error-message';
+        input.parentNode.appendChild(errorDiv);
+    }
+    errorDiv.textContent = message;
+    errorDiv.style.display = 'block';
+    
+    input.scrollIntoView({ behavior: 'smooth', block: 'center' });
+    input.focus();
+}
+
+// CAMPOS CONDICIONAIS SIMPLIFICADOS
+function initializeConditionalFields() {
+    console.log('Inicializando campos condicionais...');
     
-    function handleSmartNavigation(element) {
-        const fieldContainer = element.closest('[data-field-type="smart_navigation_field"]');
-        if (!fieldContainer) return;
-        
-        const fieldId = fieldContainer.dataset.fieldId;
-        const selectedValue = getSelectedValue(element);
-        
-        if (!navigationData[fieldId] || !selectedValue) {
-            return;
-        }
-        
-        const actionData = navigationData[fieldId][selectedValue];
-        if (!actionData) {
-            return;
-        }
-        
-        console.log('Navegação ativada: ' + fieldId + ' -> ' + selectedValue);
-        
-        // Executar ação baseada no tipo
-        switch (actionData.action_type) {
-            case 'continue':
-                console.log('Continuando navegação normal');
-                break;
-                
-            case 'jump_to_section':
-                handleJumpToSection(actionData.target_section);
-                break;
-                
-            case 'finish_form':
-                handleFinishForm();
-                break;
-                
-            case 'show_message_and_finish':
-                handleShowMessageAndFinish(actionData);
-                break;
-        }
-    }
+    // Selects com data-field-id (conditional_field_condicional)
+    const conditionalTriggers = document.querySelectorAll('select[data-field-id]');
     
-    function getSelectedValue(element) {
-        if (element.type === 'radio') {
-            const radioGroup = document.querySelectorAll('input[name="' + element.name + '"]');
-            for (let i = 0; i < radioGroup.length; i++) {
-                if (radioGroup[i].checked) {
-                    return radioGroup[i].value;
-                }
-            }
-            return null;
-        } else if (element.type === 'checkbox') {
-            return element.checked ? element.value : null;
-        } else if (element.tagName === 'SELECT') {
-            return element.value;
+    conditionalTriggers.forEach(trigger => {
+        trigger.addEventListener('change', function() {
+            handleConditionalField(this);
+        });
+        
+        // Estado inicial
+        if (trigger.value) {
+            handleConditionalField(trigger);
         }
-        return element.value;
-    }
+    });
     
-    function handleJumpToSection(targetSectionName) {
-        if (!targetSectionName || !sectionMap[targetSectionName]) {
-            console.log('Seção não encontrada: ' + targetSectionName);
-            return;
-        }
-        
-        const targetSection = sectionMap[targetSectionName];
-        showSection(targetSectionName);
-        
-        currentStep = targetSection.step;
-        showStep(currentStep);
-        
-        setTimeout(function() {
-            scrollToSection(targetSection.block_id);
-        }, 100);
-        
-        console.log('Pulando para seção: ' + targetSectionName);
-    }
+    console.log(`Triggers configurados: ${conditionalTriggers.length}`);
+}
+
+function handleConditionalField(triggerElement) {
+    const fieldId = triggerElement.dataset.fieldId;
+    const selectedValue = triggerElement.value;
     
-    function handleFinishForm() {
-        currentStep = totalSteps - 1;
-        showStep(currentStep);
-        console.log('Formulário finalizado antecipadamente');
-    }
+    console.log(`Campo condicional: ${fieldId} = "${selectedValue}"`);
     
-    function hideDefaultHiddenSections() {
-        const sections = Object.keys(sectionMap);
-        for (let i = 0; i < sections.length; i++) {
-            const sectionName = sections[i];
-            const sectionData = sectionMap[sectionName];
-            if (sectionData.hidden_by_default) {
-                hideSection(sectionName);
-            }
-        }
-    }
+    // Encontrar containers condicionais
+    const conditionalContainers = document.querySelectorAll(`[data-parent-field="${fieldId}"]`);
     
-    function hideSection(sectionName) {
-        const sectionData = sectionMap[sectionName];
-        if (!sectionData) return;
+    conditionalContainers.forEach(container => {
+        const triggerValue = container.dataset.triggerValue;
         
-        hiddenSections.add(sectionName);
-        
-        const sectionElement = document.querySelector('[data-section-name="' + sectionName + '"]');
-        if (sectionElement) {
-            sectionElement.style.display = 'none';
-            disableFieldsInSection(sectionElement);
+        if (selectedValue === triggerValue) {
+            // Mostrar
+            container.style.display = 'block';
+            enableFieldsInContainer(container);
+            console.log(`Mostrando container para: ${triggerValue}`);
+        } else {
+            // Ocultar
+            container.style.display = 'none';
+            disableFieldsInContainer(container);
         }
+    });
+}
+
+function enableFieldsInContainer(container) {
+    const inputs = container.querySelectorAll('input, select, textarea');
+    inputs.forEach(input => {
+        if (input.dataset.originalRequired === 'true') {
+            input.required = true;
+        }
+    });
+}
+
+function disableFieldsInContainer(container) {
+    const inputs = container.querySelectorAll('input, select, textarea');
+    inputs.forEach(input => {
+        if (input.dataset.originalRequired === undefined) {
+            input.dataset.originalRequired = input.required.toString();
+        }
+        input.required = false;
         
-        console.log('Seção oculta: ' + sectionName);
-    }
+        // Limpar valores
+        if (input.type === 'checkbox' || input.type === 'radio') {
+            input.checked = false;
+        } else {
+            input.value = '';
+        }
+    });
+}
+
+// MULTI-REDIRECT FIELDS
+function initializeMultiRedirectFields() {
+    const groups = document.querySelectorAll('[data-field-type="checkbox_multi_redirect_field"]');
     
-    function showSection(sectionName) {
-        const sectionData = sectionMap[sectionName];
-        if (!sectionData) return;
-        
-        hiddenSections.delete(sectionName);
+    groups.forEach(group => {
+        const fieldId = group.dataset.fieldId;
+        const inputs = group.querySelectorAll('input[type="checkbox"], input[type="radio"], select');
         
-        const sectionElement = document.querySelector('[data-section-name="' + sectionName + '"]');
-        if (sectionElement) {
-            sectionElement.style.display = 'block';
-            enableFieldsInSection(sectionElement);
-        }
+        inputs.forEach(input => {
+            input.addEventListener('change', function() {
+                handleMultiRedirectField(this, fieldId);
+            });
+        });
         
-        console.log('Seção mostrada: ' + sectionName);
-    }
+        console.log(`Multi-redirect configurado: ${fieldId}`);
+    });
+}
+
+function handleMultiRedirectField(input, fieldId) {
+    const selectedValue = input.value;
     
-    function disableFieldsInSection(sectionElement) {
-        const fields = sectionElement.querySelectorAll('input, select, textarea');
-        for (let i = 0; i < fields.length; i++) {
-            const field = fields[i];
-            field.dataset.wasRequired = field.required ? 'true' : 'false';
-            field.required = false;
-            field.disabled = true;
-        }
-    }
+    if (!input.checked && input.type !== 'select-one') return;
     
-    function enableFieldsInSection(sectionElement) {
-        const fields = sectionElement.querySelectorAll('input, select, textarea');
-        for (let i = 0; i < fields.length; i++) {
-            const field = fields[i];
-            field.disabled = false;
-            if (field.dataset.wasRequired === 'true') {
-                field.required = true;
-            }
-        }
+    console.log(`Multi-redirect: ${fieldId} = ${selectedValue}`);
+    
+    // Ocultar todos os containers condicionais deste campo
+    const allContainers = document.querySelectorAll(`[data-parent-field="${fieldId}"]`);
+    allContainers.forEach(container => {
+        container.style.display = 'none';
+        disableFieldsInContainer(container);
+    });
+    
+    // Mostrar apenas o container específico
+    const targetContainer = document.querySelector(`[data-parent-field="${fieldId}"][data-option-value="${selectedValue}"]`);
+    if (targetContainer) {
+        targetContainer.style.display = 'block';
+        enableFieldsInContainer(targetContainer);
     }
+}
+
+// WIZARD FUNCTIONS (mantém as funções existentes do wizard)
+function initializeWizard() {
+    const allDividers = [];
     
-    // WIZARD FUNCTIONS
-    function initializeWizard() {
-        const allDividers = [];
-        
-        for (let i = 1; i <= formSteps; i++) {
-            const stepElement = document.getElementById('step' + i);
-            if (stepElement) {
-                const dividers = stepElement.querySelectorAll('.divider-title');
-                for (let j = 0; j < dividers.length; j++) {
-                    allDividers.push({
-                        title: dividers[j].textContent.trim(),
-                        element: dividers[j],
-                        stepNumber: i
-                    });
-                }
-            }
-        }
-        
-        if (allDividers.length === 0) {
-            for (let i = 1; i <= formSteps; i++) {
+    for (let i = 1; i <= formSteps; i++) {
+        const stepElement = document.getElementById('step' + i);
+        if (stepElement) {
+            const dividers = stepElement.querySelectorAll('.divider-title');
+            dividers.forEach(divider => {
                 allDividers.push({
-                    title: 'Etapa ' + i,
-                    element: null,
+                    title: divider.textContent.trim(),
+                    element: divider,
                     stepNumber: i
                 });
-            }
+            });
         }
-        
-        wizardSteps = allDividers;
-        createWizardSteps();
     }
     
-    function createWizardSteps() {
-        const wizardContainer = document.getElementById('wizardSteps');
-        if (!wizardContainer) return;
-        
-        wizardContainer.innerHTML = '';
-        
-        for (let i = 0; i < wizardSteps.length; i++) {
-            const step = wizardSteps[i];
-            const stepDiv = document.createElement('div');
-            stepDiv.className = 'wizard-step';
-            stepDiv.style.cursor = 'pointer';
-            stepDiv.setAttribute('data-index', i);
-            stepDiv.setAttribute('data-step-number', step.stepNumber);
-            
-            stepDiv.innerHTML = '<div class="step-circle"><span>' + (i + 1) + '</span></div><div class="step-label">' + step.title + '</div>';
-            
-            stepDiv.addEventListener('click', function() {
-                scrollToWizardStep(i);
+    if (allDividers.length === 0) {
+        for (let i = 1; i <= formSteps; i++) {
+            allDividers.push({
+                title: 'Etapa ' + i,
+                element: null,
+                stepNumber: i
             });
-            
-            wizardContainer.appendChild(stepDiv);
         }
     }
     
-    function scrollToWizardStep(stepIndex) {
-        if (stepIndex < 0 || stepIndex >= wizardSteps.length) return;
-        
-        const step = wizardSteps[stepIndex];
-        const formContent = document.getElementById('formContent');
-        
-        if (!step.element || !formContent) return;
-        
-        isScrolling = true;
-        
-        const elementRect = step.element.getBoundingClientRect();
-        const containerRect = formContent.getBoundingClientRect();
-        const relativeTop = elementRect.top - containerRect.top + formContent.scrollTop;
-        const targetScrollTop = relativeTop - 100;
-        
-        formContent.scrollTo({
-            top: targetScrollTop,
-            behavior: 'smooth'
-        });
-        
-        currentActiveWizardIndex = stepIndex;
-        updateWizardVisual();
-        updateDividerVisual();
-        
-        setTimeout(function() {
-            isScrolling = false;
-        }, 1000);
-    }
+    wizardSteps = allDividers;
+    createWizardSteps();
+}
+
+function createWizardSteps() {
+    const wizardContainer = document.getElementById('wizardSteps');
+    if (!wizardContainer) return;
+    
+    wizardContainer.innerHTML = '';
+    
+    wizardSteps.forEach((step, i) => {
+        const stepDiv = document.createElement('div');
+        stepDiv.className = 'wizard-step';
+        stepDiv.style.cursor = 'pointer';
+        stepDiv.setAttribute('data-index', i);
+        stepDiv.innerHTML = `
+            <div class="step-circle"><span>${i + 1}</span></div>
+            <div class="step-label">${step.title}</div>
+        `;
+        
+        stepDiv.addEventListener('click', () => scrollToWizardStep(i));
+        wizardContainer.appendChild(stepDiv);
+    });
+}
+
+function scrollToWizardStep(stepIndex) {
+    if (stepIndex < 0 || stepIndex >= wizardSteps.length) return;
     
-    function setupScrollDetection() {
-        const formContent = document.getElementById('formContent');
-        if (!formContent) return;
-        
-        let scrollTimeout;
-        
-        function handleScroll() {
-            if (isScrolling) return;
-            
-            const scrollTop = formContent.scrollTop;
-            const containerHeight = formContent.clientHeight;
-            const viewportCenter = scrollTop + (containerHeight / 3);
-            
-            let newActiveIndex = 0;
-            
-            for (let i = 0; i < wizardSteps.length; i++) {
-                const step = wizardSteps[i];
-                if (!step.element) continue;
-                
-                const elementRect = step.element.getBoundingClientRect();
-                const containerRect = formContent.getBoundingClientRect();
-                const elementTop = elementRect.top - containerRect.top + scrollTop;
-                
-                if (elementTop <= viewportCenter + 50) {
-                    newActiveIndex = i;
-                }
-            }
-            
-            if (newActiveIndex !== currentActiveWizardIndex) {
-                currentActiveWizardIndex = newActiveIndex;
-                updateWizardVisual();
-                updateDividerVisual();
-            }
-        }
-        
-        currentActiveWizardIndex = 0;
-        updateWizardVisual();
-        updateDividerVisual();
-        
-        formContent.addEventListener('scroll', function() {
-            clearTimeout(scrollTimeout);
-            scrollTimeout = setTimeout(handleScroll, 30);
-        });
-        
-        setTimeout(handleScroll, 300);
-    }
+    const step = wizardSteps[stepIndex];
+    const formContent = document.getElementById('formContent');
     
-    function updateWizardVisual() {
-        const allSteps = document.querySelectorAll('.wizard-step');
-        
-        for (let i = 0; i < allSteps.length; i++) {
-            const stepElement = allSteps[i];
-            stepElement.classList.remove('active', 'completed');
-            
-            if (i < currentActiveWizardIndex) {
-                stepElement.classList.add('completed');
-            } else if (i === currentActiveWizardIndex) {
-                stepElement.classList.add('active');
-            }
-        }
-    }
+    if (!step.element || !formContent) return;
     
-    function updateDividerVisual() {
-        const dividers = document.querySelectorAll('.divider-title');
-        for (let i = 0; i < dividers.length; i++) {
-            dividers[i].classList.remove('active');
-        }
-        
-        const activeStep = wizardSteps[currentActiveWizardIndex];
-        if (activeStep && activeStep.element) {
-            activeStep.element.classList.add('active');
-        }
-    }
+    isScrolling = true;
+    
+    const elementRect = step.element.getBoundingClientRect();
+    const containerRect = formContent.getBoundingClientRect();
+    const relativeTop = elementRect.top - containerRect.top + formContent.scrollTop;
+    const targetScrollTop = relativeTop - 100;
+    
+    formContent.scrollTo({
+        top: targetScrollTop,
+        behavior: 'smooth'
+    });
+    
+    currentActiveWizardIndex = stepIndex;
+    updateWizardVisual();
     
-    function checkForSuccess() {
-        const urlParams = new URLSearchParams(window.location.search);
-        const hasSuccess = urlParams.get('success') === '1';
+    setTimeout(() => { isScrolling = false; }, 1000);
+}
+
+function updateWizardVisual() {
+    const allSteps = document.querySelectorAll('.wizard-step');
+    
+    allSteps.forEach((stepElement, i) => {
+        stepElement.classList.remove('active', 'completed');
         
-        if (hasSuccess) {
-            currentStep = successStepIndex;
-            showStep(currentStep);
-            return true;
+        if (i < currentActiveWizardIndex) {
+            stepElement.classList.add('completed');
+        } else if (i === currentActiveWizardIndex) {
+            stepElement.classList.add('active');
         }
-        return false;
+    });
+}
+
+function createConfetti() {
+    const colors = ['#2d5530', '#4CAF50', '#ffd700', '#ff6b6b'];
+    
+    for (let i = 0; i < 50; i++) {
+        setTimeout(() => {
+            const confetti = document.createElement('div');
+            confetti.className = 'confetti';
+            Object.assign(confetti.style, {
+                position: 'fixed',
+                left: Math.random() * 100 + 'vw',
+                top: '-10px',
+                width: '10px',
+                height: '10px',
+                background: colors[Math.floor(Math.random() * colors.length)],
+                borderRadius: Math.random() > 0.5 ? '50%' : '0',
+                zIndex: '1001',
+                pointerEvents: 'none',
+                animation: `confetti-fall ${Math.random() * 3 + 2}s linear infinite`
+            });
+            
+            document.body.appendChild(confetti);
+            setTimeout(() => confetti.remove(), 5000);
+        }, i * 50);
     }
+}
+
+// INICIALIZAÇÃO
+document.addEventListener('DOMContentLoaded', function() {
+    console.log('Formulário carregando...');
     
-    function createConfetti() {
-        const colors = ['#2d5530', '#4CAF50', '#ffd700', '#ff6b6b', '#e74c3c', '#3498db'];
-        
-        for (let i = 0; i < 50; i++) {
-            setTimeout(function() {
-                const confetti = document.createElement('div');
-                confetti.className = 'confetti';
-                confetti.style.position = 'fixed';
-                confetti.style.left = Math.random() * 100 + 'vw';
-                confetti.style.top = '-10px';
-                confetti.style.width = '10px';
-                confetti.style.height = '10px';
-                confetti.style.background = colors[Math.floor(Math.random() * colors.length)];
-                confetti.style.borderRadius = Math.random() > 0.5 ? '50%' : '0';
-                confetti.style.zIndex = '1001';
-                confetti.style.pointerEvents = 'none';
-                confetti.style.animation = 'confetti-fall ' + (Math.random() * 3 + 2) + 's linear infinite';
-                confetti.style.animationDelay = Math.random() * 2 + 's';
-                
-                document.body.appendChild(confetti);
-                
-                setTimeout(function() {
-                    if (confetti.parentNode) {
-                        confetti.remove();
-                    }
-                }, 5000);
-            }, i * 50);
-        }
+    // Verificar success na URL
+    const urlParams = new URLSearchParams(window.location.search);
+    if (urlParams.get('success') === '1') {
+        currentStep = successStepIndex;
+        showStep(currentStep);
+    } else {
+        showStep(0);
     }
     
-    // EVENT LISTENERS E INICIALIZAÇÃO
-    document.addEventListener('DOMContentLoaded', function() {
-        console.log('DOM carregado');
-        
-        // Inicializar sistemas
-        initializeSmartNavigation();
-
+    // Inicializar sistemas
+    setTimeout(() => {
         initializeConditionalFields();
         initializeMultiRedirectFields();
-        
-        // Verificar success na URL primeiro
-        if (!checkForSuccess()) {
-            showStep(0);
-        }
-        
-        // Scroll inicial para o topo
-        window.scrollTo({ top: 0, behavior: 'smooth' });
-    });
+    }, 500);
     
-    // FORMATAÇÃO DE CAMPOS
+    // Formatação CPF/telefone
     document.addEventListener('input', function(e) {
         if (e.target.classList.contains('cpf-field')) {
             let value = e.target.value.replace(/[^\d]/g, '');
@@ -2041,7 +1856,7 @@
         }
     });
     
-    // RATING COM ESTRELAS
+    // Rating com estrelas
     document.addEventListener('click', function(e) {
         if (e.target.classList.contains('star')) {
             const ratingGroup = e.target.parentNode;
@@ -2052,570 +1867,72 @@
                 hiddenInput.value = value;
                 
                 const stars = ratingGroup.querySelectorAll('.star');
-                for (let i = 0; i < stars.length; i++) {
+                stars.forEach((star, i) => {
                     if (i < value) {
-                        stars[i].classList.add('active');
+                        star.classList.add('active');
                     } else {
-                        stars[i].classList.remove('active');
+                        star.classList.remove('active');
                     }
-                }
+                });
                 
                 const ratingText = ratingGroup.querySelector('.rating-text');
                 if (ratingText) {
-                    const maxRating = stars.length;
-                    ratingText.textContent = value + ' de ' + maxRating + ' estrelas';
+                    ratingText.textContent = `${value} de ${stars.length} estrelas`;
                 }
             }
         }
     });
     
-    console.log('Formulário carregado com sucesso!');
+    window.scrollTo({ top: 0, behavior: 'smooth' });
+    console.log('Formulário carregado!');
+});
 
-    // Adicione esta função no seu script principal
-function handleChildrenNavigation(selectedValue, targetSection) {
-    console.log(`Resposta sobre filhos: ${selectedValue}`);
-    
-    if (selectedValue === 'SIM') {
-        // Mostrar perguntas 2-5 sobre filhos
-        showChildrenQuestions();
-        console.log('Mostrando perguntas sobre filhos');
-        
-    } else if (selectedValue === 'NÃO') {
-        // Ocultar perguntas 2-5 e pular para próxima seção
-        hideChildrenQuestions();
-        
-        // Pular para "DADOS PESSOAIS E PROFISSIONAIS"
-        if (targetSection) {
-            setTimeout(() => {
-                redirectToSpecificSection(targetSection);
-            }, 500);
+// FUNÇÕES DE UPLOAD (mantém as existentes)
+function updateFileName(input) {
+    const fieldId = input.id;
+    const displayDiv = document.getElementById(`file-display-${fieldId}`);
+    const errorDiv = document.getElementById(`file-error-${fieldId}`);
+    const dropzone = document.getElementById(`dropzone-${fieldId}`);
+    
+    errorDiv.style.display = 'none';
+    errorDiv.textContent = '';
+    
+    if (input.files && input.files.length > 0) {
+        const maxSize = parseInt(input.dataset.maxSize) * 1024 * 1024;
+        const file = input.files[0];
+        
+        if (file.size > maxSize) {
+            errorDiv.textContent = `Arquivo excede ${input.dataset.maxSize}MB`;
+            errorDiv.style.display = 'block';
+            input.value = '';
+            return;
         }
         
-        console.log('Ocultando perguntas sobre filhos e pulando para próxima seção');
+        const fileSize = (file.size / (1024 * 1024)).toFixed(2);
+        displayDiv.innerHTML = `
+            <div style="display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem; background: #f8f9fa; border-radius: 4px;">
+                <span>📎</span>
+                <span style="flex: 1;">${file.name}</span>
+                <span style="color: #666; font-size: 0.8rem;">${fileSize}MB</span>
+                <span style="color: #28a745;">✓</span>
+            </div>
+        `;
+        displayDiv.style.display = 'block';
     }
 }
 
-function showChildrenQuestions() {
-    // IDs ou seletores das perguntas 2-5 sobre filhos
-    const childrenQuestionIds = [
-        '#question-2-children',  // Substitua pelos IDs reais
-        '#question-3-children', 
-        '#question-4-children',
-        '#question-5-children'
-    ];
-    
-    childrenQuestionIds.forEach(questionId => {
-        const questionElement = document.querySelector(questionId);
-        if (questionElement) {
-            questionElement.style.display = 'block';
-            questionElement.style.animation = 'fadeIn 0.3s ease-in-out';
-            
-            // Reativar campos obrigatórios
-            const inputs = questionElement.querySelectorAll('input, select, textarea');
-            inputs.forEach(input => {
-                if (input.dataset.originalRequired === 'true') {
-                    input.required = true;
-                }
-            });
-        }
-    });
-}
-
-function hideChildrenQuestions() {
-    // IDs ou seletores das perguntas 2-5 sobre filhos
-    const childrenQuestionIds = [
-        '#question-2-children',  // Substitua pelos IDs reais
-        '#question-3-children', 
-        '#question-4-children',
-        '#question-5-children'
-    ];
-    
-    childrenQuestionIds.forEach(questionId => {
-        const questionElement = document.querySelector(questionId);
-        if (questionElement) {
-            questionElement.style.display = 'none';
-            
-            // Salvar estado required e desativar
-            const inputs = questionElement.querySelectorAll('input, select, textarea');
-            inputs.forEach(input => {
-                // Salvar estado original
-                if (!input.dataset.originalRequired) {
-                    input.dataset.originalRequired = input.required.toString();
-                }
-                input.required = false;
-                
-                // Limpar valores
-                if (input.type === 'checkbox' || input.type === 'radio') {
-                    input.checked = false;
-                } else {
-                    input.value = '';
-                }
-            });
-        }
-    });
+function getFileIcon(filename) {
+    const ext = filename.split('.').pop().toLowerCase();
+    const icons = {
+        'pdf': '📄', 'doc': '📝', 'docx': '📝',
+        'xls': '📊', 'xlsx': '📊',
+        'jpg': '🖼️', 'jpeg': '🖼️', 'png': '🖼️'
+    };
+    return icons[ext] || '📎';
 }
-
-    function handleSmartNavigation(element) {
-        const fieldContainer = element.closest('[data-field-type="smart_navigation_field"], [data-field-type="checkbox_multi_redirect_field"]');
-        if (!fieldContainer) return;
-        
-        const fieldId = fieldContainer.dataset.fieldId;
-        const selectedValue = getSelectedValue(element);
-        
-        console.log(`Smart navigation: ${fieldId} = ${selectedValue}`);
-        
-        if (!selectedValue) return;
-        
-        // Para multi-redirect fields
-        if (fieldContainer.dataset.fieldType === 'checkbox_multi_redirect_field') {
-            const configData = fieldContainer.dataset.fieldConfig;
-            if (configData) {
-                try {
-                    const config = JSON.parse(configData);
-                    const option = config.options.find(opt => opt.value === selectedValue);
-                    
-                    if (option) {
-                        console.log(`Ação encontrada: ${option.action} para ${selectedValue}`);
-                        
-                        // Limpar campos condicionais primeiro
-                        hideAllConditionalFields(fieldId);
-                        
-                        switch(option.action) {
-                            case 'show_fields':
-                                showConditionalFields(fieldId, selectedValue);
-                                break;
-                            case 'skip_to_end':
-                                setTimeout(() => {
-                                    const form = document.getElementById('wagtailForm');
-                                    if (form) form.submit();
-                                }, (option.delay || 1) * 1000);
-                                break;
-                            case 'continue':
-                                console.log('Continuando normalmente');
-                                break;
-                        }
-                    }
-                } catch(e) {
-                    console.error('Erro config multi-redirect:', e);
-                }
-            }
-            return;
-        }
-        
-        // Para smart navigation normal
-        if (!navigationData[fieldId]) return;
-        const actionData = navigationData[fieldId][selectedValue];
-        if (!actionData) return;
-        
-        switch (actionData.action_type) {
-            case 'jump_to_section':
-                handleJumpToSection(actionData.target_section);
-                break;
-            case 'finish_form':
-                handleFinishForm();
-                break;
-        }
-    }
-
-    function showConditionalFields(fieldId, value) {
-        console.log(`Mostrando campos condicionais para ${fieldId} = ${value}`);
-        
-        // Primeiro: esconder TODOS os campos condicionais deste campo
-        hideAllConditionalFields(fieldId);
-        
-        // Segundo: mostrar apenas o campo específico para este valor
-        const specificField = document.querySelector(
-            `[data-parent-field="${fieldId}"][data-option-value="${value}"]`
-        );
-        
-        if (specificField) {
-            specificField.style.display = 'block';
-            
-            // Animação suave
-            specificField.style.opacity = '0';
-            specificField.style.transform = 'translateY(-10px)';
-            
-            setTimeout(() => {
-                specificField.style.transition = 'all 0.3s ease';
-                specificField.style.opacity = '1';
-                specificField.style.transform = 'translateY(0)';
-            }, 10);
-            
-            console.log(`✅ Campo condicional mostrado para valor: ${value}`);
-            
-            // Scroll suave para o campo que apareceu
-            setTimeout(() => {
-                specificField.scrollIntoView({ 
-                    behavior: 'smooth', 
-                    block: 'nearest' 
-                });
-            }, 200);
-        } else {
-            console.log(`⚠️ Nenhum campo condicional encontrado para valor: ${value}`);
-        }
-    }
-    
-    function hideAllConditionalFields(fieldId) {
-        // Esconder apenas os campos condicionais DESTE campo específico
-        const conditionalFields = document.querySelectorAll(`[data-parent-field="${fieldId}"]`);
-        
-        conditionalFields.forEach(field => {
-            field.style.display = 'none';
-            
-            // Limpar valores dos campos ocultos
-            const inputs = field.querySelectorAll('input, select, textarea');
-            inputs.forEach(input => {
-                if (input.type === 'checkbox' || input.type === 'radio') {
-                    input.checked = false;
-                } else {
-                    input.value = '';
-                }
-                input.required = false;
-            });
-        });
-        
-        console.log(`Campos condicionais ocultos para: ${fieldId}`);
-    }
-
-    // SUBSTITUA as funções de campos condicionais por estas:
-
-document.addEventListener('DOMContentLoaded', function() {
-    console.log('DOM carregado - inicializando campos condicionais');
-    
-    // Aguardar um pouco para garantir que tudo carregou
-    setTimeout(() => {
-        initializeAllConditionalFields();
-    }, 500);
-});
-
-function initializeAllConditionalFields() {
-    // Campos conditional_field_condicional
-    const triggers = document.querySelectorAll('select[data-field-id*="conditional_field_condicional"]');
-    console.log(`Triggers encontrados: ${triggers.length}`);
-    
-    triggers.forEach(trigger => {
-        console.log(`Configurando trigger: ${trigger.id}`);
-        
-        trigger.addEventListener('change', function() {
-            const fieldId = this.dataset.fieldId;
-            const selectedValue = this.value;
-            
-            console.log(`Mudança detectada: ${fieldId} = "${selectedValue}"`);
-            
-            // Encontrar containers condicionais
-            const containers = document.querySelectorAll(`[data-parent-field="${fieldId}"]`);
-            console.log(`Containers encontrados: ${containers.length}`);
-            
-            // Esconder todos primeiro
-            containers.forEach(container => {
-                container.style.display = 'none';
-                console.log(`Ocultando container com triggerValue: ${container.dataset.triggerValue}`);
-            });
-            
-            // Mostrar apenas o correto
-            if (selectedValue) {
-                const targetContainer = document.querySelector(`[data-parent-field="${fieldId}"][data-trigger-value="${selectedValue}"]`);
-                if (targetContainer) {
-                    targetContainer.style.display = 'block';
-                    console.log(`Mostrando container para: ${selectedValue}`);
-                } else {
-                    console.log(`Container não encontrado para valor: ${selectedValue}`);
-                }
-            }
-        });
-    });
-    
-    // Multi-redirect fields
-    const multiRedirectGroups = document.querySelectorAll('.checkbox-multi-redirect-group');
-    console.log(`Multi-redirect groups: ${multiRedirectGroups.length}`);
-    
-    multiRedirectGroups.forEach(group => {
-        const inputs = group.querySelectorAll('.multi-redirect-input');
-        const fieldId = group.dataset.fieldId;
-        
-        inputs.forEach(input => {
-            input.addEventListener('change', function() {
-                const selectedValue = this.value;
-                const configData = group.dataset.fieldConfig;
-                
-                console.log(`Multi-redirect mudou: ${fieldId} = "${selectedValue}"`);
-                
-                if (configData) {
-                    try {
-                        const config = JSON.parse(configData);
-                        const option = config.options.find(opt => opt.value === selectedValue);
-                        
-                        if (option) {
-                            console.log(`Ação: ${option.action} para ${selectedValue}`);
-                            
-                            // Mostrar mensagem se configurada
-                            if (option.message) {
-                                showRedirectMessage(fieldId, option, config.options.indexOf(option));
-                            }
-                            
-                            if (option.action === 'skip_to_end') {
-                                console.log('Finalizando formulário...');
-                                
-                                // Mostrar mensagem por X segundos antes de finalizar
-                                const delay = (option.delay || 1) * 1000;
-                                
-                                setTimeout(() => {
-                                    const form = document.getElementById('wagtailForm');
-                                    if (form) {
-                                        form.submit();
-                                    } else {
-                                        console.log('Formulário não encontrado!');
-                                    }
-                                }, delay);
-                            }
-                        }
-                    } catch(e) {
-                        console.error('Erro ao processar config:', e);
-                    }
-                }
-            });
-        });
-    });
-    }
-
-    function showRedirectMessage(fieldId, option, optionIndex) {
-        const blockId = fieldId.split('_').pop();
-        const messageEl = document.getElementById(`redirect_message_${blockId}_${optionIndex}`);
-        
-        if (messageEl) {
-            messageEl.style.display = 'block';
-            console.log(`Mensagem mostrada: ${option.message}`);
-            
-            // Scroll para a mensagem
-            setTimeout(() => {
-                messageEl.scrollIntoView({ 
-                    behavior: 'smooth', 
-                    block: 'center' 
-                });
-            }, 100);
-        } else {
-            console.log(`Elemento de mensagem não encontrado: redirect_message_${blockId}_${optionIndex}`);
-        }
-    }
-    
-    function handleConditionalFieldFixed(triggerElement) {
-        const fieldId = triggerElement.dataset.fieldId;
-        const selectedValue = triggerElement.value;
-        
-        console.log(`🎯 Campo condicional: ${fieldId} = "${selectedValue}"`);
-        
-        // Encontrar APENAS os divs condicionais diretos
-        const conditionalContainers = document.querySelectorAll(`div[data-parent-field="${fieldId}"]`);
-        
-        console.log(`Containers encontrados: ${conditionalContainers.length}`);
-        
-        conditionalContainers.forEach((container, index) => {
-            const triggerValue = container.dataset.triggerValue;
-            console.log(`Container ${index}: triggerValue="${triggerValue}", selectedValue="${selectedValue}"`);
-            
-            if (selectedValue === triggerValue) {
-                console.log(`✅ Mostrando container para valor: ${triggerValue}`);
-                container.style.display = 'block';
-                
-                // Reativar campos dentro do container
-                const inputs = container.querySelectorAll('input, select, textarea');
-                inputs.forEach(input => {
-                    if (input.dataset.wasRequired === 'true') {
-                        input.required = true;
-                    }
-                });
-            } else {
-                console.log(`❌ Ocultando container para valor: ${triggerValue}`);
-                container.style.display = 'none';
-                
-                // Desativar campos dentro do container
-                const inputs = container.querySelectorAll('input, select, textarea');
-                inputs.forEach(input => {
-                    if (!input.dataset.wasRequired) {
-                        input.dataset.wasRequired = input.required ? 'true' : 'false';
-                    }
-                    input.required = false;
-                    
-                    // Limpar valores
-                    if (input.type === 'checkbox' || input.type === 'radio') {
-                        input.checked = false;
-                    } else {
-                        input.value = '';
-                    }
-                });
-            }
-        });
-    }
-    
-    function initializeMultiRedirectFields() {
-        const groups = document.querySelectorAll('.checkbox-multi-redirect-group');
-        
-        groups.forEach(group => {
-            const fieldId = group.dataset.fieldId;
-            const inputs = group.querySelectorAll('.multi-redirect-input');
-            
-            inputs.forEach(input => {
-                input.addEventListener('change', function() {
-                    const selectedValue = this.value;
-                    
-                    console.log(`Multi-redirect mudou: ${fieldId} = ${selectedValue}`);
-                    
-                    // Limpar todos os campos condicionais deste grupo primeiro
-                    hideAllConditionalFields(fieldId);
-                    
-                    // Se tem valor selecionado, mostrar campos específicos
-                    if (this.checked || (this.tagName === 'SELECT' && selectedValue)) {
-                        // Verificar se tem campos condicionais para esta opção
-                        const conditionalField = document.querySelector(
-                            `[data-parent-field="${fieldId}"][data-option-value="${selectedValue}"]`
-                        );
-                        
-                        if (conditionalField) {
-                            conditionalField.style.display = 'block';
-                            console.log(`Mostrando campos condicionais para: ${selectedValue}`);
-                            
-                            // Animação suave
-                            setTimeout(() => {
-                                conditionalField.scrollIntoView({ 
-                                    behavior: 'smooth', 
-                                    block: 'nearest' 
-                                });
-                            }, 200);
-                        } else {
-                            console.log(`Nenhum campo condicional configurado para: ${selectedValue}`);
-                        }
-                    }
-                });
-            });
-            
-            console.log(`Multi-redirect configurado: ${fieldId}`);
-        });
-        
-        console.log(`Multi-redirect fields inicializados: ${groups.length}`);
-    }
-    
-    function hideAllConditionalFields(fieldId) {
-        // Esconder apenas os campos condicionais DESTE campo específico
-        const conditionalFields = document.querySelectorAll(`[data-parent-field="${fieldId}"].multi-redirect-fields`);
-        
-        conditionalFields.forEach(field => {
-            field.style.display = 'none';
-            
-            // Limpar valores dos campos ocultos
-            const inputs = field.querySelectorAll('input, select, textarea');
-            inputs.forEach(input => {
-                if (input.type === 'checkbox' || input.type === 'radio') {
-                    input.checked = false;
-                } else {
-                    input.value = '';
-                }
-                input.required = false;
-            });
-        });
-        
-        console.log(`Campos condicionais multi-redirect ocultos para: ${fieldId}`);
-    }
-
-    // Função melhorada para redirecionar para seção específica
-    function redirectToSpecificSection(sectionTitle) {
-        console.log(`Procurando seção: "${sectionTitle}"`);
-        
-        // Procurar por diferentes tipos de elementos que podem conter o título da seção
-        const selectors = [
-            '.divider-title',
-            '.section-title', 
-            '[data-section-title]',
-            'h2', 'h3', 'h4'
-        ];
-        
-        for (let selector of selectors) {
-            const elements = document.querySelectorAll(selector);
-            
-            for (let element of elements) {
-                const elementText = element.textContent?.trim() || '';
-                const dataTitle = element.dataset.sectionTitle || '';
-                
-                // Verificar se o texto corresponde (ignorando case e espaços extras)
-                if (elementText.toLowerCase().includes(sectionTitle.toLowerCase()) ||
-                    dataTitle.toLowerCase().includes(sectionTitle.toLowerCase()) ||
-                    sectionTitle.toLowerCase().includes(elementText.toLowerCase())) {
-                    
-                    console.log(`Seção encontrada: "${elementText}"`);
-                    
-                    // Scroll suave para a seção
-                    setTimeout(() => {
-                        const formContent = document.getElementById('formContent');
-                        if (formContent) {
-                            const offset = 120;
-                            const elementPosition = element.getBoundingClientRect().top + 
-                                                formContent.scrollTop - offset;
-                            
-                            formContent.scrollTo({
-                                top: elementPosition,
-                                behavior: 'smooth'
-                            });
-                            
-                            // Destacar temporariamente a seção
-                            element.style.background = 'rgba(42, 94, 44, 0.1)';
-                            element.style.padding = '1rem';
-                            element.style.borderRadius = '8px';
-                            element.style.transition = 'all 0.3s ease';
-                            
-                            setTimeout(() => {
-                                element.style.background = '';
-                                element.style.padding = '';
-                            }, 2000);
-                        }
-                    }, 100);
-                    
-                    return true;
-                }
-            }
-        }
-        
-        console.log(`Seção "${sectionTitle}" não encontrada`);
-        return false;
-    }
-
-
-
-
-
-// ADICIONE esta função para debug
-window.testConditional = function() {
-    console.log('=== TESTE MANUAL ===');
-    
-    // Listar todos os selects
-    const selects = document.querySelectorAll('select');
-    console.log(`Total de selects: ${selects.length}`);
-    
-    selects.forEach((select, i) => {
-        console.log(`Select ${i}:`, {
-            id: select.id,
-            name: select.name,
-            fieldId: select.dataset.fieldId,
-            classes: select.className
-        });
-    });
-    
-    // Listar containers condicionais
-    const containers = document.querySelectorAll('[data-parent-field]');
-    console.log(`Containers condicionais: ${containers.length}`);
-    
-    containers.forEach((container, i) => {
-        console.log(`Container ${i}:`, {
-            parentField: container.dataset.parentField,
-            triggerValue: container.dataset.triggerValue,
-            display: container.style.display
-        });
-    });
-};
-
-
-
+</script>
 
 
-</script>
+{% endblock %}
 
 
-{% endblock %}