coloque essas opcoes antes da informacoes dos autores, ao clicar aparece as opcoes, o tipo de crime fica em amarelo

index.html

@@ -83,8 +83,130 @@
         </div>
 <!-- Form -->
             <form class="p-6 space-y-6">
-<!-- Section 1: Basic Info -->
+<!-- Section 1: Crime Type -->
                 <div class="space-y-4">
+                    <h2 class="text-xl font-semibold border-b border-yellow-400 border-opacity-60 pb-2 text-yellow-400">
+                        <i data-feather="alert-triangle" class="inline mr-2 w-5 h-5"></i>
+                        Tipo de Crime *
+                    </h2>
+                    
+                    <div class="grid grid-cols-2 md:grid-cols-3 gap-3">
+                        <label class="crime-tag cursor-pointer">
+                            <input type="radio" name="crimeType" value="drugs" class="hidden peer" required>
+                            <div class="bg-dark peer-checked:bg-yellow-400 peer-checked:text-black rounded-lg p-3 text-center border border-white border-opacity-20">
+                                <i data-feather="package" class="w-5 h-5 mx-auto mb-1"></i>
+                                Tráfico de Drogas
+                            </div>
+                        </label>
+                        <label class="crime-tag cursor-pointer">
+                            <input type="radio" name="crimeType" value="weapons" class="hidden peer">
+                            <div class="bg-dark peer-checked:bg-yellow-400 peer-checked:text-black rounded-lg p-3 text-center border border-white border-opacity-20">
+                                <i data-feather="zap" class="w-5 h-5 mx-auto mb-1"></i>
+                                Porte Ilegal de Armas
+                            </div>
+                        </label>
+                        <label class="crime-tag cursor-pointer">
+                            <input type="radio" name="crimeType" value="homicide" class="hidden peer">
+                            <div class="bg-dark peer-checked:bg-yellow-400 peer-checked:text-black rounded-lg p-3 text-center border border-white border-opacity-20">
+                                <i data-feather="activity" class="w-5 h-5 mx-auto mb-1"></i>
+                                Autor de Homicídio
+                            </div>
+                        </label>
+                        <label class="crime-tag cursor-pointer">
+                            <input type="radio" name="crimeType" value="theft" class="hidden peer">
+                            <div class="bg-dark peer-checked:bg-yellow-400 peer-checked:text-black rounded-lg p-3 text-center border border-white border-opacity-20">
+                                <i data-feather="shield" class="w-5 h-5 mx-auto mb-1"></i>
+                                Roubo/Furto
+                            </div>
+                        </label>
+                        <label class="crime-tag cursor-pointer">
+                            <input type="radio" name="crimeType" value="wanted" class="hidden peer">
+                            <div class="bg-dark peer-checked:bg-yellow-400 peer-checked:text-black rounded-lg p-3 text-center border border-white border-opacity-20">
+                                <i data-feather="eye" class="w-5 h-5 mx-auto mb-1"></i>
+                                Procurado pela Justiça
+                            </div>
+                        </label>
+                    </div>
+                </div>
+
+                <!-- Dynamic Fields for Drug Trafficking -->
+                <div id="drugFields" class="space-y-4 hidden">
+                    <h3 class="text-lg font-medium border-b border-white border-opacity-20 pb-1">Detalhes sobre Tráfico</h3>
+                    
+                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                    <div>
+                        <label class="block text-sm font-medium mb-1">Horário que ocorre</label>
+                        <input type="text" class="w-full input-glass rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-primary" placeholder="Ex: 20h-23h">
+                    </div>
+<div>
+                            <label class="block text-sm font-medium mb-1">Possui armas de fogo?</label>
+                            <select class="w-full input-glass rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-primary">
+                                <option value="">Selecione...</option>
+                                <option value="yes">Sim</option>
+                                <option value="no">Não</option>
+                                <option value="unknown">Não sei</option>
+                            </select>
+                        </div>
+                    </div>
+                    <div>
+                        <label class="block text-sm font-medium mb-1">Tipo de Droga</label>
+                        <input type="text" class="w-full input-glass rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-primary" placeholder="Ex: Cocaína, Maconha, etc">
+                    </div>
+                    <div>
+                        <label class="block text-sm font-medium mb-1">Tipo de Arma</label>
+                        <input type="text" class="w-full input-glass rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-primary" placeholder="Ex: Pistola, Fuzil, etc">
+                    </div>
+<div>
+                        <label class="block text-sm font-medium mb-1">Local que Esconde a Arma</label>
+                        <input type="text" class="w-full input-glass rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-primary" placeholder="Ex: Sob o sofá, dentro do carro, etc">
+                    </div>
+                    <div>
+                        <label class="block text-sm font-medium mb-1">Local do Esconderijo das Drogas</label>
+                        <input type="text" class="w-full input-glass rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-primary" placeholder="Descreva o local">
+                    </div>
+                </div>
+
+                <!-- Dynamic Fields for Weapons -->
+                <div id="weaponsFields" class="space-y-4 hidden">
+                    <h3 class="text-lg font-medium border-b border-white border-opacity-20 pb-1">Detalhes sobre Porte Ilegal de Armas</h3>
+                    <div>
+                        <label class="block text-sm font-medium mb-1">Tipo de Arma</label>
+                        <input type="text" class="w-full input-glass rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-primary" placeholder="Ex: Pistola, Fuzil, etc">
+                    </div>
+                    <div>
+                        <label class="block text-sm font-medium mb-1">Local onde esconde a arma</label>
+                        <input type="text" class="w-full input-glass rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-primary" placeholder="Descreva o local">
+                    </div>
+</div>
+
+                <!-- Dynamic Fields for Homicide -->
+                <div id="homicideFields" class="space-y-4 hidden">
+                    <h3 class="text-lg font-medium border-b border-white border-opacity-20 pb-1">Detalhes sobre Homicídio</h3>
+                    <div>
+                        <label class="block text-sm font-medium mb-1">Nome da Vítima</label>
+                        <input type="text" class="w-full input-glass rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-primary" placeholder="Nome completo">
+                    </div>
+                    <div>
+                        <label class="block text-sm font-medium mb-1">Data do Fato</label>
+                        <input type="date" class="w-full input-glass rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-primary">
+                    </div>
+</div>
+
+                <!-- Dynamic Fields for Theft -->
+                <div id="theftFields" class="space-y-4 hidden">
+                    <h3 class="text-lg font-medium border-b border-white border-opacity-20 pb-1">Detalhes sobre Roubo/Furto</h3>
+                    <div>
+                        <label class="block text-sm font-medium mb-1">Local do Crime</label>
+                        <input type="text" class="w-full input-glass rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-primary" placeholder="Endereço ou descrição do local">
+                    </div>
+                    <div>
+                        <label class="block text-sm font-medium mb-1">Data do Crime</label>
+                        <input type="date" class="w-full input-glass rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-primary">
+                    </div>
+</div>
+
+                <!-- Section 2: Basic Info -->
+                <div id="authorsSection" class="space-y-4 hidden">
                     <h2 class="text-xl font-semibold border-b border-white border-opacity-20 pb-2">
                         <i data-feather="user" class="inline mr-2 w-5 h-5"></i>
                         Informações do(s) Autor(es)
