<!-- DEBUG FUNC: getProductImages() iniciada para producto ID: 1 -->
<!-- DEBUG FUNC: Query imágenes: SELECT pi.ID_IMAGEN as id,
                     pi.TITULO as title,
                     pi.DESCRIPCION as description,
                     pi.RUTAREL as ruta_relativa,
                     pi.RUTAFULL as imagen_url,
                     pi.ANCHO as width,
                     pi.ALTO as height,
                     pi.PESO as size_kb,
                     pi.MIME as mime_type,
                     pi.EXT as extension,
                     pi.ORDEN as sort_order,
                     pi.TIPO as tipo,
                     COALESCE(pi.TITULO, pi.RUTAREL, '') as alt_text
              FROM PC_Prods_Images pi
              WHERE pi.ID_PRODUCTO = 1
                AND pi.ID_COMPANY = 1
                AND pi.ESTADO = 1
              ORDER BY pi.ORDEN ASC, pi.ID_IMAGEN ASC -->
<!-- DEBUG FUNC: Query de imágenes ejecutada OK, filas: 0 -->
<!-- DEBUG FUNC: getProductImages() completada, 0 imágenes encontradas -->
<!-- DEBUG FUNC: getProductVariants() iniciada para producto ID: 1 -->
<!-- DEBUG FUNC: Query variantes: SELECT * FROM PC_Prods_Variants 
              WHERE ID_PRODUCTO = 1
                AND ID_COMPANY = 1
                AND ESTADO = 1
              ORDER BY TIPO_VARIANTE ASC, ORDEN ASC -->
<!-- DEBUG FUNC: Query de variantes ejecutada OK, filas: 0 -->
<!-- DEBUG FUNC: getProductVariants() completada, 0 variantes encontradas -->
<!-- DEBUG FUNC: Query atributos: SELECT pa.ID_ATRIBUTO, pa.NOMBRE, pa.VALOR, pa.TIPO as TIPO_ATRIBUTO, pa.GRUPO, pa.ORDEN
              FROM PC_Prods_Attributes pa
              WHERE pa.ID_PRODUCTO = 1
                AND pa.ID_COMPANY = 1
              ORDER BY pa.ORDEN -->
<!-- DEBUG FUNC: Query de atributos ejecutada OK, filas: 0 -->
<!-- DEBUG FUNC: Atributos encontrados: 0 -->
<!-- DEBUG FUNC: Query template: SELECT COALESCE(pt.CODIGO_TEMPLATE, 'CLASSIC') as template_name
              FROM PC_Prods p
              LEFT JOIN PC_Prods_Templates pt ON p.ID_TEMPLATE = pt.ID_TEMPLATE AND pt.ID_COMPANY = 0
              WHERE p.ID_PRODUCTO = 1
                AND p.ID_COMPANY = 1 -->
<!-- DEBUG FUNC: Template desde BD: 'minimal' -->
<!-- TEMPLATE DEBUG: ID=1, Template BD='minimal', Template URL='', Template final='minimal', Fuente=DATABASE, Preview=NO -->
<!-- DEBUG getPriceInfo: productData = Array
(
    [id] => 1
    [nombre] => Canicas de Colores
    [descripcion] => Canicas de Colores
    [precio] => 100
    [precio_original] => 50
    [porcentaje_descuento] => 10
    [codigo] => 
    [stock] => 50
    [stock_minimo] => 5
    [peso] => 5
    [dimensiones] => 
    [imagen_principal] => https://hubbdi.com/mtcustom/images/HUBIMG-1-670eb2a75b545.png.webp
    [categoria] => 6 a 10 años
    [id_categoria] => 3
    [tags] => 
    [template] => minimal
    [destacado] => 
    [nuevo] => 1
    [oferta] => 1
    [digital] => 
    [envio_gratis] => 1
    [permite_variantes] => 1
    [maneja_stock] => 1
    [tiempo_entrega] => 3 dias
    [meta_title] => 
    [meta_description] => 
    [MOSTRARMENU] => 0
    [PIEPAGINA] => 0
)
 -->
