
<!-- 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 41 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=1, ESTADO=1, ORDEN=1, NOMBRE=Bienvenida hubbdi y guía de inicio -->
<!-- VERIFICACIÓN - Total relaciones en PC_KitsDet: 1 -->
<!-- KITDET: ID_KIT=41, ID_PRODUCTO=1, ORDEN=1 -->
<!-- VERIFICACIÓN - Total lecciones en PC_Lecciones (via PC_KitsDet): 14 -->
<!-- LECCIÓN: ID=1, ESTADO=99, NUMERO=1, MÓDULO_ID=1, TÍTULO=test -->
<!-- LECCIÓN: ID=2, ESTADO=99, NUMERO=2, MÓDULO_ID=1, TÍTULO=Quizz inicial -->
<!-- LECCIÓN: ID=3, ESTADO=99, NUMERO=1, MÓDULO_ID=1, TÍTULO=test -->
<!-- LECCIÓN: ID=4, ESTADO=99, NUMERO=1, MÓDULO_ID=1, TÍTULO=test -->
<!-- LECCIÓN: ID=5, ESTADO=1, NUMERO=1, MÓDULO_ID=1, TÍTULO=Mensaje de Bienvenida -->
<!-- LECCIÓN: ID=48, ESTADO=99, NUMERO=1, MÓDULO_ID=1, TÍTULO=test -->
<!-- LECCIÓN: ID=49, ESTADO=1, NUMERO=2, MÓDULO_ID=1, TÍTULO=Instrucciones iniciales -->
<!-- LECCIÓN: ID=51, ESTADO=1, NUMERO=4, MÓDULO_ID=1, TÍTULO=Evaluación de la plataforma -->
<!-- LECCIÓN: ID=53, ESTADO=99, NUMERO=0, MÓDULO_ID=1, TÍTULO=Mensaje de Bienvenida - Copia lección 5 -->
<!-- LECCIÓN: ID=54, ESTADO=99, NUMERO=0, MÓDULO_ID=1, TÍTULO=Mensaje de Bienvenida - Copia lección 5 -->
<!-- LECCIÓN: ID=58, ESTADO=99, NUMERO=30, MÓDULO_ID=1, TÍTULO=Checklist de implementación -->
<!-- LECCIÓN: ID=67, ESTADO=99, NUMERO=30, MÓDULO_ID=1, TÍTULO=Onboarding -->
<!-- LECCIÓN: ID=68, ESTADO=1, NUMERO=3, MÓDULO_ID=1, TÍTULO=Sesión Onboarding -->
<!-- LECCIÓN: ID=102, ESTADO=99, NUMERO=30, MÓDULO_ID=1, TÍTULO=Checklist de implementación - Guía -->
<!-- === 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 = 41
                    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 = 41
                    ORDER BY kv.ORDEN ASC, kv.ID_VIDEO ASC -->
<!-- Resultado videos: 0 filas -->
<!-- /DEBUG CONSULTAS DIRECTAS -->

<!-- DEBUG CURSO PRINCIPAL -->
<!-- Course ID: 41 -->
<!-- Course encontrado: SÍ -->
<!-- Curso NOMBRE: 'Onboarding Agentes' -->
<!-- Curso DESCRIPCION: '...' -->
<!-- ID_IMAGEN_PRINCIPAL: 1097 -->
<!-- VIDEO_PROMOCIONAL campo en BD: 'NULL' -->
<!-- TIPO_CURSO: 'virtual' -->
<!-- ESTADO: 0 -->
<!-- getCourseImages disponible: SÍ -->
<!-- getCourseVideos disponible: SÍ -->
<!-- getCourseData disponible: SÍ -->
<!-- /DEBUG CURSO PRINCIPAL -->

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