@@ -157,52 +279,7 @@
                         <span>Adicionar outro autor</span>
                     </button>
 </div>
-<!-- Section 3: Crime Type -->
-                <div class="space-y-4">
-                    <h2 class="text-xl font-semibold border-b border-white border-opacity-20 pb-2">
-                        <i data-feather="alert-triangle" class="inline mr-2 w-5 h-5"></i>
-                        Tipo de Crime *
-                    </h2>
-                    
-                    <div class="grid grid-cols-2 md:grid-cols-3 gap-3">
-                        <label class="crime-tag cursor-pointer">
-                            <input type="radio" name="crimeType" value="drugs" class="hidden peer" required style="accent-color: yellow;">
-<div class="bg-dark peer-checked:bg-primary peer-checked:text-white rounded-lg p-3 text-center border border-white border-opacity-20">
-                                <i data-feather="package" class="w-5 h-5 mx-auto mb-1"></i>
-                                Tráfico de Drogas
-                            </div>
-                        </label>
-                        <label class="crime-tag cursor-pointer">
-                            <input type="radio" name="crimeType" value="weapons" class="hidden peer">
-                            <div class="bg-dark peer-checked:bg-primary peer-checked:text-white rounded-lg p-3 text-center border border-white border-opacity-20">
-                                <i data-feather="zap" class="w-5 h-5 mx-auto mb-1"></i>
-                                Porte Ilegal de Armas
-                            </div>
-                        </label>
-                        <label class="crime-tag cursor-pointer">
-                            <input type="radio" name="crimeType" value="homicide" class="hidden peer">
-                            <div class="bg-dark peer-checked:bg-primary peer-checked:text-white rounded-lg p-3 text-center border border-white border-opacity-20">
-                                <i data-feather="activity" class="w-5 h-5 mx-auto mb-1"></i>
-                                Autor de Homicídio
-                            </div>
-                        </label>
-                        <label class="crime-tag cursor-pointer">
-                            <input type="radio" name="crimeType" value="theft" class="hidden peer">
-                            <div class="bg-dark peer-checked:bg-primary peer-checked:text-white rounded-lg p-3 text-center border border-white border-opacity-20">
-                                <i data-feather="shield" class="w-5 h-5 mx-auto mb-1"></i>
-                                Roubo/Furto
-                            </div>
-                        </label>
-<label class="crime-tag cursor-pointer">
-                            <input type="radio" name="crimeType" value="wanted" class="hidden peer">
-                            <div class="bg-dark peer-checked:bg-primary peer-checked:text-white rounded-lg p-3 text-center border border-white border-opacity-20">
-                                <i data-feather="eye" class="w-5 h-5 mx-auto mb-1"></i>
-                                Procurado pela Justiça
-                            </div>
-                        </label>
-                    </div>
-                </div>
-                <!-- Dynamic Fields for Drug Trafficking -->
+<!-- Dynamic Fields for Drug Trafficking -->
                 <div id="drugFields" class="space-y-4 hidden">
                     <h3 class="text-lg font-medium border-b border-white border-opacity-20 pb-1">Detalhes sobre Tráfico</h3>
                     
@@ -355,10 +432,11 @@
                 } else if (this.value === 'theft') {
                     document.getElementById('theftFields').classList.remove('hidden');
                 }
+                // Show authors section
+                document.getElementById('authorsSection').classList.remove('hidden');
             });
         });
-
-        // Add author field
+// Add author field
         function addAuthorField() {
             const container = document.getElementById('authorsContainer');
             const authorCount = container.querySelectorAll('.author-block').length + 1;