<?php
// campanha-pa-administracion.php
// Página focada no curso de administração - alta conversão

// Define BASE_PATH
if (!defined('BASE_PATH')) {
    define('BASE_PATH', dirname(__FILE__));
}

// Configurações iniciais
require_once '../includes/config.php';
require_once '../includes/db.php';
require_once '../includes/functions.php';
require_once '../includes/config-tracking.php';

// Adicione após os includes básicos
require_once '../includes/unique-visits-tracker.php';

// Track visita única
$uniqueVisitsTracker->trackUniqueVisit(null, '/cursos/campanha-pa-administracion', 'Curso Administración Gratuito');

// --- Início: Busca de configurações do WhatsApp no banco de dados --- 
// Define valores padrão (fallback) ANTES de tentar buscar no banco.
// Estes valores só serão usados se a busca no banco falhar ou retornar campos nulos.
// Nota: O URL padrão aqui deve ser o que você quer que seja o último recurso,
// caso url_1 não seja encontrado no banco.
$whatsappUrl = 'https://a2.contrateservicos.com/redirect.php?p=6877184d392d0'; // URL padrão, se o DB não retornar url_1
$whatsappTitle = '📲 Únete al grupo de WhatsApp y recibe el curso de administración GRATUITO'; 
$whatsappButtonText = '✅ Obtener Curso de Administración GRATIS'; 

// Verifica se a conexão com o banco de dados ($conn) está disponível.
// A variável $conn deve ser definida em 'includes/db.php'.
if (isset($conn)) { 
    // Consulta o banco de dados para obter as configurações mais recentes e ativas do WhatsApp.
    // Selecionamos url_1, title e button_text.
    $sql = "SELECT url_1, title, button_text FROM whatsapp_settings WHERE active = 1 ORDER BY created_at DESC LIMIT 1"; 
    $result = $conn->query($sql); 

    // Verifica se a consulta retornou resultados e se há pelo menos uma linha.
    if ($result && $result->num_rows > 0) { 
        $whatsappSettings = $result->fetch_assoc(); 
        
        // Atribui a URL do WhatsApp:
        // Tenta usar 'url_1' da tabela.
        // Se 'url_1' for nulo ou não existir, mantém o valor padrão definido no início.
        $whatsappUrl = $whatsappSettings['url_1'] ?? $whatsappUrl; 
        
        // Atribui o texto do botão:
        // Tenta usar 'button_text' da tabela.
        // Se 'button_text' for nulo ou não existir, mantém o valor padrão.
        $whatsappButtonText = $whatsappSettings['button_text'] ?? $whatsappButtonText; 

        // Atribui o título (se você o estiver usando em algum lugar no seu HTML):
        // Tenta usar 'title' da tabela.
        // Se 'title' for nulo ou não existir, mantém o valor padrão.
        $whatsappTitle = $whatsappSettings['title'] ?? $whatsappTitle; 
    } 
}
// --- Fim: Busca de configurações do WhatsApp no banco de dados ---

// Incluye el header
require_once '../includes/header.php';
?>

<section class="architecture-hero py-4">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10 text-center">
                <h1 class="display-4 fw-bold mb-4">📊 ¿Qué curso te gustaría tomar?</h1>

                <a href="https://lebeh.com.br/campanha-curso-de-administracion.php" 
                   class="course-button course-architecture mb-4" 
                  data-page-id="<?php echo isset($page['id']) ? $page['id'] : 0; ?>"
                   onclick="registrarConversaoWhatsApp(this, 'Curso de Administración Gratuito')"
                   aria-label="Curso de Administración Gratuito">
                    📊 Curso de Administración
                </a>
            
                            <a href="/campanha-outros-cursos.php" class="course-button course-others" aria-label="Otros Cursos">
                                📚 Ver Otros Cursos
                            </a>
                        </div>
        </div>
    </div>
</section>

