<?php
// campanha-curso-de-diseno-grafico.php
// Página de campanha - curso de diseño gráfico

// 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'; // Assumindo que este arquivo contém sua lógica de conexão com o banco de dados ($conn)
require_once 'includes/functions.php';
require_once BASE_PATH . '/includes/config-tracking.php';

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

// Track visita única
$uniqueVisitsTracker->trackUniqueVisit(null, '/campanha-curso-de-diseno-grafico', 'Cursos Gratuitos');

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

// --- 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: Para este arquivo, o URL padrão é o que você quer que seja o último recurso,
// caso url_1 não sea encontrado no banco.
$whatsappUrl = 'https://a2.contrateservicos.com/redirect.php?p=6877184d392d0'; // URL padrão para este arquivo
$whatsappButtonText = '✅ Entrar al grupo de WhatsApp'; // Texto padrão do botão para este arquivo

// Verifica se a conexão com o banco de dados ($conn) está disponível.
// A variável $conn debe ser definida en '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 e button_text.
    $sql = "SELECT url_1, 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;
    }
}
// --- Fim: Busca de configurações do WhatsApp no banco de datos ---
?>

<section class="campanha-hero py-4">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8 text-center">
                <h1 class="display-4 fw-bold mb-4">🎨 ¡Empieza hoy tu camino como Diseñador Gráfico!</h1>
                <p>
                    🎓 Para acceder al curso completo de certificación en diseño gráfico profesional, solo necesitas unirte a nuestro grupo de WhatsApp.
                </p>

                <a href="<?php echo htmlspecialchars($whatsappUrl); ?>" class="cta-button mb-4" target="_blank">
                    <?php echo htmlspecialchars($whatsappButtonText); ?>
                </a>
                <p>Allí te enviaremos el enlace, materiales y muchos más cursos que también son <strong>💯% gratis y con certificado.</strong></p>
            </div>
        </div>
    </div>
</section>
              <br>     <center> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9919806376063326"
             crossorigin="anonymous"></script>
<ins class="adsbygoogle"
             style="display:block"
             data-ad-client="ca-pub-9919806376063326"
             data-ad-slot="6544644851"
             data-ad-format="auto"
             data-full-width-responsive="true"></ins>
<script>
             (adsbygoogle = window.adsbygoogle || []).push({});