<!-- TEMPLATE DEBUG: ID=41, Template BD='classic', Template URL='', Template final='classic', 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: 'classic' -->
<!-- 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=1097' -->
<!-- Total reseñas: 0 -->
<!-- Template path: /site/templates/cursos/classic.php -->
<!-- Template existe físicamente: SÍ -->
<!-- Template path completo: /home/admin/domains/hubbdi.com/private_html/site/templates/cursos/classic.php -->
<!-- DEBUG SEO -->
<!-- ID original accesado: '' -->
<!-- META_TITLE BD: '' -->
<!-- META_DESCRIPTION BD: '' -->
<!-- SLUG_PERSONALIZADO BD: '' -->
<!-- LP_TITULO final: 'Onboarding Agentes' -->
<!-- LP_DESCRIPCION final: '' -->
<!-- CANONICAL_URL: 'https://hubbdi.com/site/programdet/41' -->
<!-- URL PREFERIDA: '41' -->
<!-- /DEBUG SEO -->
<!-- /DEBUG RESUMEN FINAL -->

<!-- DEBUG CURSOS RELACIONADOS: 4 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="Onboarding Agentes">
    <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=41&n=onboarding-agentes">
	<meta name="identifier-URL" content="https://hubbdi.com/site/programdet?id=41&n=onboarding-agentes">
	<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>Onboarding Agentes</title>
	<script>
		var FBeventId =  "event-68cb687d1051a2.91900138"; 
		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=41&n=onboarding-agentes","description":"Automatización con IA para Potenciar tus Ventas en Redes Sociales","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', '3051441295059594', { event_id: FBeventId, user_data: { fbp: fbpValue, fbc: fbcValue }});const isPix1Act = 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=3051441295059594&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/classic.css?v=1754619444">
	 
	<!-- Preload de imagen principal -->
		<link rel="preload" as="image" href="/site/displayimage.php?id=1097" fetchpriority="high">
		
	<!-- URL Canónica SEO -->
	<link rel="canonical" href="https://hubbdi.com/site/programdet/41" />
	
	<!-- Meta tags de curso -->
	<meta property="og:title" content="Onboarding Agentes" />
	<meta property="og:url" content="https://hubbdi.com/site/programdet/41" />
	<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=1097" />
	<meta name="twitter:image" content="/site/displayimage.php?id=1097" />
	<meta itemprop="image" content="/site/displayimage.php?id=1097">
		<meta itemprop="description" content="Onboarding Agentes">
	<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">
				<!-- DEBUG: No hay urgencia real, creando datos de prueba --><!-- ========== DEBUG URGENCIA DETALLADO ========== --><!-- Variables disponibles: --><!-- $curso_urgencia definida: SÍ --><!-- $curso_urgencia_activa definida: NO --><!-- $curso_urgencia tipo: array --><!-- $curso_urgencia count: 0 --><!-- $curso_urgencia contenido: Array
(
)
 --><!-- $curso_urgencia_activa NO ESTÁ DEFINIDA --><!-- Estado final $mostrar_urgencia: TRUE --><!-- $urgencia_data final: Array
(
    [COLOR_TEMA] => red
    [POSICION_PAGINA] => top
    [MENSAJE_URGENCIA] => ¡Aprovecha esta oportunidad única por tiempo limitado!
    [TIPO_URGENCIA] => mensaje
    [VALOR_URGENCIA] => 0
    [ACTIVO] => 1
)
 --><!-- =============================================== -->
<!-- Variables CSS Dinámicas del Tenant (usando las ya definidas en programdet.php) -->
<style>
:root {
    --tenant-primary: #4b80ff;
    --tenant-primary-dark: #4b80ff;
    --tenant-green: #075e54;
    --tenant-green-dark: #064239;
    --tenant-whatsapp: #25d366;
    --tenant-orange: #f77225;
}
</style>

