Colocar um fumê sobre os thumbnais - Follow Up Deployment

index.html

@@ -108,16 +108,16 @@
             <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
                 <!-- Pilar 1 -->
                 <div class="bg-white border border-gray-200 rounded-lg p-6 shadow-sm hover:shadow-md transition-shadow">
-                    <h3 class="text-xl font-bold profmarcelovicente-text mb-3"><i class="fas fa-chart-line mr-2"></i>Análise de Viabilidade: a base para uma negociação segura</h3>
+                    <h3 class="text-xl font-bold profmarcelovicente-text mb-3"><i class="fas fa-chart-line mr-2"></i>Avaliação preliminar: a base para uma negociação segura</h3>
                     <p class="text-gray-700 mb-3">Negociar passivos fiscais significa confissão irrevogável de débitos. Isso exige:</p>
                     <ul class="text-gray-700 list-disc pl-5 space-y-1 mb-3">
                         <li>Análise documental rigorosa para identificar exigências indevidas</li>
                         <li>Projeção de cenários (custos x benefícios da adesão)</li>
                         <li>Estratégia defensiva para evitar reconhecimento desnecessário de créditos tributários</li>
                     </ul>
-                    <div class="flex items-center mt-4">
-                        <i class="fab fa-youtube text-3xl profmarcelovicente-text mr-3"></i>
-                        <p class="text-gray-700">Assista ao vídeo e veja como estruturar essa etapa de forma vencedora.</p>
+                    <div class="mt-4 relative">
+                        <iframe class="w-full h-[315px] rounded-[16px]" src="https://www.youtube.com/embed/OHMeRtLNUbE" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+                        <div class="absolute inset-0 bg-black bg-opacity-20 rounded-[16px] hover:bg-opacity-10 transition-all duration-300"></div>
                     </div>
                 </div>
 
@@ -130,9 +130,9 @@
                         <li>Confrontar autuações com a jurisprudência para evitar confissão de débitos inexigíveis</li>
                         <li>Garantir economia real, não apenas postergação de pagamentos</li>
                     </ul>
-                    <div class="flex items-center mt-4">
-                        <i class="fab fa-youtube text-3xl profmarcelovicente-text mr-3"></i>
-                        <p class="text-gray-700">No vídeo, mostro casos reais de sucesso e como replicar estratégias vencedoras.</p>
+                    <div class="mt-4 relative">
+                        <iframe class="w-full h-[315px] rounded-[16px]" src="https://www.youtube.com/embed/MK8hMVxFrmI" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+                        <div class="absolute inset-0 bg-black bg-opacity-20 rounded-[16px] hover:bg-opacity-10 transition-all duration-300"></div>
                     </div>
                 </div>
 
@@ -145,9 +145,9 @@
                         <li>Suspensão de execuções fiscais (ganho de tempo estratégico)</li>
                         <li>Moratória e diferimento (alívio de caixa para o cliente)</li>
                     </ul>
-                    <div class="flex items-center mt-4">
-                        <i class="fab fa-youtube text-3xl profmarcelovicente-text mr-3"></i>
-                        <p class="text-gray-700">Veja no vídeo como transformar esses benefícios em grandes oportunidades.</p>
+                    <div class="mt-4 relative">
+                        <iframe class="w-full h-[315px] rounded-[16px]" src="https://www.youtube.com/embed/67BFYiYHDdY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+                        <div class="absolute inset-0 bg-black bg-opacity-20 rounded-[16px] hover:bg-opacity-10 transition-all duration-300"></div>
                     </div>
                 </div>
 
@@ -160,9 +160,9 @@
                         <li>Entrega de declarações complementares (exigidas em muitos programas)</li>
                         <li>Manutenção de regularidade fiscal (condição para permanência no benefício)</li>
                     </ul>
-                    <div class="flex items-center mt-4">
-                        <i class="fab fa-youtube text-3xl profmarcelovicente-text mr-3"></i>
-                        <p class="text-gray-700">Assista ao vídeo e saiba como consolidar acordos duradouros e vantajosos.</p>
+                    <div class="mt-4 relative">
+                        <iframe class="w-full h-[315px] rounded-[16px]" src="https://www.youtube.com/embed/tHTR_BzyeFY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+                        <div class="absolute inset-0 bg-black bg-opacity-20 rounded-[16px] hover:bg-opacity-10 transition-all duration-300"></div>
                     </div>
                 </div>
 
@@ -175,9 +175,9 @@
                         <li>Análise de alterações legislativas (que podem impactar o acordo)</li>
                         <li>Defesa contra autuações supervenientes (que podem inviabilizar a negociação)</li>
                     </ul>
-                    <div class="flex items-center mt-4">
-                        <i class="fab fa-youtube text-3xl profmarcelovicente-text mr-3"></i>
-                        <p class="text-gray-700">No vídeo, ensino como garantir resultados crescentes no longo prazo.</p>
+                    <div class="mt-4 relative">
+                        <iframe class="w-full h-[315px] rounded-[16px]" src="https://www.youtube.com/embed/AqsAW1byWLU" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+                        <div class="absolute inset-0 bg-black bg-opacity-20 rounded-[16px] hover:bg-opacity-10 transition-all duration-300"></div>
                     </div>
                 </div>
 
@@ -190,15 +190,15 @@
                         <li>Avaliação de riscos jurídicos (possibilidade de discussão judicial x ganho na transação)</li>
                         <li>Estratégia de compliance pós-negociação (evitando novos passivos)</li>
                     </ul>