<section class="architecture-benefits py-2">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10 text-center">
                <h2 class="section-title mb-4">¿Por qué elegir nuestro curso de administración?</h2>
                <div class="row g-4">
                    <div class="col-md-3">
                        <div class="benefit-item">
                            <div class="benefit-icon-sm mb-3">✅</div>
                            <h3 class="h5">100% Gratuito</h3>
                            <p class="small text-muted">Sin matrículas ni costos ocultos</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="benefit-item">
                            <div class="benefit-icon-sm mb-3">🎓</div>
                            <h3 class="h5">Certificado Profesional</h3>
                            <p class="small text-muted">Reconocido por empresas del sector</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="benefit-item">
                            <div class="benefit-icon-sm mb-3">💻</div>
                            <h3 class="h5">Software Empresarial</h3>
                            <p class="small text-muted">Excel, CRM, ERP</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="benefit-item">
                            <div class="benefit-icon-sm mb-3">📱</div>
                            <h3 class="h5">Acceso Inmediato</h3>
                            <p class="small text-muted">Por WhatsApp, fácil y directo</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="architecture-content py-5 bg-light">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="text-content p-5" style="background: white; border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);">
                    <h2 class="text-center mb-4" style="color: #2d3748; font-weight: 700;">🎓 Conviértete en Administrador Profesional desde Casa</h2>
                    
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        📚 La <strong>carrera de administración</strong> se ha transformado completamente en los últimos años. Hoy puedes acceder a una <strong>formación profesional en administración</strong> completamente gratuita, con los mismos contenidos que se enseñan en universidades privadas que cobran miles de dólares por semestre.
                    </p>
                    
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        🏢 Nuestro <strong>curso de administración online</strong> te enseña desde los fundamentos de la <strong>gestión empresarial</strong> hasta las técnicas más avanzadas de <strong>liderazgo</strong> y <strong>gestión de recursos humanos</strong>. Aprenderás a manejar las herramientas digitales más demandadas por el mercado: <strong>Excel avanzado</strong>, <strong>CRM profesional</strong>, <strong>sistemas ERP</strong> y software de <strong>gestión financiera</strong>.
                    </p>
                    
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        💼 Este <strong>curso gratuito de administración</strong> está diseñado para personas sin experiencia previa que quieren iniciar una <strong>carrera profesional en administración</strong>, así como para profesionales que buscan actualizar sus conocimientos en <strong>gestión digital</strong>, <strong>análisis de datos</strong> y <strong>gestión de equipos</strong>.
                    </p>
                    
                    <div class="highlight-box p-4 mb-4" style="background: #f8f9ff; border-left: 4px solid #3F51B5; border-radius: 8px;">
                        <h3 style="color: #3F51B5; font-weight: 600; margin-bottom: 1rem;">🎯 Salidas Laborales Inmediatas en Administración</h3>
                        <ul style="font-size: 1.1rem; line-height: 1.6; color: #333;">
                            <li><strong>Asistente administrativo:</strong> Desde $700-1200 USD/mes</li>
                            <li><strong>Coordinador de equipos:</strong> En empresas y organizaciones</li>
                            <li><strong>Especialista en gestión:</strong> Alta demanda, salarios desde $1000 USD</li>
                            <li><strong>Freelancer en consultoría:</strong> Proyectos desde $250-600 USD</li>
                            <li><strong>Emprendedor con base sólida:</strong> Sector en crecimiento</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="architecture-curriculum py-5">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="text-content p-5" style="background: white; border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);">
                    <h2 class="text-center mb-4" style="color: #2d3748; font-weight: 700;">📘 Programa Completo del Curso de Administración</h2>
                    
                    <div class="curriculum-module mb-4 p-4" style="background: #f8f9ff; border-radius: 12px; border-left: 4px solid #3F51B5;">
                        <h3 style="color: #3F51B5; font-weight: 600; margin-bottom: 1rem;">📐 Módulo 1: Fundamentos de la Gestión Empresarial</h3>
                        <ul style="font-size: 1rem; line-height: 1.6; color: #333; margin-bottom: 1rem;">
                            <li>Principios básicos de administración moderna</li>
                            <li>Planeación estratégica y operativa</li>
                            <li>Organización de procesos empresariales</li>
                            <li>Técnicas de control y seguimiento</li>
                            <li>Toma de decisiones empresariales</li>
                        </ul>
                    </div>
                    
                    <div class="curriculum-module mb-4 p-4" style="background: #f0fdf4; border-radius: 12px; border-left: 4px solid #22c55e;">
                        <h3 style="color: #16a34a; font-weight: 600; margin-bottom: 1rem;">💻 Módulo 2: Herramientas Digitales Empresariales</h3>
                        <ul style="font-size: 1rem; line-height: 1.6; color: #333; margin-bottom: 1rem;">
                            <li><strong>Excel Avanzado:</strong> Análisis de datos y dashboards profesionales</li>
                            <li><strong>CRM Systems:</strong> Gestión de relaciones con clientes</li>
                            <li><strong>ERP Básico:</strong> Planificación de recursos empresariales</li>
                            <li><strong>Google Workspace:</strong> Colaboración y productividad</li>
                            <li><strong>Business Intelligence:</strong> Análisis e informes ejecutivos</li>
                        </ul>
                    </div>
                    
                    <div class="curriculum-module mb-4 p-4" style="background: #fffbeb; border-radius: 12px; border-left: 4px solid #f59e0b;">
                        <h3 style="color: #d97706; font-weight: 600; margin-bottom: 1rem;">🌱 Módulo 3: Gestión Financiera y Contabilidad</h3>
                        <ul style="font-size: 1rem; line-height: 1.6; color: #333; margin-bottom: 1rem;">
                            <li>Contabilidad básica para administradores</li>
                            <li>Análisis de estados financieros</li>
                            <li>Presupuestos y flujo de caja</li>
                            <li>Indicadores financieros clave (KPIs)</li>
                            <li>Gestión de costos y rentabilidad</li>
                        </ul>
                    </div>
                    
                    <div class="curriculum-module mb-4 p-4" style="background: #fef2f2; border-radius: 12px; border-left: 4px solid #ef4444;">
                        <h3 style="color: #dc2626; font-weight: 600; margin-bottom: 1rem;">🏗️ Módulo 4: Liderazgo y Gestión de Equipos</h3>
                        <ul style="font-size: 1rem; line-height: 1.6; color: #333; margin-bottom: 1rem;">
                            <li>Técnicas de liderazgo efectivo</li>
                            <li>Gestión de recursos humanos</li>
                            <li>Comunicación empresarial asertiva</li>
                            <li>Resolución de conflictos organizacionales</li>
                            <li>Motivación y desarrollo de equipos</li>
                        </ul>
                    </div>
                    
                    <div class="text-center mt-4">
                        <p style="font-size: 1.25rem; color: #3F51B5; font-weight: 600; margin-bottom: 1rem;">
                            💪 ¡Domina la administración profesional en 6 meses!
                        </p>
                        <p style="font-size: 1rem; color: #666; margin-bottom: 2rem;">
                            Cada módulo incluye casos prácticos, ejercicios supervisados y feedback personalizado de administradores profesionales.
                        </p>
                    </div>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10 text-center">

                <a href="https://lebeh.com.br/campanha-curso-de-administracion.php" 
                   class="course-button course-architecture mb-4" 
                   data-page-id="<?php echo isset($page['id']) ? $page['id'] : 0; ?>"
                   onclick="registrarConversaoWhatsApp(this, 'Curso de Administración Gratuito')"
                   aria-label="Curso de Administración Gratuito">
                    📊 Curso de Administración
                </a>
            
        </div>
    </div>
