<!-- DEBUG FUNC: getProductImages() iniciada para producto ID: 3 -->
<!-- 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 = 3
                AND pi.ID_COMPANY = 51
                AND pi.ESTADO = 1
              ORDER BY pi.ORDEN ASC, pi.ID_IMAGEN ASC -->
<!-- DEBUG FUNC: Query de imágenes ejecutada OK, filas: 2 -->
<!-- DEBUG FUNC: Fila imagen: Array
(
    [id] => 23
    [title] => Imagen de WhatsApp 2025-10-01 a las 14.13.44_434d3633.jpg
    [description] => 
    [ruta_relativa] => /mtcustom/products/PROD-51-3-1759359446-68ddb1d64b67b.jpg.webp
    [imagen_url] => https://dejahuella.vip/mtcustom/products/PROD-51-3-1759359446-68ddb1d64b67b.jpg.webp
    [width] => 470
    [height] => 595
    [size_kb] => 20.02
    [mime_type] => image/webp
    [extension] => webp
    [sort_order] => 1
    [tipo] => 1
    [alt_text] => Imagen de WhatsApp 2025-10-01 a las 14.13.44_434d3633.jpg
)
 -->
<!-- DEBUG FUNC: Fila imagen: Array
(
    [id] => 24
    [title] => Imagen de WhatsApp 2025-10-01 a las 14.32.39_8f8afa5d.jpg
    [description] => 
    [ruta_relativa] => /mtcustom/products/PROD-51-3-1759359451-68ddb1db9a6d9.jpg.webp
    [imagen_url] => https://dejahuella.vip/mtcustom/products/PROD-51-3-1759359451-68ddb1db9a6d9.jpg.webp
    [width] => 469
    [height] => 590
    [size_kb] => 13.93
    [mime_type] => image/webp
    [extension] => webp
    [sort_order] => 2
    [tipo] => 1
    [alt_text] => Imagen de WhatsApp 2025-10-01 a las 14.32.39_8f8afa5d.jpg
)
 -->
<!-- DEBUG FUNC: getProductImages() completada, 2 imágenes encontradas -->
<!-- DEBUG FUNC: getProductVariants() iniciada para producto ID: 3 -->
<!-- DEBUG FUNC: Query variantes: SELECT * FROM PC_Prods_Variants 
              WHERE ID_PRODUCTO = 3
                AND ID_COMPANY = 51
                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 = 3
                AND pa.ID_COMPANY = 51
              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 = 3
                AND p.ID_COMPANY = 51 -->
<!-- DEBUG FUNC: Template desde BD: 'showcase' -->
<!-- TEMPLATE DEBUG: ID=3, Template BD='showcase', Template URL='', Template final='showcase', Fuente=DATABASE, Preview=NO -->
<!-- DEBUG getPriceInfo: productData = Array
(
    [id] => 3
    [nombre] => Aceite de protección
    [descripcion] => 
    [precio] => 250
    [precio_original] => 0
    [porcentaje_descuento] => 0
    [codigo] => ACEITEDEPR-387
    [stock] => 100
    [stock_minimo] => 0
    [peso] => 75
    [dimensiones] => 
    [imagen_principal] => https://dejahuella.vip/mtcustom/products/PROD-51-3-1759359446-68ddb1d64b67b.jpg.webp
    [categoria] => Aceite de protección
    [id_categoria] => 3
    [tags] => 
    [template] => showcase
    [destacado] => 
    [nuevo] => 1
    [oferta] => 
    [digital] => 
    [envio_gratis] => 
    [permite_variantes] => 
    [maneja_stock] => 1
    [tiempo_entrega] => 5 a 7
    [meta_title] => 
    [meta_description] => 
    [MOSTRARMENU] => 1
    [PIEPAGINA] => 1
)
 -->
<!-- DEBUG getPriceInfo: info resultado = Array
(
    [precio_original] => 0
    [porcentaje_descuento] => 0
    [precio_final] => 250
    [tiene_descuento] => 
    [ahorro] => 0
)
 -->
<!-- DEBUG PRODUCTDET: priceInfo = Array
(
    [precio_original] => 0
    [porcentaje_descuento] => 0
    [precio_final] => 250
    [tiene_descuento] => 
    [ahorro] => 0
)
 -->
