<?php
// campanha-pa-es.php
// Página de selección de cursos - página de elección

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

// Configuraciones iniciales
require_once 'includes/config.php';
require_once 'includes/db.php';
require_once 'includes/functions.php';
require_once BASE_PATH . '/includes/config-tracking.php';

// Añade después de los includes básicos
require_once 'includes/unique-visits-tracker.php';

// Track visita única
$uniqueVisitsTracker->trackUniqueVisit(null, '/campanha-pa', 'Cursos Superiores Gratuitos con Certificación | Carrera y Empleo');

// --- Inicio: Búsqueda de configuraciones de WhatsApp en la base de datos ---
// Define valores por defecto (fallback) ANTES de intentar buscar en la base.
// Estos valores solo se usarán si la búsqueda en la base falla o devuelve campos nulos.
$whatsappUrl = 'https://a2.contrateservicos.com/redirect.php?p=6877184d392d0'; // URL por defecto, si el DB no devuelve url_1
$whatsappTitle = '📲 ¡Únete a nuestro grupo VIP y recibe oportunidades de cursos de alto nivel!';
$whatsappButtonText = '✅ Acceder a Cursos y Oportunidades Premium';

// Verifica si la conexión con la base de datos ($conn) está disponible.
// La variable $conn debe estar definida en 'includes/db.php'.
if (isset($conn)) {
    // Consulta la base de datos para obtener las configuraciones más recientes y activas de WhatsApp.
    // Seleccionamos url_1, title y 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 si la consulta devolvió resultados y si hay al menos una fila.
    if ($result && $result->num_rows > 0) {
        $whatsappSettings = $result->fetch_assoc();

        // Asigna la URL de WhatsApp:
        // Intenta usar 'url_1' de la tabla.
        // Si 'url_1' es nulo o no existe, mantiene el valor por defecto definido al inicio.
        $whatsappUrl = $whatsappSettings['url_1'] ?? $whatsappUrl;

        // Asigna el texto del botón:
        // Intenta usar 'button_text' de la tabla.
        // Si 'button_text' es nulo o no existe, mantiene el valor por defecto.
        $whatsappButtonText = $whatsappSettings['button_text'] ?? $whatsappButtonText;

        // Asigna el título (si lo estás usando en algún lugar de tu HTML):
        // Intenta usar 'title' de la tabla.
        // Si 'title' es nulo o no existe, mantiene el valor por defecto.
        $whatsappTitle = $whatsappSettings['title'] ?? $whatsappTitle;
    }
}
// --- Fin: Búsqueda de configuraciones de WhatsApp en la base de datos ---

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

<section class="selection-hero py-4">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8 text-center">
                <h1 class="display-3 fw-bold mb-3">¿Qué curso gratuito te gustaría realizar?</h1>

            </div>
        </div>
    </div>
</section>