</section>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="architecture-testimonials py-5 bg-light">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="text-content p-5" style="background: white; border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);">
                    <h2 class="text-center mb-4" style="color: #2d3748; font-weight: 700;">🌟 Oportunidades Reales en el Mercado Administrativo</h2>
                    
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        🚀 El sector de la <strong>administración y gestión empresarial</strong> está experimentando un crecimiento sin precedentes. La demanda de <strong>profesionales capacitados en gestión digital</strong>, <strong>análisis de datos</strong> y <strong>liderazgo organizacional</strong> supera ampliamente la oferta actual de graduados universitarios.
                    </p>
                    
                    <div class="stats-container row g-4 mb-4">
                        <div class="col-md-4">
                            <div class="stat-item text-center p-4" style="background: #f8f9ff; border-radius: 12px;">
                                <div class="stat-number" style="font-size: 2.5rem; font-weight: 700; color: #3F51B5;">90%</div>
                                <p style="font-size: 1rem; color: #666; margin: 0;">De empleabilidad en administración</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="stat-item text-center p-4" style="background: #f0fdf4; border-radius: 12px;">
                                <div class="stat-number" style="font-size: 2.5rem; font-weight: 700; color: #16a34a;">$1,200</div>
                                <p style="font-size: 1rem; color: #666; margin: 0;">Salario promedio inicial USD</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="stat-item text-center p-4" style="background: #fffbeb; border-radius: 12px;">
                                <div class="stat-number" style="font-size: 2.5rem; font-weight: 700; color: #d97706;">250%</div>
                                <p style="font-size: 1rem; color: #666; margin: 0;">Crecimiento en gestión digital</p>
                            </div>
                        </div>
                    </div>
                    
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        💡 Las <strong>empresas multinacionales</strong>, <strong>startups</strong> y <strong>organizaciones</strong> están buscando activamente profesionales que dominen las últimas herramientas de gestión. Un <strong>especialista en Excel avanzado</strong> puede ganar entre $1,000 y $2,500 USD mensuales, mientras que un <strong>consultor en gestión</strong> cobra desde $40-80 USD por hora de consultoría.
                    </p>
                    
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        🌍 La modalidad <strong>freelance en administración</strong> también está en auge. Muchos de nuestros graduados trabajan remotamente para clientes internacionales, especializándose en <strong>gestión de proyectos</strong>, <strong>análisis financiero</strong>, <strong>consultoría empresarial</strong> o <strong>gestión de equipos</strong>, con ingresos que superan los $1,800-4,000 USD mensuales.
                    </p>
                    
                    <div class="highlight-box p-4" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 12px; color: white; text-align: center;">
                        <h3 style="color: white; font-weight: 600; margin-bottom: 1rem;">⏰ ¡La demanda supera la oferta!</h3>
                        <p style="font-size: 1.1rem; margin: 0; opacity: 0.95;">
                            Hay 4 ofertas de trabajo por cada administrador especializado en gestión digital. No esperes más para posicionarte en este mercado en expansión.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="architecture-cta py-5">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="text-content p-5" style="background: white; border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);">
                    <h2 class="text-center mb-4" style="color: #2d3748; font-weight: 700;">🎯 ¿Listo para Transformar tu Futuro Profesional?</h2>
                    
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem; text-align: center;">
                        🚀 No necesitas título universitario previo, ni invertir miles de dólares en matrículas. Nuestro <strong>curso gratuito de administración</strong> te da acceso inmediato a la misma formación que reciben los estudiantes de las mejores universidades privadas.
                    </p>
                    
                    <div class="features-grid row g-4 mb-4">
                        <div class="col-md-6">
                            <div class="feature-item d-flex align-items-center">
                                <span style="font-size: 2rem; margin-right: 15px;">🎓</span>
                                <div>
                                    <h4 style="font-size: 1.1rem; font-weight: 600; color: #333; margin-bottom: 0.5rem;">Certificación Internacional</h4>
                                    <p style="font-size: 0.95rem; color: #666; margin: 0;">Reconocida por empresas y organizaciones</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="feature-item d-flex align-items-center">
                                <span style="font-size: 2rem; margin-right: 15px;">⏰</span>
                                <div>
                                    <h4 style="font-size: 1.1rem; font-weight: 600; color: #333; margin-bottom: 0.5rem;">Horarios Flexibles</h4>
                                    <p style="font-size: 0.95rem; color: #666; margin: 0;">Estudia a tu ritmo, sin presión</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="feature-item d-flex align-items-center">
                                <span style="font-size: 2rem; margin-right: 15px;">👨‍🏫</span>
                                <div>
                                    <h4 style="font-size: 1.1rem; font-weight: 600; color: #333; margin-bottom: 0.5rem;">Tutores Profesionales</h4>
                                    <p style="font-size: 0.95rem; color: #666; margin: 0;">Administradores con experiencia real</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="feature-item d-flex align-items-center">
                                <span style="font-size: 2rem; margin-right: 15px;">💼</span>
                                <div>
                                    <h4 style="font-size: 1.1rem; font-weight: 600; color: #333; margin-bottom: 0.5rem;">Bolsa de Trabajo</h4>
                                    <p style="font-size: 0.95rem; color: #666; margin: 0;">Conexión directa con empleadores</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="text-center">
                        <h3 style="color: #25D366; font-weight: 600; margin-bottom: 1.5rem;"><?php echo htmlspecialchars($whatsappTitle); ?></h3>
                        <a href="<?php echo htmlspecialchars($whatsappUrl); ?>" 
                           class="btn btn-success btn-lg whatsapp-cta-button" 
                           target="_blank" 
                           data-page-id="<?php echo isset($page['id']) ? $page['id'] : 0; ?>"
                           onclick="registrarConversaoWhatsApp(this, 'Curso de Administración - Página Principal')"
                           style="background: #25D366; border: none; padding: 20px 40px; font-size: 20px; font-weight: 600; border-radius: 12px; box-shadow: 0 6px 20px rgba(37, 211, 102, 0.3);">
                           <?php echo htmlspecialchars($whatsappButtonText); ?>
                        </a>
                        
                        <p style="font-size: 0.9rem; color: #666; margin-top: 1rem; margin-bottom: 2rem;">
                            ⚡ Acceso inmediato • Sin compromisos • Completamente gratuito
                        </p>
                        
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="architecture-final py-5 bg-light">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="text-content p-5" style="background: white; border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);">
                    <h2 style="color: #2d3748; font-weight: 700; margin-bottom: 1.5rem; text-align: center;">🏆 La Administración del Futuro te Espera</h2>
                    
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        🌟 La <strong>industria empresarial</strong> está evolucionando hacia modelos más digitales, ágiles e integrados. Los <strong>administradores del futuro</strong> no solo gestionan procesos, sino que optimizan recursos, lideran equipos y impulsan la transformación digital de las organizaciones.
                    </p>
                    
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        🎯 Este <strong>curso profesional de administración</strong> te prepara para ser parte de esta revolución. Aprenderás a integrar <strong>inteligencia artificial en la gestión</strong>, <strong>análisis predictivo</strong>, <strong>automatización de procesos</strong> y <strong>metodologías ágiles de trabajo</strong>.
                    </p>
                    
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        💡 Ya no es suficiente saber usar Excel básico. Los <strong>empleadores buscan administradores</strong> que dominen <strong>herramientas de business intelligence</strong>, entiendan de <strong>gestión de datos</strong>, manejen <strong>presupuestos dinámicos</strong> y puedan liderar <strong>equipos multiculturales</strong> en entornos remotos.
                    </p>
                    
                    <div class="urgency-box p-4 mb-4" style="background: linear-gradient(135deg, #ff6b6b, #ee5a24); color: white; border-radius: 12px; text-align: center;">
                        <h3 style="color: white; font-weight: 600; margin-bottom: 1rem;">🔥 ¡Oportunidad Limitada!</h3>
                        <p style="font-size: 1.1rem; margin-bottom: 1rem; opacity: 0.95;">
                            Las plazas para formación gratuita se agotan rápidamente. Miles de personas ya están estudiando y posicionándose en el mercado.
                        </p>
                        <p style="font-size: 1rem; margin: 0; font-weight: 500;">
                            ⏰ No dejes que otros ocupen tu lugar en la industria administrativa
                        </p>
                    </div>
                    
                    <p style="font-size: 1.25rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem; font-weight: 600; text-align: center;">
                        Tu carrera en <strong>administración profesional</strong> comienza con una simple decisión.
                    </p>
                    
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem; text-align: center;">
                        🚀 Únete a los miles de estudiantes que ya están construyendo su futuro en la administración. <strong>Acceso gratuito, certificación profesional, oportunidades reales.</strong>
                    </p>
                    
                    <p style="font-size: 1.25rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem; font-weight: 600; text-align: center; color: #3F51B5;">
                        ¡Empieza HOY y conviértete en el administrador que las empresas necesitan! 📊✨
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<script>
function registrarConversaoWhatsApp(element, pageTitle) {
    // Coleta dados da conversão
    const pageId = element.getAttribute('data-page-id') || 0;
    const whatsappUrl = element.href;
    
    // Dados adicionais da conversão
    const conversionData = {
        page_url: window.location.pathname,
        page_title: pageTitle,
        whatsapp_url: whatsappUrl,
        timestamp: Date.now(),
        user_agent: navigator.userAgent,
        referrer: document.referrer || '',
        // Captura UTMs se disponível
        utm_source: new URLSearchParams(window.location.search).get('utm_source') || sessionStorage.getItem('utm_source') || '',
        utm_medium: new URLSearchParams(window.location.search).get('utm_medium') || sessionStorage.getItem('utm_medium') || '',
        utm_campaign: new URLSearchParams(window.location.search).get('utm_campaign') || sessionStorage.getItem('utm_campaign') || ''
    };
    
    // Registra a conversão
    if (typeof registrarConversao === 'function') {
        registrarConversao('whatsapp_click', pageId, whatsappUrl, conversionData);
    } else {
        // Fallback se a função principal não estiver disponível
        registrarConversaoDirecta('whatsapp_click', pageId, whatsappUrl, conversionData);
    }
    
    // Envia dados para pixels se disponível
    try {
        // Facebook Pixel
        if (typeof fbq !== 'undefined') {
            fbq('track', 'Contact', {
                content_name: 'Curso Administración',
                content_category: 'Education',
                value: 1,
                currency: 'USD'
            });
        }
        
        // Google Analytics
        if (typeof gtag !== 'undefined') {
            gtag('event', 'click', {
                event_category: 'Curso',
                event_label: 'Administración WhatsApp',
                value: 1
            });
        }
        
        // JoinAds ou outros pixels
        if (typeof window.joinads !== 'undefined') {
            window.joinads.track('curso_administracion_click', {
                url: whatsappUrl,
                page: pageTitle
            });
        }
    } catch (e) {
        console.log('Erro ao enviar para pixels:', e);
    }
}