<!-- DEBUG PRODUCTDET: PRECIO = 250.0 -->
<!-- DEBUG PRODUCTDET: PRECIO_ORIGINAL = '0' -->
<!-- DEBUG PRODUCTDET: CANTIDAD_EN_CARRITO = 0 -->
<!-- DEBUG FUNC: getRelatedProducts - categoryId=3, productId=3, companyId=51 -->
<!-- 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 = 'j3s5v3k93u6qfe5i0s3hbg1elf' 
                    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 != 3
        AND p.ID_COMPANY = 51
        AND p.ESTADO = 1
    ORDER BY p.FEATURED DESC, p.FECHA_CRT DESC
    LIMIT 4 -->
<!-- DEBUG FUNC: No se encontraron productos relacionados o error en query -->
<!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="Aceite de protección">
    <meta name="language" content="es">
    <meta name="robots" content="index,follow">
    <meta name="googlebot" content="index,follow">
	<meta name="copyright" content="Deja huella">
	<meta property="fb:app_id" content="">
	<meta itemprop="name" content="Deja huella">
	<meta property="og:locale" content="es_ES" />
	<meta name="Classification" content="Business">
	<meta name="author" content="Hubbdi, contacto@dejahuella.vip">
	<meta name="designer" content="hubbdi.com Website Builder">
	<meta name="reply-to" content="contacto@dejahuella.vip">
	<meta name="owner" content="Deja huella">
	<meta name="url" content="https://dejahuella.vip/site/productdet?id=3&n=aceite-de-proteccion">
	<meta name="identifier-URL" content="https://dejahuella.vip/site/productdet?id=3&n=aceite-de-proteccion">
	<meta name="directory" content="submission">
	<meta name="pagename" content="Deja huella">
	<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="Deja huella">
	<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="Deja huella">
	<meta name="medium" content="website">
	<meta http-equiv="expires" content="0"/>
	<meta name="google" content="notranslate" />	
	<title>Aceite de protección</title>
	<script>
		var FBeventId =  "event-68f30db3f01371.51393311"; 
		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() {
			// CRÍTICO: NO MODIFICAR valores originales de Meta para preservar deduplicación
			
			// 1. Primero buscar cookie _fbc existente (establecida por Facebook)
			const cookies = document.cookie.split('; ');
			const fbcCookie = cookies.find(cookie => cookie.startsWith('_fbc='));
			
			if (fbcCookie) {
				// SIEMPRE retornar el valor existente sin modificación
				// Meta establece estas cookies y modificarlas rompe la deduplicación
				return fbcCookie.split('=')[1];
			}
			
			// 2. Si no hay cookie _fbc, buscar fbclid en URL para que Meta la procese
			const urlParams = new URLSearchParams(window.location.search);
			const fbclid = urlParams.get('fbclid');
			
			if (fbclid) {
				// NO crear cookie manualmente - dejar que Meta/Facebook Pixel lo haga
				// Solo retornar null y dejar que Facebook maneje la creación correcta
				console.log('fbclid encontrado, esperando que Meta procese la cookie _fbc');
				return null;
			}
			
			return null;
		}
	</script><script type="application/javascript" src="/site/js/crypto-js.min.js" async></script><link rel="preconnect" href="https://connect.facebook.net"><link rel="shortcut icon" href="https://dejahuella.vip/site/displayimage?id=4"><meta name="msapplication-TileColor" content="#ffffff">
	<meta name="theme-color" content="#ffffff"><script type="application/ld+json">{"@context":"https://schema.org","@type":"LocalBusiness","name":"Deja huella","url":"https://dejahuella.vip/site/productdet?id=3&n=aceite-de-proteccion","description":"“Deja huella y cambia sus vidas”","email":"contacto@dejahuella.vip","address":{"@type":"PostalAddress","streetAddress":"<div style=\"color: rgb(0, 0, 0); font-family: \"Times New Roman\"; font-size: medium;\"><font color=\"#202020\" face=\"Open Sans\"><span style=\"caret-color: rgb(32, 32, 32); font-size: 14px;\">Torre SMNYL </span></font></div><div style=\"color: rgb(0, 0, 0); font-family: \"Times New Roman\"; font-size: medium;\"><font color=\"#202020\" face=\"Open Sans\"><span style=\"caret-color: rgb(32, 32, 32); font-size: 14px;\">Av.Prol.Americas 1500 piso 18 Country</span></font></div>","addressLocality":"Ciudad","addressCountry":"MX"},"sameAs":["https://www.facebook.com/ruthmagallonmx/","https://www.instagram.com/ruthmagallondejahuella/"],"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', '424715263480488', { event_id: FBeventId, user_data: { fbp: fbpValue, fbc: fbcValue }});fbq('init', '733334668660893', { 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=424715263480488&ev=PageView&noscript=1"/></noscript><noscript><img height="1" width="1" style="display:none"src="https://www.facebook.com/tr?id=733334668660893&ev=PageView&noscript=1"/></noscript>	
	<!-- CSS del template seleccionado -->
	<link rel="stylesheet" href="/site/templates/products/showcase.css?v=1754347065">
	
	<!-- CSS para funcionalidad de videos -->
	<link rel="stylesheet" href="/site/pages/productdet.css?v=1754347033">
	
	<!-- Preload de imagen principal -->
		<link rel="preload" as="image" href="https://dejahuella.vip/mtcustom/products/PROD-51-3-1759359446-68ddb1d64b67b.jpg.webp" fetchpriority="high">
		
	<!-- Meta tags de producto -->
	<meta property="og:title" content="Aceite de protección" />
	<meta property="og:url" content="https://dejahuella.vip/site/productdet?id=3&amp;n=aceite-de-proteccion" />
	<meta property="og:site_name" content="Deja huella" />
	<meta property="og:see_also" content="https://dejahuella.vip/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="https://dejahuella.vip/mtcustom/products/PROD-51-3-1759359446-68ddb1d64b67b.jpg.webp" />
	<meta name="twitter:image" content="https://dejahuella.vip/mtcustom/products/PROD-51-3-1759359446-68ddb1d64b67b.jpg.webp" />
	<meta itemprop="image" content="https://dejahuella.vip/mtcustom/products/PROD-51-3-1759359446-68ddb1d64b67b.jpg.webp">
		<meta itemprop="description" content="Aceite de protección">
	<script type="text/javascript" src="/admin/js/jquery-3.5.1.min.js?v=1708064269" ></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="dns-prefetch" href="//js.stripe.com"><link rel="dns-prefetch" href="//www.youtube.com"><link rel="preload" href="/site/js/lazysizes.min.js?v=1742348058" as="script">
					   <link rel="preload" href="/admin/js/bootstrap.min.js?v=1708064446" as="script"></head>
<body class="wide no-page-loader" style="background-color: #ffffff !important">
	<div class="wrapper" style="background-color: #ffffff !important">
		<header id="header" class="header-dark header-dark"><div id="header-wrap"><div class="container" style="background-color: #ffffff !important; padding-right: 0;">
					<div id="logo"><a href="/site/lp?id=1&n=linklogo" class="logo" data-dark-logo="/site/displayimage?id=6" alt="Inicio" title="Home"><img class="lazyload"  data-src="/site/displayimage?id=6" alt="Deja huella" title="Deja huella" style=""></a>
					</div>
					<div class="nav-main-menu-responsive">
						<button class="lines-button x" aria-label="Menú principal">
							<span class="lines"></span>
						</button>
					</div>
							<div id="top-search"> <a id="top-search-trigger" title="Buscar" alt="Buscar" href="#"><i class="fa fa-search" style="color: #111111 !important;"></i><i class="fa fa-close" style="color: #111111 !important;"></i></a>
		                        <form action="blog" method="get" data-toggle="validator">
		                            <input style="color: #111111 !important;" type="text" name="s" id="s" class="form-control" value="" placeholder="Para buscar, escribe y presiona  &quot;Enter&quot;" title="Buscar en el blog & presiona  &quot;Enter&quot;" alt="Buscar en el blog & presiona  &quot;Enter&quot;" required>
		                        </form>
							</div>	<div class="navbar-collapse collapse main-menu-collapse navigation-wrap">
						<div class="container" style="background-color: #ffffff !important;">
							<nav id="mainMenu" class="main-menu mega-menu">
								<ul class="main-menu nav nav-pills"><li><a href="/site/blog" title="Blog">Blog</a></li><li><a href="/site/services" title="Servicios">Servicios</a></li></ul>
							</nav>
						</div>
					</div>
				</div>
			</div>
		</header>		
		<section>
			<div class="container" style="background-color: #ffffff !important">
				<!-- TEMPLATE SHOWCASE - Sistema completo con galería visual prominente -->
<div class="product-showcase-container">
    <!-- Header Showcase con navegación -->
    <div class="showcase-header">
        <div class="breadcrumb">
            <span>Inicio</span> → <span>Productos</span> → <span>Aceite de protección</span>
        </div>
        <div class="product-badges-header">
                            <span class="badge-new"><i class="fa fa-star"></i> NUEVO</span>
                                            </div>
    </div>

    <div class="product-showcase-layout">
        <!-- Galería Visual Principal -->
        <div class="product-showcase-gallery">
            <div class="showcase-gallery-header">
                <div class="showcase-gallery-counter">
                    <span id="current-image">1</span> / <span id="total-images">3</span>
                </div>
                <div class="showcase-gallery-controls">
                    <button class="showcase-control-btn" onclick="previousImage()">
                        <i class="fa fa-chevron-left"></i>
                    </button>
                    <button class="showcase-control-btn" onclick="nextImage()">
                        <i class="fa fa-chevron-right"></i>
                    </button>
                    <button class="showcase-control-btn" onclick="toggleFullscreen()">
                        <i class="fa fa-expand"></i>
                    </button>
                </div>
            </div>
            
            <!-- Imagen Principal -->
            <div class="showcase-main-display">
                <img src="https://dejahuella.vip/mtcustom/products/PROD-51-3-1759359446-68ddb1d64b67b.jpg.webp" 
                     alt="Aceite de protección" 
                     class="showcase-main-image" 
                     id="showcase-main-image">
                
                                
                                    <div class="showcase-new-badge">
                        <i class="fa fa-star"></i>
                        NUEVO
                    </div>
                            </div>
            
            <!-- Galería de Miniaturas -->
                        <div class="showcase-thumbnails-container">
                <div class="showcase-thumbnail active" onclick="changeMainImage('https://dejahuella.vip/mtcustom/products/PROD-51-3-1759359446-68ddb1d64b67b.jpg.webp', this)" data-index="0">
                    <img src="https://dejahuella.vip/mtcustom/products/PROD-51-3-1759359446-68ddb1d64b67b.jpg.webp" alt="Principal">
                </div>
                                    <div class="showcase-thumbnail" onclick="changeMainImage('https://dejahuella.vip/mtcustom/products/PROD-51-3-1759359446-68ddb1d64b67b.jpg.webp', this)" data-index="1">
                        <img src="https://dejahuella.vip/mtcustom/products/PROD-51-3-1759359446-68ddb1d64b67b.jpg.webp" alt="Imagen de WhatsApp 2025-10-01 a las 14.13.44_434d3633.jpg">
                    </div>
                                    <div class="showcase-thumbnail" onclick="changeMainImage('https://dejahuella.vip/mtcustom/products/PROD-51-3-1759359451-68ddb1db9a6d9.jpg.webp', this)" data-index="2">
                        <img src="https://dejahuella.vip/mtcustom/products/PROD-51-3-1759359451-68ddb1db9a6d9.jpg.webp" alt="Imagen de WhatsApp 2025-10-01 a las 14.32.39_8f8afa5d.jpg">
                    </div>
                            </div>
                        
            <!-- Sección de Videos Showcase -->
                    </div>

        <!-- Información del Producto -->
        <div class="product-showcase-info">
            <div class="showcase-product-meta">
                <span class="showcase-category">
                    <i class="fa fa-folder-o"></i>
                    Aceite de protección                </span>
                                <span class="showcase-sku">
                    <i class="fa fa-barcode"></i>
                    SKU: ACEITEDEPR-387                </span>
                                            </div>

            <h1 class="showcase-product-title">Aceite de protección</h1>

            <!-- Sistema de Rating Avanzado -->
            <div class="showcase-rating-section">
                <div class="showcase-stars">
                    <i class="fa fa-star"></i>
                    <i class="fa fa-star"></i>
                    <i class="fa fa-star"></i>
                    <i class="fa fa-star"></i>
                    <i class="fa fa-star-o"></i>
                </div>
                <span class="showcase-rating-text">4.8 de 5 estrellas (124 opiniones)</span>
                <a href="#reviews" class="showcase-rating-link">Ver todas las reseñas</a>
            </div>

            <!-- Sistema de Precios Mejorado -->
            <div class="showcase-pricing-section">
                                    <div class="showcase-single-price">
                        <span class="showcase-price-current">
                            <!-- DEBUG formatPriceWithCurrency: price = 250 -->
<!-- DEBUG formatPriceWithCurrency: currency = MXN -->
<!-- DEBUG formatPriceWithCurrency: cleanPrice = 250 -->
<!-- DEBUG formatPriceWithCurrency: resultado = MXN 250.00 -->
MXN 250.00                        </span>
                    </div>
                                
                            </div>

            <!-- Descripción Mejorada -->
            <div class="showcase-description-section">
                <h3 class="showcase-section-title">
                    <i class="fa fa-info-circle"></i>
                    Descripción del Producto
                </h3>
                <div class="showcase-description-content">
                                    </div>
                
                <!-- Atributos del Producto -->
                            </div>

            <!-- Sistema de Variantes Mejorado -->
            
            <!-- Sistema de Compra con Carrito Integrado -->
            <div class="showcase-purchase-section">
                <div class="showcase-purchase-header">
                    <h3 class="showcase-section-title">
                        <i class="fa fa-shopping-cart"></i>
                        Agregar al Carrito
                    </h3>
                    <div class="showcase-stock-indicator">
                                                    <span class="showcase-stock-available">
                                <i class="fa fa-check-circle"></i>
                                100 en stock
                            </span>
                                            </div>
                </div>

                                <div class="showcase-action-buttons">
                    <div class="product-cart-controls">
                                                    <!-- El producto no está en el carrito, mostrar botón agregar -->
                            <button type="button" class="cartbutton productplus add-to-cart-btn showcase-btn-add-cart" item="3">
                                <i class="fa fa-cart-plus"></i>
                                <span>Agregar al Carrito</span>
                            </button>
                                            </div>
                    <button type="button" class="showcase-btn-buy-now" onclick="buyNow(3)">
                        <i class="fa fa-bolt"></i>
                        <span>Comprar Ahora</span>
                    </button>
                </div>

                <div class="showcase-additional-actions">
                    <button type="button" class="showcase-btn-share">
                        <i class="fa fa-share-alt"></i>
                        <span>Compartir</span>
                    </button>
                </div>
                            </div>
            <!-- Características Showcase -->
            <div class="showcase-features-section">
                <h3 class="showcase-section-title">
                    <i class="fa fa-star"></i>
                    Características y Garantías
                </h3>
                <div class="showcase-features-grid">
                                        
                    <div class="showcase-feature-item">
                        <div class="showcase-feature-icon">
                            <i class="fa fa-shield"></i>
                        </div>
                        <div class="showcase-feature-content">
                            <h4>Garantía</h4>
                            <p>30 días de garantía total</p>
                        </div>
                    </div>
                    
                                        <div class="showcase-feature-item">
                        <div class="showcase-feature-icon">
                            <i class="fa fa-clock-o"></i>
                        </div>
                        <div class="showcase-feature-content">
                            <h4>Entrega Rápida</h4>
                            <p>5 a 7</p>
                        </div>
                    </div>
                                        
                    <div class="showcase-feature-item">
                        <div class="showcase-feature-icon">
                            <i class="fa fa-credit-card"></i>
                        </div>
                        <div class="showcase-feature-content">
                            <h4>Pago Seguro</h4>
                            <p>Múltiples métodos de pago</p>
                        </div>
                    </div>
                    
                                        
                    <div class="showcase-feature-item">
                        <div class="showcase-feature-icon">
                            <i class="fa fa-headphones"></i>
                        </div>
                        <div class="showcase-feature-content">
                            <h4>Soporte 24/7</h4>
                            <p>Atención al cliente siempre</p>
                        </div>
                    </div>
                    
                                        <div class="showcase-feature-item">
                        <div class="showcase-feature-icon">
                            <i class="fa fa-cube"></i>
                        </div>
                        <div class="showcase-feature-content">
                            <h4>Peso</h4>
                            <p>75</p>
                        </div>
                    </div>
                                        
                                    </div>
            </div>
        </div>
    </div>
</div>

<!-- Productos Relacionados Showcase -->
<!-- Barra de Seguridad -->
<div class="security-bar">
    <div class="container">
                <div class="security-info-grid">
                                            <div class="security-item">
                    <div class="security-icon">
                        <i class="fa fa-shield"></i>
                    </div>
                    <div class="security-content">
                        <h4>Compra Protegida</h4>
                        <p>Tus datos están seguros con encriptación SSL</p>
                    </div>
                </div>
                                                            <div class="security-item">
                    <div class="security-icon">
                        <i class="fa fa-undo"></i>
                    </div>
                    <div class="security-content">
                        <h4>Devoluciones Fáciles</h4>
                        <p>30 días para devolver tu producto</p>
                    </div>
                </div>
                                                            <div class="security-item">
                    <div class="security-icon">
                        <i class="fa fa-certificate"></i>
                    </div>
                    <div class="security-content">
                        <h4>Garantía de Calidad</h4>
                        <p>Productos 100% originales y garantizados</p>
                    </div>
                </div>
                                                            <div class="security-item">
                    <div class="security-icon">
                        <i class="fa fa-headphones"></i>
                    </div>
                    <div class="security-content">
                        <h4>Soporte 24/7</h4>
                        <p>Te ayudamos cuando lo necesites</p>
                    </div>
                </div>
                                    </div>
            </div>
</div>


			</div>
		</section>
	</div>
	
	
	<footer id="footer" class="container" style="background-color: #ffffff !important; color: #111111 !important;">
	    <div class="footer-content">
	        <div class="">
	            <div class="row">
	                <div class="col-md-12" style="text-align: center;"><a href="/site/lp?id=1&n=footlogo"><img alt="Deja huella logo" title="Deja huella" class="lazyload"  data-src="displayimage?id=5" style="max-height:100px; max-width: 100%;"></a><p style="margin-top: 12px; margin-bottom: 5px; text-align: center; color: #111111 !important;">“Deja huella y cambia sus vidas”</p>
	                </div><div class="row"><div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" style="text-align: center;">
							<h3 class="m-t-0">
								<a href="https://www.facebook.com/ruthmagallonmx/" target="_blank" rel="noopener" style="color: var(--main-footer-color) !important;" title="Perfil de Facebook"><i style="color: var(--main-footer-color) !important;" class="fa fa-facebook-square"></i> <span class="hidden-xs" style="color: var(--main-footer-color) !important;">Facebook</span></a>
							</h3>
						</div><div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" style="text-align: center;">
	                    <h3 class="m-t-0">
	                    <a href="https://www.instagram.com/ruthmagallondejahuella/" target="_blank" rel="noopener" style="color: var(--main-footer-color) !important;" title="Perfil de Instagram"><i style="color: var(--main-footer-color) !important;" class="fa fa-instagram"></i> <span class="hidden-xs" style="color: var(--main-footer-color) !important;">Instagram</span></a>
	                   </h3>
	                </div></div></div>
	        </div>
	    </div>
	    <div class="copyright-content">
	        <div class="">
	            <div class="row">
					<div class="col-md-3">
						<div class="copyright-text text-left">
								<ul style="text-decoration: none;">
									<li style="list-style: none;"><a href="/site/aviso" style="text-transform: none; color: #111111 !important;">Aviso de privacidad</a></li>
									<li style="list-style: none;"><a href="/site/terminos" style="text-transform: none; color: #111111 !important;">Términos y condiciones</a></li>
									<li style="list-style: none;"><a href="/site/cookies" style="text-transform: none; color: #111111 !important;">Política de cookies</a></li><li style="list-style: none;"><a target="_blank" href="https://hubbdi.com" style="text-transform: none; color: #111111 !important;">Powered by Hubbdi 2.2.0.8</a></li></ul>
						</div>
					</div>
					<div class="copyright-text col-md-6" style="text-transform: none; text-align: center;">2023 - 2025 &copy; Deja huella. <br />Ruth Magallón Galvez<br /><div style="color: rgb(0, 0, 0); font-family: "Times New Roman"; font-size: medium;"><font color="#202020" face="Open Sans"><span style="caret-color: rgb(32, 32, 32); font-size: 14px;">Torre SMNYL </span></font></div><div style="color: rgb(0, 0, 0); font-family: "Times New Roman"; font-size: medium;"><font color="#202020" face="Open Sans"><span style="caret-color: rgb(32, 32, 32); font-size: 14px;">Av.Prol.Americas 1500 piso 18 Country</span></font></div>
	                </div>
					<div class="col-md-3">
						<div class="copyright-text text-right">
								<ul style="text-decoration: none;">
									<li style="list-style: none;"><a href="/site/faq" style="text-transform: none; color: #111111 !important;">Preguntas frecuentes</a></li>
									<li style="list-style: none;"><a href="/site/unsuscribe" style="text-transform: none; color: #111111 !important;">Cancelar mi suscripción</a></li>
									<li style="list-style: none;"><a href="mailto:contacto@dejahuella.vip" style="text-transform: none; color: #111111 !important;">contacto@dejahuella.vip</a></li>
								</ul>
						</div>
					</div>
	            </div>
	        </div>
	    </div>
	</footer>
	<!-- JavaScript del carrito (funcionalidad existente) -->
		
	<!-- JavaScript específico del template -->
		<script src="/site/templates/products/showcase.js?v=1754347066"></script>
		
	<!-- JavaScript para funcionalidad de videos -->
	<script src="/site/pages/productdet.js?v=1754347033"></script>
	
	<!-- Variables globales para el sistema de productos -->
	<script>
		// Variable global para acceso a la moneda principal
		window.MONEDA_PRINCIPAL = 'MXN';
		
		// Datos del producto para el sistema de carrito
		const productData = {
			id: 3,
			name: 'Aceite de protección',
			price: 250,
			stock: 100,
			image: 'https://dejahuella.vip/mtcustom/products/PROD-51-3-1759359446-68ddb1d64b67b.jpg.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 3:', 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"  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> MXN</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 = "51";
			var SITEBASEURL = "https://dejahuella.vip";
			const SYSTEM_CURRENCY = "MXN";
			const SYSTEM_RECAPTCHAKEY = "6LePHVUfAAAAACZeDvSV_nOMG0PTjeAFOcf-FKME";
			const HUBB_SYS_CURR_PAGE = "productdet";
			const SYSTEM_CURRURL = "https://dejahuella.vip/site/productdet?id=3&n=aceite-de-proteccion";
			const Hubb_iconWellDone = "fa fa-check-circle";
			const Hubb_iconAlert = "fa fa-times-circle";const FBAPI1 = false;const FBAPI2 = false;const FBPIXEL1 = true;const FBPIXEL2 = true;const STRIPE_PUBLIC_KEY = "";const TIKTOKPIXEL1 = false; 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=1742348058"></script>
		<script type="text/javascript" src="/admin/js/bootstrap.min.js?v=1708064446"></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=1701796024" defer></script>
		<script type="text/javascript" src="/admin/js/hubbdifyb.min.js?v=1760371143" defer></script>
		<script src="/site/vendor/plugins-compressed.js?v=1749600204" defer></script>
		<script src="/site/vendor/owlcarousel/owl.carousel.min.js?v=1742348086" defer></script>
		<script src="/site/js/theme-functions.min.js?v=1753123306" defer></script>
		<script src="/site/js/hubbdicalendars.min.js?v=1759356925" defer></script>
		<script src="/site/js/custom.min.js?v=1755887136" defer></script>
		
		<!-- Scripts Async Para Performance -->
		<script src="/site/mailcheck/mailcheck.min.js?v=1701795997" async></script>
		<script type="text/javascript" src="/admin/js/jquery.form.js?v=1701795983" defer></script>
		<script type="text/javascript" src="/site/js/jquery.scrollTo.min.js?v=1742348058" defer></script><script>
	        	//$(document).ready(function(e) {
	        	//	setInterval(function () {
				//        actualizarSession(2643660);
				//    },3000);
				//});
        	</script><script src="/site/pages/productdet.min.js?v=1754101903"></script>	<style>
		 :root {  
			  --main-color: #5e5e60;  
			  --main-color2: #eeedf2;  
			  --main-color3: #5e5e60;  
			  --main-font: 'Montserrat';
			  --main-font-color: #111111;
			  --main-background-color: #ffffff;
			  --main-container-color: #ffffff;
			  --main-site-color: #333333;
			  --main-menu-color: #ffffff;
			  --main-footer-color: #111111;
			  
			  /* 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=1701796108">
		<link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="/site/vendor/bootstrap/css/bootstrap.min.css?v=1742348141">
		<link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="/site/css/custom.min.css?v=1760573478"><link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="/site/vendor/fontawesome/css/font-awesome.min.css?v=1742348142">
		<link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="/site/vendor/animateit/animate.min.css?v=1742348085"><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=1701796023">
		<link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="/site/css/hubbdicalendar.min.css?v=1758235463"><link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="/site/pages/productdet.min.css?v=1754101905">
	<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>