
<!-- DEBUG ESTRUCTURA BD -->
<!-- Tabla PC_Kits: EXISTE -->
<!-- Tabla PC_Imagenes: EXISTE -->
<!-- Tabla PC_Videos: NO EXISTE -->
<!-- Tabla PC_Kits_Images: EXISTE -->
<!-- Tabla PC_Kits_Videos: EXISTE -->
<!-- ID_COMPANY actual: 1 -->
<!-- Curso ID 89 existe: SÍ -->
<!-- /DEBUG ESTRUCTURA BD -->

<!-- DEBUG CONSULTAS DIRECTAS -->
<!-- === VERIFICACIÓN DE DATOS REALES === -->
<!-- VERIFICACIÓN - Total imágenes en PC_Kits_Images (sin filtro): 0 -->
<!-- VERIFICACIÓN - Total videos en PC_Kits_Videos (sin filtro): 0 -->
<!-- VERIFICACIÓN - Total reviews en PC_Kits_Reviews (sin filtro): 0 -->
<!-- VERIFICACIÓN - Total módulos en PC_Productos (via PC_KitsDet): 1 -->
<!-- MÓDULO: ID=91, ESTADO=1, ORDEN=1, NOMBRE=Cómo hacer un Mini Webinar -->
<!-- VERIFICACIÓN - Total relaciones en PC_KitsDet: 1 -->
<!-- KITDET: ID_KIT=89, ID_PRODUCTO=91, ORDEN=1 -->
<!-- VERIFICACIÓN - Total lecciones en PC_Lecciones (via PC_KitsDet): 3 -->
<!-- LECCIÓN: ID=322, ESTADO=1, NUMERO=1, MÓDULO_ID=91, TÍTULO=Embudo Mini Webinar usando Agendamientos -->
<!-- LECCIÓN: ID=325, ESTADO=1, NUMERO=3, MÓDULO_ID=91, TÍTULO=Comentarios sobre el Embudo Webinar -->
<!-- LECCIÓN: ID=336, ESTADO=1, NUMERO=2, MÓDULO_ID=91, TÍTULO=Parte 2 - Cómo Diferenciarme -->
<!-- === FIN VERIFICACIÓN === -->
<!-- Query imágenes: SELECT ki.*, ki.URL_IMAGE as url, ki.ALT_TEXT as alt, ki.NOMBRE as descripcion 
                    FROM PC_Kits_Images ki 
                    WHERE ki.ID_COMPANY = 1
                      AND ki.ID_KIT = 89
                    ORDER BY ki.ORDEN ASC, ki.ID_IMAGE ASC -->
<!-- Resultado imágenes: 0 filas -->
<!-- Intentando PC_Kits_Videos -->
<!-- Query videos (PC_Kits_Videos): SELECT kv.*, kv.URL, kv.TITULO as titulo, kv.DESCRIPCION as descripcion 
                    FROM PC_Kits_Videos kv 
                    WHERE kv.ID_COMPANY = 1
                      AND kv.ID_KIT = 89
                    ORDER BY kv.ORDEN ASC, kv.ID_VIDEO ASC -->
<!-- Resultado videos: 0 filas -->
<!-- /DEBUG CONSULTAS DIRECTAS -->

<!-- DEBUG CURSO PRINCIPAL -->
<!-- Course ID: 89 -->
<!-- Course encontrado: SÍ -->
<!-- Curso NOMBRE: 'Mini Webinar' -->
<!-- Curso DESCRIPCION: '...' -->
<!-- ID_IMAGEN_PRINCIPAL: 1491 -->
<!-- VIDEO_PROMOCIONAL campo en BD: '' -->
<!-- TIPO_CURSO: 'presencial' -->
<!-- ESTADO: 3 -->
<!-- getCourseImages disponible: SÍ -->
<!-- getCourseVideos disponible: SÍ -->
<!-- getCourseData disponible: SÍ -->
<!-- /DEBUG CURSO PRINCIPAL -->

<!-- DEBUG IMAGEN PRINCIPAL -->
<!-- ID_IMAGEN_PRINCIPAL del curso: 1491 -->
<!-- URL generada: '/site/displayimage.php?id=1491' -->
<!-- Imagen encontrada en BD: RUTAFULL='https://hubbdi.com/mtcustom/images/HUBIMG-1-1491.jpg.webp', ESTADO= -->
<!-- /DEBUG IMAGEN PRINCIPAL -->

<!-- TEMPLATE DEBUG: ID=89, Template BD='modern', Template URL='', Template final='modern', Fuente=DATABASE, Preview=NO -->
<!-- DEBUG VIDEO PROMOCIONAL -->
<!-- Campo VIDEO_PROMOCIONAL: '' -->
<!-- YouTube ID extraído: '' -->
<!-- Thumbnail URL: '' -->
<!-- /DEBUG VIDEO PROMOCIONAL -->

