Spaces:

maralvic
/

undefined

Running

undefined / index.html

2e2572d verified 6 months ago

40.7 kB

	<!DOCTYPE html>
	<html lang="pt-BR">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>TTT - Transação Tributária Total \| Prof. Marcelo Vicente [Dashboard]</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">
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
	<style>
	body {
	font-family: 'Poppins', sans-serif;
	scroll-behavior: smooth;
	overflow-x: hidden;
	}

	.profmarcelovicente-bg {
	background: linear-gradient(135deg, #1a365d 0%, #2a4365 100%);
	}

	.profmarcelovicente-btn {
	background: linear-gradient(135deg, #00CC88 0%, #00AA6E 100%);
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(0, 204, 136, 0.3);
	}

	.profmarcelovicente-btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 25px rgba(0, 204, 136, 0.4);
	}

	.card-hover {
	transition: all 0.3s ease;
	}

	.card-hover:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
	}

	.pulse {
	animation: pulse 2s infinite;
	}

	@keyframes pulse {
	0% { box-shadow: 0 0 0 0 rgba(0, 204, 136, 0.7); }
	70% { box-shadow: 0 0 0 15px rgba(0, 204, 136, 0); }
	100% { box-shadow: 0 0 0 0 rgba(0, 204, 136, 0); }
	}

	.countdown-box {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 10px;
	padding: 15px;
	min-width: 70px;
	text-align: center;
	margin: 0 5px;
	}

	.video-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 1000;
	justify-content: center;
	align-items: center;
	}

	.video-container {
	width: 90%;
	max-width: 800px;
	background: #000;
	padding: 20px;
	border-radius: 10px;
	position: relative;
	}

	.close-modal {
	position: absolute;
	top: -30px;
	right: 0;
	color: white;
	font-size: 24px;
	cursor: pointer;
	}

	.benefit-item {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	}

	.benefit-icon {
	background: #00CC88;
	color: white;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	flex-shrink: 0;
	}

	.urgency-bar {
	background: #e53e3e;
	color: white;
	padding: 10px;
	text-align: center;
	font-weight: 500;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	}

	.event-badge {
	background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
	color: #1a365d;
	font-weight: bold;
	font-size: 1.25rem;
	padding: 12px 24px;
	}

	.highlight-card {
	background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
	color: #1a365d;
	border-radius: 10px;
	padding: 25px;
	margin: 20px 0;
	position: relative;
	overflow: hidden;
	grid-column: 1 / -1;
	}

	.exclusive-badge {
	position: absolute;
	top: 20px;
	right: -35px;
	background: #000;
	color: #FFD700;
	padding: 8px 45px;
	transform: rotate(45deg);
	font-weight: bold;
	font-size: 16px;
	z-index: 10;
	}

	.stats-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
	margin: 20px 0;
	}

	.stat-box {
	background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
	border-radius: 10px;
	padding: 15px;
	text-align: center;
	color: #1a365d;
	}

	.scenario-card {
	background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 15px;
	color: #1a365d;
	}

	.rocket-float {
	animation: float 3s ease-in-out infinite;
	}

	@keyframes float {
	0% { transform: translateY(0px); }
	50% { transform: translateY(-10px); }
	100% { transform: translateY(0px); }
	}

	.form-container {
	background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
	border-radius: 15px;
	padding: 30px;
	}

	.profile-circle {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid white;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	}

	.profile-circle img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	}

	.interest-counter {
	background: white;
	border-radius: 10px;
	padding: 15px;
	display: flex;
	align-items: center;
	margin-top: 20px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	width: fit-content;
	}

	.progress-bar {
	height: 10px;
	background: #e5e7eb;
	border-radius: 5px;
	overflow: hidden;
	margin: 15px 0;
	position: relative;
	}

	.progress-fill {
	height: 100%;
	background: linear-gradient(90deg, #00CC88, #00AA6E);
	border-radius: 5px;
	width: 0;
	transition: width 2s ease-in-out;
	position: relative;
	}

	.progress-fill::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: linear-gradient(
	-45deg,
	rgba(255, 255, 255, 0.2) 25%,
	transparent 25%,
	transparent 50%,
	rgba(255, 255, 255, 0.2) 50%,
	rgba(255, 255, 255, 0.2) 75%,
	transparent 75%,
	transparent
	);
	z-index: 1;
	background-size: 20px 20px;
	animation: move 2s linear infinite;
	overflow: hidden;
	}

	@keyframes move {
	0% {
	background-position: 0 0;
	}
	100% {
	background-position: 20px 20px;
	}
	}

	.cta-background {
	position: relative;
	overflow: hidden;
	}

	.cta-background::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 40%;
	height: 100%;
	background-image: url('https://marcelovicente.prof/img/pmv/image_(8).png');
	background-size: cover;
	background-position: left center;
	opacity: 0.1;
	z-index: 1;
	}

	.limited-spots-module {
	background: rgba(255, 255, 255, 0.15);
	border-radius: 12px;
	padding: 15px;
	margin: 20px 0;
	text-align: center;
	position: relative;
	overflow: hidden;
	}

	.percentage-display {
	font-size: 24px;
	font-weight: bold;
	color: white;
	margin: 10px 0;
	transition: all 1s ease;
	}

	.punctuality-note {
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	padding: 10px;
	margin-top: 15px;
	}

	.event-section-bg {
	background-image: url('https://marcelovicente.prof/img/image_03.jpg');
	background-size: cover;
	background-position: center;
	position: relative;
	}

	.event-section-bg::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(26, 54, 93, 0.85);
	}

	.why-section-bg {
	background-image: url('https://marcelovicente.prof/img/image_05.jpg');
	background-size: cover;
	background-position: center;
	position: relative;
	}

	.why-section-bg::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 215, 0, 0.85);
	}

	.instagram-profile {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
	}

	.twinkling-text {
	animation: twinkle 2s infinite;
	}

	@keyframes twinkle {
	0% { opacity: 1; }
	50% { opacity: 0.7; }
	100% { opacity: 1; }
	}

	.same-line {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	}

	.profile-container {
	position: relative;
	display: inline-block;
	}

	.instagram-badge {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(0, 0, 0, 0.7);
	color: white;
	padding: 5px 10px;
	border-radius: 20px;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	}

	/* Estilos para a nova seção de confirmação */
	.live-card {
	background: white;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	transition: all 0.3s ease;
	margin-bottom: 20px;
	}

	.live-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0,0,0,0.15);
	}

	.live-header {
	background: linear-gradient(135deg, #1a365d 0%, #2a4365 100%);
	color: white;
	padding: 15px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	}

	.live-date {
	font-weight: 600;
	font-size: 1.1rem;
	}

	.live-day {
	background: rgba(255,255,255,0.2);
	padding: 5px 10px;
	border-radius: 20px;
	font-size: 0.9rem;
	}

	.live-content {
	padding: 20px;
	}

	.live-title {
	font-weight: 600;
	font-size: 1.2rem;
	margin-bottom: 10px;
	color: #1a365d;
	}

	.live-description {
	color: #4a5568;
	margin-bottom: 15px;
	line-height: 1.5;
	}

	.live-benefits {
	background: #f7fafc;
	border-left: 4px solid #00CC88;
	padding: 15px;
	margin: 15px 0;
	border-radius: 0 8px 8px 0;
	}

	.live-benefit {
	display: flex;
	align-items: flex-start;
	margin-bottom: 8px;
	}

	.live-benefit:last-child {
	margin-bottom: 0;
	}

	.benefit-bullet {
	color: #00CC88;
	margin-right: 10px;
	flex-shrink: 0;
	margin-top: 2px;
	}

	.live-button {
	background: linear-gradient(135deg, #00CC88 0%, #00AA6E 100%);
	color: white;
	border: none;
	padding: 12px 20px;
	border-radius: 8px;
	font-weight: 600;
	width: 100%;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	}

	.live-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(0, 204, 136, 0.3);
	}

	.live-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	}

	.welcome-section {
	background: linear-gradient(135deg, #1a365d 0%, #2a4365 100%);
	color: white;
	padding: 30px;
	border-radius: 15px;
	margin-bottom: 30px;
	text-align: center;
	position: relative;
	overflow: hidden;
	}

	.welcome-section::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 150px;
	height: 150px;
	background: rgba(255,255,255,0.1);
	border-radius: 50%;
	transform: translate(30%, -30%);
	}

	.welcome-section::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100px;
	height: 100px;
	background: rgba(255,255,255,0.1);
	border-radius: 50%;
	transform: translate(-30%, 30%);
	}

	.welcome-icon {
	font-size: 3rem;
	margin-bottom: 15px;
	color: #FFD700;
	}

	.welcome-title {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 10px;
	}

	.welcome-subtitle {
	font-size: 1.2rem;
	opacity: 0.9;
	margin-bottom: 20px;
	}

	.welcome-message {
	max-width: 800px;
	margin: 0 auto;
	line-height: 1.6;
	}

	@media (min-width: 768px) {
	.live-grid {
	grid-template-columns: repeat(2, 1fr);
	}
	}

	@media (min-width: 1024px) {
	.live-grid {
	grid-template-columns: repeat(3, 1fr);
	}
	}

	@media (max-width: 768px) {
	.countdown-box {
	padding: 10px;
	min-width: 60px;
	font-size: 0.9rem;
	}

	.hide-mobile-icons {
	display: none !important;
	}

	.stats-grid {
	grid-template-columns: 1fr;
	}

	.event-badge {
	font-size: 1.1rem;
	padding: 10px 20px;
	}

	.exclusive-badge {
	font-size: 14px;
	padding: 6px 35px;
	right: -30px;
	}

	.cta-background::before {
	width: 100%;
	opacity: 0.05;
	}

	.punctuality-note {
	flex-direction: column;
	text-align: center;
	}

	.same-line {
	flex-direction: column;
	gap: 5px;
	}

	.live-header {
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	}

	.live-day {
	align-self: flex-end;
	}
	}
	</style>
	</head>
	<body>
	<!-- Header -->
	<header class="profmarcelovicente-bg text-white shadow-lg sticky top-10 z-50">
	<div class="container mx-auto px-4 py-4 flex justify-between items-center">
	<div class="text-2xl font-bold"><span class="text-white">TTT - Transação Tributária Total</span></div>
	<div class="flex space-x-6">
	<a href="https://instagram.com/profmarcelovicente" target="_blank" class="text-white hover:text-white/80 transition text-xl">
	<i class="fab fa-instagram"></i>
	</a>
	<a href="https://youtube.com/@profmarcelovicente" target="_blank" class="text-white hover:text-white/80 transition text-xl">
	<i class="fab fa-youtube"></i>
	</a>
	</div>
	</div>
	</header>

	<!-- Confirmation Section -->
	<section id="confirmacao" class="py-16 bg-gray-50">
	<div class="container mx-auto px-4 max-w-6xl">
	<div class="welcome-section">
	<div class="welcome-icon">
	<i class="fas fa-champagne-glasses"></i>
	</div>
	<h2 class="welcome-title">Agora você faz parte do Grupo Exclusivo do Método TTT!</h2>
	<p class="welcome-subtitle">Seu sucesso está garantido! 🚀</p>
	<div class="welcome-message">
	<p class="mb-4">Parabéns por dar este passo decisivo para dominar a Transação Tributária Total! Você agora tem acesso às 9 lives exclusivas que vão transformar sua atuação profissional.</p>
	<p>Abaixo estão os links para cada uma das lives. Recomendo que você participe de todas para aproveitar ao máximo esta jornada de conhecimento!</p>
	</div>
	</div>

	<div class="live-grid">
	<!-- Live 1 -->
	<div class="live-card">
	<div class="live-header">
	<div class="live-date">02/out</div>
	<div class="live-day">Quinta-feira</div>
	</div>
	<div class="live-content">
	<h3 class="live-title">A Era da Transação Tributária: Oportunidades e Desafios para a Advocacia em 2025</h3>
	<p class="live-description">Visão panorâmica do cenário atual da transação tributária e por que este é o momento mais estratégico para dominar o tema.</p>
	<div class="live-benefits">
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Descubra por que 2025 será o ano da transação tributária</span>
	</div>
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Entenda o panorama completo que poucos advogados conhecem</span>
	</div>
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Prepare-se para a jornada que vai revolucionar sua prática</span>
	</div>
	</div>
	<a href="https://mvic.pro/livettt01" target="_blank" class="live-button">
	<i class="fas fa-play-circle"></i> ACESSAR LIVE 1
	</a>
	</div>
	</div>

	<!-- Live 2 -->
	<div class="live-card">
	<div class="live-header">
	<div class="live-date">07/out</div>
	<div class="live-day">Terça-feira</div>
	</div>
	<div class="live-content">
	<h3 class="live-title">Parcelamento vs. Transação: Análise Estratégica e Pontos de Inflexão</h3>
	<p class="live-description">Análise comparativa sob a ótica do risco e do benefício para o contribuinte.</p>
	<div class="live-benefits">
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Domine os gatilhos para rescisão de parcelamentos</span>
	</div>
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Aprenda quando a transação é a alternativa estratégica ideal</span>
	</div>
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Tenha argumentos técnicos para orientar a melhor decisão</span>
	</div>
	</div>
	<a href="https://mvic.pro/livettt02" target="_blank" class="live-button">
	<i class="fas fa-play-circle"></i> ACESSAR LIVE 2
	</a>
	</div>
	</div>

	<!-- Live 3 -->
	<div class="live-card">
	<div class="live-header">
	<div class="live-date">09/out</div>
	<div class="live-day">Quinta-feira</div>
	</div>
	<div class="live-content">
	<h3 class="live-title">Dominando a CAPAG: A Chave para Otimizar Resultados</h3>
	<p class="live-description">A metodologia de cálculo da CAPAG e os pontos passíveis de revisão administrativa/judicial.</p>
	<div class="live-benefits">
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Desvende os segredos do cálculo da CAPAG</span>
	</div>
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Aprenda estratégias para reverter classificações desfavoráveis</span>
	</div>
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Transforme a análise da CAPAG em seu diferencial competitivo</span>
	</div>
	</div>
	<a href="https://mvic.pro/livettt03" target="_blank" class="live-button">
	<i class="fas fa-play-circle"></i> ACESSAR LIVE 3
	</a>
	</div>
	</div>

	<!-- Live 4 -->
	<div class="live-card">
	<div class="live-header">
	<div class="live-date">14/out</div>
	<div class="live-day">Terça-feira</div>
	</div>
	<div class="live-content">
	<h3 class="live-title">Transação por Adesão vs. Individual: Estruturando a Melhor Tese</h3>
	<p class="live-description">Critérios técnicos para definir a modalidade mais vantajosa para seu cliente.</p>
	<div class="live-benefits">
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Saiba escolher a modalidade que maximiza resultados</span>
	</div>
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Domine os desafios e oportunidades de cada modalidade</span>
	</div>
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Entenda aspectos processuais e materiais decisivos</span>
	</div>
	</div>
	<a href="https://mvic.pro/livettt04" target="_blank" class="live-button">
	<i class="fas fa-play-circle"></i> ACESSAR LIVE 4
	</a>
	</div>
	</div>

	<!-- Live 5 -->
	<div class="live-card">
	<div class="live-header">
	<div class="live-date">16/out</div>
	<div class="live-day">Quinta-feira</div>
	</div>
	<div class="live-content">
	<h3 class="live-title">Engenharia de Descontos na PGFN: Oportunidades Ocultas</h3>
	<p class="live-description">Leitura técnica das portarias para identificar brechas e benefícios não evidentes.</p>
	<div class="live-benefits">
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Descubra brechas e benefícios que passam despercebidos</span>
	</div>
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Aprenda a interação entre CAPAG e percentuais de desconto</span>
	</div>
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Estude casos práticos de maximização de resultados</span>
	</div>
	</div>
	<a href="https://mvic.pro/livettt05" target="_blank" class="live-button">
	<i class="fas fa-play-circle"></i> ACESSAR LIVE 5
	</a>
	</div>
	</div>

	<!-- Live 6 -->
	<div class="live-card">
	<div class="live-header">
	<div class="live-date">21/out</div>
	<div class="live-day">Terça-feira</div>
	</div>
	<div class="live-content">
	<h3 class="live-title">Precatórios na Transação Tributária: Da Teoria à Estratégia Prática</h3>
	<p class="live-description">Aspectos jurídicos e operacionais do uso de precatórios para quitação de débitos.</p>
	<div class="live-benefits">
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Domine o uso estratégico de precatórios</span>
	</div>
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Aprenda a calcular o ganho real para seu cliente</span>
	</div>
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Conheça o mercado de precatórios e oriente com segurança</span>
	</div>
	</div>
	<a href="https://mvic.pro/livettt06" target="_blank" class="live-button">
	<i class="fas fa-play-circle"></i> ACESSAR LIVE 6
	</a>
	</div>
	</div>

	<!-- Live 7 -->
	<div class="live-card">
	<div class="live-header">
	<div class="live-date">23/out</div>
	<div class="live-day">Quinta-feira</div>
	</div>
	<div class="live-content">
	<h3 class="live-title">Transação como Ferramenta no Simples Nacional</h3>
	<p class="live-description">Atuação estratégica para evitar a exclusão do regime por meio da transação.</p>
	<div class="live-benefits">
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Proteja seus clientes da exclusão do Simples Nacional</span>
	</div>
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Aprenda estratégias para o reingresso de empresas excluídas</span>
	</div>
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Use a transação para regularizar passivos e manter o regime</span>
	</div>
	</div>
	<a href="https://mvic.pro/livettt07" target="_blank" class="live-button">
	<i class="fas fa-play-circle"></i> ACESSAR LIVE 7
	</a>
	</div>
	</div>

	<!-- Live 8 -->
	<div class="live-card">
	<div class="live-header">
	<div class="live-date">28/out</div>
	<div class="live-day">Terça-feira</div>
	</div>
	<div class="live-content">
	<h3 class="live-title">Transação Tributária na Recuperação Judicial</h3>
	<p class="live-description">A sinergia entre o Plano de Recuperação Judicial e a negociação do passivo fiscal.</p>
	<div class="live-benefits">
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Integre transação tributária e recuperação judicial</span>
	</div>
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Proteja sócios e administradores com habilitação de Pessoas Físicas</span>
	</div>
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Estruture estratégias para reestruturar o passivo tributário</span>
	</div>
	</div>
	<a href="https://mvic.pro/livettt08" target="_blank" class="live-button">
	<i class="fas fa-play-circle"></i> ACESSAR LIVE 8
	</a>
	</div>
	</div>

	<!-- Live 9 -->
	<div class="live-card">
	<div class="live-header">
	<div class="live-date">30/out</div>
	<div class="live-day">Quinta-feira</div>
	</div>
	<div class="live-content">
	<h3 class="live-title">Debate Avançado: Desafios Atuais e Futuro da Transação Tributária</h3>
	<p class="live-description">Análise das tendências, novas portarias e o posicionamento do Fisco.</p>
	<div class="live-benefits">
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Fique por dentro das tendências e novas portarias</span>
	</div>
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Discuta casos complexos e soluções práticas</span>
	</div>
	<div class="live-benefit">
	<span class="benefit-bullet">•</span>
	<span>Participe da troca de experiências com colegas</span>
	</div>
	</div>
	<a href="https://mvic.pro/livettt09" target="_blank" class="live-button">
	<i class="fas fa-play-circle"></i> ACESSAR LIVE 9
	</a>
	</div>
	</div>
	</div>

	<div class="mt-12 text-center">
	<div class="bg-white shadow-lg rounded-xl p-8">
	<h3 class="text-2xl font-bold text-gray-800 mb-4">Aproveite ao máximo esta jornada!</h3>
	<p class="text-lg text-gray-600 mb-6">Participe de todas as lives para construir conhecimento sólido e transformar sua atuação profissional na área tributária.</p>
	<div class="flex justify-center">
	<div class="bg-green-50 border border-green-200 rounded-lg p-4 max-w-md">
	<div class="flex items-center">
	<i class="fas fa-lightbulb text-green-500 text-xl mr-3"></i>
	<p class="text-green-800 font-medium">Dica: Salve esta página nos favoritos para acessar rapidamente os links das lives!</p>
	</div>
	</div>
	</div>
	</div>
	<p><br /></p>
	<p>Obs.: Os temas, o conteúdo das Lives, as plataformas de transmissão e as datas e horários poderão ser alterados sem prévio aviso. Caso haja alguma alteração, serão encaminhadas mensagens via e-mail e ou WhatsApp informando com antecedência, na medida do possível.</p></div>
	</div>
	</section>

	<!-- Footer -->
	<footer class="profmarcelovicente-bg text-white py-12">
	<div class="container mx-auto px-4">
	<div class="flex flex-col md:flex-row justify-between items-center mb-8">
	<div class="mb-6 md:mb-0">
	<h3 class="text-2xl font-bold mb-2">TTT - Transação Tributária Total</h3>
	<p class="text-white/80">Com o Prof. Marcelo Vicente \| Tributarista</p>
	</div>
	<div class="flex space-x-6">
	<a href="https://instagram.com/profmarcelovicente" target="_blank" class="text-white hover:text-white/80 transition text-xl">
	<i class="fab fa-instagram"></i>
	</a>
	<a href="https://youtube.com/@profmarcelovicente" target="_blank" class="text-white hover:text-white/80 transition text-xl">
	<i class="fab fa-youtube"></i>
	</a>
	</div>
	</div>

	<div class="border-t border-white/20 pt-8 text-center">
	<p class="text-white/70">© 2025 ECOJURIS - Educação Corporativa e Jurídica SS Ltda. Todos os direitos reservados.</p>
	</div>
	</div>
	</footer>
	<!-- Floating Buttons -->
	<div class="fixed bottom-6 right-6 flex flex-col space-y-3 z-50">
	<button onclick="scrollToTop()" class="bg-green-500 text-white w-14 h-14 rounded-full flex items-center justify-center shadow-lg hover:bg-green-600 transition-all pulse">
	<i class="fas fa-arrow-up text-xl"></i>
	</button>
	<a href="https://api.whatsapp.com/send?phone=5511999999999&text=Olá%20Prof.%20Marcelo,%20tenho%20dúvidas%20sobre%20o%20método%20TTT" target="_blank" class="bg-green-500 text-white w-14 h-14 rounded-full flex items-center justify-center shadow-lg hover:bg-green-600 transition-all animate-bounce">
	<i class="fab fa-whatsapp text-xl"></i>
	</a>
	</div>

	<script>
	// WhatsApp API
	function openWhatsApp() {
	window.open('https://api.whatsapp.com/send?phone=5511999999999&text=Olá%20Prof.%20Marcelo,%20tenho%20dúvidas%20sobre%20o%20método%20TTT', '_blank');
	}

	// Função para rolar para o topo
	function scrollToTop() {
	window.scrollTo({ top: 0, behavior: 'smooth' });
	}

	// Ativar animações quando o conteúdo estiver carregado
	document.addEventListener('DOMContentLoaded', function() {
	// Carregar imagens com lazy loading
	const images = document.querySelectorAll('img');
	images.forEach(img => {
	if (!img.hasAttribute('loading')) {
	img.setAttribute('loading', 'lazy');
	}
	});

	// Animar elementos quando visíveis
	const observer = new IntersectionObserver((entries) => {
	entries.forEach(entry => {
	if (entry.isIntersecting) {
	entry.target.classList.add('animate-fadeIn');
	}
	});
	}, { threshold: 0.1 });

	document.querySelectorAll('.live-card').forEach(card => {
	observer.observe(card);
	});
	});
	// Adicionar classe de animação quando o elemento estiver visível
	document.addEventListener('DOMContentLoaded', function() {
	const animateOnScroll = function() {
	const elements = document.querySelectorAll('.live-card');
	elements.forEach(element => {
	const elementPosition = element.getBoundingClientRect().top;
	const windowHeight = window.innerHeight;

	if (elementPosition < windowHeight - 100) {
	element.classList.add('animate-fadeInUp');
	}
	});
	};

	window.addEventListener('scroll', animateOnScroll);
	animateOnScroll(); // Executar uma vez no carregamento
	});
	</script>
	<style>
	.animate-fadeInUp {
	animation: fadeInUp 0.8s ease-out forwards;
	opacity: 0;
	}

	@keyframes fadeInUp {
	from {
	opacity: 0;
	transform: translateY(20px);
	}
	to {
	opacity: 1;
	transform: translateY(0);
	}
	}

	.animate-bounce {
	animation: bounce 2s infinite;
	}

	@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-10px);}
	60% {transform: translateY(-5px);}
	}
	</style>
	</body>
	</html>