<!-- TEMPLATE CLASSIC MEJORADO -->
<div class="classic-course-page">
    <!-- Navegación -->
    <nav class="classic-breadcrumb">
        <a href="/"><i class="fa fa-home"></i> Inicio</a>
        <span class="separator">›</span>
        <a href="/site/courses"><i class="fa fa-graduation-cap"></i> Cursos</a>
        <span class="separator">›</span>
        <span>Paquetes adicionales</span>
    </nav>
    
    <!-- Banner de urgencia prominente con configuraciones avanzadas -->
    <!-- DEBUG: Mostrando banner de urgencia -->    <div class="classic-urgency-banner animated top-urgency" 
         id="urgency-banner"          style="background-color: #e74c3c; color: #ffffff;">
        
                
        <div class="urgency-content-classic">
            <div class="urgency-icon-classic">
                <i class="fa fa-bolt"></i>
            </div>
            
            <div class="urgency-text-classic">
                <strong>¡OFERTA ESPECIAL!</strong>
                <span>¡Aprovecha esta oportunidad única por tiempo limitado!</span>
                
                            </div>
        </div>
    </div>
        
    <!-- Layout Principal -->
    <div class="classic-main-layout">
        <!-- Contenido Principal -->
        <main class="classic-content">
            <!-- Header del Curso -->
            <header class="classic-course-header">
                <!-- Badges -->
                <div class="classic-badges">
                                                                                                </div>
                
                <!-- Título y Meta -->
                <h1 class="classic-title">Onboarding Agentes</h1>
                
                <div class="classic-meta">
                                        
                                        
                                        
                    <span><i class="fa fa-globe"></i> Español</span>
                    
                                        <span><i class="fa fa-bar-chart"></i> Principiante</span>
                                        
                    <span><i class="fa fa-desktop"></i> Virtual</span>
                </div>
                
                <!-- Descripción -->
                <div class="classic-description">
                                    </div>
            </header>
            
            <!-- Media Principal (Imagen o Video) -->
            <div class="classic-media-section">
                                <!-- Imagen Principal -->
                <div class="classic-image">
                    <img src="/site/displayimage.php?id=1097" alt="Onboarding Agentes" class="course-image">
                </div>
                                
                <!-- Galería de Imágenes (si hay más imágenes) -->
                            </div>
            
            <!-- Lo que Aprenderás -->
                        
            <!-- Temario Mejorado -->
                        <section class="classic-section">
                <h2><i class="fa fa-list"></i> Contenido del Curso</h2>
                
                <!-- Estadísticas del Curso -->
                <div class="course-stats">
                    <div class="stat-item">
                        <i class="fa fa-folder"></i>
                        <span>1 módulos</span>
                    </div>
                    <div class="stat-item">
                        <i class="fa fa-play-circle"></i>
                        <span>14 lecciones</span>
                    </div>
                    <div class="stat-item">
                        <i class="fa fa-clock-o"></i>
                        <span>3h 30min de contenido</span>
                    </div>
                </div>
                
                <div class="classic-temario">
                                        <div class="temario-item" data-module-index="0">
                        <div class="module-header" data-toggle="module" data-target="0">
                            <div class="module-info">
                                <h3>
                                    <i class="fa fa-folder"></i>
                                    Bienvenida hubbdi y guía de inicio                                </h3>
                                <div class="module-meta">
                                    <span class="lesson-count">14 lecciones</span>
                                                                        <span class="duration">3h 30min</span>
                                                                    </div>
                            </div>
                            <span class="toggle-icon"><i class="fa fa-chevron-down"></i></span>
                        </div>
                        
                        <div class="module-content" id="module-0">
                                                        <div class="lessons-list">
                                                                <div class="lesson-item">
                                    <div class="lesson-info">
                                        <i class="fa fa-lock lesson-icon"></i>
                                        <span class="lesson-title">Mensaje de Bienvenida - Copia lección 5</span>
                                                                            </div>
                                    <div class="lesson-meta">
                                                                            </div>
                                </div>
                                                                <div class="lesson-item">
                                    <div class="lesson-info">
                                        <i class="fa fa-lock lesson-icon"></i>
                                        <span class="lesson-title">Mensaje de Bienvenida - Copia lección 5</span>
                                                                            </div>
                                    <div class="lesson-meta">
                                                                            </div>
                                </div>
                                                                <div class="lesson-item">
                                    <div class="lesson-info">
                                        <i class="fa fa-lock lesson-icon"></i>
                                        <span class="lesson-title">test</span>
                                                                            </div>
                                    <div class="lesson-meta">
                                                                            </div>
                                </div>
                                                                <div class="lesson-item">
                                    <div class="lesson-info">
                                        <i class="fa fa-lock lesson-icon"></i>
                                        <span class="lesson-title">test</span>
                                                                            </div>
                                    <div class="lesson-meta">
                                                                            </div>
                                </div>
                                                                <div class="lesson-item">
                                    <div class="lesson-info">
                                        <i class="fa fa-lock lesson-icon"></i>
                                        <span class="lesson-title">test</span>
                                                                            </div>
                                    <div class="lesson-meta">
                                                                            </div>
                                </div>
                                                                <div class="lesson-item">
                                    <div class="lesson-info">
                                        <i class="fa fa-lock lesson-icon"></i>
                                        <span class="lesson-title">Mensaje de Bienvenida</span>
                                                                            </div>
                                    <div class="lesson-meta">
                                                                            </div>
                                </div>
                                                                <div class="lesson-item">
                                    <div class="lesson-info">
                                        <i class="fa fa-lock lesson-icon"></i>
                                        <span class="lesson-title">test</span>
                                                                            </div>
                                    <div class="lesson-meta">
                                                                            </div>
                                </div>
                                                                <div class="lesson-item">
                                    <div class="lesson-info">
                                        <i class="fa fa-lock lesson-icon"></i>
                                        <span class="lesson-title">Quizz inicial</span>
                                                                            </div>
                                    <div class="lesson-meta">
                                                                            </div>
                                </div>
                                                                <div class="lesson-item">
                                    <div class="lesson-info">
                                        <i class="fa fa-lock lesson-icon"></i>
                                        <span class="lesson-title">Instrucciones iniciales</span>
                                                                            </div>
                                    <div class="lesson-meta">
                                                                            </div>
                                </div>
                                                                <div class="lesson-item">
                                    <div class="lesson-info">
                                        <i class="fa fa-lock lesson-icon"></i>
                                        <span class="lesson-title">Sesión Onboarding</span>
                                                                            </div>
                                    <div class="lesson-meta">
                                                                            </div>
                                </div>
                                                                <div class="lesson-item">
                                    <div class="lesson-info">
                                        <i class="fa fa-lock lesson-icon"></i>
                                        <span class="lesson-title">Evaluación de la plataforma</span>
                                                                            </div>
                                    <div class="lesson-meta">
                                                                            </div>
                                </div>
                                                                <div class="lesson-item">
                                    <div class="lesson-info">
                                        <i class="fa fa-lock lesson-icon"></i>
                                        <span class="lesson-title">Checklist de implementación</span>
                                                                            </div>
                                    <div class="lesson-meta">
                                                                            </div>
                                </div>
                                                                <div class="lesson-item">
                                    <div class="lesson-info">
                                        <i class="fa fa-lock lesson-icon"></i>
                                        <span class="lesson-title">Onboarding</span>
                                                                            </div>
                                    <div class="lesson-meta">
                                                                            </div>
                                </div>
                                                                <div class="lesson-item">
                                    <div class="lesson-info">
                                        <i class="fa fa-lock lesson-icon"></i>
                                        <span class="lesson-title">Checklist de implementación - Guía</span>
                                                                            </div>
                                    <div class="lesson-meta">
                                                                            </div>
                                </div>
                                                            </div>
                                                    </div>
                    </div>
                                    </div>
            </section>
                        
            <!-- Videos Adicionales del Curso -->
                        
            <!-- Reseñas de Estudiantes -->
                        <section class="classic-section" id="reviews">
                <h2><i class="fa fa-star"></i> Reseñas de Estudiantes</h2>
                <div class="reviews-empty">
                    <i class="fa fa-star-o" aria-hidden="true"></i>
                    <h3>Aún no hay reseñas</h3>
                    <p>Sé el primero en compartir tu experiencia con este curso.</p>
                </div>
            </section>
                        
            <!-- Material y Requisitos -->
                        
                    </main>
        
        <!-- Sidebar Mejorado -->
        <aside class="classic-sidebar">
            <!-- Información del Instructor Mejorada -->
                        
            <!-- Información de Horarios (para cursos presenciales/mixtos) -->
                        
            <!-- Ubicación y Mapas (para cursos presenciales con coordenadas) -->
                        
            <!-- Precio y Compra Mejorado -->
            <div class="classic-card purchase-card">
                <!-- Precio -->
                <div class="classic-price is-free">
                                            <div class="price-free">
                            <div class="free-badge">
                                <i class="fa fa-gift"></i>
                                <span class="free-text">¡GRATIS!</span>
                            </div>
                            <div class="free-subtitle">
                                Regístrate para obtenerlo
                            </div>
                        </div>
                                    </div>
                
                <!-- Botón de Compra -->
                <div class="purchase-actions">
                                                                    <button type="button" class="btn-classic success full-width kitplus" item="">
                            <i class="fa fa-download"></i> Obtener Gratis
                        </button>
                                                            </div>
                
                <!-- Beneficios Mejorados -->
                <div class="course-benefits">
                    <h4><i class="fa fa-check-circle"></i> Incluye:</h4>
                    <ul>
                        <li>
                            <i class="fa fa-shield"></i>
                            <span>Garantía de 100% satisfacción</span>
                        </li>
                        
                                                <li>
                            <i class="fa fa-infinity"></i>
                            <span>Acceso de por vida al contenido</span>
                        </li>
                                                
                        <li>
                            <i class="fa fa-mobile"></i>
                            <span>Acceso desde dispositivos móviles</span>
                        </li>
                        
                                                
                                                
                                                
                        <li>
                            <i class="fa fa-refresh"></i>
                            <span>Actualizaciones futuras gratuitas</span>
                        </li>
                    </ul>
                </div>
                
                <!-- Garantía y Políticas -->
                <div class="course-policies">
                    <div class="policy-item">
                        <i class="fa fa-shield"></i>
                        <span>Pago 100% seguro</span>
                    </div>
                    <div class="policy-item">
                        <i class="fa fa-lock"></i>
                        <span>SSL 256-bit</span>
                    </div>
                </div>
            </div>
            
            <!-- Cross-selling (Upsells) -->
                    </aside>
    </div>