<section class="benefits-preview py-4">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8 text-center">
                    <a href="https://lebeh.com.br/campanha-curso-de-diseno-grafico.php" class="course-button course-graphic-design" aria-label="Certificación en Diseño Gráfico Profesional">
                        🎨 Diseño Gráfico Profesional
                    </a>

                    <a href="https://lebeh.com.br/campanha-curso-de-ingenieria-civil.php" class="course-button course-civil-engineering" aria-label="Especialización en Ingeniería Civil y Construcción">
                        🏗 Ingeniería Civil
                    </a>

                    <a href="https://lebeh.com.br/campanha-curso-de-bombero.php" class="course-button course-it" aria-label="Curso de Bombero">
                    🚒 Curso de Bombero
                    </a>


                    <a href="https://lebeh.com.br/campanha-outros-cursos-pa-2.php" class="course-button course-others" aria-label="Otras Especializaciones Gratuitas">
                        📚 Otros Cursos
                    </a>

                    <p class="selection-subtitle">
                        Selecciona un curso y da el primer paso para mejorar tu <strong>carrera profesional</strong> y conquistar mejores oportunidades en el mercado.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="benefits-preview py-4">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8 text-center">
                <h2 class="section-title mb-4">¿Por qué elegir nuestros cursos para tu carrera?</h2>
                <div class="row g-4">
                    <div class="col-md-4">
                        <div class="benefit-item">
                            <div class="benefit-icon-sm mb-3">
                                ✅
                            </div>
                            <h3 class="h5">100% Gratuito</h3>
                            <p class="small text-muted">Sin costos ocultos para tu cualificación profesional</p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="benefit-item">
                            <div class="benefit-icon-sm mb-3">
                                🎓
                            </div>
                            <h3 class="h5">Con Certificado</h3>
                            <p class="small text-muted">Válido para <strong>empleabilidad</strong> y crecimiento en la carrera</p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="benefit-item">
                            <div class="benefit-icon-sm mb-3">
                                📱
                            </div>
                            <h3 class="h5">Acceso por WhatsApp</h3>
                            <p class="small text-muted">Fácil y directo para tu especialización</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="additional-content py-4 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;">🎓 Cómo un curso gratuito en línea puede impulsar tu carrera en Diseño Gráfico, Ingeniería Civil y Bombero</h2>

                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        📚 En la actualidad, la <strong>educación en línea gratuita</strong> de alto estándar se ha convertido en una herramienta clave para quienes desean desarrollarse profesionalmente en áreas estratégicas. Con solo una computadora o celular y conexión a internet, puedes acceder a contenidos de calidad superior, desde cursos de fundamentos de diseño gráfico hasta especialización en el área de <strong>bombero y gestión de emergencias</strong>, todos con <strong>certificados reconocidos y válidos</strong> para el mercado laboral.
                    </p>

                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        🎨 Sea cual sea tu interés: la certificación en diseño gráfico profesional y creatividad digital, la especialización en ingeniería civil estructural y planificación de infraestructuras de gran escala, o la certificación en <strong>operaciones de bombero y rescate</strong>. Existen cursos gratuitos diseñados para ayudarte a <strong>comenzar una nueva carrera</strong>, actualizar tus competencias al nivel ejecutivo o dar un nuevo rumbo a tu vida profesional en sectores de alta demanda y gran impacto social.
                    </p>

                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        💼 Lo mejor es que estos cursos de cualificación superior no exigen experiencia previa. Están pensados para adaptarse a cualquier perfil: estudiantes buscando un curso en línea en diseño gráfico avanzado, profesionales interesados en <strong>curso de bombero y primeros auxilios</strong>, o personas que necesitan un curso de ingeniería civil básica con enfoque en proyectos para nuevas <strong>oportunidades en el mercado laboral</strong>.
                    </p>

                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        ✅ Todos los cursos aquí ofrecen acceso inmediato y gratuito, desde <strong>introducción a las técnicas de extinción de incendios</strong> hasta software AutoCAD civil avanzado. Muchos incluyen certificación digital profesional al final. Esto no solo mejora tu currículum con credenciales de curso en línea o cursos de software avanzado, sino que te posiciona mejor ante grandes empresas, cuerpos de seguridad o como <strong>profesional de emergencias exitoso</strong>.
                    </p>

                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        🌟 Nuestra oferta educativa incluye desde <strong>fundamentos de combate de incendios</strong> y <strong>curso de rescate básico</strong>, pasando por curso de diseño gráfico UX/UI para productos digitales y curso de ilustración digital profesional para grandes marcas, hasta certificación en ingeniería civil avanzada y curso de cálculo en ingeniería civil para estructuras complejas. Cada programa fue diseñado para darte <strong>conocimientos prácticos y estratégicos</strong> que puedes aplicar de inmediato en tu trabajo o vocación de servicio de alto potencial.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="course-details py-4">
    <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;">📘 Ver contenido detallado de los cursos</h2>

                    <div class="course-detail mb-4">
                        <h3 style="color: #E91E63; font-weight: 600; margin-bottom: 1rem;">🎨 Diseño Gráfico: Creatividad Visual con Proyección Profesional y de Mercado</h3>
                        <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1rem;">
                            Nuestro programa de <strong>certificación en diseño gráfico profesional</strong> te permite explorar desde los fundamentos del diseño visual estratégico hasta técnicas avanzadas de creación y manipulación de imagen. El curso en línea en diseño gráfico incluye teoría del color aplicada, tipografía avanzada, composición para campañas publicitarias y dominio de herramientas digitales especializadas. Podrás dominar Adobe Photoshop avanzado y Adobe Illustrator avanzado para crear contenido profesional de alta calidad y portafolios de impacto.
                        </p>
                        <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1rem;">
                            El curso de diseño gráfico digital abarca desde fundamentos para principiantes hasta diseño gráfico UX/UI para interfaces de usuario modernas. También incluye ilustración digital profesional para proyectos autorales y branding y diseño gráfico para construcción de identidad corporativa fuerte. Todo el contenido está disponible a través del curso de diseño gráfico en línea para tu cualificación profesional.
                        </p>
                        <p style="font-size: 1rem; line-height: 1.6; color: #666; margin-bottom: 2rem;">
                            Esta formación es ideal para quien desea ingresar al mundo de la comunicación visual de alto valor, sea como <strong>freelancer exitoso</strong> creando logos y materiales publicitarios que generan resultados, en agencias de publicidad desarrollando campañas digitales e integradas, o emprendiendo su propio estudio de diseño especializado en branding digital y estrategias de marketing visual. Las oportunidades de trabajo y los salarios son atractivos en este sector en crecimiento.
                        </p>
                    </div>

                    <div class="course-detail mb-4">
                        <h3 style="color: #FF9800; font-weight: 600; margin-bottom: 1rem;">🏗️ Ingeniería Civil: Construcción del Futuro y Proyectos de Gran Escala</h3>
                        <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1rem;">
                            La certificación en ingeniería civil avanzada te enseña los <strong>principios fundamentales de la construcción moderna</strong> y sostenible. El curso en línea en ingeniería civil cubre resistencia de materiales aplicada, cálculo estructural para edificios y puentes, planificación de obras complejas y normativas técnicas actualizadas para grandes proyectos. La especialización en ingeniería civil estructural profundiza en el diseño de estructuras complejas y análisis de cargas de alta precisión.
                        </p>
                        <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1rem;">
                            Nuestro programa incluye curso de ingeniería civil en línea y curso de ingeniería civil telemático para máxima flexibilidad y cualificación a distancia. Aprenderás a través del cálculo en ingeniería civil las matemáticas aplicadas esenciales para el sector de construcción, diseño estructural para proyectos de ingeniería, y topografía e ingeniería civil para medición precisa de terrenos. El software AutoCAD civil te capacita en las <strong>herramientas digitales más demandadas</strong> para proyectos de infraestructura.
                        </p>
                        <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1rem;">
                            Para principiantes, ofrecemos curso de ingeniería civil básica que cubre fundamentos sólidos antes de avanzar a especializaciones de alto nivel. Todo el contenido incluye casos prácticos reales y proyectos que simulan situaciones profesionales auténticas, preparándote para los desafíos del mercado de ingeniería civil.
                        </p>
                        <p style="font-size: 1rem; line-height: 1.6; color: #666; margin-bottom: 2rem;">
                            Este curso es excelente para quien busca trabajar en <strong>grandes constructoras</strong>, obras públicas de gran envergadura, consultoría técnica especializada, supervisión de obras complejas, o iniciar su propia empresa de construcción y proyectos de ingeniería. El sector de la construcción siempre demanda profesionales capacitados con conocimientos actualizados en normativas y tecnología BIM, garantizando <strong>excelentes oportunidades de empleo</strong> y facturación.
                        </p>
                    </div>

                    <div class="course-detail mb-4">
                        <h3 style="color: #FF4500; font-weight: 600; margin-bottom: 1rem;">🚒 Bombero: Habilidades Esenciales para la Protección y el Rescate</h3>
                        <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1rem;">
                            La <strong>certificación de bombero</strong> es una formación integral que te prepara para actuar en situaciones de emergencia. El <strong>curso de bombero en línea</strong> te enseñará los principios fundamentales de <strong>extinción de incendios</strong>, desde el uso de equipos y agentes extintores hasta tácticas avanzadas de control de fuegos. Aprenderás <strong>primeros auxilios avanzados</strong>, incluyendo RCP, manejo de heridas y estabilización de víctimas en situaciones críticas.
                        </p>
                        <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1rem;">
                            Nuestro programa abarca técnicas de <strong>rescate y salvamento</strong> en diferentes escenarios, como rescate en altura, espacios confinados y accidentes vehiculares. También te capacitará en el <strong>manejo de materiales peligrosos</strong>, con conocimientos sobre identificación, contención y neutralización de sustancias químicas, biológicas o radiológicas. El <strong>curso de gestión de emergencias</strong> te proporcionará las habilidades para coordinar respuestas efectivas en desastres y situaciones de riesgo.
                        </p>
                        <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1rem;">
                            Para quienes se inician, ofrecemos un <strong>curso de bombero básico</strong> que establece los fundamentos, mientras que especializaciones como <strong>incendios forestales</strong> o <strong>rescate acuático</strong> profundizan en áreas específicas. Todo el contenido incluye simulacros realistas y entrenamiento práctico para garantizar que desarrolles las habilidades físicas y mentales necesarias para esta noble profesión.
                        </p>
                        <p style="font-size: 1rem; line-height: 1.6; color: #666; margin-bottom: 2rem;">
                            Los profesionales formados en este campo tienen <strong>amplias oportunidades laborales</strong> en cuerpos de bomberos municipales, estatales y nacionales, empresas de seguridad industrial, aeropuertos, brigadas forestales y organismos de protección civil. Es una carrera con gran demanda social, que ofrece la satisfacción de proteger vidas y bienes, garantizando una trayectoria estable y respetada.
                        </p>
                    </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, '<?php echo isset($page) ? htmlspecialchars($page['title'] ?? 'Página de Cursos Profesionales') : 'Página de Cursos Profesionales'; ?>')"
                           style="background: #25D366; border: none; padding: 15px 30px; font-size: 18px; font-weight: 600;">
                            <?php echo htmlspecialchars($whatsappButtonText); ?>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="additional-benefits py-4 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;">🌐 Otros cursos especializados para crecer sin límites</h2>
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        Además de nuestros programas principales de certificación en diseño gráfico profesional, especialización en ingeniería civil estructural y <strong>certificación en bombero y gestión de emergencias</strong>, también puedes acceder a <strong>cursos gratuitos especializados</strong> en áreas como marketing digital avanzado, administración estratégica de empresas, electricidad industrial automatizada, gastronomía profesional internacional, desarrollo web full-stack, idiomas para negocios internacionales y muchas otras especialidades que se actualizan constantemente, según las <strong>demandas emergentes del mercado laboral</strong> global.
                    </p>
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 2rem;">
                        👩‍🎓 Muchos estudiantes que comenzaron con un único curso básico como fundamentos de <strong>bombero</strong> o de diseño gráfico, terminaron completando múltiples especializaciones de alto nivel, desarrollando un <strong>nuevo oficio rentable</strong>, consiguiendo empleo en empresas líderes del sector o lanzando proyectos emprendedores exitosos que generan ingresos sostenibles.
                    </p>

                    <h2 style="color: #2d3748; font-weight: 700; margin-bottom: 1.5rem;">🏆 Certificación profesional y ventajas competitivas reales</h2>
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        Al finalizar cada formación, desde <strong>curso básico de bombero</strong> hasta curso en línea en diseño gráfico avanzado, puedes descargar un <strong>certificado digital profesional</strong> y reconocido por el mercado, que acredita oficialmente tus conocimientos adquiridos. Este documento es ideal para incluir en tu CV actualizado y estratégico, compartir en tu perfil de LinkedIn profesional, presentar en procesos de selección laboral altamente competitivos, o utilizar como respaldo académico en negociaciones salariales.
                    </p>
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 2rem;">
                        Los certificados en línea especializados, sean de Adobe Illustrator avanzado, AutoCAD civil, o <strong>curso avanzado de rescate</strong>, ya son reconocidos oficialmente por muchas <strong>empresas multinacionales</strong> y startups de tecnología que valoran la iniciativa personal, la capacidad de aprendizaje autónomo, el compromiso con el desarrollo profesional continuo y la actualización constante de competencias técnicas relevantes.
                    </p>

                    <h2 style="color: #2d3748; font-weight: 700; margin-bottom: 1.5rem;">🚀 Comienza hoy mismo, sin excusas ni barreras para tu éxito profesional</h2>
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        No necesitas pagar matrículas costosas, cumplir requisitos académicos complejos, ni esperar por procesos de inscripción burocráticos. Simplemente elige el <strong>curso que más te motiva</strong>, sea diseño gráfico UX/UI para interfaces modernas, <strong>especialización en combate de incendios y rescate</strong>, diseño estructural para construcción civil de alta complejidad, o cualquier otra especialización profesional disponible. Accede al contenido inmediatamente y comienza a estudiar siguiendo tu propio ritmo y horario, sin presiones externas.
                    </p>
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        🌟 Aprovecha esta <strong>oportunidad única</strong> para adquirir nuevas habilidades técnicas altamente demandadas, explorar tu verdadera vocación profesional, descubrir talentos ocultos que posees, o mejorar significativamente tu situación laboral actual y tu salario. Miles de personas de toda América Latina ya están <strong>transformando sus vidas profesionales</strong> a través de estos cursos especializados y gratuitos, y tú puedes ser el próximo en dar ese paso decisivo hacia un futuro más próspero y satisfactorio.
                    </p>
                    <p style="font-size: 1.25rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem; font-weight: 600; text-align: center;">
                        Tu <strong>crecimiento profesional y personal</strong> comienza con una decisión valiente. <strong>¡Comienza gratis hoy mismo y transforma tu futuro!</strong> 💪
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>
<script>
function registrarConversaoWhatsApp(element, pageTitle) {
    // Recolecta datos de la conversión
    const pageId = element.getAttribute('data-page-id') || 0;
    const whatsappUrl = element.href;

    // Datos adicionales de la conversión
    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 si están disponibles
        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 la conversión
    if (typeof registrarConversao === 'function') {
        registrarConversao('whatsapp_click', pageId, whatsappUrl, conversionData);
    } else {
        // Fallback si la función principal no está disponible
        registrarConversaoDirecta('whatsapp_click', pageId, whatsappUrl, conversionData);
    }

    // Envía datos a pixels si están disponibles
    try {
        // Facebook Pixel
        if (typeof fbq !== 'undefined') {
            fbq('track', 'Contact', {
                content_name: 'WhatsApp Group - Cursos Profesionales',
                content_category: 'Educacion Profesional',
                value: 1,
                currency: 'USD'
            });
        }

        // Google Analytics
        if (typeof gtag !== 'undefined') {
            gtag('event', 'click', {
                event_category: 'WhatsApp',
                event_label: 'Grupo Cursos Profesionales',
                value: 1
            });
        }

        // JoinAds u otros pixels
        if (typeof window.joinads !== 'undefined') {
            window.joinads.track('whatsapp_click', {
                url: whatsappUrl,
                page: pageTitle
            });
        }
    } catch (e) {
        console.log('Error al enviar a pixels:', e);
    }
}

