<!DOCTYPE html>
<html lang="es">
<head>
    <!-- Meta Tags Esenciales -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
    <!-- SEO Meta Tags -->
    <title>Aprende Fotografía Online | Cursos y Suscripción Premium | Miguel Nuñez Fotografía</title>
    <meta name="description" content="Accede a +50 cursos de fotografía profesional, webinars exclusivos y biblioteca completa con suscripción mensual. Mini curso GRATIS de fotografía con smartphone. Aprende desde cero hasta experto.">
    <meta name="keywords" content="curso fotografía online, aprender fotografía, fotografía nocturna, curso lightroom, fotografía smartphone, escuela fotografía">
    <meta name="author" content="Miguel Nuñez">
    <meta name="robots" content="index, follow, max-image-preview:large">
    
    <!-- Open Graph (Facebook/WhatsApp) -->
    <meta property="og:title" content="Aprende Fotografía Online | Miguel Nuñez Fotografía">
    <meta property="og:description" content="Accede a mis cursos de fotografía profesional. Mini curso GRATIS disponible.">
    <meta property="og:image" content="https://miguelnunezfotografia.com/wp-content/uploads/og-image.jpg">
    <meta property="og:url" content="https://miguelnunezfotografia.com">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="es_ES">
    
    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Aprende Fotografía Online | Miguel Nuñez">
    <meta name="twitter:description" content="Cursos de fotografía profesional desde cero. Curso gratis disponible.">
    <meta name="twitter:image" content="https://miguelnunezfotografia.com/wp-content/uploads/twitter-card.jpg">
    
    <!-- Canonical URL -->
    <link rel="canonical" href="https://miguelnunezfotografia.com/">
    
    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="/favicon.ico">
    
    <!-- Preconnect para optimización -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    
    <!-- Schema Markup - Organization -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "EducationalOrganization",
      "name": "Miguel Nuñez Fotografía",
      "description": "Escuela online de fotografía profesional con cursos, webinars y recursos para fotógrafos de todos los niveles",
      "url": "https://miguelnunezfotografia.com",
      "logo": "https://miguelnunezfotografia.com/wp-content/uploads/logo.png",
      "image": "https://miguelnunezfotografia.com/wp-content/uploads/miguel-nunez.jpg",
      "email": "contacto@miguelnunezfotografia.com",
      "address": {
        "@type": "PostalAddress",
        "addressLocality": "Antofagasta",
        "addressCountry": "CL"
      },
      "sameAs": [
        "https://www.instagram.com/miguelnunez_fotografia/",
        "https://www.facebook.com/miguelnunezfotografia",
        "https://www.youtube.com/@miguelnunezfotografia"
      ]
    }
    </script>
    
    <!-- Schema Markup - Course -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Course",
      "name": "Fotografía con Smartphone - Mini Curso Gratuito",
      "description": "Aprende a capturar fotos profesionales con tu teléfono en pocas lecciones",
      "provider": {
        "@type": "Organization",
        "name": "Miguel Nuñez Fotografía",
        "sameAs": "https://miguelnunezfotografia.com"
      },
      "offers": {
        "@type": "Offer",
        "category": "Free",
        "price": "0",
        "priceCurrency": "USD"
      }
    }
    </script>
    
    <!-- Schema Markup - FAQPage -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "¿Necesito una cámara profesional para empezar?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "No necesitas una cámara profesional. Puedes comenzar con tu smartphone con nuestro curso gratuito. A medida que avances, te guiaremos en la elección del equipo adecuado para tu nivel."
          }
        },
        {
          "@type": "Question",
          "name": "¿Cuánto tiempo tengo acceso a los cursos?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Con la suscripción mensual tienes acceso ilimitado a todo el contenido mientras tu suscripción esté activa. Los cursos individuales tienen acceso de por vida."
          }
        },
        {
          "@type": "Question",
          "name": "¿Los cursos son para principiantes?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Tenemos cursos para todos los niveles: desde principiantes absolutos hasta fotógrafos avanzados que quieren perfeccionar técnicas específicas."
          }
        },
        {
          "@type": "Question",
          "name": "¿Puedo cancelar mi suscripción en cualquier momento?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Sí, puedes cancelar tu suscripción en cualquier momento sin penalizaciones. Mantendrás el acceso hasta el final de tu período de facturación."
          }
        }
      ]
    }
    </script>

    <style>
        /* ===== RESET & BASE ===== */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        html {
            scroll-behavior: smooth;
        }
        
        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
            line-height: 1.6;
            color: #2d3748;
            overflow-x: hidden;
        }
        
        img {
            max-width: 100%;
            height: auto;
            display: block;
        }
        
        /* ===== HEADER & NAVIGATION ===== */
        .header {
            background: #ffffff;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: sticky;
            top: 0;
            z-index: 1000;
        }
        
        .header-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px 30px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .logo {
            font-size: 24px;
            font-weight: 800;
            color: #667eea;
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .nav-menu {
            display: flex;
            gap: 35px;
            list-style: none;
        }
        
        .nav-menu a {
            color: #2d3748;
            text-decoration: none;
            font-weight: 500;
            font-size: 15px;
            transition: color 0.3s ease;
        }
        
        .nav-menu a:hover {
            color: #667eea;
        }
        
        .mobile-menu-toggle {
            display: none;
            background: none;
            border: none;
            font-size: 28px;
            cursor: pointer;
            color: #2d3748;
        }
        
        /* ===== HERO SECTION ===== */
        .hero {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 100px 30px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        
        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)" /></svg>');
            opacity: 0.3;
        }
        
        .hero-content {
            max-width: 900px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }
        
        .hero h1 {
            font-size: 52px;
            font-weight: 800;
            margin-bottom: 25px;
            line-height: 1.2;
            letter-spacing: -0.5px;
        }
        
        .hero-subtitle {
            font-size: 22px;
            margin-bottom: 40px;
            opacity: 0.95;
            font-weight: 400;
        }
        
        .cta-buttons {
            display: flex;
            gap: 20px;
            justify-content: center;
            flex-wrap: wrap;
        }
        
        .btn {
            padding: 16px 40px;
            border-radius: 50px;
            font-weight: 600;
            font-size: 16px;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            transition: all 0.3s ease;
            cursor: pointer;
            border: none;
        }
        
        .btn-primary {
            background: white;
            color: #667eea;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
        }
        
        .btn-primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.3);
        }
        
        .btn-secondary {
            background: rgba(255,255,255,0.15);
            color: white;
            border: 2px solid white;
            backdrop-filter: blur(10px);
        }
        
        .btn-secondary:hover {
            background: rgba(255,255,255,0.25);
            transform: translateY(-3px);
        }
        
        /* ===== USP SECTION ===== */
        .usp-section {
            padding: 80px 30px;
            background: linear-gradient(180deg, #f8f9ff 0%, #ffffff 100%);
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .usp-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
        }
        
        .usp-card {
            background: white;
            padding: 40px 30px;
            border-radius: 20px;
            text-align: center;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            border: 1px solid #e2e8f0;
        }
        
        .usp-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 35px rgba(102,126,234,0.15);
            border-color: #667eea;
        }
        
        .usp-icon {
            font-size: 56px;
            margin-bottom: 20px;
            display: block;
        }
        
        .usp-card h3 {
            font-size: 22px;
            margin-bottom: 12px;
            color: #2d3748;
            font-weight: 700;
        }
        
        .usp-card p {
            color: #718096;
            font-size: 15px;
            line-height: 1.6;
        }
        
        /* ===== SECTION TITLE ===== */
        .section-title {
            text-align: center;
            margin-bottom: 60px;
        }
        
        .section-title h2 {
            font-size: 42px;
            font-weight: 800;
            margin-bottom: 15px;
            color: #2d3748;
            letter-spacing: -0.5px;
        }
        
        .section-title p {
            font-size: 18px;
            color: #718096;
        }
        
        /* ===== COURSES SECTION ===== */
        .courses-section {
            padding: 80px 30px;
            background: white;
        }
        
        .courses-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 35px;
        }
        
        .course-card {
            background: white;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            border: 1px solid #e2e8f0;
        }
        
        .course-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 45px rgba(102,126,234,0.2);
        }
        
        .course-image {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            height: 220px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 72px;
            position: relative;
            overflow: hidden;
        }
        
        .course-badge {
            position: absolute;
            top: 15px;
            right: 15px;
            background: rgba(255,255,255,0.95);
            color: #667eea;
            padding: 8px 16px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
        }
        
        .course-content {
            padding: 30px;
        }
        
        .course-content h3 {
            font-size: 24px;
            margin-bottom: 12px;
            color: #2d3748;
            font-weight: 700;
        }
        
        .course-content p {
            color: #718096;
            margin-bottom: 25px;
            line-height: 1.7;
            font-size: 15px;
        }
        
        .course-meta {
            display: flex;
            gap: 20px;
            margin-bottom: 25px;
            font-size: 14px;
            color: #718096;
        }
        
        .course-meta span {
            display: flex;
            align-items: center;
            gap: 5px;
        }
        
        /* ===== FREE COURSE CTA ===== */
        .free-course-cta {
            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
            color: white;
            padding: 100px 30px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        
        .free-course-cta::before {
            content: '🎁';
            position: absolute;
            font-size: 200px;
            opacity: 0.1;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        
        .free-course-content {
            max-width: 800px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }
        
        .free-course-cta h2 {
            font-size: 48px;
            font-weight: 800;
            margin-bottom: 20px;
            letter-spacing: -0.5px;
        }
        
        .free-course-cta p {
            font-size: 20px;
            margin-bottom: 35px;
            opacity: 0.95;
        }
        
        .btn-white {
            background: white;
            color: #f5576c;
            padding: 18px 45px;
            font-size: 18px;
            font-weight: 700;
        }
        
        .btn-white:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
        }
        
        /* ===== TESTIMONIALS ===== */
        .testimonials-section {
            padding: 80px 30px;
            background: linear-gradient(180deg, #ffffff 0%, #f8f9ff 100%);
        }
        
        .testimonials-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .testimonial-card {
            background: white;
            padding: 35px;
            border-radius: 20px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            border: 1px solid #e2e8f0;
            transition: all 0.3s ease;
        }
        
        .testimonial-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(102,126,234,0.15);
        }
        
        .stars {
            color: #fbbf24;
            font-size: 22px;
            margin-bottom: 20px;
            letter-spacing: 3px;
        }
        
        .testimonial-text {
            font-style: italic;
            color: #4a5568;
            margin-bottom: 20px;
            line-height: 1.8;
            font-size: 15px;
        }
        
        .testimonial-author {
            font-weight: 700;
            color: #2d3748;
            font-size: 15px;
        }
        
        .testimonial-location {
            color: #718096;
            font-size: 14px;
            margin-top: 5px;
        }
        
        /* ===== FAQ SECTION ===== */
        .faq-section {
            padding: 80px 30px;
            background: white;
        }
        
        .faq-container {
            max-width: 900px;
            margin: 0 auto;
        }
        
        .faq-item {
            background: white;
            margin-bottom: 15px;
            border-radius: 15px;
            overflow: hidden;
            border: 1px solid #e2e8f0;
            transition: all 0.3s ease;
        }
        
        .faq-item:hover {
            border-color: #667eea;
        }
        
        .faq-question {
            padding: 25px 30px;
            font-weight: 600;
            color: #2d3748;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            user-select: none;
            font-size: 17px;
        }
        
        .faq-question:hover {
            background: #f8f9ff;
        }
        
        .faq-icon {
            font-size: 20px;
            transition: transform 0.3s ease;
            color: #667eea;
        }
        
        .faq-item.active .faq-icon {
            transform: rotate(180deg);
        }
        
        .faq-answer {
            padding: 0 30px;
            max-height: 0;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        
        .faq-item.active .faq-answer {
            padding: 0 30px 25px;
            max-height: 500px;
        }
        
        .faq-answer p {
            color: #718096;
            line-height: 1.8;
            font-size: 15px;
        }
        
        /* ===== FOOTER ===== */
        .footer {
            background: #2d3748;
            color: white;
            padding: 70px 30px 30px;
        }
        
        .footer-content {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 50px;
            margin-bottom: 50px;
        }
        
        .footer-section h4 {
            margin-bottom: 20px;
            font-size: 18px;
            font-weight: 700;
        }
        
        .footer-section a {
            color: #cbd5e0;
            text-decoration: none;
            display: block;
            margin-bottom: 12px;
            transition: all 0.3s ease;
            font-size: 15px;
        }
        
        .footer-section a:hover {
            color: white;
            padding-left: 5px;
        }
        
        .footer-social {
            display: flex;
            gap: 15px;
            margin-top: 20px;
        }
        
        .social-link {
            width: 40px;
            height: 40px;
            background: rgba(255,255,255,0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-decoration: none;
            font-size: 20px;
            transition: all 0.3s ease;
        }
        
        .social-link:hover {
            background: #667eea;
            transform: translateY(-3px);
        }
        
        .footer-bottom {
            text-align: center;
            padding-top: 30px;
            border-top: 1px solid #4a5568;
            color: #cbd5e0;
        }
        
        .footer-bottom p {
            margin-bottom: 10px;
            font-size: 14px;
        }
        
        .footer-bottom a {
            color: #cbd5e0;
            text-decoration: none;
            margin: 0 10px;
            transition: color 0.3s ease;
        }
        
        .footer-bottom a:hover {
            color: white;
        }
        
        /* ===== RESPONSIVE ===== */
        @media (max-width: 768px) {
            .nav-menu {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                background: white;
                flex-direction: column;
                padding: 20px;
                box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            }
            
            .nav-menu.active {
                display: flex;
            }
            
            .mobile-menu-toggle {
                display: block;
            }
            
            .hero h1 {
                font-size: 36px;
            }
            
            .hero-subtitle {
                font-size: 18px;
            }
            
            .section-title h2 {
                font-size: 32px;
            }
            
            .free-course-cta h2 {
                font-size: 36px;
            }
            
            .cta-buttons {
                flex-direction: column;
            }
            
            .btn {
                width: 100%;
                justify-content: center;
            }
        }
        
        @media (max-width: 480px) {
            .hero {
                padding: 60px 20px;
            }
            
            .hero h1 {
                font-size: 28px;
            }
            
            .usp-card, .course-card, .testimonial-card {
                padding: 25px;
            }
        }
    </style>
</head>
<body>
    <!-- HEADER -->
   
    <!-- HERO SECTION -->
    <section class="hero">
        <div class="hero-content">
            <h1>Aprende Fotografía Profesional Online<br>Desde Cero Hasta Experto</h1>
            <p class="hero-subtitle">Accede a +50 cursos, webinars exclusivos y una comunidad activa de fotógrafos apasionados</p>
            <div class="cta-buttons">
                <a href="#free-course" class="btn btn-primary">
                    🎁 Comenzar Gratis
                </a>
                <a href="https://www.patreon.com/c/cazadoresdeluz" class="btn btn-secondary">
                    Ver Suscripción Premium
                </a>
            </div>
        </div>
    </section>

    <!-- USP SECTION -->
    <section class="usp-section">
        <div class="container">
            <div class="usp-grid">
                <div class="usp-card">
                    <span class="usp-icon">🎓</span>
                    <h3>+50 Cursos Online</h3>
                    <p>Desde fotografía básica hasta técnicas avanzadas de edición profesional</p>
                </div>
                <div class="usp-card">
                    <span class="usp-icon">📹</span>
                    <h3>Webinars en Vivo</h3>
                    <p>Sesiones mensuales exclusivas con Q&A en tiempo real</p>
                </div>
                <div class="usp-card">
                    <span class="usp-icon">📚</span>
                    <h3>Biblioteca Premium</h3>
                    <p>E-books, presets de Lightroom y recursos descargables</p>
                </div>
                <div class="usp-card">
                    <span class="usp-icon">👥</span>
                    <h3>Comunidad Activa</h3>
                    <p>Grupo privado de +2,000 fotógrafos compartiendo experiencias</p>
                </div>
            </div>
        </div>
    </section>

    <!-- COURSES SECTION -->
    <section class="courses-section" id="cursos">
        <div class="container">
            <div class="section-title">
                <h2>Cursos Más Populares</h2>
                <p>Aprende a tu propio ritmo con contenido actualizado 2025</p>
            </div>
            <div class="courses-grid">
                <!-- Course 1 -->
                <article class="course-card">
                    <div class="course-image">
                        🌙
                        <span class="course-badge">Popular</span>
                    </div>
                    <div class="course-content">
                        <h3>Fotografía Nocturna Masterclass</h3>
                        <div class="course-meta">
                            <span>⏱️ 8 horas</span>
                            <span>📊 Intermedio</span>
                        </div>
                        <p>Domina la fotografía en condiciones de poca luz. Aprende desde configuración de cámara hasta edición avanzada de astrofotografía.</p>
                        <a href="/curso-fotografia-nocturna/" class="btn btn-primary">Ver Curso →</a>
                    </div>
                </article>

                <!-- Course 2 -->
                <article class="course-card">
                    <div class="course-image" style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);">
                        📱
                        <span class="course-badge" style="background: #10b981; color: white;">GRATIS</span>
                    </div>
                    <div class="course-content">
                        <h3>Fotografía con Smartphone</h3>
                        <div class="course-meta">
                            <span>⏱️ 2 horas</span>
                            <span>📊 Principiante</span>
                        </div>
                        <p>Captura fotos profesionales con tu teléfono. Curso GRATIS para nuevos estudiantes. Aprende composición, iluminación y edición móvil.</p>
                        <a href="/curso-fotografia-smartphone/" class="btn btn-primary" style="background: #10b981;">Empezar Gratis →</a>
                    </div>
                </article>

                <!-- Course 3 -->
                <article class="course-card">
                    <div class="course-image" style="background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);">
                        🎨
                        <span class="course-badge">Nuevo 2025</span>
                    </div>
                    <div class="course-content">
                        <h3>Lightroom: De Cero a Experto</h3>
                        <div class="course-meta">
                            <span>⏱️ 12 horas</span>
                            <span>📊 Todos los niveles</span>
                        </div>
                        <p>Edición profesional paso a paso. Aprende flujos de trabajo eficientes, técnicas avanzadas y crea tu propio estilo fotográfico.</p>
                        <a href="/curso-lightroom/" class="btn btn-primary">Ver Curso →</a>
                    </div>
                </article>
            </div>
        </div>
    </section>

    <!-- FREE COURSE CTA -->
    <section class="free-course-cta" id="free-course">
        <div class="free-course-content">
            <h2>🎁 Mini Curso GRATIS: Fotografía con Smartphone</h2>
            <p>Aprende a capturar fotos profesionales con tu teléfono en 5 lecciones prácticas. Sin costo, sin tarjeta de crédito, acceso inmediato.</p>
            <a href="/registro-curso-gratis/" class="btn btn-white">
                Descargar Curso Gratis Ahora
            </a>
        </div>
    </section>

    <!-- TESTIMONIALS -->
    <section class="testimonials-section">
        <div class="container">
            <div class="section-title">
                <h2>Lo Que Dicen Nuestros Estudiantes</h2>
                <p>Miles de fotógrafos han transformado su pasión en profesión</p>
            </div>
            <div class="testimonials-grid">
                <article class="testimonial-card">
                    <div class="stars">⭐⭐⭐⭐⭐</div>
                    <p class="testimonial-text">"Los cursos de Miguel transformaron completamente mi fotografía. En 3 meses pasé de principiante a ofrecer servicios profesionales y generar ingresos."</p>
                    <div class="testimonial-author">María González</div>
                    <div class="testimonial-location">Santiago, Chile</div>
                </article>
                
                <article class="testimonial-card">
                    <div class="stars">⭐⭐⭐⭐⭐</div>
                    <p class="testimonial-text">"La mejor inversión que he hecho en mi desarrollo profesional. El contenido es claro, práctico y actualizado. Los webinars son increíblemente valiosos."</p>
                    <div class="testimonial-author">Carlos Ruiz</div>
                    <div class="testimonial-location">Buenos Aires, Argentina</div>
                </article>
                
                <article class="testimonial-card">
                    <div class="stars">⭐⭐⭐⭐⭐</div>
                    <p class="testimonial-text">"Como fotógrafo aficionado, estos cursos me ayudaron a entender conceptos complejos de manera simple. Ahora mis fotos tienen nivel profesional."</p>
                    <div class="testimonial-author">Ana Martínez</div>
                    <div class="testimonial-location">Lima, Perú</div>
                </article>
            </div>
        </div>
    </section>

    <!-- FAQ SECTION -->
    <section class="faq-section">
        <div class="faq-container">
            <div class="section-title">
                <h2>Preguntas Frecuentes</h2>
                <p>Respuestas a las dudas más comunes sobre nuestros cursos</p>
            </div>
            
            <div class="faq-item">
                <div class="faq-question">
                    <span>¿Necesito una cámara profesional para empezar?</span>
                    <span class="faq-icon">▼</span>
                </div>
                <div class="faq-answer">
                    <p>No necesitas una cámara profesional. Puedes comenzar con tu smartphone con nuestro curso gratuito. A medida que avances, te guiaremos en la elección del equipo adecuado para tu nivel y presupuesto.</p>
                </div>
            </div>
            
            <div class="faq-item">
                <div class="faq-question">
                    <span>¿Cuánto tiempo tengo acceso a los cursos?</span>
                    <span class="faq-icon">▼</span>
                </div>
                <div class="faq-answer">
                    <p>Con la suscripción mensual tienes acceso ilimitado a todo el contenido mientras tu suscripción esté activa. Los cursos individuales tienen acceso de por vida sin límite de tiempo.</p>
                </div>
            </div>
            
            <div class="faq-item">
                <div class="faq-question">
                    <span>¿Los cursos son para principiantes?</span>
                    <span class="faq-icon">▼</span>
                </div>
                <div class="faq-answer">
                    <p>Tenemos cursos para todos los niveles: desde principiantes absolutos que nunca han usado una cámara hasta fotógrafos avanzados que quieren perfeccionar técnicas específicas de edición o iluminación.</p>
                </div>
            </div>
            
            <div class="faq-item">
                <div class="faq-question">
                    <span>¿Puedo cancelar mi suscripción en cualquier momento?</span>
                    <span class="faq-icon">▼</span>
                </div>
                <div class="faq-answer">
                    <p>Sí, puedes cancelar tu suscripción en cualquier momento sin penalizaciones ni preguntas. Mantendrás el acceso hasta el final de tu período de facturación actual.</p>
                </div>
            </div>
            
            <div class="faq-item">
                <div class="faq-question">
                    <span>¿Ofrecen certificados al completar los cursos?</span>
                    <span class="faq-icon">▼</span>
                </div>
                <div class="faq-answer">
                    <p>Sí, al completar cada curso recibes un certificado digital de finalización que puedes compartir en LinkedIn y agregar a tu portafolio profesional.</p>
                </div>
            </div>
            
            <div class="faq-item">
                <div class="faq-question">
                    <span>¿Hay soporte disponible si tengo dudas?</span>
                    <span class="faq-icon">▼</span>
                </div>
                <div class="faq-answer">
                    <p>¡Por supuesto! Tienes acceso a nuestra comunidad privada donde puedes hacer preguntas, además de webinars mensuales en vivo con sesiones de Q&A. También ofrecemos soporte por email.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- FOOTER -->
    <footer class="footer">
        <div class="footer-content">
            <div class="footer-section">
                <h4>Cursos Populares</h4>
                <a href="/curso-fotografia-basica/">Fotografía Básica</a>
                <a href="/curso-fotografia-nocturna/">Fotografía Nocturna</a>
                <a href="/curso-lightroom/">Edición en Lightroom</a>
                <a href="/curso-fotografia-retratos/">Fotografía de Retratos</a>
                <a href="/cursos/">Ver Todos los Cursos</a>
            </div>
            
            <div class="footer-section">
                <h4>Recursos Gratuitos</h4>
                <a href="/blog/">Blog de Fotografía</a>
                <a href="/podcast/">Podcast</a>
                <a href="/guias/">Guías Descargables</a>
                <a href="/presets-lightroom/">Presets Lightroom Gratis</a>
                <a href="/calculadora-exposicion/">Calculadora de Exposición</a>
            </div>
            
            <div class="footer-section">
                <h4>Sobre Nosotros</h4>
                <a href="/sobre-mi/">Quién Soy</a>
                <a href="/portafolio/">Mi Trabajo</a>
                <a href="/testimonios/">Testimonios</a>
                <a href="/contacto/">Contacto</a>
                <a href="/prensa/">Prensa y Medios</a>
            </div>
            
            <div class="footer-section">
                <h4>Sígueme en Redes</h4>
                <div class="footer-social">
                    <a href="https://www.instagram.com/miguelnunez_fotografia/" class="social-link" target="_blank" rel="noopener" aria-label="Instagram">📷</a>
                    <a href="https://www.facebook.com/miguelnunezfotografia" class="social-link" target="_blank" rel="noopener" aria-label="Facebook">📘</a>
                    <a href="https://www.youtube.com/@miguelnunezfotografia" class="social-link" target="_blank" rel="noopener" aria-label="YouTube">🎥</a>
                    <a href="#" class="social-link" target="_blank" rel="noopener" aria-label="Spotify">🎙️</a>
                </div>
                <p style="margin-top: 20px; color: #cbd5e0; font-size: 14px;">+25,000 seguidores en Instagram</p>
            </div>
        </div>
        
        <div class="footer-bottom">
            <p>&copy; 2025 Miguel Nuñez Fotografía | Antofagasta, Chile</p>
            <p>
                <a href="/politica-privacidad/">Política de Privacidad</a> | 
                <a href="/terminos-condiciones/">Términos y Condiciones</a> |
                <a href="/politica-cookies/">Política de Cookies</a>
            </p>
        </div>
    </footer>

    <!-- JAVASCRIPT -->
    <script>
        // Mobile Menu Toggle
        const mobileToggle = document.getElementById('mobileToggle');
        const navMenu = document.getElementById('navMenu');
        
        mobileToggle.addEventListener('click', function() {
            navMenu.classList.toggle('active');
            this.textContent = navMenu.classList.contains('active') ? '✕' : '☰';
        });
        
        // FAQ Accordion
        const faqItems = document.querySelectorAll('.faq-item');
        
        faqItems.forEach(item => {
            const question = item.querySelector('.faq-question');
            
            question.addEventListener('click', function() {
                // Close all other items
                faqItems.forEach(otherItem => {
                    if (otherItem !== item) {
                        otherItem.classList.remove('active');
                    }
                });
                
                // Toggle current item
                item.classList.toggle('active');
            });
        });
        
        // Smooth Scroll for anchor links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                const href = this.getAttribute('href');
                if (href !== '#' && href !== '') {
                    e.preventDefault();
                    const target = document.querySelector(href);
                    if (target) {
                        target.scrollIntoView({
                            behavior: 'smooth',
                            block: 'start'
                        });
                        // Close mobile menu if open
                        navMenu.classList.remove('active');
                        mobileToggle.textContent = '☰';
                    }
                }
            });
        });
        
        // Lazy Loading Images (si agregas imágenes reales)
        if ('loading' in HTMLImageElement.prototype) {
            const images = document.querySelectorAll('img[loading="lazy"]');
            images.forEach(img => {
                img.src = img.dataset.src;
            });
        } else {
            // Fallback para navegadores que no soportan lazy loading
            const script = document.createElement('script');
            script.src = 'https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js';
            document.body.appendChild(script);
        }
        
        // Animation on Scroll (opcional - simple fade in)
        const observerOptions = {
            threshold: 0.1,
            rootMargin: '0px 0px -50px 0px'
        };
        
        const observer = new IntersectionObserver(function(entries) {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.style.opacity = '1';
                    entry.target.style.transform = 'translateY(0)';
                }
            });
        }, observerOptions);
        
        // Aplica la animación a las tarjetas
        const animatedElements = document.querySelectorAll('.usp-card, .course-card, .testimonial-card, .faq-item');
        animatedElements.forEach(el => {
            el.style.opacity = '0';
            el.style.transform = 'translateY(20px)';
            el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
            observer.observe(el);
        });
        
        // Google Analytics (REEMPLAZA con tu ID de Google Analytics)
        /*
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'UA-XXXXXXXXX-X');
        */
        
        // Track CTA Clicks (opcional - para Analytics)
        const ctaButtons = document.querySelectorAll('.btn-primary, .btn-secondary, .btn-white');
        ctaButtons.forEach(button => {
            button.addEventListener('click', function(e) {
                const buttonText = this.textContent.trim();
                console.log('CTA Clicked:', buttonText);
                
                // Si usas Google Analytics:
                /*
                gtag('event', 'cta_click', {
                    'event_category': 'engagement',
                    'event_label': buttonText
                });
                */
            });
        });
    </script>
    
    <!-- Google Analytics (Descomenta y agrega tu ID) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-YZ10FKTCFF"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-YZ10FKTCFF'); // TU ID AQUÍ
</script>
    <!--
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXXX-X"></script>
    -->
    
    <!-- Facebook Pixel (Opcional) -->
    <!--
    <script>
        !function(f,b,e,v,n,t,s)
        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
        n.queue=[];t=b.createElement(e);t.async=!0;
        t.src=v;s=b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t,s)}(window, document,'script',
        'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', 'TU_PIXEL_ID');
        fbq('track', 'PageView');
    </script>
    -->
</body>
</html>
Desplazamiento al inicio