</div>

<script>
// Variables globales para el template classic
var classicCurrentGalleryIndex = 0;
var classicGalleryImages = [];
var classicCourseId = "41";
var classicUrgencyData = {"COLOR_TEMA":"red","POSICION_PAGINA":"top","MENSAJE_URGENCIA":"\u00a1Aprovecha esta oportunidad \u00fanica por tiempo limitado!","TIPO_URGENCIA":"mensaje","VALOR_URGENCIA":0,"ACTIVO":1};

// Variables de compatibilidad con minimal
window.cursoId = classicCourseId;
window.courseId = classicCourseId;
window.urgencyData = classicUrgencyData;
</script>
			</div>
		</section>
	</div>
	
	
	<!-- JavaScript del carrito (funcionalidad existente) -->
		
	<!-- JavaScript específico del template -->
		<script src="/site/templates/cursos/classic.js?v=1754619880"></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 = 41;
		
		// Datos del curso para el sistema de carrito
		const courseData = {
			id: 41,
			name: 'Onboarding Agentes',
			price: ,
			originalPrice: 997,
			image: '/site/displayimage.php?id=1097',
			cartQuantity: 0,
			type: 'virtual',
			duration: '0h / 0d',
			level: 'principiante',
			instructor: '',
			hasUrgency: false,
			coordinates: null,
			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":"1","modulo_nombre":"Bienvenida hubbdi y gu\u00eda de inicio","modulo_descripcion":"","modulo_precio":"0","modulo_orden":"1","modulo_estado":"1","total_lecciones":"14","duracion_total_minutos":"210","lecciones":[{"ID_LECCION":"53","leccion_nombre":"Mensaje de Bienvenida - Copia lecci\u00f3n 5","leccion_descripcion":"","NUMERO":"0","TIPO":"3","ESTADO":"99"},{"ID_LECCION":"54","leccion_nombre":"Mensaje de Bienvenida - Copia lecci\u00f3n 5","leccion_descripcion":"","NUMERO":"0","TIPO":"3","ESTADO":"99"},{"ID_LECCION":"1","leccion_nombre":"test","leccion_descripcion":"test","NUMERO":"1","TIPO":"2","ESTADO":"99"},{"ID_LECCION":"3","leccion_nombre":"test","leccion_descripcion":"test","NUMERO":"1","TIPO":"2","ESTADO":"99"},{"ID_LECCION":"4","leccion_nombre":"test","leccion_descripcion":"test","NUMERO":"1","TIPO":"3","ESTADO":"99"},{"ID_LECCION":"5","leccion_nombre":"Mensaje de Bienvenida","leccion_descripcion":"","NUMERO":"1","TIPO":"3","ESTADO":"1"},{"ID_LECCION":"48","leccion_nombre":"test","leccion_descripcion":"","NUMERO":"1","TIPO":"3","ESTADO":"99"},{"ID_LECCION":"2","leccion_nombre":"Quizz inicial","leccion_descripcion":"Quizz inicial","NUMERO":"2","TIPO":"4","ESTADO":"99"},{"ID_LECCION":"49","leccion_nombre":"Instrucciones iniciales","leccion_descripcion":"","NUMERO":"2","TIPO":"3","ESTADO":"1"},{"ID_LECCION":"68","leccion_nombre":"Sesi\u00f3n Onboarding","leccion_descripcion":"","NUMERO":"3","TIPO":"3","ESTADO":"1"},{"ID_LECCION":"51","leccion_nombre":"Evaluaci\u00f3n de la plataforma","leccion_descripcion":"","NUMERO":"4","TIPO":"3","ESTADO":"1"},{"ID_LECCION":"58","leccion_nombre":"Checklist de implementaci\u00f3n","leccion_descripcion":"","NUMERO":"30","TIPO":"3","ESTADO":"99"},{"ID_LECCION":"67","leccion_nombre":"Onboarding","leccion_descripcion":"","NUMERO":"30","TIPO":"3","ESTADO":"99"},{"ID_LECCION":"102","leccion_nombre":"Checklist de implementaci\u00f3n - Gu\u00eda","leccion_descripcion":"","NUMERO":"30","TIPO":"3","ESTADO":"99"}],"duracion_formatted":"3h 30min"}],
			stats: {"total_modulos":1,"total_lecciones":14,"duracion_total":"3h 30min","duracion_minutos":210},
			
			// 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 41:', 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() {
					}
		
		// 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"  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=41&n=onboarding-agentes";
			const Hubb_iconWellDone = "fa fa-check-circle";
			const Hubb_iconAlert = "fa fa-times-circle";const FBAPI1 = true;const FBAPI2 = false;const FBPIXEL1 = true;const FBPIXEL2 = false;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=1758132235" 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=1758156889" 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(2444811);
				//    },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: #00173d;
			  --main-background-color: #ffffff;
			  --main-container-color: #ffffff;
			  --main-site-color: #6c6a6a;
			  --main-menu-color: #ffffff;
			  --main-footer-color: #0d2b30;
			  
			  /* 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=1758057761"><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>