<!-- DEBUG getPriceInfo: info resultado = Array
(
    [precio_original] => 50
    [porcentaje_descuento] => 10
    [precio_final] => 45
    [tiene_descuento] => 1
    [ahorro] => 5
)
 -->
<!-- DEBUG PRODUCTDET: priceInfo = Array
(
    [precio_original] => 50
    [porcentaje_descuento] => 10
    [precio_final] => 45
    [tiene_descuento] => 1
    [ahorro] => 5
)
 -->
<!-- DEBUG PRODUCTDET: PRECIO = 45 -->
<!-- DEBUG PRODUCTDET: PRECIO_ORIGINAL = '50' -->
<!-- DEBUG PRODUCTDET: CANTIDAD_EN_CARRITO = 0 -->
<!-- DEBUG FUNC: getRelatedProducts - categoryId=3, productId=1, companyId=1 -->
<!-- DEBUG FUNC: Query productos relacionados: SELECT 
        p.ID_PRODUCTO as id,
        p.NOMBRE as nombre,
        p.DESCRIPCION as descripcion,
        p.PRECIO as precio_original,
        p.PRECIO as precio_final,
        p.PORCENTAJE_DESCUENTO as porcentaje_descuento,
        COALESCE(i.RUTAFULL, '') as imagen,
        p.STOCK_DISPONIBLE as stock,
        p.MANEJA_STOCK,
        COALESCE((SELECT SUM(CANTIDAD) FROM PC_ServiciosCarrito sc 
                  WHERE sc.ID_COMPANY = p.ID_COMPANY 
                    AND sc.SESSION = '9fhirpo4378ai5p7vusm8s4f9u' 
                    AND sc.ID_PRODUCTO = p.ID_PRODUCTO 
                    AND sc.CANTIDAD &gt; 0), 0) as cantidad_en_carrito
    FROM PC_Prods p
    LEFT JOIN PC_Imagenes i ON p.ID_IMAGEN = i.ID_IMAGEN AND i.ID_COMPANY = p.ID_COMPANY
    WHERE p.ID_CATEGORIA = 3 
        AND p.ID_PRODUCTO != 1
        AND p.ID_COMPANY = 1
        AND p.ESTADO = 1
    ORDER BY p.FEATURED DESC, p.FECHA_CRT DESC
    LIMIT 4 -->