<!-- DEBUG IMÁGENES -->
<!-- Total imágenes encontradas: 0 -->
<!-- No se encontraron imágenes para el curso -->
<!-- /DEBUG IMÁGENES -->

<!-- DEBUG VIDEOS -->
<!-- Total videos encontrados: 0 -->
<!-- No se encontraron videos para el curso -->
<!-- /DEBUG VIDEOS -->

<!-- DEBUG RESUMEN FINAL -->
<!-- Template a usar: 'modern' -->
<!-- VIDEO_PROMOCIONAL final: '' -->
<!-- VIDEO_PROMOCIONAL_ID final: '' -->
<!-- VIDEO_PROMOCIONAL_THUMBNAIL final: '' -->
<!-- Total imágenes final: 0 -->
<!-- Total videos final: 0 -->
<!-- Imagen principal final: '/site/displayimage.php?id=1491' -->
<!-- Total reseñas: 0 -->
<!-- Template path: /site/templates/cursos/modern.php -->
<!-- Template existe físicamente: SÍ -->
<!-- Template path completo: /home/admin/domains/hubbdi.com/private_html/site/templates/cursos/modern.php -->
<!-- DEBUG SEO -->
<!-- ID original accesado: '' -->
<!-- META_TITLE BD: '' -->
<!-- META_DESCRIPTION BD: '' -->
<!-- SLUG_PERSONALIZADO BD: '' -->
<!-- LP_TITULO final: 'Mini Webinar' -->
<!-- LP_DESCRIPCION final: '' -->
<!-- CANONICAL_URL: 'https://hubbdi.com/site/programdet/89' -->
<!-- URL PREFERIDA: '89' -->
<!-- /DEBUG SEO -->
<!-- /DEBUG RESUMEN FINAL -->