// Função de fallback para registrar conversão diretamente
function registrarConversaoDirecta(tipo, pageId, valor, dadosExtra) {
    fetch('../includes/track-conversion.php', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify({
            page_id: pageId,
            conversion_type: tipo,
            conversion_value: valor,
            conversion_data: dadosExtra
        })
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            console.log('Conversão Administração registrada:', tipo);
            
            // Opcional: Salva no localStorage para tracking de funil
            const conversions = JSON.parse(localStorage.getItem('user_conversions') || '[]');
            conversions.push({
                type: tipo,
                timestamp: Date.now(),
                page_id: pageId,
                url: valor,
                course: 'administracion'
            });
            localStorage.setItem('user_conversions', JSON.stringify(conversions));
        } else {
            console.error('Erro ao registrar conversão:', data.error);
        }
    })
    .catch(error => {
        console.error('Erro na requisição de conversão:', error);
        
        // Fallback: salva localmente para enviar depois
        const pendingConversions = JSON.parse(localStorage.getItem('pending_conversions') || '[]');
        pendingConversions.push({
            page_id: pageId,
            conversion_type: tipo,
            conversion_value: valor,
            conversion_data: dadosExtra,
            timestamp: Date.now(),
            course: 'administracion'
        });
        localStorage.setItem('pending_conversions', JSON.stringify(pendingConversions));
    });
}