<!-- DEBUG FUNC: Encontrados 3 productos relacionados -->
<!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="Canicas de Colores">
    <meta name="subject" content="Canicas de Colores">
    <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/productdet?id=1">
	<meta name="identifier-URL" content="https://hubbdi.com/site/productdet?id=1">
	<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>Canicas de Colores</title>
	<script>
		var FBeventId =  "event-689ceb07c4a095.09431939"; 
		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() {
			const cookies = document.cookie.split('; ');
			const fbcCookie = cookies.find(cookie => cookie.startsWith('_fbc='));
			return fbcCookie ? fbcCookie.split('=')[1] : 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/productdet?id=1","description":"Canicas de Colores","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","https://www.linkedin.com/company/86854472/admin/"],"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/products/minimal.css?v=1754101618">
	
	<!-- CSS para funcionalidad de videos -->
	<link rel="stylesheet" href="/site/pages/productdet.css?v=1754101916">
	
	<!-- Preload de imagen principal -->
		<link rel="preload" as="image" href="https://hubbdi.com/mtcustom/images/HUBIMG-1-670eb2a75b545.png.webp" fetchpriority="high">
		
	<!-- Meta tags de producto -->
	<meta property="og:title" content="Canicas de Colores" />
	<meta property="og:url" content="https://hubbdi.com/site/productdet?id=1" />
	<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="Canicas de Colores" />
		<meta property="og:image" content="https://hubbdi.com/mtcustom/images/HUBIMG-1-670eb2a75b545.png.webp" />
	<meta name="twitter:image" content="https://hubbdi.com/mtcustom/images/HUBIMG-1-670eb2a75b545.png.webp" />
	<meta itemprop="image" content="https://hubbdi.com/mtcustom/images/HUBIMG-1-670eb2a75b545.png.webp">
		<meta itemprop="description" content="Canicas de Colores">
	<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 MINIMAL - FRAGMENTO DE PRODUCTO -->
<!-- 
     * Template incrustado - No incluir etiquetas HTML, HEAD o BODY
     * Las variables CSS del sistema ya están cargadas globalmente desde configpage.php
     * Variables disponibles: --main-color, --main-color2, --main-color3, etc.
-->
<div class="product-minimal-container">
    <!-- Header Minimalista -->
    <div class="product-minimal-header">
        <div class="minimal-breadcrumb">
            <span>Inicio</span> → <span>Productos</span> → <span>6 a 10 años</span>
        </div>
    </div>

    <div class="product-minimal-layout">
        <!-- Galería Minimalista -->
        <div class="product-minimal-gallery">
            <div class="minimal-main-image">
                <img src="https://hubbdi.com/mtcustom/images/HUBIMG-1-670eb2a75b545.png.webp" alt="Canicas de Colores" class="minimal-main-img main-product-image" id="main-product-image">
                
                <!-- Badge de descuento discreto -->
                                <div class="minimal-discount-badge">
                    -10%
                </div>
                            </div>
            
                        
            <!-- Sección de Videos Minimalista -->
                    </div>
        
        <!-- Información Minimalista -->
        <div class="product-minimal-info">
            <!-- Status indicators discretos -->
                        <div class="minimal-status-bar">
                                
                                <span class="minimal-status shipping">
                    <i class="fa fa-truck"></i> Envío Gratis
                </span>
                                
                                <span class="minimal-status stock">
                    <i class="fa fa-check"></i> Disponible
                </span>
                            </div>
                        
            <h1 class="minimal-title">Canicas de Colores</h1>
            
            <!-- SKU discreto -->
                        
            <!-- Precio Minimalista -->
            <div class="minimal-price">
                                <div class="price-comparison">
                    <span class="price-original"><!-- DEBUG formatPriceWithCurrency: price = 50 -->
<!-- DEBUG formatPriceWithCurrency: currency = USD -->
<!-- DEBUG formatPriceWithCurrency: cleanPrice = 50 -->
<!-- DEBUG formatPriceWithCurrency: resultado = USD 50.00 -->
USD 50.00</span>
                    <span class="price-current"><!-- DEBUG formatPriceWithCurrency: price = 45 -->
<!-- DEBUG formatPriceWithCurrency: currency = USD -->
<!-- DEBUG formatPriceWithCurrency: cleanPrice = 45 -->
<!-- DEBUG formatPriceWithCurrency: resultado = USD 45.00 -->
USD 45.00</span>
                </div>
                <div class="savings-info">
                    Ahorras <!-- DEBUG formatPriceWithCurrency: price = 5 -->
<!-- DEBUG formatPriceWithCurrency: currency = USD -->
<!-- DEBUG formatPriceWithCurrency: cleanPrice = 5 -->
<!-- DEBUG formatPriceWithCurrency: resultado = USD 5.00 -->
USD 5.00                </div>
                            </div>
            
            <!-- Descripción concisa -->
                        <div class="minimal-description">
                Canicas de Colores            </div>
                        
            <!-- Variantes Minimalistas -->
                        
            <!-- Controles de Compra Minimalistas -->
            <div class="minimal-purchase">
                <div class="minimal-cart-controls product-cart-controls">
                                            <!-- Producto no en carrito - botón agregar -->
                        <button type="button" class="cartbutton productplus add-to-cart-btn minimal-btn-cart" item="1">
                            Agregar al Carrito
                        </button>
                                    </div>
                
                <!-- Botón Comprar Minimalista -->
                <button type="button" class="minimal-btn-buy" onclick="buyNow(1)">
                    Comprar Ahora
                </button>
            </div>
            
            <!-- Características Esenciales -->
            <div class="minimal-features">
                                <div class="minimal-feature">
                    <i class="fa fa-truck"></i>
                    <span>Envío Gratis</span>
                </div>
                                
                                <div class="minimal-feature">
                    <i class="fa fa-clock-o"></i>
                    <span>3 dias</span>
                </div>
                                
                                
                <div class="minimal-feature">
                    <i class="fa fa-shield"></i>
                    <span>Compra Segura</span>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Especificaciones Técnicas (si existen) -->
    </div>

<!-- ===== PRODUCTOS RELACIONADOS ===== -->
<section class="related-products-section">
    <div class="container" style="background-color: transparent;">
        <h2 class="related-products-title">
            Productos Relacionados
        </h2>
        
        <div class="related-products-grid">
                        <div class="related-product-card">
                <div class="related-product-image">
                                        <img src="https://hubbdi.com/mtcustom/images/HUBIMG-1-670eb2a4aeca3.png.webp" 
                         alt="Geométrico Armable "
                         loading="lazy">
                                        
                                    </div>
                
                <div class="related-product-info">
                    <h3 class="related-product-name">
                        Geométrico Armable                     </h3>
                    
                    <div class="related-product-price">
                                                
                        <span class="related-price-current">
                            <!-- DEBUG formatPriceWithCurrency: price = 500 -->
<!-- DEBUG formatPriceWithCurrency: currency = USD -->
<!-- DEBUG formatPriceWithCurrency: cleanPrice = 500 -->
<!-- DEBUG formatPriceWithCurrency: resultado = USD 500.00 -->
USD 500.00                        </span>
                    </div>
                    
                    <a href="/site/productdet?id=8" 
                       class="related-product-btn">
                        Ver Producto
                    </a>
                </div>
            </div>
                        <div class="related-product-card">
                <div class="related-product-image">
                                        <img src="https://hubbdi.com/mtcustom/images/HUBIMG-1-670eb2a2d2a36.png.webp" 
                         alt="Sumas y Restas "
                         loading="lazy">
                                        
                                    </div>
                
                <div class="related-product-info">
                    <h3 class="related-product-name">
                        Sumas y Restas                     </h3>
                    
                    <div class="related-product-price">
                                                
                        <span class="related-price-current">
                            <!-- DEBUG formatPriceWithCurrency: price = 360 -->
<!-- DEBUG formatPriceWithCurrency: currency = USD -->
<!-- DEBUG formatPriceWithCurrency: cleanPrice = 360 -->
<!-- DEBUG formatPriceWithCurrency: resultado = USD 360.00 -->
USD 360.00                        </span>
                    </div>
                    
                    <a href="/site/productdet?id=7" 
                       class="related-product-btn">
                        Ver Producto
                    </a>
                </div>
            </div>
                        <div class="related-product-card">
                <div class="related-product-image">
                                        <img src="https://hubbdi.com/mtcustom/images/HUBIMG-1-670eb2a4c2869.png.webp" 
                         alt="Caja de Números"
                         loading="lazy">
                                        
                                    </div>
                
                <div class="related-product-info">
                    <h3 class="related-product-name">
                        Caja de Números                    </h3>
                    
                    <div class="related-product-price">
                                                
                        <span class="related-price-current">
                            <!-- DEBUG formatPriceWithCurrency: price = 350 -->
<!-- DEBUG formatPriceWithCurrency: currency = USD -->
<!-- DEBUG formatPriceWithCurrency: cleanPrice = 350 -->
<!-- DEBUG formatPriceWithCurrency: resultado = USD 350.00 -->
USD 350.00                        </span>
                    </div>
                    
                    <a href="/site/productdet?id=4" 
                       class="related-product-btn">
                        Ver Producto
                    </a>
                </div>
            </div>
                    </div>
    </div>
</section>

<!-- ===== BARRA DE SEGURIDAD MINIMALISTA ===== -->
<section class="minimal-security-bar">
    <div class="container" style="background-color: transparent;">
        <div class="minimal-security-grid">
            <div class="minimal-security-item">
                <i class="fa fa-shield"></i>
                <span>Compra Segura</span>
            </div>
            
            <div class="minimal-security-item">
                <i class="fa fa-refresh"></i>
                <span>30 Días Devolución</span>
            </div>
            
            <div class="minimal-security-item">
                <i class="fa fa-truck"></i>
                <span>Envío Seguro</span>
            </div>
            
            <div class="minimal-security-item">
                <i class="fa fa-certificate"></i>
                <span>Garantía</span>
            </div>
        </div>
    </div>
</section>

<!-- Fin del Template Minimal -->
			</div>
		</section>
	</div>
	
	
	<!-- JavaScript del carrito (funcionalidad existente) -->
		
	<!-- JavaScript específico del template -->
		<script src="/site/templates/products/minimal.js?v=1754073760"></script>
		
	<!-- JavaScript para funcionalidad de videos -->
	<script src="/site/pages/productdet.js?v=1754101917"></script>
	
	<!-- Variables globales para el sistema de productos -->
	<script>
		// Variable global para acceso a la moneda principal
		window.MONEDA_PRINCIPAL = 'USD';
		
		// Datos del producto para el sistema de carrito
		const productData = {
			id: 1,
			name: 'Canicas de Colores',
			price: 100,
			stock: 50,
			image: 'https://hubbdi.com/mtcustom/images/HUBIMG-1-670eb2a75b545.png.webp',
			cartQuantity: 0 // Cantidad actual en el carrito
		};
		
		// Variable global para acceso rápido a la cantidad en carrito
		window.currentCartQuantity = 0;
		
		console.log('🛒 Cantidad actual en carrito para producto 1:', 0);
		
		// Funciones de compatibilidad para templates existentes
		function addToCart() {
			if (window.productCartIntegration) {
				return window.productCartIntegration.addToCart();
			}
		}
		
		function changeQuantity(delta) {
			if (window.productCartIntegration) {
				return window.productCartIntegration.changeQuantity(delta);
			}
		}
		
		function selectVariant(element) {
			if (window.productCartIntegration) {
				return window.productCartIntegration.selectVariant(element);
			}
		}
		
		// Función para obtener datos actuales del carrito
		function getCartData() {
			if (window.productCartIntegration) {
				return window.productCartIntegration.getCartData();
			}
			return null;
		}
		
		// Event listeners personalizados para el producto
		document.addEventListener('productCart:variantSelected', function(e) {
			console.log('Variante seleccionada:', e.detail);
			// Aquí se pueden añadir acciones adicionales cuando se selecciona una variante
		});
		
		document.addEventListener('DOMContentLoaded', function() {
			// Configuración específica para esta página de producto
			if (window.productCartIntegration) {
				console.log('Sistema de carrito de producto inicializado para:', productData.name);
			}
			
			// Seleccionar primera variante por defecto en cada grupo
			const variantGroups = document.querySelectorAll('[data-variant-group]');
			variantGroups.forEach(group => {
				const firstOption = group.querySelector('[data-variant-type]');
				if (firstOption && !group.querySelector('.selected')) {
					firstOption.click();
				}
			});
		});
	</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 = "productdet";
			const SYSTEM_CURRURL = "https://hubbdi.com/site/productdet?id=1";
			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=1754611413" 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=1754938985" 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(2190396);
				//    },3000);
				//});
        	</script><script src="/site/pages/productdet.min.js?v=1754101916"></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: 'Montserrat';
			  --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/productdet.min.css?v=1754101916">
	<style>
		#header-wrap {
			background-color: #ffffff !important;
		}
		
		/* Estilos básicos para botones de carrito */
		.cartbutton {
			background: #007bff;
			color: white;
			border: none;
			padding: 8px 12px;
			cursor: pointer;
			border-radius: 4px;
			margin: 2px;
			transition: background-color 0.3s ease;
		}
		
		.cartbutton:hover {
			background: #0056b3;
		}
		
		.cartbutton.minus, .cartbutton.plus {
			width: 35px;
			font-weight: bold;
		}
		
		.cartbutton.cartdelete {
			background: #dc3545;
		}
		
		.cartbutton.cartdelete:hover {
			background: #c82333;
		}
		
		.qty {
			border: 1px solid #ddd;
			padding: 8px;
			text-align: center;
			border-radius: 4px;
		}
	</style>

	
</body>
</html>