</script></center>
<section class="campanha-content py-4 bg-light">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8">
                <div class="content-card p-4 mb-4">
                    <p class="fs-5 mb-4">
                        El <strong>curso de diseño gráfico</strong> es una de las formaciones más demandadas en el entorno digital actual. Este campo combina arte, comunicación y tecnología para crear piezas visuales que transmiten mensajes, construyen marcas y generan impacto en diversos medios. Desde la publicidad hasta las redes sociales, el diseño gráfico está presente en todos los sectores.
                    </p>

                    <h3 class="section-title mb-3">Flexibilidad y Calidad: Estudia Diseño Gráfico a Distancia</h3>
                    <p class="fs-5 mb-4">
                        Gracias al avance de la educación digital, ahora es posible estudiar <strong>diseño gráfico a distancia</strong> a través de un <strong>Curso en línea</strong> que se adapta al ritmo de cada estudiante. Esta modalidad ha democratizado el acceso a la formación, permitiendo a miles de personas aprender desde casa, en cualquier momento y con recursos interactivos de alta calidad.
                    </p>

                    <h3 class="section-title mb-3">Contenido Integral para Convertirte en un Profesional</h3>
                    <p class="fs-5 mb-4">
                        El programa de estudios suele incluir materias como:
                        <ul>
                            <li><strong>Fundamentos del diseño</strong> y teoría del color</li>
                            <li>Tipografía, composición y diagramación</li>
                            <li>Diseño editorial y diseño publicitario</li>
                            <li>Herramientas digitales como <strong>Photoshop</strong>, <strong>Illustrator</strong> y After Effects</li>
                            <li>Branding, identidad visual y diseño web</li>
                            <li>Animación digital y diseño multimedia</li>
                        </ul>
                    </p>
                    <p class="fs-5 mb-4">
                        Para quienes desean un nivel de especialización mayor, existen opciones como el <strong>máster diseño gráfico</strong> o el <strong>máster diseño gráfico online</strong>. Estos programas profundizan en la gestión de proyectos, dirección de arte y tendencias del diseño contemporáneo, preparando al estudiante para asumir roles de liderazgo creativo.
                    </p>

                    <h3 class="section-title mb-3">La Importancia de Elegir la Mejor Formación</h3>
                    <p class="fs-5 mb-4">
                        Una alternativa muy valorada por estudiantes y profesionales es buscar el <strong>diseño gráfico mejor universidad</strong>, ya que la calidad de la institución influye directamente en el reconocimiento del título y en las oportunidades laborales posteriores. Es recomendable siempre investigar sobre los docentes, el plan de estudios y las experiencias de otros egresados.
                    </p>
                    <p class="fs-5 mb-4">
                        El curso también puede tener un enfoque en <strong>diseño gráfico y animación digital</strong>, integrando competencias en movimiento, efectos visuales y narrativas visuales interactivas. Esta combinación amplía las posibilidades de actuación en áreas como videojuegos, publicidad, televisión y producción audiovisual.
                    </p>
                    <p class="fs-5 mb-4">
                        Quienes desean iniciarse sin realizar una gran inversión pueden comenzar con un <strong>curso gratuito</strong> o aprovechar plataformas como <strong>Coursera</strong>, que ofrecen <strong>cursos en línea gratis</strong> con acceso inmediato y contenidos actualizados.
                    </p>

                    <h3 class="section-title mb-3">Crea Tu Portafolio y Abre Puertas Profesionales</h3>
                    <p class="fs-5 mb-4">
                        Durante la formación, los estudiantes desarrollan un portafolio personal que demuestra sus habilidades técnicas y creativas. Este material es clave al buscar empleo o postularse a proyectos freelance, ya que permite mostrar de manera concreta lo que cada uno es capaz de crear.
                    </p>
                    <p class="fs-5 mb-4">
                        Para elegir bien, es importante consultar <strong>curso información</strong> confiable y explorar <strong>infor cursos</strong> que comparen opciones de instituciones, duración, certificación y modalidad. Esto asegura una experiencia educativa alineada con los objetivos de cada estudiante.
                    </p>

                    <h3 class="section-title mb-3">Amplias Salidas Laborales en el Campo del Diseño</h3>
                    <p class="fs-5 mb-4">
                        Las salidas laborales del diseño gráfico son amplias: agencias de publicidad, estudios de diseño, editoriales, empresas de tecnología, marketing digital, comunicación institucional, branding personal, entre otras. También es posible trabajar de forma independiente, prestando servicios a clientes de diferentes sectores.
                    </p>

                    <p class="fs-5 mb-4">
                        En resumen, estudiar <strong>diseño gráfico</strong> es abrir la puerta a una carrera creativa, versátil y con alta demanda en el mercado digital. Con opciones como <strong>diseño gráfico a distancia</strong>, <strong>máster diseño gráfico online</strong> y <strong>cursos en línea gratis</strong>, nunca ha sido tan fácil comenzar en este apasionante mundo visual.
                    </p>
                    <p class="fs-5 mb-4">
                        Si te apasiona el arte, la comunicación y las herramientas digitales, este puede ser el curso ideal para ti. Aprovecha la flexibilidad del aprendizaje online y da el primer paso hacia una profesión llena de posibilidades creativas y profesionales.
                    </p>

                    <div class="text-center">
                        <a href="<?php echo htmlspecialchars($whatsappUrl); ?>" class="cta-button" target="_blank">
                            <?php echo htmlspecialchars($whatsappButtonText); ?>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
    <center> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9919806376063326"
             crossorigin="anonymous"></script>
<ins class="adsbygoogle"
             style="display:block"
             data-ad-client="ca-pub-9919806376063326"
             data-ad-slot="3186050435"
             data-ad-format="auto"
             data-full-width-responsive="true"></ins>
<script>
             (adsbygoogle = window.adsbygoogle || []).push({});