// Auto-tracking: captura automaticamente cliques em elementos com classe whatsapp-cta-button
document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('.whatsapp-cta-button').forEach(button => {
        // Só adiciona listener se não tem onclick personalizado
        if (!button.onclick) {
            button.addEventListener('click', function(e) {
                const pageId = this.getAttribute('data-page-id') || 0;
                const pageTitle = document.title || 'Curso Administración';
                registrarConversaoWhatsApp(this, pageTitle);
            });
        }
    });
    
    // Envia conversões pendentes se houver conexão
    const pendingConversions = JSON.parse(localStorage.getItem('pending_conversions') || '[]');
    if (pendingConversions.length > 0) {
        pendingConversions.forEach(conversion => {
            registrarConversaoDirecta(
                conversion.conversion_type,
                conversion.page_id,
                conversion.conversion_value,
                conversion.conversion_data
            );
        });
        
        // Limpa conversões pendentes após envio
        localStorage.removeItem('pending_conversions');
    }
});
</script>

<style>
    /* Hero Section */
    .architecture-hero {
        background: linear-gradient(135deg, #3F51B5 0%, #5C6BC0 50%, #7986CB 100%);
        color: white;
    }
    
    .architecture-hero h1 {
        color: white;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    }
    
    .architecture-hero .lead {
        color: rgba(255, 255, 255, 0.95);
        font-size: 1.2rem;
    }

  /* Course Buttons */
.course-button {
    display: inline-block;
    color: white;
    padding: 18px 40px;
    margin: 15px auto;
    border-radius: 12px;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    box-shadow: 0 6px 15px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
    border: none;
    position: relative;
    overflow: hidden;
    text-align: center;
    min-width: 300px;

    /* COR DO BOTÃO (laranja) */
    background: #ff7a00; /* você pode trocar por #ffa000, #ff8800, etc */
}

/* Hover */
.course-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    color: white;
    text-decoration: none;
}