<!-- DEBUG CURSOS RELACIONADOS: 0 encontrados -->
<!DOCTYPE html>
<html lang="es">
<head>
	
	<meta http-equiv="Cache-control" content="public">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
    <meta name="format-detection" content="telephone=no">
	<meta name="generator" content="hubbdi.com Website Builder">
    <meta property="og:type" content="website" />
    <meta name="keywords" content="">
    <meta name="news_keywords" content="">
    <meta name="description" content="">
    <meta name="subject" content="Mini Webinar">
    <meta name="language" content="es">
    <meta name="robots" content="index,follow">
    <meta name="googlebot" content="index,follow">
	<meta name="copyright" content="Hubbdi Software">
	<meta property="fb:app_id" content="">
	<meta itemprop="name" content="Hubbdi Software">
	<meta property="og:locale" content="es_ES" />
	<meta name="Classification" content="Business">
	<meta name="author" content="Hubbdi, contacto@hubbdi.com">
	<meta name="designer" content="hubbdi.com Website Builder">
	<meta name="reply-to" content="contacto@hubbdi.com">
	<meta name="owner" content="Hubbdi Software">
	<meta name="url" content="https://hubbdi.com/site/programdet?id=89&n=mini-webinar">
	<meta name="identifier-URL" content="https://hubbdi.com/site/programdet?id=89&n=mini-webinar">
	<meta name="directory" content="submission">
	<meta name="pagename" content="Hubbdi Software">
	<meta name="coverage" content="Worldwide">
	<meta name="distribution" content="Global">
	<meta name="rating" content="General">
	<meta name="revisit-after" content="7 days">
	<meta name="subtitle" content="Hubbdi Software">
	<meta name="target" content="all">
	<meta name="HandheldFriendly" content="False">
	<meta name="MobileOptimized" content="320">
	<meta name="date" content="November. 13, 2024">
	<meta name="search_date" content="2024-11-13">
	<meta name="DC.title" content="Hubbdi Software">
	<meta name="medium" content="website">
	<meta http-equiv="expires" content="0"/>
	<meta name="google" content="notranslate" />	
	<title>Mini Webinar</title>
	<script>
		var FBeventId =  "event-68b228568cd409.85678894"; 
		console.log('FBeventId', FBeventId);
		function getFbp() {
			const cookies = document.cookie.split('; ');
			const fbpCookie = cookies.find(cookie => cookie.startsWith('_fbp='));
			return fbpCookie ? fbpCookie.split('=')[1] : null;
		}
		function getFbc() {
			// Primero intentar obtener la cookie _fbc existente
			const cookies = document.cookie.split('; ');
			const fbcCookie = cookies.find(cookie => cookie.startsWith('_fbc='));
			
			// Si ya existe la cookie _fbc, verificar que tenga el formato correcto
			if (fbcCookie) {
				const fbcValue = fbcCookie.split('=')[1];
				// Verificar que el valor tenga el formato correcto fb.{domain}.{timestamp}.{fbclid}
				if (fbcValue && fbcValue.startsWith('fb.')) {
					return fbcValue;
				}
			}
			
			// Si no existe cookie _fbc o no tiene formato correcto, crear una nueva desde URL
			const urlParams = new URLSearchParams(window.location.search);
			const fbclid = urlParams.get('fbclid');
			
			if (fbclid) {
				// Crear cookie _fbc con formato correcto: fb.{subdomainIndex}.{timestamp}.{fbclid}
				const subdomainIndex = 1; // Usar 1 para el dominio principal
				const timestamp = Math.floor(Date.now() / 1000); // Timestamp actual en segundos
				const fbcValue = `fb.${subdomainIndex}.${timestamp}.${fbclid}`;
				
				// Guardar la cookie _fbc con expiración de 90 días
				const expirationDate = new Date();
				expirationDate.setDate(expirationDate.getDate() + 90);
				document.cookie = `_fbc=${fbcValue}; expires=${expirationDate.toUTCString()}; path=/; SameSite=Lax`;
				
				console.log('Cookie _fbc creada:', fbcValue);
				return fbcValue;
			}
			
			// Si no hay fbclid en la URL, intentar obtener la cookie existente aunque no tenga formato correcto
			if (fbcCookie) {
				return fbcCookie.split('=')[1];
			}
			
			return null;
		}
	</script><script type="application/javascript" src="/site/js/crypto-js.min.js" async></script><link rel="preconnect" href="https://connect.facebook.net"><meta name="google-site-verification" content="o_gaRJWDreE1VVIyrBSTJK-hQ4PJ4rMQeoAF7ne3tCM" /><meta name="facebook-domain-verification" content="7qu59zm0zp3jc6qlzuo7bkn8tfmv3u" /><link rel="shortcut icon" href="https://hubbdi.com/site/displayimage?id=1708"><meta name="msapplication-TileColor" content="#ffffff">
	<meta name="theme-color" content="#ffffff"><script type="application/ld+json">{"@context":"https://schema.org","@type":"LocalBusiness","name":"Hubbdi Software","url":"https://hubbdi.com/site/programdet?id=89&n=mini-webinar","description":"Aprende cómo, atrae, vende y administra en el mismo lugar","email":"contacto@hubbdi.com","address":{"@type":"PostalAddress","streetAddress":"León Guanajuato, México","addressLocality":"Ciudad","addressCountry":"MX"},"sameAs":["https://www.facebook.com/Hubbdi-101670395752373","https://www.instagram.com/hubbdi_mx/","https://www.youtube.com/channel/UChO-Ov8Dqp-PiLiGKsjj14w"],"aggregateRating":{"@type":"AggregateRating","ratingValue":5,"ratingCount":4}}</script>
		<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/es_ES/fbevents.js');
		// 
		const FB_userid = '';
		const fbpValue = getFbp();
		const fbcValue = getFbc();fbq('init', '1417640402126989', { event_id: FBeventId, user_data: { fbp: fbpValue, fbc: fbcValue }});fbq('init', '4130621743884457', { event_id: FBeventId, user_data: { fbp: fbpValue, fbc: fbcValue }});const isPix1Act = true;const isPix2Act = true;
		
		fbq('track', 'ViewContent', { event_id: FBeventId, user_data: { fbp: fbpValue, fbc: fbcValue, external_id: FB_userid } });
		</script><noscript><img height="1" width="1" style="display:none"src="https://www.facebook.com/tr?id=1417640402126989&ev=PageView&noscript=1"/></noscript><noscript><img height="1" width="1" style="display:none"src="https://www.facebook.com/tr?id=4130621743884457&ev=PageView&noscript=1"/></noscript>
			<script>
			!function (w, d, t) {
			w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)};
			ttq.load('CNK8VBRC77UC27SBQRJ0');
			ttq.page();
			}(window, document, 'ttq');
			</script>	
	<!-- CSS del template seleccionado -->
	<link rel="stylesheet" href="/site/templates/cursos/modern.css?v=1754621044">
	 
	<!-- Preload de imagen principal -->
		<link rel="preload" as="image" href="/site/displayimage.php?id=1491" fetchpriority="high">
		
	<!-- URL Canónica SEO -->
	<link rel="canonical" href="https://hubbdi.com/site/programdet/89" />
	
	<!-- Meta tags de curso -->
	<meta property="og:title" content="Mini Webinar" />
	<meta property="og:url" content="https://hubbdi.com/site/programdet/89" />
	<meta property="og:site_name" content="Hubbdi Software" />
	<meta property="og:see_also" content="https://hubbdi.com/site/">
		<meta property="og:image:width" content="800" />
	<meta property="og:image:height" content="600" />
		<meta property="og:description" content="" />
		<meta property="og:image" content="/site/displayimage.php?id=1491" />
	<meta name="twitter:image" content="/site/displayimage.php?id=1491" />
	<meta itemprop="image" content="/site/displayimage.php?id=1491">
		<meta itemprop="description" content="Mini Webinar">
	<script type="text/javascript" src="/admin/js/jquery-3.5.1.min.js?v=1745531913" ></script><link rel="preconnect" href="https://www.google.com">
					   <link rel="preconnect" href="https://www.gstatic.com">
					   <link rel="preconnect" href="https://fonts.googleapis.com">
					   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="preconnect" href="https://www.facebook.com">
						   <link rel="preconnect" href="https://connect.facebook.net"><link rel="preconnect" href="https://www.googletagmanager.com"><link rel="dns-prefetch" href="//analytics.tiktok.com"><link rel="dns-prefetch" href="//js.stripe.com"><link rel="dns-prefetch" href="//www.youtube.com"><link rel="preload" href="/site/js/lazysizes.min.js?v=1745531933" as="script">
					   <link rel="preload" href="/admin/js/bootstrap.min.js?v=1745531908" as="script"></head>