</script></center>
<section class="campanha-benefits py-4">
    <div class="container">
        <div class="row justify-content-center mb-5">
            <div class="col-lg-8 text-center">
                <h2 class="section-title">¿Qué aprenderás en el curso?</h2>
                <p class="lead">Todo lo necesario para convertirte en un diseñador gráfico profesional con certificación reconocida</p>
            </div>
        </div>

        <div class="row g-4">
            <div class="col-md-6 col-lg-3">
                <div class="benefit-card text-center p-4">
                    <div class="benefit-icon mb-3">
                        🎨
                    </div>
                    <h3 class="h5 mb-3">Fundamentos del Diseño</h3>
                    <p class="small">Curso fundamentos de diseño gráfico: teoría del color, tipografía, composición y principios básicos profesionales</p>
                </div>
            </div>

            <div class="col-md-6 col-lg-3">
                <div class="benefit-card text-center p-4">
                    <div class="benefit-icon mb-3">
                        🖥️
                    </div>
                    <h3 class="h5 mb-3">Herramientas Digitales</h3>
                    <p class="small">Curso Adobe Photoshop avanzado, curso Adobe Illustrator avanzado, Canva y software de diseño profesional actualizado</p>
                </div>
            </div>

            <div class="col-md-6 col-lg-3">
                <div class="benefit-card text-center p-4">
                    <div class="benefit-icon mb-3">
                        🏷️
                    </div>
                    <h3 class="h5 mb-3">Branding y Logos</h3>
                    <p class="small">Curso branding y diseño gráfico: creación de identidades visuales, logos corporativos y material empresarial profesional</p>
                </div>
            </div>

            <div class="col-md-6 col-lg-3">
                <div class="benefit-card text-center p-4">
                    <div class="benefit-icon mb-3">
                        📱
                    </div>
                    <h3 class="h5 mb-3">Diseño Digital</h3>
                    <p class="small">Curso diseño gráfico digital, curso diseño gráfico UX/UI, curso ilustración digital profesional para redes sociales y web</p>
                </div>
            </div>
        </div>

        <div class="row g-4 mt-4">
            <div class="col-lg-12">
                <div class="content-card p-4 mb-4">
                    <h3 class="section-title text-center mb-4">🎓 Programa Completo de Certificación</h3>

                    <p class="fs-5 mb-4">
                        Nuestro <strong>máster online diseño gráfico</strong> está estructurado en módulos progresivos que te llevan desde los conceptos básicos hasta técnicas avanzadas profesionales. Comenzarás con <strong>curso fundamentos de diseño gráfico</strong> donde aprenderás principios esenciales, teoría del color aplicada, tipografía profesional y composición visual efectiva.
                    </p>

                    <p class="fs-5 mb-4">
                        Continuarás con <strong>curso Adobe Photoshop avanzado</strong> donde dominarás edición profesional de imágenes, retoque fotográfico, composiciones complejas y efectos especiales. Paralelamente, el <strong>curso Adobe Illustrator avanzado</strong> te enseñará ilustración vectorial, diseño de logos, iconografía y gráficos escalables de alta calidad.
                    </p>

                    <p class="fs-5 mb-4">
                        El módulo de <strong>curso diseño gráfico digital</strong> abarca las últimas tendencias en diseño web, optimización de imágenes para diferentes plataformas, diseño responsive y adaptación a múltiples formatos digitales. Mientras que el <strong>curso ilustración digital profesional</strong> desarrolla tus habilidades artísticas con técnicas de pintura digital, concept art y ilustración comercial.
                    </p>

                    <p class="fs-5 mb-4">
                        La especialización en <strong>curso diseño gráfico UX/UI</strong> te prepara para el mercado digital actual, enseñándote diseño de interfaces, experiencia de usuario, wireframing, prototipado y usabilidad. Es una habilidad extremadamente demandada en el mercado tecnológico actual.
                    </p>

                    <p class="fs-5 mb-4">
                        Finalmente, el <strong>curso branding y diseño gráfico</strong> te capacita para crear identidades visuales completas, manuales de marca, aplicaciones corporativas y estrategias de comunicación visual. Todo culmina con tu <strong>certificación en diseño gráfico profesional</strong> que valida oficialmente tus conocimientos adquiridos.
                    </p>

                    <p class="fs-5 mb-4">
                        🌟 Este <strong>curso diseño gráfico online</strong> combina flexibilidad de horarios con contenido de calidad profesional, permitiéndote estudiar a tu ritmo mientras desarrollas un portfolio sólido que impresionará a futuros empleadores o clientes.
                    </p>

                    <div class="text-center">
                        <a href="<?php echo htmlspecialchars($whatsappUrl); ?>" class="cta-button" target="_blank">
                            <?php echo htmlspecialchars($whatsappButtonText); ?>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<style>
    /* CTA Button Style */
    .cta-button {
        display: inline-block;
        padding: 18px 36px;
        font-size: 18px;
        font-weight: bold;
        color: #ffffff;
        background-color: #25D366;
        text-decoration: none;
        border-radius: 10px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transition: transform 0.2s ease, background-color 0.3s ease;
        margin-bottom: 30px;
    }

    .cta-button:hover {
        transform: scale(1.05);
        background-color: #1ebe5d;
        color: #ffffff;
        text-decoration: none;
    }


    /* Benefits Section */
    .benefit-card {
        background: white;
        border-radius: 15px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        border: none;
        height: 100%;
    }

    .benefit-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    }

    .benefit-icon {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    /* Hero Section */
    .campanha-hero {
       background: linear-gradient(135deg, #E91E63 0%, #F06292 100%);

        color: white;
    }

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

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

    /* Ad Placeholder */
    .ad-placeholder {
        min-height: 120px;
        background: #f8f9fa;
        border: 2px dashed #dee2e6;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 20px 0;
    }

    /* Typography Improvements */
    .fs-5 {
        font-size: 1.125rem;
        line-height: 1.7;
        color: #333;
    }

    .section-title {
        font-weight: 700;
        color: #2d3748;
        margin-bottom: 1rem;
    }

    /* Responsive Design */
    @media (max-width: 768px) {
        .cta-button {
            padding: 15px 30px;
            font-size: 16px;
            width: 100%;
            text-align: center;
        }

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

        .content-card {
            margin: 0 15px;
        }
    }

    /* Animation for benefits */
    .benefit-card {
        animation: fadeInUp 0.6s ease-out;
        animation-fill-mode: both;
    }

    .benefit-card:nth-child(1) { animation-delay: 0.1s; }
    .benefit-card:nth-child(2) { animation-delay: 0.2s; }
    .benefit-card:nth-child(3) { animation-delay: 0.3s; }
    .benefit-card:nth-child(4) { animation-delay: 0.4s; }

    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(30px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
</style>

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