.course-button:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: left 0.5s;
}

.course-button:hover:before {
    left: 100%;
}

    
/* Botões um abaixo do outro */
.course-button {
    display: block;        /* Em vez de inline-block */
    width: 100%;           /* Ocupar toda a largura disponível */
    max-width: 300px;      /* Limite */
    margin: 15px auto;     /* Centralizado e com espaçamento */
}

/* Primeiro botão – laranja */
.course-architecture {
    background: linear-gradient(135deg, #2ECC71, #27AE60);
}

.course-architecture:hover {
    background: linear-gradient(135deg, #34E37A, #1F9E55);
}

/* Segundo botão – preto */
.course-others {
    background: linear-gradient(135deg, #000000, #333333); /* Preto degradê */
}
/* Botões maiores e um abaixo do outro */
.course-button {
    display: block;
    width: 100%;
    max-width: 380px;      /* Aumentei a largura máxima */
    padding: 22px 45px;    /* Aumentei a altura */
    font-size: 22px;       /* Texto maior */
    margin: 20px auto;     /* Mais espaço entre os botões */
    border-radius: 14px;   /* Bordas um pouco maiores */
}

    
    /* Benefits Section */
    .benefit-item {
        text-align: center;
        padding: 20px;
    }
    
    .benefit-icon-sm {
        font-size: 2.5rem;
        color: #4CAF50;
    }
    
    .section-title {
        font-weight: 700;
        color: #2d3748;
        margin-bottom: 1rem;
    }
    
    /* Curriculum Modules */
    .curriculum-module {
        transition: all 0.3s ease;
    }
    
    .curriculum-module:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    }
    
    .curriculum-module ul {
        padding-left: 1.5rem;
    }
    
    .curriculum-module li {
        margin-bottom: 0.5rem;
    }
    
    /* Statistics */
    .stat-item {
        transition: all 0.3s ease;
    }
    
    .stat-item:hover {
        transform: scale(1.05);
    }
    
    /* Features Grid */
    .feature-item {
        transition: all 0.3s ease;
        padding: 1rem;
        border-radius: 8px;
    }
    
    .feature-item:hover {
        background: #f8f9fa;
        transform: translateX(5px);
    }
    
    /* Responsive Design */
    @media (max-width: 768px) {
        .course-button {
            padding: 16px 30px;
            font-size: 18px;
            margin: 12px auto;
            min-width: 280px;
        }
        
        .architecture-hero h1 {
            font-size: 1.75rem;
        }
        
        .architecture-hero .lead {
            font-size: 1.1rem;
        }
        
        .curriculum-module {
            margin-bottom: 2rem;
            padding: 1rem !important;
        }
        
        .stat-item {
            margin-bottom: 1rem;
        }
        
        .feature-item {
            margin-bottom: 1rem;
        }
    }
    
    /* Animation */
    .course-button {
        animation: fadeInUp 0.6s ease-out;
        animation-fill-mode: both;
    }
    
    .curriculum-module {
        animation: fadeInUp 0.6s ease-out;
        animation-fill-mode: both;
    }
    
    .curriculum-module:nth-child(1) { animation-delay: 0.1s; }
    .curriculum-module:nth-child(2) { animation-delay: 0.2s; }
    .curriculum-module:nth-child(3) { animation-delay: 0.3s; }
    .curriculum-module:nth-child(4) { animation-delay: 0.4s; }
    
    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(30px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    /* Hover Effects Enhancement */
    .course-button:active {
        transform: translateY(1px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    }
    
    /* WhatsApp Button Special Styling */
    .whatsapp-cta-button:hover {
        background: #128c7e !important;
        transform: translateY(-2px);
    }
    
    /* Highlight Boxes */
    .highlight-box {
        animation: pulse 2s infinite;
    }
    
    @keyframes pulse {
        0% { box-shadow: 0 0 0 0 rgba(63, 81, 181, 0.4); }
        70% { box-shadow: 0 0 0 10px rgba(63, 81, 181, 0); }
        100% { box-shadow: 0 0 0 0 rgba(63, 81, 181, 0); }
    }
    
    .urgency-box {
        animation: shake 0.5s infinite;
    }
    
    @keyframes shake {
        0%, 100% { transform: translateX(0); }
        25% { transform: translateX(-2px); }
        75% { transform: translateX(2px); }
    }
</style>

<?php
// Incluye el footer
require_once '../includes/footer.php';
?>