<body class="wide no-page-loader" style="background-color: #ffffff !important">
	<div class="wrapper" style="background-color: #ffffff !important">
				
		<section>
			<div class="container" style="background-color: #ffffff !important">
				
<!-- TEMPLATE MODERN - PÁGINA DE CURSO MEJORADO -->
<div class="course-modern-container">
    <!-- Banner de urgencia prominente con configuraciones avanzadas -->
    
    <!-- Hero Section -->
    <div class="course-modern-hero">
        <div class="hero-background">
                        <div class="hero-image" style="background-image: url('/site/displayimage.php?id=1491');"></div>
            <div class="hero-overlay"></div>
                    </div>
        
        <div class="hero-content">
            <!-- Badges de seguridad -->
            <div class="security-badges-hero">
                <div class="security-badge">
                    <i class="fa fa-shield"></i>
                    <span>Compra Segura</span>
                </div>
                <div class="security-badge">
                    <i class="fa fa-lock"></i>
                    <span>SSL Certificado</span>
                </div>
                <div class="security-badge">
                    <i class="fa fa-credit-card"></i>
                    <span>Pago Protegido</span>
                </div>
                <div class="security-badge">
                    <i class="fa fa-undo"></i>
                    <span>30 días garantía</span>
                </div>
            </div>

            <div class="hero-badges">
                                
                                
                                
                                <span class="modern-badge free"><i class="fa fa-gift"></i> GRATIS</span>
                            </div>
            
            <h1 class="hero-title">Mini Webinar</h1>
            
            <div class="hero-subtitle">
                <span class="category-modern">Gratis</span>
                <span class="level-modern">Principiante</span>
                <span class="type-modern">Presencial</span>
            </div>
            
            <div class="hero-meta">
                                
                                <div class="meta-item">
                    <i class="fa fa-play-circle"></i>
                    <span>3 lecciones</span>
                </div>
                                
                                <div class="meta-item">
                    <i class="fa fa-clock-o"></i>
                    <span>45 min</span>
                </div>
                                
                <div class="meta-item">
                    <i class="fa fa-globe"></i>
                    <span>Español</span>
                </div>
                
                            </div>
            
            <!-- Video promocional si existe -->
                        
            <!-- Precio y Acción Rápida en Hero -->
            <div class="hero-cta">
                <div class="price-hero">
                                        <span class="price-hero-free">GRATIS</span>
                                    </div>
                
                <div class="cta-hero-button course-cart-controls">
                                                                    <button class="hero-btn primary add-to-cart-btn" item="89">
                            <i class="fa fa-gift"></i> Registrarse Gratis
                        </button>
                                                            </div>
            </div>
        </div>
    </div>
    
    <!-- Navegación de contenido -->
    <div class="course-modern-nav">
        <div class="nav-container">
            <nav class="content-nav">
                <a href="#overview" class="nav-link active">
                    <i class="fa fa-info-circle"></i>
                    <span>Resumen</span>
                </a>
                                <a href="#curriculum" class="nav-link">
                    <i class="fa fa-list-ol"></i>
                    <span>Temario</span>
                </a>
                                                                                                                            </nav>
        </div>
    </div>

    <div class="modern-content-wrapper">
        <div class="modern-main-content">
            <!-- Sección: Resumen -->
            <section id="overview" class="content-section">
                <div class="section-header">
                    <h2><i class="fa fa-info-circle"></i> Resumen del Curso</h2>
                </div>
                
                <div class="overview-grid">
                    <div class="overview-main">
                        <div class="description-modern">
                                                    </div>
                        
                                            </div>
                    
                    <div class="overview-stats">
                                                
                                                <div class="stat-card">
                            <i class="fa fa-play-circle"></i>
                            <div class="stat-content">
                                <span class="stat-number">3</span>
                                <span class="stat-label">Lecciones</span>
                            </div>
                        </div>
                                                
                                            </div>
                </div>
            </section>

            <!-- Sección: Horarios -->
            
            <!-- Sección: Temario del Curso -->
                        <section id="curriculum" class="content-section">
                <div class="section-header">
                    <h2><i class="fa fa-list-ol"></i> Temario del Curso</h2>
                </div>
                
                <div class="course-temario-modern">
                    <div class="temario-stats-header">
                        <div class="temario-stat">
                            <i class="fa fa-folder"></i>
                            <span>1 módulos</span>
                        </div>
                        <div class="temario-stat">
                            <i class="fa fa-play-circle"></i>
                            <span>3 lecciones</span>
                        </div>
                                                <div class="temario-stat">
                            <i class="fa fa-clock-o"></i>
                            <span>45 min</span>
                        </div>
                                            </div>
                    
                    <div class="temario-accordion">
                                                <div class="temario-module" data-module="0">
                            <div class="module-header">
                                <div class="module-info">
                                    <h4>
                                        <i class="fa fa-folder"></i>
                                        Módulo 1: Cómo hacer un Mini Webinar                                    </h4>
                                    <div class="module-meta">
                                        <span class="lessons-count">
                                            <i class="fa fa-play-circle"></i>
                                            3 lecciónes                                        </span>
                                                                                <span class="module-duration">
                                            <i class="fa fa-clock-o"></i>
                                            45 min                                        </span>
                                                                            </div>
                                </div>
                                <div class="module-toggle">
                                    <i class="fa fa-chevron-down"></i>
                                </div>
                            </div>
                            
                                                        
                                                        <div class="module-lessons">
                                                                <div class="lesson-item">
                                    <div class="lesson-icon">
                                        <i class="fa fa-play-circle-o"></i>
                                    </div>
                                    <div class="lesson-content">
                                        <h5>Embudo Mini Webinar usando Agendamientos</h5>
                                                                                                                    </div>
                                </div>
                                                                <div class="lesson-item">
                                    <div class="lesson-icon">
                                        <i class="fa fa-play-circle-o"></i>
                                    </div>
                                    <div class="lesson-content">
                                        <h5>Parte 2 - Cómo Diferenciarme</h5>
                                                                                                                    </div>
                                </div>
                                                                <div class="lesson-item">
                                    <div class="lesson-icon">
                                        <i class="fa fa-play-circle-o"></i>
                                    </div>
                                    <div class="lesson-content">
                                        <h5>Comentarios sobre el Embudo Webinar</h5>
                                                                                                                    </div>
                                </div>
                                                            </div>
                                                    </div>
                                            </div>
                </div>
            </section>
            
            <!-- Sección: Contenido Multimedia -->
                        
            <!-- Sección: Instructor -->
                        
            <!-- Sección: Ubicación (Solo cursos presenciales/mixtos) -->
                        
            <!-- Sección: Reseñas -->
            <section id="reviews" class="content-section">
                <div class="section-header">
                    <h2><i class="fa fa-star"></i> Lo que dicen nuestros estudiantes</h2>
                </div>
                
                                <div class="no-reviews-modern">
                    <div class="no-reviews-icon">
                        <i class="fa fa-star-o"></i>
                    </div>
                    <h3>Sé el primero en reseñar este curso</h3>
                    <p>Comparte tu experiencia con otros estudiantes una vez que completes el curso.</p>
                </div>
                            </section>

            <!-- Sección: Cursos Relacionados -->
            
            <!-- Sección: Cross-selling/Upsells -->
                    </div>
        
        <!-- Sidebar Flotante -->
        <div class="modern-sidebar-float">
            <div class="sidebar-float-content">
                <div class="course-modern-purchase">
                    <div class="price-modern-container">
                                                <div class="price-modern-free">
                            <span class="free-text">GRATIS</span>
                            <span class="free-subtitle">Curso completamente gratuito</span>
                        </div>
                                            </div>
                    
                    <div class="purchase-actions-modern course-cart-controls">
                                                                                <button class="btn-modern primary full-width add-to-cart-btn" item="89">
                                <i class="fa fa-gift"></i> Registrarse Gratis
                            </button>
                                                                        </div>
                    
                    <div class="course-features-sidebar">
                        <div class="feature-item">
                            <i class="fa fa-mobile-phone"></i>
                            <span>Acceso móvil</span>
                        </div>
                                                <div class="feature-item">
                            <i class="fa fa-clock-o"></i>
                            <span>Acceso de por vida</span>
                        </div>
                                                                        <div class="feature-item">
                            <i class="fa fa-download"></i>
                            <span>Material descargable</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Modal para Videos -->
    <div id="video-modal" class="video-modal">
        <div class="video-modal-content">
            <span class="video-modal-close">&times;</span>
            <div class="video-modal-iframe-container">
                <iframe id="video-modal-iframe" src="" allowfullscreen></iframe>
            </div>
        </div>
    </div>