-                    <div class="flex items-center mt-4">
-                        <i class="fab fa-youtube text-3xl profmarcelovicente-text mr-3"></i>
-                        <p class="text-gray-700">Veja no vídeo como desbloquear insights poderosos para tomada de decisão.</p>
+                    <div class="mt-4 relative">
+                        <iframe class="w-full h-[315px] rounded-[16px]" src="https://www.youtube.com/embed/QwbnImzvbZQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+                        <div class="absolute inset-0 bg-black bg-opacity-20 rounded-[16px] hover:bg-opacity-10 transition-all duration-300"></div>
                     </div>
                 </div>
             </div>
 
             <div class="mt-8 space-y-4">
-                <h3 class="text-xl font-bold profmarcelovicente-text"><i class="fas fa-search-plus fa-2x mr-2"></i>Ofereça a "Análise de Viabilidade" como um serviço premium</h3>
+                <h3 class="text-xl font-bold profmarcelovicente-text"><i class="fas fa-check fa-2x mr-2"></i>Ofereça a "Análise de Viabilidade" como um serviço premium</h3>
                 <p class="text-gray-700">Essa etapa não é só técnica – é uma ferramenta de captação de clientes. Advogados que dominam esse diagnóstico inicial fecham mais casos e com honorários mais altos.</p>
 
                 <h3 class="text-xl font-bold profmarcelovicente-text mt-6">Você tem duas opções:</h3>
@@ -207,44 +207,15 @@
                     <li>Se especializar, tornando-se o advogado que resolve problemas fiscais complexos – com segurança técnica e resultados mensuráveis</li>
                 </ul>
 
-                <p class="text-gray-700">Assista aos vídeos, domine o conteúdo e posicione-se como autoridade no Direito Tributário Consultivo e Contencioso.</p>
+                <p class="text-gray-700">Domine o conteúdo e posicione-se como autoridade no Direito Tributário Consultivo e Contencioso.</p>
                 <p class="text-gray-700 font-bold">Seu cliente não precisa de um "faz-tudo". Precisa de um especialista. Esteja pronto.</p>
             </div>
         </div>
             
-            <!-- Special Promo Card -->
-            <div class="w-full my-6">
-                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 my-8">
-                    <a href="https://www.youtube.com/watch?v=OHMeRtLNUbE" target="_blank" class="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow cursor-pointer">
-                        <img src="https://img.youtube.com/vi/OHMeRtLNUbE/0.jpg" alt="Thumbnail" class="w-full rounded-lg">
-                    </a>
-                    
-                    <a href="https://www.youtube.com/watch?v=MK8hMVxFrmI" target="_blank" class="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow cursor-pointer">
-                        <img src="https://img.youtube.com/vi/MK8hMVxFrmI/0.jpg" alt="Thumbnail" class="w-full rounded-lg">
-                    </a>
-
-                    <a href="https://www.youtube.com/watch?v=67BFYiYHDdY" target="_blank" class="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow cursor-pointer">
-                        <img src="https://img.youtube.com/vi/67BFYiYHDdY/0.jpg" alt="Thumbnail" class="w-full rounded-lg">
-                    </a>
-
-                    <a href="https://www.youtube.com/watch?v=tHTR_BzyeFY" target="_blank" class="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow cursor-pointer">
-                        <img src="https://img.youtube.com/vi/tHTR_BzyeFY/0.jpg" alt="Thumbnail" class="w-full rounded-lg">
-                    </a>
-
-                    <a href="https://www.youtube.com/watch?v=AqsAW1byWLU" target="_blank" class="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow cursor-pointer">
-                        <img src="https://img.youtube.com/vi/AqsAW1byWLU/0.jpg" alt="Thumbnail" class="w-full rounded-lg">
-                    </a>
-
-                    <a href="https://www.youtube.com/watch?v=QwbnImzvbZQ" target="_blank" class="bg-white rounded-lg shadow-lg p-6 hover:shadow-xl transition-shadow cursor-pointer">
-                        <img src="https://img.youtube.com/vi/QwbnImzvbZQ/0.jpg" alt="Thumbnail" class="w-full rounded-lg">
-                    </a>
-                </div>
-            </div>
-
             <!-- Special Promo Card -->
             <div class="w-full my-6">
                 <div class="rounded-lg p-6 shadow-lg" style="background-color: #00CC88">
-                    <h3 class="text-xl font-bold text-white mb-4"><i class="fas fa-rocket mr-2"></i> E como aprender tudo isso de forma prática e acelerada</h3>
+                    <h3 class="text-xl font-bold text-white mb-4"><i class="fas fa-rocket mr-2"></i> E como aprender tudo isso de forma prática e acelerada?</h3>
                     <p class="text-white mb-4">Nas minhas redes sociais eu reuni todo o conhecimento necessário para você fechar negócios com segurança: confira as lives exclusivas no YouTube e Instagram, onde mostro passo a passo como maximizar resultados nesse nicho altamente lucrativo.</p>
                     <p class="text-white mb-4">Não perca tempo! Quanto antes você se preparar, mais clientes poderá atender – e mais rápido aumentará sua receita. Aproveite os prazos de adesão e comece hoje mesmo a transformar sua carreira.</p>
                     <p class="text-white">Quer garantir sua vaga na próxima live e dominar as estratégias que vão alavancar seus ganhos? <a href="https://marcelovicente.prof/live1947" target="_blank" class="text-white font-bold underline hover:text-blue-100">Clique aqui</a> e reserve seu lugar agora!</p>