// Función de fallback para registrar conversión directamente
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('Conversión WhatsApp registrada:', tipo);

            // Opcional: Guarda en localStorage para tracking de embudo
            const conversions = JSON.parse(localStorage.getItem('user_conversions') || '[]');
            conversions.push({
                type: tipo,
                timestamp: Date.now(),
                page_id: pageId,
                url: valor
            });
            localStorage.setItem('user_conversions', JSON.stringify(conversions));
        } else {
            console.error('Error al registrar conversión:', data.error);
        }
    })
    .catch(error => {
        console.error('Error en la solicitud de conversión:', error);

        // Fallback: guarda localmente para enviar después
        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()
        });
        localStorage.setItem('pending_conversions', JSON.stringify(pendingConversions));
    });
}

// Auto-tracking: captura automáticamente clics en elementos con clase whatsapp-cta-button
document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('.whatsapp-cta-button').forEach(button => {
        // Solo añade listener si no tiene onclick personalizado
        if (!button.onclick) {
            button.addEventListener('click', function(e) {
                const pageId = this.getAttribute('data-page-id') || 0;
                const pageTitle = document.title || 'Página de Cursos Profesionales';
                registrarConversaoWhatsApp(this, pageTitle);
            });
        }
    });

    // Envía conversiones pendientes si hay conexión
    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
            );
        });

        // Limpia conversiones pendientes después del envío
        localStorage.removeItem('pending_conversions');
    }
});
</script>
<style>
    /* Hero Section */
    .selection-hero {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
    }

    .selection-hero h1 {
        color: white;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    }

    .selection-hero .lead {
        color: rgba(255, 255, 255, 0.95);
    }


    /* Course Buttons */
    .course-button {
        display: block;
        color: white;
        padding: 18px 40px;
        margin: 15px 0;
        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;
    }

    .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%;
    }

    /* Specific Course Colors */
    .course-graphic-design {
        background: linear-gradient(135deg, #E91E63, #F06292);
    }

    .course-civil-engineering {
        background: linear-gradient(135deg, #FF9800, #FFB74D);
    }

    .course-it { /* This was for IT, now reused for Bombero, the color stays for consistency */
        background: linear-gradient(135deg, #FF4500, #FF8C00); /* Changed to a fiery orange for Bombero */
    }

    .course-others {
        background: linear-gradient(135deg, #607D8B, #78909C);
    }

    /* Selection Subtitle */
    .selection-subtitle {
        font-size: 18px;
        color: #666;
        font-family: Arial, sans-serif;
        margin-top: 30px;
        font-weight: 400;
        line-height: 1.6;
    }

    /* Benefits Preview */
    .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;
    }

    /* Responsive Design */
    @media (max-width: 768px) {
        .course-button {
            padding: 16px 30px;
            font-size: 18px;
            margin: 12px 0;
        }

        .selection-container {
            padding: 25px;
            margin: 0 15px;
        }

        .selection-hero h1 {
            font-size: 1.5rem;
        }

        .selection-subtitle {
            font-size: 16px;
        }
    }

    /* Animation */
    .course-button {
        animation: fadeInUp 0.6s ease-out;
        animation-fill-mode: both;
    }

    .course-button:nth-child(1) { animation-delay: 0.1s; }
    .course-button:nth-child(2) { animation-delay: 0.2s; }
    .course-button:nth-child(3) { animation-delay: 0.3s; }
    .course-button: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);
    }
</style>

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