Update index.html

index.html

@@ -6,128 +6,18 @@
     <title>Prof. Marcelo Vicente | Tributarista - @profmarcelovicente</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
-        <style>
-        .container {
-            background: white;
-            padding: 40px;
-            border-radius: 15px;
-            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
-            text-align: center;
-            max-width: 500px;
-            width: 100%;
-        }
-
-        .search-form {
-            margin-bottom: 20px;
-        }
-
-        .input-group {
-            display: flex;
-            gap: 10px;
-            margin-bottom: 20px;
-        }
-
-        input[type="text"] {
-            flex: 1;
-            padding: 15px;
-            border: 2px solid #e0e0e0;
-            border-radius: 8px;
-            font-size: 16px;
-            transition: border-color 0.3s ease;
-        }
-
-        input[type="text"]:focus {
-            outline: none;
-            border-color: #667eea;
-        }
-
-        .btn-acessar {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            color: white;
-            border: none;
-            padding: 15px 30px;
-            border-radius: 8px;
-            font-size: 16px;
-            cursor: pointer;
-            transition: transform 0.2s ease;
-        }
-
-        .btn-acessar:hover {
-            transform: translateY(-2px);
-        }
-
-        .help-text {
-            color: #666;
-            font-size: 14px;
-            margin-top: 10px;
-        }
-
-        /* Modal styles */
-        .modal {
+    <style>
+        .dropdown-menu {
             display: none;
-            position: fixed;
-            z-index: 1000;
-            left: 0;
-            top: 0;
-            width: 100%;
-            height: 100%;
-            background-color: rgba(0, 0, 0, 0.5);
-        }
-
-        .modal-content {
-            background-color: white;
-            margin: 15% auto;
-            padding: 30px;
-            border-radius: 10px;
-            width: 90%;
-            max-width: 400px;
-            text-align: center;
-            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
-        }
-
-        .modal-header {
-            font-size: 1.5em;
-            font-weight: bold;
-            color: #333;
-            margin-bottom: 20px;
-        }
-
-        .modal-body {
-            color: #666;
-            margin-bottom: 25px;
-            font-size: 16px;
-        }
-
-        .btn-ok {
-            background: #667eea;
-            color: white;
-            border: none;
-            padding: 12px 25px;
-            border-radius: 6px;
-            font-size: 16px;
-            cursor: pointer;
-            transition: background-color 0.3s ease;
         }
-
-        .btn-ok:hover {
-            background: #5a6fd8;
-        }
-
-        @media (max-width: 600px) {
-            .container {
-                padding: 30px 20px;
-            }
-
-            h1 {
-                font-size: 1.8em;
-            }
-
-            .input-group {
-                flex-direction: column;
-            }
+        .dropdown:hover .dropdown-menu {
+            display: block;
+            z-index: 1000;
+            min-width: 160px;
+            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+            border-radius: 4px;
         }
-
-         @import url('https://fonts.cdnfonts.com/css/arial-rounded-mt');
+        @import url('https://fonts.cdnfonts.com/css/arial-rounded-mt');
         
         body {
             font-family: 'Arial Rounded MT', sans-serif;
@@ -196,8 +86,8 @@
     <section class="text-white bg-cover bg-center" style="background-image: url('https://marcelovicente.prof/img/capa_02.png')">
         <div class="bg-blue-900 bg-opacity-70 py-2">
             <div class="container mx-auto px-4 text-center py-8">
-                <h1 class="text-4xl md:text-5xl mb-6">Negociações Tributárias por Unidade Federada - Estados / DF</h1>
-                <p class="text-xl md:text-2xl mb-8">Confira quais modalidades de Negocição estão disponíveis</p>
+                <h1 class="text-4xl md:text-5xl mb-6">AAAA</h1>
+                <p class="text-xl md:text-2xl mb-8">BBBB</p>
                 <div class="mt-8 text-center">
                     <a href="https://marcelovicente.prof/live1947" target="_blank" class="inline-block profmarcelovicente-btn text-xl font-semibold px-8 py-3 rounded-full hover:shadow-md transition-all">
                         <i class="fas fa-rocket"></i> Quero me tornar expert!
@@ -210,114 +100,19 @@
     <!-- Content Section -->
     <section class="container mx-auto px-4 py-12 max-w-4xl">
         <div class="bg-white rounded-lg shadow-lg p-8">
-            <div class="container">
-        <h1>Acesso às Procuradorias das Fazendas dos Estados e do DF</h1>
-        
-        <form class="search-form" onsubmit="buscarEstado(event)">
-            <div class="input-group">
-                <input 
-                    type="text" 
-                    id="estadoInput" 
-                    placeholder="Digite a sigla (ex: SP) ou nome do estado (ex: São Paulo)"
-                    autocomplete="off"
-                >
-                <button type="submit" class="btn-acessar">Acessar</button>
-            </div>
-        </form>
-        
-        <div class="help-text">
-            Digite a sigla (SP, RJ, DF etc.) ou o nome  da Unidade Federada
-        </div>
-    </div>
-
-    <!-- Modal -->
-    <div id="errorModal" class="modal">
-        <div class="modal-content">
-            <div class="modal-header">Resultado da pesquisa</div>
-            <div class="modal-body">Unidade não encontrada. Tente novamente</div>
-            <button class="btn-ok" onclick="fecharModal()">OK</button>
+        XXXX               
         </div>
-    </div>
-
-    <script>
-        // Dados dos estados brasileiros
-        const statesData = {
-            'AC': 'www.pge.ac.gov.br/', 'ACRE': 'www.pge.ac.gov.br/',
-            'AL': 'http://www.pge.al.gov.br/', 'ALAGOAS': 'http://www.pge.al.gov.br/',
-            'AM': 'http://www.pge.am.gov.br/', 'AMAZONAS': 'http://www.pge.am.gov.br/',
-            'AP': 'http://www.pge.ap.gov.br/', 'AMAPÁ': 'http://www.pge.ap.gov.br/', 'AMAPA': 'http://www.pge.ap.gov.br/',
-            'BA': 'http://www.pge.ba.gov.br/', 'BAHIA': 'http://www.pge.ba.gov.br/',
-            'CE': 'http://www.pge.ce.gov.br/', 'CEARÁ': 'http://www.pge.ce.gov.br/', 'CEARA': 'http://www.pge.ce.gov.br/',
-            'DF': 'http://www.pg.df.gov.br/', 'DISTRITO FEDERAL': 'http://www.pg.df.gov.br/',
-            'ES': 'http://www.pge.es.gov.br/', 'ESPÍRITO SANTO': 'http://www.pge.es.gov.br/', 'ESPIRITO SANTO': 'http://www.pge.es.gov.br/',
-            'GO': 'http://www.procuradoria.go.gov.br/', 'GOIÁS': 'http://www.procuradoria.go.gov.br/', 'GOIAS': 'http://www.procuradoria.go.gov.br/',
-            'MA': 'http://www.pge.ma.gov.br/', 'MARANHÃO': 'http://www.pge.ma.gov.br/', 'MARANHAO': 'http://www.pge.ma.gov.br/',
-            'MG': 'http://www.pge.mg.gov.br/', 'MINAS GERAIS': 'http://www.pge.mg.gov.br/',
-            'MS': 'http://www.pge.ms.gov.br/', 'MATO GROSSO DO SUL': 'http://www.pge.ms.gov.br/',
-            'MT': 'http://www.pge.mt.gov.br/', 'MATO GROSSO': 'http://www.pge.mt.gov.br/',
-            'PA': 'http://www.pge.pa.gov.br/', 'PARÁ': 'http://www.pge.pa.gov.br/', 'PARA': 'http://www.pge.pa.gov.br/',
-            'PB': 'http://www.pge.pb.gov.br/', 'PARAÍBA': 'http://www.pge.pb.gov.br/', 'PARAIBA': 'http://www.pge.pb.gov.br/',
-            'PE': 'http://www.pge.pe.gov.br/', 'PERNAMBUCO': 'http://www.pge.pe.gov.br/',
-            'PI': 'http://www.pge.pi.gov.br/', 'PIAUÍ': 'http://www.pge.pi.gov.br/', 'PIAUI': 'http://www.pge.pi.gov.br/',
-            'PR': 'http://www.pge.pr.gov.br/', 'PARANÁ': 'http://www.pge.pr.gov.br/', 'PARANA': 'http://www.pge.pr.gov.br/',
-            'RJ': 'http://www.pge.rj.gov.br/', 'RIO DE JANEIRO': 'http://www.pge.rj.gov.br/',
-            'RN': 'http://www.pge.rn.gov.br/', 'RIO GRANDE DO NORTE': 'http://www.pge.rn.gov.br/',
-            'RO': 'http://www.pge.ro.gov.br/', 'RONDÔNIA': 'http://www.pge.ro.gov.br/', 'RONDONIA': 'http://www.pge.ro.gov.br/',
-            'RR': 'http://www.pge.rn.gov.br/', 'RORAIMA': 'http://www.pge.rn.gov.br/',
-            'RS': 'http://www.pge.rs.gov.br/', 'RIO GRANDE DO SUL': 'http://www.pge.rs.gov.br/',
-            'SC': 'http://www.pge.sc.gov.br/', 'SANTA CATARINA': 'http://www.pge.sc.gov.br/',
-            'SE': 'http://www.pge.se.gov.br/', 'SERGIPE': 'http://www.pge.se.gov.br/',
-            'SP': 'http://www.pge.sp.gov.br/', 'SÃO PAULO': 'http://www.pge.sp.gov.br/', 'SAO PAULO': 'http://www.pge.sp.gov.br/',
-            'TO': 'http://www.pge.to.gov.br/', 'TOCANTINS': 'http://www.pge.to.gov.br/'
-        };
-
-        function buscarEstado(event) {
-            event.preventDefault();
-            
-            const input = document.getElementById('estadoInput');
-            const busca = input.value.trim().toUpperCase();
-            
-            if (!busca) {
-                mostrarModal();
-                return;
-            }
-            
-            const url = statesData[busca];
-            
-            if (url) {
-                // Adiciona protocolo se não existir
-                const urlCompleta = url.startsWith('http') ? url : 'http://' + url;
-                window.open(urlCompleta, '_blank');
-                input.value = ''; // Limpa o campo após busca bem-sucedida
-            } else {
-                mostrarModal();
-            }
-        }
-
-        function mostrarModal() {
-            document.getElementById('errorModal').style.display = 'block';
-        }
-
-        function fecharModal() {
-            document.getElementById('errorModal').style.display = 'none';
-        }
-
-        // Fechar modal ao clicar fora dele
-        window.onclick = function(event) {
-            const modal = document.getElementById('errorModal');
-            if (event.target === modal) {
-                fecharModal();
-            }
-        }
+            <!-- Prazos Importantes Section -->
+            <div class="mb-12">
+                <div class="p-6 rounded-lg bg-[#00CC88]">
+                    <h2 class="text-2xl font-bold text-white mb-4 flex items-center gap-3">
+                        <i class="fas fa-clock"></i>
+                        PRAZOS IMPORTANTES
+                    </h2>
+                    <p class="text-white">Muitas modalidades são temporárias, criando um senso de urgência. Posicione-se como um especialista atento e proativo, comunicando-se rapidamente com seus clientes sobre as janelas de oportunidade.</p>
+                </div>
+            </div>
 
-        // Permitir busca ao pressionar Enter
-        document.getElementById('estadoInput').addEventListener('keypress', function(event) {
-            if (event.key === 'Enter') {
-                buscarEstado(event);
-            }
-        });
-    </script>
-        </div>
 
             <!-- Torne-se um Expert Section -->
             <div class="mb-12">