Colocar uma sombra discreta sob os botões - Follow Up Deployment

index.html

@@ -82,28 +82,49 @@
         <!-- Services Section -->
         <div id="servicos" class="max-w-6xl mx-auto mb-16">
             <h2 class="profmarcelovicente-text text-3xl mb-8 text-center">Nossos Serviços</h2>
-            <div class="grid md:grid-cols-3 gap-8">
-                <div class="bg-white rounded-lg shadow-lg p-6">
-                    <div class="profmarcelovicente-text text-4xl mb-4">
+            <div class="grid md:grid-cols-3 gap-8" id="servicos">
+                <a href="https://#" class="bg-white rounded-lg shadow-lg p-6 text-center hover:shadow-xl transition">
+                    <div class="text-4xl mb-4 mx-auto" style="color: #00CC88">
                         <i class="fa-solid fa-handshake"></i>
                     </div>
-                    <h3 class="profmarcelovicente-text text-xl mb-4">Transação Tributária</h3>
-                    <p class="text-gray-700 mb-4">Negociação direta com o Fisco para redução de débitos tributários com descontos e parcelamento.</p>
-                </div>
-                <div class="bg-white rounded-lg shadow-lg p-6">
-                    <div class="profmarcelovicente-text text-4xl mb-4">
-                        <i class="fa-solid fa-house-circle-check"></i>
+                    <h3 class="profmarcelovicente-text text-xl mb-4">Dominando as Modalidades de Negociação</h3>
+                    <p class="text-gray-700 mb-4">Conheça cada negociação e saiba como aplicá-la para garantir eficiência na Gestão do Passivo de seu cliente</p>
+                </a>
+                <a href="https://#" class="bg-white rounded-lg shadow-lg p-6 text-center hover:shadow-xl transition">
+                    <div class="text-4xl mb-4 mx-auto" style="color: #00CC88">
+                        <i class="fa-solid fa-file-signature"></i>
                     </div>
-                    <h3 class="profmarcelovicente-text text-xl mb-4">Dação em Pagamento</h3>
-                    <p class="text-gray-700 mb-4">Quitação de débitos através da entrega de bens imóveis ou outros ativos.</p>
-                </div>
-                <div class="bg-white rounded-lg shadow-lg p-6">
-                    <div class="profmarcelovicente-text text-4xl mb-4">
-                        <i class="fa-solid fa-chart-line"></i>
+                    <h3 class="profmarcelovicente-text text-xl mb-4">Fechando excelentes contratos e conquistando novos clientes</h3>
+                    <p class="text-gray-700 mb-4">Aprenda a superar a barreira da prospecção e a converter leads em clientes fiéis.</p>
+                </a>
+                <a href="https://#" class="bg-white rounded-lg shadow-lg p-6 text-center hover:shadow-xl transition">
+                    <div class="text-4xl mb-4 mx-auto" style="color: #00CC88">
+                        <i class="fa-solid fa-chess"></i>
                     </div>
-                    <h3 class="profmarcelovicente-text text-xl mb-4">Recuperação Fiscal</h3>
-                    <p class="text-gray-700 mb-4">Análise e recuperação de créditos tributários junto aos órgãos competentes.</p>
-                </div>
+                    <h3 class="profmarcelovicente-text text-xl mb-4">Aplicando Estratégias de Gestão Eficaz</h3>
+                    <p class="text-gray-700 mb-4">Desenvolva um plano robusto para a gestão do passivo fiscal, desde a análise de viabilidade até o acompanhamento das negociações</p>
+                </a>
+                <a href="https://#" class="bg-white rounded-lg shadow-lg p-6 text-center hover:shadow-xl transition">
+                    <div class="text-4xl mb-4 mx-auto" style="color: #00CC88">
+                        <i class="fa-solid fa-magnifying-glass-chart"></i>
+                    </div>
+                    <h3 class="profmarcelovicente-text text-xl mb-4">Você realmente conhece o Passivo Fiscal do seu cliente?</h3>
+                    <p class="text-gray-700 mb-4">Confira o guia das negociações e obtenha as respostas rapidamente</p>
+                </a>
+                <a href="https://#" class="bg-white rounded-lg shadow-lg p-6 text-center hover:shadow-xl transition">
+                    <div class="text-4xl mb-4 mx-auto" style="color: #00CC88">
+                        <i class="fa-solid fa-list-check"></i>
+                    </div>
+                    <h3 class="profmarcelovicente-text text-xl mb-4">Como deve ser feita a análise de viabilidade da negociação?</h3>
+                    <p class="text-gray-700 mb-4">Confira as orientações cruciais para a apresentação da melhor estratégia</p>
+                </a>
+                <a href="https://#" class="bg-white rounded-lg shadow-lg p-6 text-center hover:shadow-xl transition">
+                    <div class="text-4xl mb-4 mx-auto" style="color: #00CC88">
+                        <i class="fa-solid fa-user-tie"></i>
+                    </div>
+                    <h3 class="profmarcelovicente-text text-xl mb-4">Como realizar um atendimento personalizado?</h3>
+                    <p class="text-gray-700 mb-4">Conheça o passo a passo para oferecer um serviço de excelência</p>
+                </a>
             </div>
         </div>
 
@@ -133,7 +154,7 @@
                     
                     <p class="text-lg mb-8">Ao compreender as condições e requisitos dessa modalidade, você estará apto a orientar seus clientes na utilização da dação em pagamento como estratégia eficaz para a resolução de dívidas fiscais complexas. Seja um profissional atualizado: conheça profundamente as normativas aplicáveis e ofereça soluções seguras e estratégicas na extinção de débitos tributários por meio dessa alternativa jurídica.</p>
                     
-                    <a href="https://www.gov.br/pt-br/servicos/oferecer-dacao-em-pagamento-para-extincao-de-debitos-tributarios-inscritos-em-divida-ativa-da-uniao" target="_blank" class="profmarcelovicente-btn px-6 py-3 rounded-lg font-bold text-white hover:shadow-lg transition inline-block">
+                    <a href="https://www.gov.br/pt-br/servicos/oferecer-dacao-em-pagamento-para-extincao-de-debitos-tributarios-inscritos-em-divida-ativa-da-uniao" target="_blank" class="profmarcelovicente-btn px-6 py-3 rounded-lg font-bold text-white shadow-md hover:shadow-lg transition inline-block">
                         Dação em Pagamento - PGFN
                     </a>
                 </div>
@@ -144,7 +165,7 @@
                 <h2 class="profmarcelovicente-text text-3xl mb-6">Acesso à Dação em Pagamento</h2>
                 
                 <div class="grid md:grid-cols-1 gap-4">
-                    <a href="https://www.gov.br/pt-br/servicos/oferecer-dacao-em-pagamento-para-extincao-de-debitos-tributarios-inscritos-em-divida-ativa-da-uniao" target="_blank" class="profmarcelovicente-btn px-4 py-3 rounded-lg text-white text-center hover:shadow-lg transition">
+                    <a href="https://www.gov.br/pt-br/servicos/oferecer-dacao-em-pagamento-para-extincao-de-debitos-tributarios-inscritos-em-divida-ativa-da-uniao" target="_blank" class="profmarcelovicente-btn px-4 py-3 rounded-lg text-white text-center shadow-md hover:shadow-lg transition">
                         Dação em Pagamento - PGFN
                     </a>
                 </div>