</div>

<script>
// Variables globales para el template modern - ESTANDARIZADAS
var modernTemplateData = {
    courseId: "89",
    hasUrgency: false,
    urgencyData: null,
    urgencyConfig: [],
    galleryImages: [],
    // Variables de precio
    isFree: true,
    hasDiscount: false,
    originalPrice: 0,
    finalPrice: 0,
    discountPercentage: 0,
    savings: 0};

// Variables de compatibilidad
var modernCurrentGalleryIndex = 0;
var modernGalleryImages = modernTemplateData.galleryImages;
var modernCourseId = modernTemplateData.courseId;
var modernUrgencyData = modernTemplateData.urgencyData;
var modernUrgencyConfig = modernTemplateData.urgencyConfig;

// Variables globales para el sistema
window.modernTemplateData = modernTemplateData;

</script>
			</div>
		</section>
	</div>
	
	
	<!-- JavaScript del carrito (funcionalidad existente) -->
		
	<!-- JavaScript específico del template -->
		<script src="/site/templates/cursos/modern.js?v=1754621044"></script>
		
	<!-- JavaScript común para funcionalidad de cursos -->
	
	<!-- JavaScript para funcionalidad específica de cursos -->
	<!-- El JavaScript se carga automáticamente desde programdet.js por el sistema auto_version() -->
	
	<!-- Variables globales para el sistema de cursos -->
	<script>
		// Variable global para acceso a la moneda principal
		window.MONEDA_PRINCIPAL = 'USD';
		
		// Variable global para el courseId (usado por el sistema de reseñas)
		window.courseId = 89;
		
		// Datos del curso para el sistema de carrito
		const courseData = {
			id: 89,
			name: 'Mini Webinar',
			price: 0,
			originalPrice: 0,
			image: '/site/displayimage.php?id=1491',
			cartQuantity: 0,
			type: 'presencial',
			duration: '0h / 0d',
			level: 'principiante',
			instructor: '',
			hasUrgency: false,
			coordinates: [19.54918200, -99.13460500],
			reviewsCount: 0,
			hasReviews: false,
			
			// Datos adicionales para templates
			videoPromocional: {
				url: '',
				id: '',
				thumbnail: ''
			},
			galeria: [],
			videos: [],
			reviews: [],
			reviewStats: {"total_reviews":0,"avg_rating":0,"rating_distribution":{"5":0,"4":0,"3":0,"2":0,"1":0}},
			horarios: [],
			urgencia: [],
			upsells: [],
			
			// Nuevos datos específicos
			proximoHorario: null,
			urgenciaActiva: null,
			
			// Cross-selling por posición
			crossSelling: {
				antesCompra: [],
				enCarrito: [],
				despuesCompra: [],
				emailSeguimiento: []			},
			
			// Temario del curso
			temario: [{"ID_PRODUCTO":"91","modulo_nombre":"C\u00f3mo hacer un Mini Webinar","modulo_descripcion":"","modulo_precio":"0","modulo_orden":"1","modulo_estado":"1","total_lecciones":"3","duracion_total_minutos":"45","lecciones":[{"ID_LECCION":"322","leccion_nombre":"Embudo Mini Webinar usando Agendamientos","leccion_descripcion":"","NUMERO":"1","TIPO":"3","ESTADO":"1"},{"ID_LECCION":"336","leccion_nombre":"Parte 2 - C\u00f3mo Diferenciarme","leccion_descripcion":"","NUMERO":"2","TIPO":"3","ESTADO":"1"},{"ID_LECCION":"325","leccion_nombre":"Comentarios sobre el Embudo Webinar","leccion_descripcion":"","NUMERO":"3","TIPO":"3","ESTADO":"1"}],"duracion_formatted":"45 min"}],
			stats: {"total_modulos":1,"total_lecciones":3,"duracion_total":"45 min","duracion_minutos":45},
			
			// Información de acceso
			acceso: {"cliente_compro":false,"puede_acceder":false,"url_acceso":null}		};
		
		// Variable global para acceso rápido a la cantidad en carrito
		window.currentCartQuantity = 0;
		
		console.log('🎓 Cantidad actual en carrito para curso 89:', 0);
		
		// Funciones de compatibilidad para templates existentes
		function addToCart() {
			if (window.courseCartIntegration) {
				return window.courseCartIntegration.addToCart();
			}
		}
		
		function changeQuantity(delta) {
			if (window.courseCartIntegration) {
				return window.courseCartIntegration.changeQuantity(delta);
			}
		}
		
		// Función específica para manejar urgencia de cursos
		function initCourseUrgency() {
					}
		
		// Función para mostrar mapas (cursos presenciales)
		function initCourseMaps() {
						if (window.CourseMapsManager) {
				window.CourseMapsManager.init({
					lat: 19.54918200,
					lng: -99.13460500,
					address: '',
					courseName: 'Mini Webinar'
				});
			}
					}
		
		// Función para cargar más reseñas (utilizada por templates)
		function loadMoreReviews() {
			// Por ahora mostrar todas las reseñas disponibles
			const hiddenReviews = document.querySelectorAll('.course-review-card[style*="display: none"]');
			hiddenReviews.forEach(review => {
				review.style.display = 'block';
			});
			
			// Ocultar botón si no hay más reseñas
			const loadMoreBtn = document.querySelector('.reviews-pagination');
			if (loadMoreBtn) {
				loadMoreBtn.style.display = 'none';
			}
		}
		
		// Event listeners para el curso
		document.addEventListener('DOMContentLoaded', function() {
			// Configuración específica para esta página de curso
			if (window.courseCartIntegration) {
				console.log('Sistema de carrito de curso inicializado para:', courseData.name);
			}
			
			// Inicializar funcionalidades específicas
			initCourseUrgency();
			initCourseMaps();
			
			// Inicializar sliders de video e imágenes
			if (window.CourseMediaManager) {
				window.CourseMediaManager.init();
			}
		});
	</script>

	<a rel="noopener" class="scroll-top-whatsapp sidelinks" href="https://api.whatsapp.com/send?phone=5217223551831&text=Hola, me ayudan con más información?" target="_blank" alt="Enviar mensaje por whatsapp"><img class="lazyload" data-src="/site/images/whatsapp.webp"   alt="Whatsapp"></a><a rel="noopener" class="scroll-top-facebook sidelinks" href="http://m.me/101670395752373" target="_blank" alt="Enviar mensaje por facebook messenger"><img class="lazyload" data-src="/site/images/facebookmsg.webp"  alt="Facebook Messenger"></a><a rel="noopener"  style="display:none;" class="scroll-top-servicecart" href="/site/checkoutcart" alt="Total del carrito de servicios"><i class="fa fa-shopping-cart" style="color: white;"></i> (<span id="servcartitems"> </span>) - Pagar carrito $<span id="servcartfloat"> </span> USD</a><a class="gototop gototop-button" href="#" aria-label="Ir arriba" style="display:none;"><i class="fa fa-chevron-up" style="color: white !important;"></i></a>
		<script type="text/javascript">
			//GLOBAL VARS
			var BUSINESS_ID = "1";
			var SITEBASEURL = "https://hubbdi.com";
			const SYSTEM_CURRENCY = "USD";
			const SYSTEM_RECAPTCHAKEY = "6LePHVUfAAAAACZeDvSV_nOMG0PTjeAFOcf-FKME";
			const HUBB_SYS_CURR_PAGE = "programdet";
			const SYSTEM_CURRURL = "https://hubbdi.com/site/programdet?id=89&n=mini-webinar";
			const Hubb_iconWellDone = "fa fa-check-circle";
			const Hubb_iconAlert = "fa fa-times-circle";const FBAPI1 = true;const FBAPI2 = true;const FBPIXEL1 = true;const FBPIXEL2 = true;const STRIPE_PUBLIC_KEY = "";const TIKTOKPIXEL1 = true; const IS_MOBILE = 0; const IS_LOGED_IN = false;const HubCalhoraStart = '07:00';
	const HubCalhoraEnd = '23:00';
	const HubCalhoraStartInt = 7;
	const HubCalhoraEndInt = 23;
	const HubCalZone = 'America/Mexico_City';
	const HubCalZoneDiff = '+06:00';</script>
		
		<!-- Scripts Críticos - Sin Defer (Funcionalidad Requerida) -->
		<script src="/site/js/lazysizes.min.js?v=1745531933"></script>
		<script type="text/javascript" src="/admin/js/bootstrap.min.js?v=1745531908"></script>
		
		<!-- Scripts No Críticos - Con Defer Para Performance -->
		<script type="text/javascript" src="/site/js/jquery-ui-1.13.2/jquery-ui.min.js?v=1745531957" defer></script>
		<script type="text/javascript" src="/admin/js/hubbdifyb.min.js?v=1755878631" defer></script>
		<script src="/site/vendor/plugins-compressed.js?v=1746121825" defer></script>
		<script src="/site/vendor/owlcarousel/owl.carousel.min.js?v=1745531967" defer></script>
		<script src="/site/js/theme-functions.min.js?v=1753123324" defer></script>
		<script src="/site/js/hubbdicalendars.min.js?v=1753555839" defer></script>
		<script src="/site/js/custom.min.js?v=1755887359" defer></script>
		
		<!-- Scripts Async Para Performance -->
		<script src="/site/mailcheck/mailcheck.min.js?v=1745531934" async></script>
		<script type="text/javascript" src="/admin/js/jquery.form.js?v=1745531911" defer></script>
		<script type="text/javascript" src="/site/js/jquery.scrollTo.min.js?v=1745531932" defer></script><script>
	        	//$(document).ready(function(e) {
	        	//	setInterval(function () {
				//        actualizarSession(2305238);
				//    },3000);
				//});
        	</script><script src="/site/pages/programdet.min.js?v=1754439760"></script>
			<!-- Google Analytics - Carga Condicional Optimizada -->
			<script>
			// Preload GA script para mejor performance
			const gaScript = document.createElement('link');
			gaScript.rel = 'preload';
			gaScript.as = 'script';
			gaScript.href = 'https://www.googletagmanager.com/gtag/js?id=GTM-N9T4WW4';
			document.head.appendChild(gaScript);
			</script>
			<script async src="https://www.googletagmanager.com/gtag/js?id=GTM-N9T4WW4"></script>
			<script>
			window.dataLayer = window.dataLayer || [];
			function gtag(){dataLayer.push(arguments);}
			gtag('js', new Date());
			gtag('config', 'GTM-N9T4WW4', {
				send_page_view: true,
				transport_type: 'beacon',
				page_title: document.title,
				custom_map: {'custom_parameter': 'page_type'}
			});
			
			// Performance optimizations
			gtag('config', 'GTM-N9T4WW4', {
				client_storage: 'none',
				anonymize_ip: true
			});
			</script><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N9T4WW4"
										height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
											<style>
		 :root {  
			  --main-color: #4b80ff;  
			  --main-color2: #5d31ff;  
			  --main-color3: #014550;  
			  --main-font: 'Inter', sans-serif;
			  --main-font-color: #0d0070;
			  --main-background-color: #ffffff;
			  --main-container-color: #ffffff;
			  --main-site-color: #6c6a6a;
			  --main-menu-color: #ffffff;
			  --main-footer-color: #014550;
			  
			  /* Variables adicionales para templates de productos */
			  --main-color-light: #D6EEFF;
			  --secondary-color: #698bf9;
			  --accent-color: #efebff;
			  --neutral-light: #f2f2f2;
			  --neutral-dark: #525252;
			  --text-muted: #999999;
			  --success-color: #25d366;
			  --warning-color: #f77225;
			  --danger-color: #ef4444;
			}
		</style>
		<link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="/site/vendor/owlcarousel/assets/owl.carousel.min.css?v=1745532065">
		<link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="/site/vendor/bootstrap/css/bootstrap.min.css?v=1745532062">
		<link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="/site/css/custom.min.css?v=1754940024"><link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="/site/vendor/fontawesome/css/font-awesome.min.css?v=1745532061">
		<link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="/site/vendor/animateit/animate.min.css?v=1745531966"><link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="/site/js/jquery-ui-1.13.2/jquery-ui.min.css?v=1745531955">
		<link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="/site/css/hubbdicalendar.min.css?v=1750272914"><link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="/site/pages/programdet.min.css?v=1754439759">
	<style>
		#header-wrap {
			background-color: #ffffff !important;
		}
		
		/* Estilos básicos para botones de carrito de cursos */
		.course-cart-controls .cartbutton {
			background: var(--main-color2, #4b80ff);
			color: white;
			border: none;
			padding: 8px 12px;
			cursor: pointer;
			border-radius: 4px;
			margin: 2px;
			transition: background-color 0.3s ease;
		}
		
		.course-cart-controls .cartbutton:hover {
			background: var(--main-color3, #698bf9);
		}
		
		.course-cart-controls .cartbutton.minus, 
		.course-cart-controls .cartbutton.plus {
			width: 35px;
			font-weight: bold;
		}
		
		.course-cart-controls .cartbutton.cartdelete {
			background: var(--danger-color, #dc3545);
		}
		
		.course-cart-controls .cartbutton.cartdelete:hover {
			background: #c82333;
		}
		
		.course-cart-controls .qty {
			border: 1px solid #ddd;
			padding: 8px;
			text-align: center;
			border-radius: 4px;
		}
		
		/* Estilos específicos para urgencia de cursos */
		.course-urgency-container {
			background: linear-gradient(135deg, #ff6b6b, #ee5a52);
			color: white;
			padding: 15px;
			border-radius: 8px;
			margin: 20px 0;
			text-align: center;
			animation: urgencyPulse 2s infinite;
		}
		
		@keyframes urgencyPulse {
			0%, 100% { opacity: 1; }
			50% { opacity: 0.8; }
		}
		
		/* Estilos para instructor */
		.instructor-profile {
			background: var(--main-color4, #efebff);
			border-radius: 12px;
			padding: 20px;
			margin: 20px 0;
		}
		
		.instructor-avatar {
			width: 80px;
			height: 80px;
			border-radius: 50%;
			object-fit: cover;
			border: 3px solid var(--main-color2, #4b80ff);
		}
	</style>

	
</body>
</html>