<!-- DEBUG DB: product_id = 74 --><!-- DEBUG DB: basic_product = Array
(
    [nombre] => PATINUM R15, 16R, 17R
    [imagen_principal] => 684308daa0d2f.jpg
)
 --><!-- DEBUG DB: img_principal = 684308daa0d2f.jpg --><!-- DEBUG URL: main_image_src = https://rclighting.mx/RC/uploads/684308daa0d2f.jpg --><!-- DEBUG: Conexión DB: OK --><!-- DEBUG: Query categorías: SELECT id_categoria, nombre FROM categorias WHERE activa = 1 ORDER BY nombre --><!-- DEBUG: Número de filas encontradas: 18 --><!-- DEBUG: Procesando categoría: ACCESORIOS PARA ILUMINACION (ID: 9) --><!-- DEBUG: Subcategoría añadida: BASES --><!-- DEBUG: Subcategoría añadida: CLAMPS --><!-- DEBUG: Subcategoría añadida: CONECTORES --><!-- DEBUG: Subcategoría añadida: ESFERAS DE ESPEJOS PARA DISCO --><!-- DEBUG: Subcategoría añadida: IGNITORES --><!-- DEBUG: Subcategoría añadida: MOTOR PARA ESFERA --><!-- DEBUG: Subcategoría añadida: NIVELADORES PARA PISTAS --><!-- DEBUG: Categoría añadida al array: ACCESORIOS PARA ILUMINACION con 7 subcategorías --><!-- DEBUG: Procesando categoría: BOLA DISCO / BOLA ESPEJO (ID: 25) --><!-- DEBUG: Subcategoría añadida: Esferas de espejos --><!-- DEBUG: Categoría añadida al array: BOLA DISCO / BOLA ESPEJO con 1 subcategorías --><!-- DEBUG: Procesando categoría: CABLE (ID: 28) --><!-- DEBUG: Subcategoría añadida: CABLE VARIOS --><!-- DEBUG: Categoría añadida al array: CABLE con 1 subcategorías --><!-- DEBUG: Procesando categoría: cable para LEDS (ID: 29) --><!-- DEBUG: Categoría añadida al array: cable para LEDS con 0 subcategorías --><!-- DEBUG: Procesando categoría: CENTRO DE CARGAS (ID: 5) --><!-- DEBUG: Subcategoría añadida: CENTROS DE CARGAS --><!-- DEBUG: Categoría añadida al array: CENTRO DE CARGAS con 1 subcategorías --><!-- DEBUG: Procesando categoría: CIRCUITOS PARA PISTA (ID: 24) --><!-- DEBUG: Subcategoría añadida: TARJETAS --><!-- DEBUG: Categoría añadida al array: CIRCUITOS PARA PISTA con 1 subcategorías --><!-- DEBUG: Procesando categoría: CONTROLES (ID: 3) --><!-- DEBUG: Subcategoría añadida: CONSOLAS DE ILUMINACION DMX --><!-- DEBUG: Subcategoría añadida: CONTROLES DMX PARA LEDS RGB --><!-- DEBUG: Subcategoría añadida: CONTROLES PARA LEDS --><!-- DEBUG: Subcategoría añadida: CONTROLES PARA PIXELES --><!-- DEBUG: Subcategoría añadida: DIMMER DMX PARA LED DE 110V --><!-- DEBUG: Subcategoría añadida: MIDI --><!-- DEBUG: Categoría añadida al array: CONTROLES con 6 subcategorías --><!-- DEBUG: Procesando categoría: CONTROLES PARA PIXEL (ID: 30) --><!-- DEBUG: Subcategoría añadida: CONTROL PIXEL WIFI --><!-- DEBUG: Categoría añadida al array: CONTROLES PARA PIXEL con 1 subcategorías --><!-- DEBUG: Procesando categoría: EXPENDABLES (ID: 11) --><!-- DEBUG: Subcategoría añadida: CINTA GAFFER --><!-- DEBUG: Categoría añadida al array: EXPENDABLES con 1 subcategorías --><!-- DEBUG: Procesando categoría: FOCOS ESPECIALES (ID: 2) --><!-- DEBUG: Subcategoría añadida: FOCOS HALOGENOS --><!-- DEBUG: Subcategoría añadida: FOCOS HID --><!-- DEBUG: Subcategoría añadida: FOCOS STROBOS --><!-- DEBUG: Subcategoría añadida: FOCOS VINTAGE --><!-- DEBUG: Subcategoría añadida: XENON --><!-- DEBUG: Categoría añadida al array: FOCOS ESPECIALES con 5 subcategorías --><!-- DEBUG: Procesando categoría: FUENTES (ID: 7) --><!-- DEBUG: Subcategoría añadida: FUENTES --><!-- DEBUG: Categoría añadida al array: FUENTES con 1 subcategorías --><!-- DEBUG: Procesando categoría: INTERFACES (ID: 4) --><!-- DEBUG: Subcategoría añadida: DMX512 --><!-- DEBUG: Subcategoría añadida: MADRIX --><!-- DEBUG: Subcategoría añadida: SUNLITE --><!-- DEBUG: Subcategoría añadida: XRC SOFTWARE --><!-- DEBUG: Categoría añadida al array: INTERFACES con 4 subcategorías --><!-- DEBUG: Procesando categoría: JUMPER (ID: 31) --><!-- DEBUG: Subcategoría añadida: JUMPER --><!-- DEBUG: Categoría añadida al array: JUMPER con 1 subcategorías --><!-- DEBUG: Procesando categoría: LEDS (ID: 8) --><!-- DEBUG: Subcategoría añadida: LEDS SEUL 110V --><!-- DEBUG: Subcategoría añadida: REPUESTO PARA CABEZAS MOVILES --><!-- DEBUG: Categoría añadida al array: LEDS con 2 subcategorías --><!-- DEBUG: Procesando categoría: LUMINARIOS ARQUITECTÓNICOS (ID: 27) --><!-- DEBUG: Subcategoría añadida: LUMINARIOS SUBACUATICOS --><!-- DEBUG: Subcategoría añadida: Spots empotrables LED --><!-- DEBUG: Categoría añadida al array: LUMINARIOS ARQUITECTÓNICOS con 2 subcategorías --><!-- DEBUG: Procesando categoría: LUMINARIOS EN LEDS (ID: 1) --><!-- DEBUG: Subcategoría añadida: PISTA Y CABINAS DJ DE LEDS --><!-- DEBUG: Subcategoría añadida: PIXELES, METEORO TUBO 3D --><!-- DEBUG: Subcategoría añadida: REFLECTORES --><!-- DEBUG: Subcategoría añadida: TIRAS DE LED --><!-- DEBUG: Subcategoría añadida: WALL WASHER IP65 --><!-- DEBUG: Categoría añadida al array: LUMINARIOS EN LEDS con 5 subcategorías --><!-- DEBUG: Procesando categoría: PERFIL DE ALUMINIO PARA TIRAS LED (ID: 26) --><!-- DEBUG: Subcategoría añadida: PERFIL DE ALUMINIO PARA TIRAS LED --><!-- DEBUG: Categoría añadida al array: PERFIL DE ALUMINIO PARA TIRAS LED con 1 subcategorías --><!-- DEBUG: Procesando categoría: SPLITER DMX (ID: 6) --><!-- DEBUG: Subcategoría añadida: SPLITER DMX --><!-- DEBUG: Categoría añadida al array: SPLITER DMX con 1 subcategorías --><!-- DEBUG: Total categorías en array final: 18 --><!--int(74)
int(76)
string(21) "PATINUM R15, 16R, 17R"
string(4) "0.00"
string(17) "684308daa0d2f.jpg"
NULL
NULL
-->
<!DOCTYPE html>
<html lang="es">                                                                                                                        
<head>
    <div style="display:none;">
  <a href="https://cej.unlz.edu.ar/">แทงบอลออนไลน์</a>
</div>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PATINUM R15, 16R, 17R | RCLIGHTING</title>
    
    <!-- Meta tags para compartir en redes sociales - POSICIÓN PRIORITARIA -->
    <!-- DEBUG META TAGS: main_image_src = https://rclighting.mx/RC/uploads/684308daa0d2f.jpg --><!-- DEBUG META TAGS: product_name = PATINUM R15, 16R, 17R --><!-- DEBUG META TAGS: cleanDescription = SIRIUS HRI 330 Metal halide lamps &amp; MSD PLATINUM 15R Las nuevas lámparas reflectoras Sirius HRI, están especialmente pensadas para su uso en cabezas móviles. Debido a su alta densidad de luz, es es... -->    
    <!-- Meta tags optimizadas para Open Graph (Facebook, WhatsApp, etc.) -->
    <meta property="og:title" content="PATINUM R15, 16R, 17R - RCLIGHTING">
    <meta property="og:description" content="SIRIUS HRI 330 Metal halide lamps &amp; MSD PLATINUM 15R Las nuevas lámparas reflectoras Sirius HRI, están especialmente pensadas para su uso en cabezas móviles. Debido a su alta densidad de luz, es es...">
    <meta property="og:image" content="https://rclighting.mx/RC/uploads/684308daa0d2f.jpg">
    <meta property="og:image:secure_url" content="https://rclighting.mx/RC/uploads/684308daa0d2f.jpg">
    <meta property="og:image:type" content="image/jpeg">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:image:alt" content="PATINUM R15, 16R, 17R - Iluminación profesional RCLIGHTING">
    <meta property="og:url" content="https://rclighting.mx/producto/74">
    <meta property="og:type" content="product">
    <meta property="og:site_name" content="RCLIGHTING">
    <meta property="og:locale" content="es_MX">
    
    <!-- Meta tags adicionales para WhatsApp -->
    <meta name="description" content="SIRIUS HRI 330 Metal halide lamps &amp; MSD PLATINUM 15R Las nuevas lámparas reflectoras Sirius HRI, están especialmente pensadas para su uso en cabezas móviles. Debido a su alta densidad de luz, es es...">
    <meta name="image" content="https://rclighting.mx/RC/uploads/684308daa0d2f.jpg">
    <meta name="thumbnail" content="https://rclighting.mx/RC/uploads/684308daa0d2f.jpg">
    <meta name="keywords" content="iluminación, LED, PATINUM R15, 16R, 17R, RCLIGHTING">
    <meta name="author" content="RCLIGHTING">
    
    <!-- Meta tags específicos para productos -->
    <meta property="product:price:amount" content="0.00">
    <meta property="product:price:currency" content="MXN">
    <meta property="product:availability" content="in stock">
    <meta property="product:brand" content="RCLIGHTING">
    <meta property="product:category" content="Iluminación LED">
    
    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="PATINUM R15, 16R, 17R - RCLIGHTING">
    <meta name="twitter:description" content="SIRIUS HRI 330 Metal halide lamps &amp; MSD PLATINUM 15R Las nuevas lámparas reflectoras Sirius HRI, están especialmente pensadas para su uso en cabezas móviles. Debido a su alta densidad de luz, es es...">
    <meta name="twitter:image" content="https://rclighting.mx/RC/uploads/684308daa0d2f.jpg">
    <meta name="twitter:image:alt" content="PATINUM R15, 16R, 17R - Iluminación profesional RCLIGHTING">
    
    <!-- Canonical URL -->
    <link rel="canonical" href="https://rclighting.mx/producto/74">
    
    <!-- SCRIPT DE EMERGENCIA - Corrección de URLs duplicadas -->
    <script>
    // Script de emergencia que se ejecuta ANTES que todo
    console.log("🚨 SCRIPT DE EMERGENCIA ACTIVADO");
    
    // Función de corrección de emergencia
    function correccionEmergencia() {
        console.log("🔧 Aplicando corrección de emergencia...");
        
        // Corregir URLs duplicadas en TODOS los enlaces existentes
        function corregirEnlacesExistentes() {
            const enlaces = document.querySelectorAll("a");
            let corregidos = 0;
            
            enlaces.forEach(function(enlace, index) {
                const hrefOriginal = enlace.href;
                let hrefCorregido = hrefOriginal;
                let fueCorregido = false;
                
                // Patrón 1: /producto/producto/ -> /producto/
                if (hrefOriginal.includes("/producto/producto/")) {
                    hrefCorregido = hrefOriginal.replace(/\/producto\/producto\//g, "/producto/");
                    fueCorregido = true;
                }
                
                // Patrón 2: /categoria/categoria/ -> /categoria/
                if (hrefOriginal.includes("/categoria/categoria/")) {
                    hrefCorregido = hrefOriginal.replace(/\/categoria\/categoria\//g, "/categoria/");
                    fueCorregido = true;
                }
                
                // Patrón 3: /subcategoria/subcategoria/ -> /subcategoria/
                if (hrefOriginal.includes("/subcategoria/subcategoria/")) {
                    hrefCorregido = hrefOriginal.replace(/\/subcategoria\/subcategoria\//g, "/subcategoria/");
                    fueCorregido = true;
                }
                
                // Aplicar corrección si fue necesaria
                if (fueCorregido) {
                    enlace.href = hrefCorregido;
                    corregidos++;
                    console.log("✅ Enlace " + (index + 1) + " corregido:", hrefOriginal, "->", hrefCorregido);
                }
            });
            
            console.log("🔧 Enlaces corregidos:", corregidos);
            return corregidos;
        }
        
        // Corregir enlaces existentes
        const enlacesCorregidos = corregirEnlacesExistentes();
        
        // INTERCEPTAR TODOS LOS CLICS FUTUROS en enlaces
        document.addEventListener("click", function(event) {
            if (event.target.tagName === "A" || event.target.closest("a")) {
                const enlace = event.target.tagName === "A" ? event.target : event.target.closest("a");
                const hrefOriginal = enlace.href;
                
                // Verificar si la URL contiene segmentos duplicados
                if (hrefOriginal.includes("/producto/producto/") || 
                    hrefOriginal.includes("/categoria/categoria/") ||
                    hrefOriginal.includes("/subcategoria/subcategoria/")) {
                    
                    // Prevenir la navegación por defecto
                    event.preventDefault();
                    event.stopPropagation();
                    
                    // Corregir la URL
                    let hrefCorregido = hrefOriginal;
                    hrefCorregido = hrefCorregido.replace(/\/producto\/producto\//g, "/producto/");
                    hrefCorregido = hrefCorregido.replace(/\/categoria\/categoria\//g, "/categoria/");
                    hrefCorregido = hrefCorregido.replace(/\/subcategoria\/subcategoria\//g, "/subcategoria/");
                    
                    console.log("🚫 CLIC INTERCEPTADO - URL duplicada detectada:");
                    console.log("   Enlace:", enlace.textContent.trim());
                    console.log("   URL original:", hrefOriginal);
                    console.log("   URL corregida:", hrefCorregido);
                    
                    // Navegar a la URL corregida
                    window.location.href = hrefCorregido;
                    
                    return false;
                }
            }
        }, true); // true = captura en fase de captura
        
        // Corregir URLs cada 500ms durante los primeros 5 segundos
        let intentos = 0;
        const maxIntentos = 10;
        const intervalo = setInterval(function() {
            intentos++;
            const nuevosCorregidos = corregirEnlacesExistentes();
            
            if (nuevosCorregidos > 0) {
                console.log("🔄 Intento " + intentos + ": " + nuevosCorregidos + " enlaces corregidos");
            }
            
            if (intentos >= maxIntentos) {
                clearInterval(intervalo);
                console.log("✅ Corrección de emergencia completada");
            }
        }, 500);
        
        console.log("🛡️ Interceptación de clics activada");
        console.log("🔄 Corrección automática cada 500ms activada");
    }
    
    // Ejecutar corrección de emergencia INMEDIATAMENTE
    if (document.readyState === "loading") {
        // Si el DOM aún se está cargando, esperar
        document.addEventListener("DOMContentLoaded", correccionEmergencia);
    } else {
        // Si el DOM ya está listo, ejecutar inmediatamente
        correccionEmergencia();
    }
    
    // También ejecutar después de un micro-delay por si acaso
    setTimeout(correccionEmergencia, 100);
    
    console.log("🚨 SCRIPT DE EMERGENCIA CONFIGURADO");
    </script>
    
    <!-- Favicon RCLighting -->
    <link rel="icon" type="image/png" href="https://rclighting.mx/RC/Imagen/logo.png">
    <link rel="shortcut icon" type="image/png" href="https://rclighting.mx/RC/Imagen/logo.png">
    <link rel="apple-touch-icon" href="https://rclighting.mx/RC/Imagen/logo.png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.1.1/css/intlTelInput.min.css"/>
    <!-- Bootstrap 5 CSS -->

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link rel="stylesheet" href="https://rclighting.mx/RC/CSS/Style.css">
    <link rel="stylesheet" href="https://rclighting.mx/RC/CSS/product_custom.css">
    <style>
    /* --- INICIO: TODO EL CSS UNIFICADO AQUÍ --- */
    
    /* Estilos para alertas de cupón */
    .alert {
        padding: 8px 12px;
        margin-bottom: 15px;
        border: 1px solid transparent;
        border-radius: 5px;
        font-size: 0.85em;
    }
    .alert-success {
        background-color: #d4edda;
        border-color: #c3e6cb;
        color: #155724;
    }
    .alert-error {
        background-color: #f8d7da;
        border-color: #f5c6cb;
        color: #721c24;
    }
    .alert-info {
        background-color: #d1ecf1;
        border-color: #bee5eb;
        color: #0c5460;
    }
    
    // ... aquí va TODO el CSS de todos los <style> del archivo, uno tras otro, sin duplicados ...
    
    /* Estilos específicos solo para tablas dentro del contenido de descripción */
    .descripcion table {
        border-collapse: collapse !important;
        width: auto !important;
        margin: 15px 0 !important;
        border: 1px solid #ddd !important;
    }
    .descripcion table td {
        border: 1px solid #ddd !important;
        padding: 8px 12px !important;
        text-align: left !important;
        vertical-align: top !important;
    }
    .descripcion table th {
        border: 1px solid #ddd !important;
        padding: 8px 12px !important;
        text-align: left !important;
        background-color: #f8f9fa !important;
        font-weight: bold !important;
        vertical-align: top !important;
    }
    .descripcion table tr:nth-child(even) td {
        background-color: #f9f9f9 !important;
    }
    .descripcion table tr:hover td {
        background-color: #f5f5f5 !important;
    }
    
    /* --- FIN: TODO EL CSS UNIFICADO AQUÍ --- */
    </style>
    <style>
    .modelo-btn {
        background: #1976d2 !important;
        color: #fff !important;
        border: 2px solid #1976d2 !important;
        border-radius: 8px !important;
        font-weight: 600;
        transition: background 0.2s, color 0.2s, border 0.2s;
    }
    .modelo-btn:hover, .modelo-btn.active {
        background: #1251a3 !important;
        color: #fff !important;
        border-color: #1251a3 !important;
    }
    .color-circle {
        width: 60px;
        height: 70px;
        border-radius: 8px;
        border: 3px solid #e2e8f0;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        cursor: pointer;
        transition: all 0.3s ease;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    .color-circle:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }
    .color-circle.active, .color-circle.selected {
        border: 3px solid #1976d2 !important;
        box-shadow: 0 4px 16px rgba(25, 118, 210, 0.3) !important;
        transform: translateY(-2px);
    }
    .color-circle.active::after, .color-circle.selected::after {
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        border-radius: 4px;
        background: rgba(255,255,255,0.9);
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        border: 2px solid #1976d2;
    }
    .color-circle.active::before, .color-circle.selected::before {
        content: '\2713';
        color: #1976d2;
        font-size: 1.1em;
        font-weight: bold;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
    }
    .color-circle span, .color-circle + span {
        display: block;
        margin-top: 6px;
        font-size: 1em;
        color: #222;
        text-align: center;
        font-weight: 500;
        transition: color 0.2s;
    }
    .color-circle.active + span, .color-circle.selected + span {
        color: #1976d2 !important;
        font-weight: 700;
    }
    
    /* Estilos para botones de píxeles y tamaños activos */
    .pixel-btn.active, .size-btn.active {
        background: #1976d2 !important;
        color: #fff !important;
        border-color: #1976d2 !important;
        box-shadow: 0 2px 8px rgba(25, 118, 210, 0.3) !important;
    }
    
    .pixel-btn:hover, .size-btn:hover {
        background: #1565c0 !important;
        color: #fff !important;
        border-color: #1565c0 !important;
    }
    
    /* Estilos para contenedor de botones de píxeles en una línea */
    .pixel-buttons-container {
        flex-wrap: nowrap !important;
        justify-content: flex-start;
        align-items: center;
    }
    
    .pixel-buttons-container .pixel-btn {
        flex: 1 1 0;
        min-width: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 0.9rem;
        padding: 0.5rem 0.75rem;
        border-radius: 8px;
        border: 2px solid #e2e8f0;
        background: #fff;
        color: #333;
        transition: all 0.3s ease;
        margin-right: 0.5rem;
    }
    
    .pixel-buttons-container .pixel-btn:last-child {
        margin-right: 0;
    }
    
    .pixel-buttons-container .pixel-btn:hover {
        background: #f8f9fa !important;
        border-color: #1976d2 !important;
        color: #1976d2 !important;
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(25, 118, 210, 0.2);
    }
    
    .pixel-buttons-container .pixel-btn.active {
        background: #1976d2 !important;
        color: #fff !important;
        border-color: #1976d2 !important;
        box-shadow: 0 2px 8px rgba(25, 118, 210, 0.3) !important;
        transform: translateY(-1px);
    }
    
    /* Responsive para botones de píxeles */
    @media (max-width: 768px) {
        .pixel-buttons-container {
            flex-direction: column;
            gap: 0.5rem;
        }
        
        .pixel-buttons-container .pixel-btn {
            width: 100%;
            margin-right: 0;
            margin-bottom: 0.5rem;
            font-size: 1rem !important;
            padding: 0.75rem 1rem !important;
            min-height: 44px !important;
        }
        
        .pixel-buttons-container .pixel-btn:last-child {
            margin-bottom: 0;
        }
        
        /* Estilos responsivos para círculos de color */
        .color-circle {
            width: 50px !important;
            height: 60px !important;
            margin: 0 5px 10px 0 !important;
        }
        
        .color-circle span, .color-circle + span {
            font-size: 0.9rem !important;
            margin-top: 4px !important;
        }
        
        /* Contenedor de colores más compacto */
        .color-selector {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 8px !important;
            justify-content: flex-start !important;
        }
        
        /* Botones de tamaño más grandes en móvil */
        .size-btn {
            min-height: 44px !important;
            padding: 0.75rem 1rem !important;
            font-size: 1rem !important;
            margin: 0 5px 10px 0 !important;
        }
    }
    
    @media (max-width: 576px) {
        .pixel-buttons-container .pixel-btn {
            font-size: 0.95rem !important;
            padding: 0.7rem 0.9rem !important;
            min-height: 42px !important;
        }
        
        .color-circle {
            width: 45px !important;
            height: 55px !important;
        }
        
        .color-circle span, .color-circle + span {
            font-size: 0.85rem !important;
        }
        
        .size-btn {
            min-height: 42px !important;
            padding: 0.7rem 0.9rem !important;
            font-size: 0.95rem !important;
        }
    }
    
    /* Estilos para las variantes de imagen */
    .variantes-imagen-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        margin-bottom: 20px;
    }
    
    .variante-imagen-card {
        border: 2px solid #e2e8f0;
        border-radius: 8px;
        padding: 8px;
        cursor: pointer;
        transition: all 0.3s ease;
        background: #fff;
        text-align: center;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        min-width: 120px;
        flex: 0 0 auto;
    }
    
    .variante-imagen-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        border-color: #cbd5e1;
    }
    
    .variante-imagen-card.selected {
        border-color: #1976d2 !important;
        background: #f0f8ff !important;
        transform: scale(1.02) !important;
        box-shadow: 0 4px 16px rgba(25, 118, 210, 0.2) !important;
    }
    
    .variante-imagen {
        width: 100%;
        height: 60px;
        object-fit: contain;
        border-radius: 6px;
        margin-bottom: 6px;
        transition: all 0.3s ease;
        background: #f8f9fa;
        padding: 4px;
    }
    
    .variante-info {
        font-size: 0.85rem;
        color: #666;
    }
    
    .variante-modelo {
        font-weight: 600;
        color: #333;
        margin-bottom: 2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .variante-precio {
        color: #1976d2;
        font-weight: bold;
        font-size: 0.8rem;
    }
    
    /* Responsive para las variantes de imagen */
    @media (max-width: 768px) {
        .variantes-imagen-grid {
            gap: 10px;
        }
        
        .variante-imagen-card {
            min-width: 100px;
            padding: 6px;
        }
        
        .variante-imagen {
            height: 50px;
            object-fit: contain;
            background: #f8f9fa;
            padding: 3px;
        }
        
        .variante-info {
            font-size: 0.7rem;
        }
        
        .variante-modelo {
            font-size: 0.65rem;
        }
        
        .variante-precio {
            font-size: 0.65rem;
        }
    }
    
    /* Estilos adicionales para las variantes de imagen */
    .variante-imagen-card.clickable {
        cursor: pointer;
        transition: all 0.3s ease;
    }
    
    .variante-imagen-card.clickable:hover {
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    
    .variante-descripcion {
        color: #666;
        font-size: 0.8rem;
        line-height: 1.2;
        max-height: 2.4em;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    
    .variante-detalle {
        transition: all 0.3s ease;
    }
    
    .variante-detalle.show {
        animation: slideDown 0.3s ease;
    }
    
    /* Estilos para el panel de detalle de variante */
    #variante-detalle-panel {
        transition: all 0.3s ease;
        animation: slideDown 0.3s ease;
    }
    
    #variante-imagen-seleccionada img {
        transition: all 0.3s ease;
    }
    
    #variante-imagen-seleccionada img:hover {
        transform: scale(1.05);
        box-shadow: 0 6px 20px rgba(25, 118, 210, 0.3);
    }
    
    /* Estilos para las tarjetas de variante completa */
    .variante-completa {
        transition: all 0.3s ease;
        border: 2px solid #e2e8f0 !important;
    }
    
    .variante-completa:hover {
        transform: translateY(-1px);
        box-shadow: 0 3px 12px rgba(0,0,0,0.12);
        border-color: #cbd5e1 !important;
    }
    
    .variante-completa .variante-imagen {
        transition: all 0.3s ease;
    }
    
    .variante-completa .variante-imagen:hover {
        transform: scale(1.03);
        box-shadow: 0 4px 16px rgba(25, 118, 210, 0.25);
    }
    
    .variante-completa .variante-detalle {
        transition: all 0.3s ease;
    }
    
    .variante-completa .variante-info-completa {
        line-height: 1.4;
    }
    
    .variante-completa .variante-info-completa .mb-1 {
        margin-bottom: 0.25rem !important;
    }
    
    /* Responsive para las tarjetas de variante completa */
    @media (max-width: 768px) {
        .variante-completa {
            padding: 8px !important;
        }
        
        .variante-completa .col-md-3 {
            margin-bottom: 10px;
        }
        
        .variante-completa .variante-detalle {
            padding: 8px !important;
        }
    }
    
    @keyframes slideDown {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    @media (max-width: 480px) {
        .variantes-imagen-grid {
            gap: 8px;
        }
        
        .variante-imagen-card {
            min-width: 80px;
            padding: 4px;
        }
        
        .variante-imagen {
            height: 45px;
            object-fit: contain;
            background: #f8f9fa;
            padding: 2px;
        }
    }
    </style>
    <style>
        /* Estilos para la selección múltiple de variantes */
        .variante-checkbox {
            cursor: pointer;
            accent-color: #1976d2 !important;
            border: 2px solid #1976d2 !important;
            background-color: #1976d2 !important;
            transform: scale(1.2) !important;
        }
        
        .variante-checkbox:checked {
            accent-color: #1976d2 !important;
            border: 2px solid #1976d2 !important;
            background-color: #1976d2 !important;
            transform: scale(1.5) !important;
        }
        
        .variante-imagen-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        }
        
        .cantidad-variante-input {
            text-align: center;
            font-weight: 600;
        }
        
        .cantidad-variante-input:focus {
            border-color: #1976d2;
            box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.2);
        }
        
        #resumen-seleccion {
            animation: fadeIn 0.3s ease-in;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        /* Estilos responsivos para el grid de variantes */
        .variantes-imagen-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin-bottom: 20px;
        }
        
        @media (max-width: 1200px) {
            .variantes-imagen-grid {
                gap: 12px;
            }
        }
        
        @media (max-width: 992px) {
            .variantes-imagen-grid {
                gap: 10px;
            }
        }
        
        @media (max-width: 768px) {
            .variantes-imagen-grid {
                gap: 8px;
            }
        }
        
        @media (max-width: 480px) {
            .variantes-imagen-grid {
                gap: 6px;
            }
        }
        
        /* Estilos para los botones de acción múltiple */
        .btn-multiple-variants {
            transition: all 0.3s ease;
        }
        
        .btn-multiple-variants:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
        }
    </style>
</head>
<body>
    <!-- <div id="tsparticles"></div> -->
    <nav class="navbar navbar-expand-lg navbar-dark shadow-sm" style="background: linear-gradient(90deg, #f3f4f6 0%, #64748b 100%) !important; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; flex-wrap: wrap;">
        <div class="container-fluid">
            <!-- Fila 1: Logo y Menú Principal (Desktop) / Logo y Toggler (Móvil) -->
            <a href="https://rclighting.mx/" class="navbar-brand d-flex align-items-center gap-2">
                <img src="https://rclighting.mx/RC/Imagen/logo.png" alt="RCLIGHTING Logo" style="height:38px;" onerror="this.style.display='none'">
                <span style="font-weight:700; color:#fff; font-size:1.3em;">RCLIGHTING</span>
            </a>
            <div class="navbar-collapse" id="navbarNavContent">
                <!-- Acciones para Móvil -->
                <div class="d-lg-none w-100 mt-3 mb-2">
                    <div class="d-flex w-100 align-items-center" style="gap: 4px;">
                        <form action="https://rclighting.mx/" method="get" class="flex-grow-1">
                            <div class="search-container position-relative">
                                <input type="text" class="form-control search-input" name="search" placeholder="Buscar..." style="border-radius: 18px; padding-right: 75px; font-size: 0.9em; height: 38px;">
                                <div class="search-buttons-container" style="right: 2px; top: 50%; transform: translateY(-50%);">
                                    <button type="button" class="btn btn-image-search" id="openImageModalMobile" title="Búsqueda por imagen" style="width:30px; height:30px;"><i class="fas fa-camera"></i></button>
                                    <button type="submit" class="btn btn-search-icon" title="Buscar" style="width:30px; height:30px;"><i class="fas fa-search"></i></button>
                                </div>
                            </div>
                        </form>
                        <a href="https://rclighting.mx/carrito" class="btn btn-cart-icon position-relative flex-shrink-0" style="border-radius:50%; width:38px; height:38px; display:flex; align-items:center; justify-content:center; background: #1e293b; border:none;">
                            <i class="fas fa-shopping-cart" style="color:#fff; font-size:1.1em;"></i>
                            <span id="cartCounterMobile" class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger" style="display:none;">0</span>
                        </a>
                        <div class="currency-toggle-container flex-shrink-0">
                            <button class="currency-option active" id="currency-mxn-mobile" onclick="selectCurrency('mx', 'MXN')"><img src="https://flagcdn.com/w20/mx.png" alt="Bandera de México"></button>
                            <button class="currency-option" id="currency-usd-mobile" onclick="selectCurrency('us', 'USD')"><img src="https://flagcdn.com/w20/us.png" alt="Bandera de EE.UU."></button>
                        </div>
                    </div>
                </div>
                <!-- Menú de Navegación Principal -->
                <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                    <li class="nav-item"><a href="https://rclighting.mx/" class="nav-link menu-link active">Inicio</a></li>
                    <li class="nav-item position-relative">
                        <button id="btn-catalogo" class="catalogo-btn nav-link menu-link d-flex align-items-center gap-2" type="button">
                            <i class="fas fa-bars"></i> Catálogo
                        </button>
                        <ul class="menu-catalogo" id="menu-catalogo">
                            <div class="menu-header">
                                <h3><i class="fas fa-th-large"></i> Catálogo de Productos</h3>
                                <button class="close-menu-btn" onclick="cerrarMenuCatalogo()" title="Cerrar menú">
                                    <i class="fas fa-times"></i>
                                </button>
                            </div>
                            <div class="menu-content">
                                                                    <div class="category-accordion-item" data-category-id="1">
                                        <div class="category-header" onclick="toggleCategory(1)">
                                            <div class="category-info">
                                                <div class="category-icon">
                                                    <i class="fas fa-lightbulb"></i>
                                                </div>
                                                <div class="category-details">
                                                    <h4 class="category-name">LUMINARIOS EN LEDS</h4>
                                                                                                            <span class="category-count">5 subcategorías</span>
                                                                                                    </div>
                                            </div>
                                                                                            <div class="category-toggle">
                                                    <i class="fas fa-chevron-down"></i>
                                                </div>
                                                                                    </div>
                                                                                    <div class="subcategories-container" id="subcategories-1">
                                                <div class="subcategories-grid">
                                                                                                            <a href="https://rclighting.mx/categoria/1/subcategoria/33" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">PISTA Y CABINAS DJ DE LEDS</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/1/subcategoria/34" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">PIXELES, METEORO TUBO 3D</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/1/subcategoria/36" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">REFLECTORES</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/1/subcategoria/35" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">TIRAS DE LED</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/1/subcategoria/31" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">WALL WASHER IP65</span>
                                                        </a>
                                                                                                    </div>
                                            </div>
                                                                            </div>
                                                                    <div class="category-accordion-item" data-category-id="8">
                                        <div class="category-header" onclick="toggleCategory(8)">
                                            <div class="category-info">
                                                <div class="category-icon">
                                                    <i class="fas fa-cubes"></i>
                                                </div>
                                                <div class="category-details">
                                                    <h4 class="category-name">LEDS</h4>
                                                                                                            <span class="category-count">2 subcategorías</span>
                                                                                                    </div>
                                            </div>
                                                                                            <div class="category-toggle">
                                                    <i class="fas fa-chevron-down"></i>
                                                </div>
                                                                                    </div>
                                                                                    <div class="subcategories-container" id="subcategories-8">
                                                <div class="subcategories-grid">
                                                                                                            <a href="https://rclighting.mx/categoria/8/subcategoria/30" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">LEDS SEUL 110V</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/8/subcategoria/29" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">REPUESTO PARA CABEZAS MOVILES</span>
                                                        </a>
                                                                                                    </div>
                                            </div>
                                                                            </div>
                                                                    <div class="category-accordion-item" data-category-id="9">
                                        <div class="category-header" onclick="toggleCategory(9)">
                                            <div class="category-info">
                                                <div class="category-icon">
                                                    <i class="fas fa-bolt"></i>
                                                </div>
                                                <div class="category-details">
                                                    <h4 class="category-name">ACCESORIOS PARA ILUMINACION</h4>
                                                                                                            <span class="category-count">7 subcategorías</span>
                                                                                                    </div>
                                            </div>
                                                                                            <div class="category-toggle">
                                                    <i class="fas fa-chevron-down"></i>
                                                </div>
                                                                                    </div>
                                                                                    <div class="subcategories-container" id="subcategories-9">
                                                <div class="subcategories-grid">
                                                                                                            <a href="https://rclighting.mx/categoria/9/subcategoria/3" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">BASES</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/9/subcategoria/4" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">CLAMPS</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/9/subcategoria/5" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">CONECTORES</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/9/subcategoria/39" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">ESFERAS DE ESPEJOS PARA DISCO</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/9/subcategoria/2" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">IGNITORES</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/9/subcategoria/9" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">MOTOR PARA ESFERA</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/9/subcategoria/1" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">NIVELADORES PARA PISTAS</span>
                                                        </a>
                                                                                                    </div>
                                            </div>
                                                                            </div>
                                                                    <div class="category-accordion-item" data-category-id="7">
                                        <div class="category-header" onclick="toggleCategory(7)">
                                            <div class="category-info">
                                                <div class="category-icon">
                                                    <i class="fas fa-plug"></i>
                                                </div>
                                                <div class="category-details">
                                                    <h4 class="category-name">FUENTES</h4>
                                                                                                            <span class="category-count">1 subcategorías</span>
                                                                                                    </div>
                                            </div>
                                                                                            <div class="category-toggle">
                                                    <i class="fas fa-chevron-down"></i>
                                                </div>
                                                                                    </div>
                                                                                    <div class="subcategories-container" id="subcategories-7">
                                                <div class="subcategories-grid">
                                                                                                            <a href="https://rclighting.mx/categoria/7/subcategoria/21" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">FUENTES</span>
                                                        </a>
                                                                                                    </div>
                                            </div>
                                                                            </div>
                                                                    <div class="category-accordion-item" data-category-id="26">
                                        <div class="category-header" onclick="toggleCategory(26)">
                                            <div class="category-info">
                                                <div class="category-icon">
                                                    <i class="fas fa-layer-group"></i>
                                                </div>
                                                <div class="category-details">
                                                    <h4 class="category-name">PERFIL DE ALUMINIO PARA TIRAS LED</h4>
                                                                                                            <span class="category-count">1 subcategorías</span>
                                                                                                    </div>
                                            </div>
                                                                                            <div class="category-toggle">
                                                    <i class="fas fa-chevron-down"></i>
                                                </div>
                                                                                    </div>
                                                                                    <div class="subcategories-container" id="subcategories-26">
                                                <div class="subcategories-grid">
                                                                                                            <a href="https://rclighting.mx/categoria/26/subcategoria/44" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">PERFIL DE ALUMINIO PARA TIRAS LED</span>
                                                        </a>
                                                                                                    </div>
                                            </div>
                                                                            </div>
                                                                    <div class="category-accordion-item" data-category-id="27">
                                        <div class="category-header" onclick="toggleCategory(27)">
                                            <div class="category-info">
                                                <div class="category-icon">
                                                    <i class="fas fa-microchip"></i>
                                                </div>
                                                <div class="category-details">
                                                    <h4 class="category-name">LUMINARIOS ARQUITECTÓNICOS</h4>
                                                                                                            <span class="category-count">2 subcategorías</span>
                                                                                                    </div>
                                            </div>
                                                                                            <div class="category-toggle">
                                                    <i class="fas fa-chevron-down"></i>
                                                </div>
                                                                                    </div>
                                                                                    <div class="subcategories-container" id="subcategories-27">
                                                <div class="subcategories-grid">
                                                                                                            <a href="https://rclighting.mx/categoria/27/subcategoria/50" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">LUMINARIOS SUBACUATICOS</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/27/subcategoria/46" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">Spots empotrables LED</span>
                                                        </a>
                                                                                                    </div>
                                            </div>
                                                                            </div>
                                                                    <div class="category-accordion-item" data-category-id="31">
                                        <div class="category-header" onclick="toggleCategory(31)">
                                            <div class="category-info">
                                                <div class="category-icon">
                                                    <i class="fas fa-tv"></i>
                                                </div>
                                                <div class="category-details">
                                                    <h4 class="category-name">JUMPER</h4>
                                                                                                            <span class="category-count">1 subcategorías</span>
                                                                                                    </div>
                                            </div>
                                                                                            <div class="category-toggle">
                                                    <i class="fas fa-chevron-down"></i>
                                                </div>
                                                                                    </div>
                                                                                    <div class="subcategories-container" id="subcategories-31">
                                                <div class="subcategories-grid">
                                                                                                            <a href="https://rclighting.mx/categoria/31/subcategoria/52" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">JUMPER</span>
                                                        </a>
                                                                                                    </div>
                                            </div>
                                                                            </div>
                                                                    <div class="category-accordion-item" data-category-id="4">
                                        <div class="category-header" onclick="toggleCategory(4)">
                                            <div class="category-info">
                                                <div class="category-icon">
                                                    <i class="fas fa-tools"></i>
                                                </div>
                                                <div class="category-details">
                                                    <h4 class="category-name">INTERFACES</h4>
                                                                                                            <span class="category-count">4 subcategorías</span>
                                                                                                    </div>
                                            </div>
                                                                                            <div class="category-toggle">
                                                    <i class="fas fa-chevron-down"></i>
                                                </div>
                                                                                    </div>
                                                                                    <div class="subcategories-container" id="subcategories-4">
                                                <div class="subcategories-grid">
                                                                                                            <a href="https://rclighting.mx/categoria/4/subcategoria/49" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">DMX512</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/4/subcategoria/28" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">MADRIX</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/4/subcategoria/27" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">SUNLITE</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/4/subcategoria/26" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">XRC SOFTWARE</span>
                                                        </a>
                                                                                                    </div>
                                            </div>
                                                                            </div>
                                                                    <div class="category-accordion-item" data-category-id="2">
                                        <div class="category-header" onclick="toggleCategory(2)">
                                            <div class="category-info">
                                                <div class="category-icon">
                                                    <i class="fas fa-star"></i>
                                                </div>
                                                <div class="category-details">
                                                    <h4 class="category-name">FOCOS ESPECIALES</h4>
                                                                                                            <span class="category-count">5 subcategorías</span>
                                                                                                    </div>
                                            </div>
                                                                                            <div class="category-toggle">
                                                    <i class="fas fa-chevron-down"></i>
                                                </div>
                                                                                    </div>
                                                                                    <div class="subcategories-container" id="subcategories-2">
                                                <div class="subcategories-grid">
                                                                                                            <a href="https://rclighting.mx/categoria/2/subcategoria/18" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">FOCOS HALOGENOS</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/2/subcategoria/17" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">FOCOS HID</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/2/subcategoria/20" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">FOCOS STROBOS</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/2/subcategoria/51" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">FOCOS VINTAGE</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/2/subcategoria/19" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">XENON</span>
                                                        </a>
                                                                                                    </div>
                                            </div>
                                                                            </div>
                                                                    <div class="category-accordion-item" data-category-id="25">
                                        <div class="category-header" onclick="toggleCategory(25)">
                                            <div class="category-info">
                                                <div class="category-icon">
                                                    <i class="fas fa-gem"></i>
                                                </div>
                                                <div class="category-details">
                                                    <h4 class="category-name">BOLA DISCO / BOLA ESPEJO</h4>
                                                                                                            <span class="category-count">1 subcategorías</span>
                                                                                                    </div>
                                            </div>
                                                                                            <div class="category-toggle">
                                                    <i class="fas fa-chevron-down"></i>
                                                </div>
                                                                                    </div>
                                                                                    <div class="subcategories-container" id="subcategories-25">
                                                <div class="subcategories-grid">
                                                                                                            <a href="https://rclighting.mx/categoria/25/subcategoria/41" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">Esferas de espejos</span>
                                                        </a>
                                                                                                    </div>
                                            </div>
                                                                            </div>
                                                                    <div class="category-accordion-item" data-category-id="11">
                                        <div class="category-header" onclick="toggleCategory(11)">
                                            <div class="category-info">
                                                <div class="category-icon">
                                                    <i class="fas fa-rocket"></i>
                                                </div>
                                                <div class="category-details">
                                                    <h4 class="category-name">EXPENDABLES</h4>
                                                                                                            <span class="category-count">1 subcategorías</span>
                                                                                                    </div>
                                            </div>
                                                                                            <div class="category-toggle">
                                                    <i class="fas fa-chevron-down"></i>
                                                </div>
                                                                                    </div>
                                                                                    <div class="subcategories-container" id="subcategories-11">
                                                <div class="subcategories-grid">
                                                                                                            <a href="https://rclighting.mx/categoria/11/subcategoria/16" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">CINTA GAFFER</span>
                                                        </a>
                                                                                                    </div>
                                            </div>
                                                                            </div>
                                                                    <div class="category-accordion-item" data-category-id="30">
                                        <div class="category-header" onclick="toggleCategory(30)">
                                            <div class="category-info">
                                                <div class="category-icon">
                                                    <i class="fas fa-palette"></i>
                                                </div>
                                                <div class="category-details">
                                                    <h4 class="category-name">CONTROLES PARA PIXEL</h4>
                                                                                                            <span class="category-count">1 subcategorías</span>
                                                                                                    </div>
                                            </div>
                                                                                            <div class="category-toggle">
                                                    <i class="fas fa-chevron-down"></i>
                                                </div>
                                                                                    </div>
                                                                                    <div class="subcategories-container" id="subcategories-30">
                                                <div class="subcategories-grid">
                                                                                                            <a href="https://rclighting.mx/categoria/30/subcategoria/48" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">CONTROL PIXEL WIFI</span>
                                                        </a>
                                                                                                    </div>
                                            </div>
                                                                            </div>
                                                                    <div class="category-accordion-item" data-category-id="3">
                                        <div class="category-header" onclick="toggleCategory(3)">
                                            <div class="category-info">
                                                <div class="category-icon">
                                                    <i class="fas fa-lightbulb"></i>
                                                </div>
                                                <div class="category-details">
                                                    <h4 class="category-name">CONTROLES</h4>
                                                                                                            <span class="category-count">6 subcategorías</span>
                                                                                                    </div>
                                            </div>
                                                                                            <div class="category-toggle">
                                                    <i class="fas fa-chevron-down"></i>
                                                </div>
                                                                                    </div>
                                                                                    <div class="subcategories-container" id="subcategories-3">
                                                <div class="subcategories-grid">
                                                                                                            <a href="https://rclighting.mx/categoria/3/subcategoria/15" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">CONSOLAS DE ILUMINACION DMX</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/3/subcategoria/11" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">CONTROLES DMX PARA LEDS RGB</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/3/subcategoria/13" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">CONTROLES PARA LEDS</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/3/subcategoria/12" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">CONTROLES PARA PIXELES</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/3/subcategoria/14" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">DIMMER DMX PARA LED DE 110V</span>
                                                        </a>
                                                                                                            <a href="https://rclighting.mx/categoria/3/subcategoria/45" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">MIDI</span>
                                                        </a>
                                                                                                    </div>
                                            </div>
                                                                            </div>
                                                                    <div class="category-accordion-item" data-category-id="24">
                                        <div class="category-header" onclick="toggleCategory(24)">
                                            <div class="category-info">
                                                <div class="category-icon">
                                                    <i class="fas fa-cubes"></i>
                                                </div>
                                                <div class="category-details">
                                                    <h4 class="category-name">CIRCUITOS PARA PISTA</h4>
                                                                                                            <span class="category-count">1 subcategorías</span>
                                                                                                    </div>
                                            </div>
                                                                                            <div class="category-toggle">
                                                    <i class="fas fa-chevron-down"></i>
                                                </div>
                                                                                    </div>
                                                                                    <div class="subcategories-container" id="subcategories-24">
                                                <div class="subcategories-grid">
                                                                                                            <a href="https://rclighting.mx/categoria/24/subcategoria/40" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">TARJETAS</span>
                                                        </a>
                                                                                                    </div>
                                            </div>
                                                                            </div>
                                                                    <div class="category-accordion-item" data-category-id="5">
                                        <div class="category-header" onclick="toggleCategory(5)">
                                            <div class="category-info">
                                                <div class="category-icon">
                                                    <i class="fas fa-bolt"></i>
                                                </div>
                                                <div class="category-details">
                                                    <h4 class="category-name">CENTRO DE CARGAS</h4>
                                                                                                            <span class="category-count">1 subcategorías</span>
                                                                                                    </div>
                                            </div>
                                                                                            <div class="category-toggle">
                                                    <i class="fas fa-chevron-down"></i>
                                                </div>
                                                                                    </div>
                                                                                    <div class="subcategories-container" id="subcategories-5">
                                                <div class="subcategories-grid">
                                                                                                            <a href="https://rclighting.mx/categoria/5/subcategoria/10" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">CENTROS DE CARGAS</span>
                                                        </a>
                                                                                                    </div>
                                            </div>
                                                                            </div>
                                                                    <div class="category-accordion-item" data-category-id="29">
                                        <div class="category-header" onclick="toggleCategory(29)">
                                            <div class="category-info">
                                                <div class="category-icon">
                                                    <i class="fas fa-plug"></i>
                                                </div>
                                                <div class="category-details">
                                                    <h4 class="category-name">cable para LEDS</h4>
                                                                                                    </div>
                                            </div>
                                                                                    </div>
                                                                            </div>
                                                                    <div class="category-accordion-item" data-category-id="28">
                                        <div class="category-header" onclick="toggleCategory(28)">
                                            <div class="category-info">
                                                <div class="category-icon">
                                                    <i class="fas fa-layer-group"></i>
                                                </div>
                                                <div class="category-details">
                                                    <h4 class="category-name">CABLE</h4>
                                                                                                            <span class="category-count">1 subcategorías</span>
                                                                                                    </div>
                                            </div>
                                                                                            <div class="category-toggle">
                                                    <i class="fas fa-chevron-down"></i>
                                                </div>
                                                                                    </div>
                                                                                    <div class="subcategories-container" id="subcategories-28">
                                                <div class="subcategories-grid">
                                                                                                            <a href="https://rclighting.mx/categoria/28/subcategoria/47" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">CABLE VARIOS</span>
                                                        </a>
                                                                                                    </div>
                                            </div>
                                                                            </div>
                                                                    <div class="category-accordion-item" data-category-id="6">
                                        <div class="category-header" onclick="toggleCategory(6)">
                                            <div class="category-info">
                                                <div class="category-icon">
                                                    <i class="fas fa-microchip"></i>
                                                </div>
                                                <div class="category-details">
                                                    <h4 class="category-name">SPLITER DMX</h4>
                                                                                                            <span class="category-count">1 subcategorías</span>
                                                                                                    </div>
                                            </div>
                                                                                            <div class="category-toggle">
                                                    <i class="fas fa-chevron-down"></i>
                                                </div>
                                                                                    </div>
                                                                                    <div class="subcategories-container" id="subcategories-6">
                                                <div class="subcategories-grid">
                                                                                                            <a href="https://rclighting.mx/categoria/6/subcategoria/37" 
                                                           class="subcategory-card">
                                                            <div class="subcategory-icon">
                                                                <i class="fas fa-arrow-right"></i>
                                                            </div>
                                                            <span class="subcategory-name">SPLITER DMX</span>
                                                        </a>
                                                                                                    </div>
                                            </div>
                                                                            </div>
                                                            </div>
                        </ul>
                    </li>
                    <li class="nav-item d-none d-lg-block mobile-hidden"><a href="https://www.xrc.mx/descargas.html" class="nav-link menu-link">Software</a></li>
                    <li class="nav-item d-none d-lg-block mobile-hidden"><a href="https://rclighting.mx/contacto" class="nav-link menu-link">Contacto</a></li>
                    <li class="nav-item d-lg-none"><a href="https://www.xrc.mx/descargas.html" class="nav-link menu-link">Software</a></li>
                    <li class="nav-item d-lg-none"><a href="https://rclighting.mx/contacto" class="nav-link menu-link">Contacto</a></li>
                </ul>
                <!-- Acciones para Desktop (Búsqueda, Carrito, Moneda) -->
                <div class="d-none d-lg-flex align-items-center ms-lg-3">
                    <form action="https://rclighting.mx/" method="get" class="d-flex align-items-center">
                    <div class="search-container position-relative me-2">
                        <input type="text" class="form-control search-input" name="search" placeholder="Buscar productos..." style="border-radius: 18px; min-width:180px; padding-right: 90px;">
                        <div class="search-buttons-container">
                                <button type="button" class="btn btn-image-search" id="openImageModal" title="Búsqueda por imagen"><i class="fas fa-camera"></i></button>
                                <button type="submit" class="btn btn-search-icon" title="Buscar"><i class="fas fa-search"></i></button>
                        </div>
                    </div>
                    </form>
                    <a href="https://rclighting.mx/carrito" class="btn btn-cart-icon position-relative me-2" style="border-radius:50%; width:44px; height:44px; display:flex; align-items:center; justify-content:center; background: #1e293b; border:none;">
                        <i class="fas fa-shopping-cart" style="color:#fff; font-size:1.2em;"></i>
                        <span id="cartCounter" class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger" style="display:none;">0</span>
                    </a>

                    <div class="currency-toggle-container ms-lg-2">
                        <button class="currency-option active" id="currency-mxn" onclick="selectCurrency('mx', 'MXN')"><img src="https://flagcdn.com/w20/mx.png" alt="Bandera de México"><span>MXN</span></button>
                        <button class="currency-option" id="currency-usd" onclick="selectCurrency('us', 'USD')"><img src="https://flagcdn.com/w20/us.png" alt="Bandera de EE.UU."><span>USD</span></button>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <div class="mobile-header-spacer"></div>
    <div class="product-main-card">
    <div style="position:relative;z-index:1;">
    
    <style>
    /* Espaciado del header: por defecto sin espacio en web */
    .mobile-header-spacer { height: 0 !important; }
    /* Evitar relleno fijo en el body */
    body { padding-top: 0 !important; }
    
    /* Estilos responsivos para móviles */
    @media (max-width: 768px) {
        .currency-toggle-container {
            padding: 2px;
            order: 3;
        }

        .currency-option {
            padding: 5px 8px;
        }

        .currency-option span {
            display: none;
        }

        .currency-option img {
            width: 22px;
        }
        
        .menu-catalogo {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100vw;
            height: 100vh;
            max-width: 100vw;
            max-height: 100vh;
            border-radius: 0;
            z-index: 99999999 !important;
        }
        
        .menu-header {
            padding: 15px 20px 12px 20px;
        }
        
        .menu-header h3 {
            font-size: 1.1rem;
        }
        
        .close-menu-btn {
            width: 28px;
            height: 28px;
            font-size: 12px;
        }
        
        .menu-content {
            max-height: calc(100vh - 70px);
            padding: 10px 0;
        }
        
        .category-header {
            padding: 12px 16px;
        }
        
        .category-icon {
            width: 36px;
            height: 36px;
            font-size: 1rem;
        }
        
        .category-name {
            font-size: 1rem;
        }
        
        .subcategories-grid {
            grid-template-columns: 1fr;
            gap: 6px;
            padding: 12px;
        }
        
        .subcategory-card {
            padding: 12px 16px;
            font-size: 0.9rem;
        }
        
        .subcategory-icon {
            width: 24px;
            height: 24px;
            font-size: 0.8rem;
        }
    }
    
    @media (max-width: 991px) {
        /* En tablet/móvil: sin separador bajo navbar */
        .mobile-header-spacer { height: 0 !important; }
        body { padding-top: 0 !important; }

        .currency-option span {
            display: none;
        }
        
        .currency-option {
            padding: 5px 8px;
        }
        
        .currency-option img {
            width: 22px;
        }
    }
    
    /* Estilos específicos para móviles - Layout completo */
    @media (max-width: 768px) {
        .product-detail-container {
            flex-direction: column !important;
            gap: 20px !important;
            padding: 10px !important;
            margin: 0 !important;
            max-width: 100% !important;
        }
        
        .product-detail-container > div[style*="background: #ffffff"] {
            padding: 15px !important;
            margin: 0 !important;
            border-radius: 8px !important;
            flex-direction: column !important;
            gap: 20px !important;
        }
        
        .product-header-wrapper {
            width: 100% !important;
            min-width: unset !important;
            max-width: 100% !important;
            position: relative !important;
            top: unset !important;
            max-height: unset !important;
            padding: 0 !important;
        }
        
        .product-main-info {
            width: 100% !important;
            padding-left: 0 !important;
            order: 2 !important;
        }
        
        .main-image-zoom-container {
            width: 100% !important;
        }
        
        .main-image img {
            width: 100% !important;
            height: auto !important;
            max-height: 300px !important;
            object-fit: contain !important;
        }
        
        .miniaturas-carrusel {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 8px !important;
            justify-content: center !important;
            margin-bottom: 15px !important;
        }
        
        .miniatura-img {
             width: 60px !important;
             height: 60px !important;
             flex-shrink: 0 !important;
         }
         
         /* Optimización adicional para componentes móviles */
        .product-page-header {
            margin: 0.5rem auto 0.25rem auto !important;
            padding: 0 8px !important;
        }
         
         .product-title-container {
             padding: 0.15rem 0.5rem !important;
             font-size: 1rem !important;
         }
         
         .product-title-container h1 {
             font-size: 1.1rem !important;
         }
         
         .info-block {
             margin-bottom: 1rem !important;
         }
         
         .variante-pista-card,
         .variante-imagen-card,
         .variante-conector-card {
             margin-bottom: 1rem !important;
             padding: 15px !important;
         }
         
         .cantidad-variante-container {
             margin-top: 15px !important;
         }
         
         .btn-agregar-carrito,
          .btn-comprar-ahora {
              width: 100% !important;
              margin-bottom: 10px !important;
              padding: 12px !important;
              font-size: 1rem !important;
          }
          
          /* Ajustes finales de espaciado móvil */
          .container-fluid {
              padding-left: 5px !important;
              padding-right: 5px !important;
          }
          
          .product-main-card {
              margin: 0 !important;
              padding: 0 !important;
              width: 100% !important;
          }
          
         /* En móvil: separador mínimo para evitar hueco grande */
         .mobile-header-spacer { height: 0 !important; }
         body { padding-top: 0 !important; }
          
          .row {
              margin-left: 0 !important;
              margin-right: 0 !important;
          }
          
          .col-md-6, .col-md-12 {
              padding-left: 5px !important;
              padding-right: 5px !important;
          }
      }
    .menu-catalogo {
        position: absolute;
        top: 100%;
        right: 0;
        background: #ffffff;
        border-radius: 16px;
        box-shadow: 0 15px 40px rgba(0,0,0,0.15);
        min-width: 600px;
        max-width: 95vw;
        max-height: 90vh;
        overflow: hidden;
        z-index: 99999 !important;
        display: none;
        color: #333;
        border: 1px solid #e2e8f0;
        backdrop-filter: blur(10px);
    }
    .menu-catalogo.abierto {
        display: block;
    }
    .menu-catalogo::-webkit-scrollbar {
        width: 8px;
        background: #23204a;
        border-radius: 8px;
    }
    .menu-catalogo::-webkit-scrollbar-thumb {
        background: #0033cc;
        border-radius: 8px;
    }
    .menu-catalogo::-webkit-scrollbar-thumb:hover {
        background: #0050ff;
    }
    .menu-catalogo .menu-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 16px 8px 16px;
        background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
        border-bottom: 1px solid #e2e8f0;
    }
    .menu-catalogo .menu-header h3 {
        margin: 0;
        font-size: 0.9rem;
        font-weight: 700;
        color: #fff;
        display: flex;
        align-items: center;
        gap: 6px;
    }
    .menu-catalogo .close-menu-btn {
        background: rgba(255,255,255,0.2);
        border: none;
        color: #fff;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s ease;
        font-size: 10px;
    }
    .menu-catalogo .close-menu-btn:hover {
        background: rgba(255,255,255,0.3);
    }
    .menu-catalogo .menu-content {
        padding: 6px 0;
        max-height: calc(60vh - 50px);
        overflow-y: auto;
    }
    .menu-catalogo .category-accordion-item {
        margin-bottom: 0.5rem;
        border-radius: 8px;
        overflow: hidden;
        background: #f8fafc;
    }
    .menu-catalogo .category-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.75rem 1rem;
        background: #f8fafc;
        cursor: pointer;
        transition: all 0.3s ease;
        border-radius: 8px;
        border: 1px solid #e2e8f0;
    }
    .menu-catalogo .category-header:hover {
        background: #f1f5f9;
        border-color: #cbd5e1;
    }
    .menu-catalogo .category-info {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }
    .menu-catalogo .category-icon {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
        border-radius: 8px;
        color: #fff;
        font-size: 1rem;
        box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3);
    }
    .menu-catalogo .category-details {
        display: flex;
        flex-direction: column;
    }
    .menu-catalogo .category-name {
        color: #1e293b;
        margin: 0;
        font-size: 1rem;
        font-weight: 600;
    }
    .menu-catalogo .category-count {
        color: #64748b;
        font-size: 0.875rem;
        margin-top: 0.1rem;
    }
    .menu-catalogo .category-toggle {
        color: #64748b;
        transition: transform 0.3s ease;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .menu-catalogo .category-toggle i {
        font-size: 0.8rem;
    }
    .menu-catalogo .category-header.active .category-toggle {
        transform: rotate(180deg);
        color: #2563eb;
    }
    .menu-catalogo .subcategories-container {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        background: #fff;
    }
    .menu-catalogo .subcategories-container.open {
        max-height: 600px;
    }
    .menu-catalogo .subcategories-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 0.5rem;
        padding: 0.75rem;
    }
    .menu-catalogo .subcategory-card {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.6rem;
        background: #fff;
        border-radius: 6px;
        text-decoration: none;
        color: #374151;
        transition: all 0.3s ease;
        border: 1px solid #e5e7eb;
    }
    .menu-catalogo .subcategory-card:hover {
        background: #2563eb;
        color: #fff;
        transform: translateX(5px);
        border-color: #2563eb;
    }
    .menu-catalogo .subcategory-icon {
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f3f4f6;
        border-radius: 4px;
        color: #6b7280;
        font-size: 0.6rem;
        transition: all 0.3s ease;
    }
    .menu-catalogo .subcategory-card:hover .subcategory-icon {
        background: rgba(255,255,255,0.2);
        color: #fff;
    }
    .menu-catalogo .subcategory-name {
        font-weight: 500;
        font-size: 0.8rem;
    }
    

    .navbar { z-index: 10000 !important; }
    .navbar .navbar-brand span { color: #fff !important; }
    .navbar .nav-link, .navbar .menu-link { color: #fff !important; background: none !important; border-radius: 10px; margin-right: 4px; transition: background 0.2s, color 0.2s; }
    .navbar .nav-link.active, .navbar .menu-link.active { background: #0033cc !important; color: #fff !important; }
    
    /* Mostrar Software y Contacto en desktop */
    .mobile-hidden {
        display: block !important;
    }
    .catalogo-btn { 
        background: #0033cc !important; 
        color: #fff !important; 
        border: none; 
        padding: 0.7rem 1.5rem; 
        border-radius: 10px; 
        font-size: 1.1rem; 
        cursor: pointer; 
        box-shadow: 0 2px 8px rgba(44,62,80,0.08); 
        transition: all 0.3s ease; 
    }
    .catalogo-btn:hover, .catalogo-btn:focus { 
        background: #0050ff !important; 
        color: #fff !important;
        transform: translateY(-2px);
        box-shadow: 0 4px 16px rgba(44,62,80,0.15);
    }
    .catalogo-btn.active {
        background: #0050ff !important;
        color: #fff !important;
        transform: translateY(-2px);
        box-shadow: 0 4px 16px rgba(44,62,80,0.2);
    }
    .catalogo-btn.active i {
        transform: rotate(180deg);
        transition: transform 0.3s ease;
    }
    
    .catalogo-btn.active {
        background: #e11d48 !important;
        color: #fff !important;
    }
    
    .catalogo-btn.active i {
        transform: rotate(90deg) !important;
        transition: transform 0.3s ease !important;
    }
    
    /* Estilos para el modal de búsqueda por imagen */
    .modal-image-search {
        display: none;
        position: fixed;
        z-index: 999999 !important;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(30, 41, 59, 0.85) !important;
        justify-content: center;
        align-items: center;
        backdrop-filter: blur(4px);
    }
    
    .modal-image-search[style*="display: flex"] {
        display: flex !important;
    }
    
    .modal-content-image-search {
        background: #fff;
        border-radius: 18px;
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
        text-align: center;
        position: relative;
        padding: 30px 24px 24px 24px;
        max-width: 420px;
        width: 90%;
        max-height: 90vh;
        overflow-y: auto;
        animation: modalFadeIn 0.3s ease-out;
    }
    
    @keyframes modalFadeIn {
        from {
            opacity: 0;
            transform: translateY(-20px) scale(0.95);
        }
        to {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }
    
    .close-image-search {
        position: absolute;
        top: 12px;
        right: 18px;
        font-size: 1.8em;
        color: #64748b;
        cursor: pointer;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: all 0.3s ease;
        background: #f1f5f9;
    }
    
    .close-image-search:hover {
        color: #1e293b;
        background: #e2e8f0;
        transform: rotate(90deg);
    }
    
    /* Hover effects para los botones del modal */
    #uploadBtn:hover {
        background: #b91c1c !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(220, 38, 38, 0.4) !important;
    }
    
    #searchBtn:hover {
        background: #1565c0 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(25, 118, 210, 0.4) !important;
    }
    
    /* Estilos para el buscador integrado */
    .search-container {
        position: relative;
        min-width: 220px;
    }
    
    .search-input {
        border: 2px solid #e2e8f0;
        border-radius: 18px;
        padding: 10px 90px 10px 16px;
        font-size: 14px;
        outline: none;
        transition: all 0.3s ease;
        background: #fff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }
    
    .search-input:focus {
        border-color: #0033cc;
        box-shadow: 0 0 0 3px rgba(0, 51, 204, 0.1), 0 4px 12px rgba(0, 0, 0, 0.1);
    }
    
    .search-buttons-container {
        position: absolute;
        right: 4px;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        gap: 2px;
    }
    
    .search-buttons-container .btn {
        width: 36px;
        height: 36px;
        border-radius: 16px;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        font-size: 14px;
        padding: 0;
        background: #f8fafc;
        color: #64748b;
    }
    
    .search-buttons-container .btn:hover {
        background: #1e293b;
        color: #fff;
        transform: scale(1.05);
        box-shadow: 0 2px 8px rgba(30, 41, 59, 0.3);
    }
    
    .search-buttons-container .btn-search-icon:hover {
        background: #0033cc;
        color: #fff;
    }
    
    .search-buttons-container .btn-image-search:hover {
        background: #059669;
        color: #fff;
    }
    
    #clearBtn:hover {
        background: #4b5563 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(107, 114, 128, 0.4) !important;
    }
    
    /* Responsive para tablets medianas */
    @media (max-width: 1024px) and (min-width: 769px) {
        /* Mantener grid de 3 columnas en tablets grandes */
        .products-grid {
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 20px !important;
        }
        
        .search-container {
            min-width: 180px;
        }
        
        .search-input {
            padding: 8px 80px 8px 14px;
            font-size: 13px;
        }
        
        .search-buttons-container .btn {
            width: 32px;
            height: 32px;
            font-size: 12px;
        }
    }
    
    /* Responsive para móviles */
    @media (max-width: 768px) {
        .navbar {
            padding: 0.5rem 1rem !important;
        }
        
        .navbar-brand {
            font-size: 1.1rem !important;
        }
        
        .navbar-brand img {
            height: 32px !important;
        }
        
        .search-container {
            min-width: auto;
            width: 100%;
        }
        
        .search-input {
            padding: 8px 70px 8px 12px;
            font-size: 14px;
            height: 36px;
        }
        
        .search-buttons-container {
            right: 2px;
        }
        
        .search-buttons-container .btn {
            width: 30px;
            height: 30px;
            font-size: 12px;
        }
        
        .btn-cart-icon {
            width: 36px !important;
            height: 36px !important;
        }
        
        .btn-cart-icon i {
            font-size: 1em !important;
        }
        
        .currency-toggle-container {
            gap: 2px;
        }
        
        .currency-option {
            width: 28px;
            height: 28px;
            font-size: 10px;
        }
        
        .currency-option img {
            width: 16px;
            height: 12px;
        }
        
        .clear-cart-btn {
            font-size: 0.8em !important;
            padding: 3px 10px !important;
        }
        
        /* Menú móvil: anclado bajo el navbar, centrado */
        .menu-catalogo {
            position: fixed !important;
            left: 50% !important;
            transform: translateX(-50%) !important;
            top: 64px !important; /* se ajusta dinámicamente vía JS */
            width: 92vw !important;
            max-width: 640px !important;
            height: auto !important;
            max-height: 70vh !important;
            margin: 0 !important;
            border-radius: 14px !important;
            box-shadow: 0 8px 24px rgba(0,0,0,0.18) !important;
            background: #fff !important;
            z-index: 99999 !important;
            display: none !important;
            animation: none !important;
            font-size: 0.9rem !important;
            backdrop-filter: none !important;
            border: 1px solid #e2e8f0 !important;
        }
        
        /* Header del menú móvil más compacto */
        .menu-catalogo .menu-header {
            padding: 6px 10px !important;
            background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
            border-radius: 8px 8px 0 0 !important;
        }
        
        .menu-catalogo .menu-header h3 {
            font-size: 0.8rem !important;
            margin: 0 !important;
        }
        
        .menu-catalogo .close-menu-btn {
            width: 24px !important;
            height: 24px !important;
            font-size: 10px !important;
            background: rgba(255,255,255,0.3) !important;
        }
        
        /* Contenido del menú móvil ajustado al header del panel */
        .menu-catalogo .menu-content {
            padding: 6px 0 !important;
            max-height: calc(70vh - 56px) !important;
            overflow-y: auto !important;
        }
        
        /* Elementos del acordeón móvil más compactos */
        .menu-catalogo .category-accordion-item {
            margin-bottom: 1px !important;
            border-radius: 4px !important;
            background: #f8fafc !important;
        }
        
        .menu-catalogo .category-header {
            padding: 4px 8px !important;
            background: #f8fafc !important;
            border: 1px solid #e2e8f0 !important;
            border-radius: 4px !important;
        }
        
        .menu-catalogo .category-icon {
            width: 24px !important;
            height: 24px !important;
            font-size: 0.7rem !important;
            background: #2563eb !important;
            border-radius: 4px !important;
        }
        
        .menu-catalogo .category-name {
            font-size: 0.75rem !important;
            margin: 0 0 1px 0 !important;
            color: #1e293b !important;
        }
        
        .menu-catalogo .category-count {
            font-size: 0.65rem !important;
            color: #64748b !important;
        }
        
        .menu-catalogo .category-toggle {
            width: 18px !important;
            height: 18px !important;
            color: #64748b !important;
        }
        
        .menu-catalogo .category-toggle i {
            font-size: 7px !important;
        }
        
        .menu-catalogo.abierto {
            display: block !important;
            animation: none !important;
        }
        
        /* Forzar que el menú esté oculto por defecto en móvil */
        .menu-catalogo:not(.abierto) {
            display: none !important;
            visibility: hidden !important;
            opacity: 0 !important;
        }
        
        /* Eliminar margen superior fijo (se manejará vía JS) */
        body { margin-top: 0 !important; }

        /* Producto: aprovechar más ancho en móvil de forma segura */
        @media (max-width: 576px) {
            .container, .product-detail-container, .producto-wrapper, .product-main, .producto-contenedor {
                padding-left: 8px !important;
                padding-right: 8px !important;
                max-width: 100vw !important;
            }
        }
        
        /* Subcategorías móvil más compactas */
        .menu-catalogo .subcategories-container {
            padding: 3px 6px !important;
        }
        
        .menu-catalogo .subcategories-grid {
            gap: 3px !important;
        }
        
        .menu-catalogo .subcategory-card {
            padding: 4px 6px !important;
            border-radius: 3px !important;
            font-size: 0.7rem !important;
            background: #fff !important;
            border: 1px solid #e5e7eb !important;
            color: #374151 !important;
        }
        
        .menu-catalogo .subcategory-card:hover {
            background: #2563eb !important;
            color: #fff !important;
            border-color: #2563eb !important;
        }
        
        .menu-catalogo .subcategory-icon {
            width: 14px !important;
            height: 14px !important;
            font-size: 0.6rem !important;
            background: #f3f4f6 !important;
            color: #6b7280 !important;
        }
        
        .menu-catalogo .subcategory-card:hover .subcategory-icon {
            background: rgba(255,255,255,0.2) !important;
            color: #fff !important;
        }
        
        .menu-catalogo .subcategory-name {
            font-size: 0.7rem !important;
            font-weight: 500 !important;
        }
    }
    

    /* Estilos para móviles muy pequeños */
    @media (max-width: 480px) {
        /* Menú catálogo ultra compacto para móviles pequeños */
        .menu-catalogo {
            min-width: 70vw !important;
            max-width: 75vw !important;
            max-height: 55vh !important;
            border-radius: 4px !important;
            font-size: 0.65rem !important;
        }
        
        /* Header aún más compacto */
        .menu-catalogo .menu-header {
            padding: 4px 8px !important;
            border-radius: 4px 4px 0 0 !important;
        }
        
        .menu-catalogo .menu-header h3 {
            font-size: 0.75rem !important;
        }
        
        .menu-catalogo .close-menu-btn {
            width: 20px !important;
            height: 20px !important;
            font-size: 9px !important;
        }
        
        /* Contenido ultra compacto */
        .menu-catalogo .menu-content {
            padding: 3px 0 !important;
            max-height: calc(55vh - 35px) !important;
        }
        
        /* Categorías ultra compactas */
        .menu-catalogo .category-accordion-item {
            margin-bottom: 1px !important;
            border-radius: 2px !important;
        }
        
        .menu-catalogo .category-header {
            padding: 2px 4px !important;
        }
        
        .menu-catalogo .category-icon {
            width: 18px !important;
            height: 18px !important;
            font-size: 0.55rem !important;
        }
        
        .menu-catalogo .category-name {
            font-size: 0.65rem !important;
        }
        
        .menu-catalogo .category-count {
            font-size: 0.55rem !important;
        }
        
        .menu-catalogo .category-toggle {
            width: 14px !important;
            height: 14px !important;
        }
        
        .menu-catalogo .category-toggle i {
            font-size: 5px !important;
        }
        
        /* Subcategorías ultra compactas */
        .menu-catalogo .subcategories-container {
            padding: 1px 3px !important;
        }
        
        .menu-catalogo .subcategories-grid {
            gap: 1px !important;
        }
        
        .menu-catalogo .subcategory-card {
            padding: 2px 3px !important;
            border-radius: 1px !important;
            font-size: 0.6rem !important;
        }
        
        .menu-catalogo .subcategory-icon {
            width: 10px !important;
            height: 10px !important;
            font-size: 0.45rem !important;
        }
        
        .menu-catalogo .subcategory-name {
            font-size: 0.6rem !important;
        }
    }
    
    /* Estilos para móviles extremadamente pequeños */
    @media (max-width: 360px) {
        /* Menú catálogo ultra compacto para móviles muy pequeños */
        .menu-catalogo {
            min-width: 65vw !important;
            max-width: 70vw !important;
            max-height: 50vh !important;
            border-radius: 3px !important;
            font-size: 0.6rem !important;
        }
        
        /* Header ultra compacto */
        .menu-catalogo .menu-header {
            padding: 3px 6px !important;
            border-radius: 3px 3px 0 0 !important;
        }
        
        .menu-catalogo .menu-header h3 {
            font-size: 0.7rem !important;
        }
        
        .menu-catalogo .close-menu-btn {
            width: 18px !important;
            height: 18px !important;
            font-size: 8px !important;
        }
        
        /* Contenido ultra compacto */
        .menu-catalogo .menu-content {
            padding: 2px 0 !important;
            max-height: calc(50vh - 30px) !important;
        }
        
        /* Categorías ultra compactas */
        .menu-catalogo .category-accordion-item {
            margin-bottom: 1px !important;
            border-radius: 2px !important;
        }
        
        .menu-catalogo .category-header {
            padding: 2px 3px !important;
        }
        
        .menu-catalogo .category-icon {
            width: 16px !important;
            height: 16px !important;
            font-size: 0.5rem !important;
        }
        
        .menu-catalogo .category-name {
            font-size: 0.6rem !important;
        }
        
        .menu-catalogo .category-count {
            font-size: 0.5rem !important;
        }
        
        .menu-catalogo .category-toggle {
            width: 12px !important;
            height: 12px !important;
        }
        
        .menu-catalogo .category-toggle i {
            font-size: 4px !important;
        }
        
        /* Subcategorías ultra compactas */
        .menu-catalogo .subcategories-container {
            padding: 2px 4px !important;
        }
        
        .menu-catalogo .subcategories-grid {
            gap: 2px !important;
        }
        
        .menu-catalogo .subcategory-card {
            padding: 3px 6px !important;
            border-radius: 2px !important;
            font-size: 0.65rem !important;
        }
        
        .menu-catalogo .subcategory-icon {
            width: 12px !important;
            height: 12px !important;
            font-size: 0.5rem !important;
        }
        
        .menu-catalogo .subcategory-name {
            font-size: 0.65rem !important;
        }
        
        /* Controlar altura máxima de subcategorías en móvil */
        .menu-catalogo .subcategories-container.open {
            max-height: 300px !important;
        }
}

/* Estilos base del navbar */
.navbar { z-index: 10000 !important; }
.navbar .navbar-brand span { color: #fff !important; }
.navbar .nav-link, .navbar .menu-link { color: #fff !important; background: none !important; border-radius: 10px; margin-right: 4px; transition: background 0.2s, color 0.2s; }
.navbar .nav-link.active, .navbar .menu-link.active { background: #0033cc !important; color: #fff !important; }

/* Mostrar Software y Contacto en desktop */
.mobile-hidden {
    display: block !important;
}

.catalogo-btn { 
    background: #0033cc !important; 
    color: #fff !important; 
    border: none; 
    padding: 0.7rem 1.5rem; 
    border-radius: 10px; 
    font-size: 1.1rem; 
    cursor: pointer; 
    box-shadow: 0 2px 8px rgba(44,62,80,0.08); 
    transition: all 0.3s ease; 
}

.catalogo-btn:hover, .catalogo-btn:focus { 
    background: #0050ff !important; 
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(44,62,80,0.15);
}

.catalogo-btn.active {
    background: #0050ff !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(44,62,80,0.2);
}

.catalogo-btn.active i {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

/* Estilos para el botón de regresar */
.btn-regresar {
    background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
    color: #fff;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    margin-bottom: 0;
    box-shadow: 0 2px 8px rgba(107, 114, 128, 0.2);
    width: auto;
    justify-content: center;
    flex-shrink: 0;
    position: fixed;
    left: 12px;
    top: 72px;
    z-index: 100000;
}

.btn-regresar:hover {
    background: linear-gradient(135deg, #4b5563 0%, #374151 100%);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(107, 114, 128, 0.3);
    text-decoration: none;
}

.btn-regresar i {
    font-size: 0.9rem;
}

    /* Responsive para el botón de regresar */
    @media (max-width: 768px) {
        .btn-regresar {
            padding: 0.5rem 1rem;
            font-size: 0.9rem;
            left: 10px;
        }
        
        .product-page-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 0.25rem;
            margin-top: 0.5rem !important;
            margin-bottom: 0.25rem;
        }
        
        .product-page-header h1 {
            font-size: 1.2rem;
        }
        
        .product-title-container {
            width: 100%;
            padding: 0.5rem 1rem !important;
            display: none !important;
        }
        
        .product-title-container h1 {
            font-size: 1.1rem !important;
        }
        .product-title-container {
            display: none !important;
        }
    }

/* Estilos responsivos para el navbar */
    @media (max-width: 991px) {
        .navbar-nav {
            flex-direction: row !important;
            justify-content: space-around !important;
            width: 100% !important;
        }
        
        /* Menú catálogo */
        .menu-catalogo {
            min-width: 280px !important;
            max-width: 85vw !important;
        }
    }

@media (max-width: 768px) {
    .navbar-collapse {
        width: 100% !important;
        display: block !important;
    }
    
    /* Navegación horizontal */
    .navbar-nav {
        flex-direction: row !important;
        justify-content: space-around !important;
        margin-bottom: 10px !important;
        width: 100% !important;
    }
    
    .nav-item {
        flex: 1 !important;
        text-align: center !important;
        position: relative !important;
    }
    
    .nav-link {
        padding: 6px 4px !important;
        font-size: 0.8em !important;
        margin: 0 1px !important;
        border-radius: 6px !important;
        white-space: nowrap !important;
    }
    
    .nav-link:hover, .nav-link.active {
        background: rgba(0, 51, 204, 0.2) !important;
        color: #fff !important;
    }
    
    /* Botón catálogo mejorado */
    .catalogo-btn {
        padding: 6px 10px !important;
        font-size: 0.75em !important;
        border: none !important;
        background: linear-gradient(135deg, #0033cc 0%, #0066ff 100%) !important;
        box-shadow: 0 2px 8px rgba(0, 51, 204, 0.3) !important;
        transition: all 0.3s ease !important;
    }
    
    .catalogo-btn:hover {
        background: linear-gradient(135deg, #0066ff 0%, #0033cc 100%) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 4px 12px rgba(0, 51, 204, 0.4) !important;
    }
    
    /* Buscador y acciones */
    .d-flex.ms-3 {
        margin: 0 !important;
        width: 100% !important;
        gap: 6px !important;
    }
    
    .search-container {
        flex: 1 !important;
    }
    
    .search-input {
        width: 100% !important;
        font-size: 13px !important;
        padding: 8px 70px 8px 12px !important;
        height: 36px !important;
    }
    
    .search-buttons-container .btn {
        width: 30px !important;
        height: 30px !important;
        font-size: 11px !important;
    }
    
    /* Botones de acción */
    .btn-cart-icon, #clearCartBtn {
        width: 36px !important;
        height: 36px !important;
    }
    
    #clearCartBtn {
        font-size: 0.7em !important;
        padding: 4px 6px !important;
    }
    
    /* Ocultar Software y Contacto en móvil */
    .mobile-hidden {
        display: none !important;
    }
}
    
    /* Estilos para el toggle de moneda */
    .currency-toggle-container {
        display: flex;
        gap: 4px;
        align-items: center;
    }
    
    .currency-option {
        background: #f8fafc;
        border: 2px solid #e2e8f0;
        border-radius: 8px;
        padding: 4px 8px;
        cursor: pointer;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 12px;
        font-weight: 600;
        color: #64748b;
        min-width: 60px;
        justify-content: center;
    }
    
    .currency-option:hover {
        background: #e2e8f0;
        border-color: #cbd5e1;
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    
    .currency-option.active {
        background: #0033cc;
        border-color: #0033cc;
        color: #fff;
        box-shadow: 0 2px 8px rgba(0, 51, 204, 0.3);
    }
    
    .currency-option img {
        width: 18px;
        height: 14px;
        border-radius: 2px;
    }
    
    .currency-option span {
        font-weight: 600;
    }
    
    /* Estilos para el botón de login */
    .login-button {
        background: #0033cc;
        color: white;
        border: none;
        padding: 8px 16px;
        border-radius: 18px;
        font-weight: 600;
        font-size: 0.9em;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 8px;
        transition: all 0.3s ease;
        text-decoration: none;
        box-shadow: 0 2px 8px rgba(0, 51, 204, 0.3);
    }
    
    .login-button:hover {
        background: #0050ff;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 51, 204, 0.4);
        color: white;
        text-decoration: none;
    }
    
    .login-button i {
        font-size: 1em;
    }
    
    .user-menu {
        position: relative;
        display: inline-block;
    }
    
    .user-menu-button {
        background: #28a745;
        color: white;
        border: none;
        padding: 8px 16px;
        border-radius: 18px;
        font-weight: 600;
        font-size: 0.9em;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 8px;
        transition: all 0.3s ease;
        box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
    }
    
    .user-menu-button:hover {
        background: #218838;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
    }
    
    .user-dropdown {
        position: absolute;
        top: 100%;
        right: 0;
        background: white;
        border: 1px solid #ddd;
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        z-index: 1000;
        min-width: 200px;
        overflow: hidden;
        display: none;
    }
    
    .user-dropdown-item {
        padding: 12px 16px;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 10px;
        transition: background-color 0.2s ease;
        font-size: 0.9em;
        color: #334155;
        text-decoration: none;
    }
    
    .user-dropdown-item:hover {
        background-color: #f1f5f9;
        color: #1e293b;
    }
    
    .user-dropdown-item i {
        width: 16px;
        text-align: center;
    }
    
    /* Estilos para el botón de vaciar carrito */
    .clear-cart-btn {
        background: #e11d48 !important;
        color: #fff !important;
        border: none !important;
        border-radius: 18px !important;
        font-size: 0.9em !important;
        padding: 6px 12px !important;
        transition: all 0.3s ease !important;
        font-weight: 600 !important;
        box-shadow: 0 2px 8px rgba(225, 29, 72, 0.2) !important;
    }
    
    .clear-cart-btn:hover {
        background: #be123c !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(225, 29, 72, 0.3) !important;
    }
    
    /* Estilos para el carrito */
    .btn-cart-icon {
        transition: all 0.3s ease;
        box-shadow: 0 2px 8px rgba(30, 41, 59, 0.2);
    }
    
    .btn-cart-icon:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(30, 41, 59, 0.3);
    }
    
    /* Estilos para el badge del carrito */
    .badge {
        font-size: 0.7em;
        font-weight: 600;
    }
    
    /* Ajustes para el menú de catálogo en móvil */
    @media (max-width: 768px) {
        .menu-catalogo {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            max-width: 100vw;
            max-height: 100vh;
            border-radius: 0;
            z-index: 999999 !important;
        }
        
        .menu-catalogo .categoria {
            font-size: 1.2rem;
            padding: 1em 1.5em;
        }
        
        .menu-catalogo .subcategory-link {
            font-size: 1.1rem;
            padding: 0.5em 1.5em;
        }
    }
    </style>


    <!-- Header del producto (fuera del contenedor principal) -->
    <div class="product-page-header" style="max-width: 1400px; margin: 2rem auto 1rem auto; padding: 0 20px; display: flex; align-items: center; gap: 1rem;">
        <a href="javascript:history.back()" class="btn-regresar">
            <i class="fas fa-arrow-left"></i>
            Regresar
        </a>
        <div class="product-title-container" style="background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%); padding: 0.75rem 1.5rem; border-radius: 8px; box-shadow: 0 2px 8px rgba(25, 118, 210, 0.3); flex: 1; text-align: center;">
            <h1 style="color: #ffffff; font-weight: 600; margin: 0; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); font-size: 1.3rem;">
                PATINUM R15, 16R, 17R            </h1>
        </div>
    </div>

    <div class="product-detail-container" style="display: flex; flex-direction: row; align-items: flex-start; gap: 40px; max-width: 1400px; margin: 0 auto; padding: 20px;">
    <!-- Contenedor con fondo blanco que abarca imagen e información -->
    <div style="background: #ffffff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); padding: 30px; width: 100%; display: flex; flex-direction: row; align-items: flex-start; gap: 40px;">
        <!-- Galería a la izquierda -->
        <div class="product-header-wrapper" style="width: 40%; min-width: 380px; max-width: 480px; flex-shrink: 0; position: sticky; top: 80px; z-index: 10; background: transparent; border-radius: 8px; padding: 8px 0; height: fit-content; max-height: calc(100vh - 120px); overflow-y: auto;">
        
            <div class="product-header" style="display: flex; width: 100%; gap: 1rem; flex-direction: column;">
                <div class="product-gallery-row">
                    <div class="miniaturas-carrusel">
                        <!-- Miniatura de la imagen principal -->
                        <img src="https://rclighting.mx/RC/uploads/684308daa0d2f.jpg" class="miniatura-img" data-type="image" onclick="changeMainImage('https://rclighting.mx/RC/uploads/684308daa0d2f.jpg', this)" alt="Imagen principal" onerror="this.onerror=null; this.src='https://rclighting.mx/RC/img/no-image.jpg';">
                        <!-- Miniaturas de imágenes extra -->
                                                <!-- Miniatura de video/audio subido -->
                                                <!-- Miniatura de YouTube/TikTok -->
                                            </div>
                    <div class="main-image-zoom-container" id="main-image-zoom-container">
                        <div class="main-image">
                            <!-- main_image_src: https://rclighting.mx/RC/uploads/684308daa0d2f.jpg -->                            <img id="mainProductImage" src="https://rclighting.mx/RC/uploads/684308daa0d2f.jpg" alt="Imagen principal" style="width:100%;max-width:100%;height:auto;object-fit:contain;transition: transform 0.2s ease-out;" onerror="this.onerror=null; this.src='https://rclighting.mx/RC/img/no-image.jpg';">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Info a la derecha -->
        <div class="product-main-info" style="order: 1; flex: 1 1 0%; width: 55%; padding-left: 0;">
            <div class="product-description info-block descripcion" style="margin-bottom: 0.5rem;">
                <div>
                                            <div id="descriptionContainer" class="description-collapsible" style="position: relative; max-height: 220px; overflow: hidden; transition: max-height 0.25s ease;">
                            <div id="descriptionContent" class="description" style="padding-bottom: 0.5rem;">
                                <p class="MsoNoSpacing" style="margin: 0cm 0cm 0pt;"><span style="font-family: Calibri;">SIRIUS HRI 330 Metal halide lamps &amp; MSD PLATINUM 15R </span></p>
<p class="MsoNoSpacing" style="margin: 0cm 0cm 0pt; text-align: justify;"><span style="font-family: Calibri;">Las nuevas l&aacute;mparas reflectoras Sirius HRI, est&aacute;n especialmente pensadas</span></p>
<p class="MsoNoSpacing" style="margin: 0cm 0cm 0pt; text-align: justify;"><span style="font-family: Calibri;">para su uso en cabezas m&oacute;viles. Debido a su alta densidad de luz, es especialmente</span></p>
<p class="MsoNoSpacing" style="margin: 0cm 0cm 0pt; text-align: justify;"><span style="font-family: Calibri;">adecuada para las exigencias del sector del entretenimiento. a</span></p>
<p class="MsoNoSpacing" style="margin: 0cm 0cm 0pt; text-align: justify;"><span style="font-family: Calibri;">Su larga vida de la </span>l&aacute;mpara tambi&eacute;n hace que sea una soluci&oacute;n muy econ&oacute;mica.</p>
<table style="width: 312pt; border-collapse: collapse;" border="0" width="415" cellspacing="0" cellpadding="0"><colgroup><col style="width: 71pt; mso-width-source: userset; mso-width-alt: 3474;" width="95"> <col style="width: 149pt; mso-width-source: userset; mso-width-alt: 7241;" width="198"> <col style="width: 92pt; mso-width-source: userset; mso-width-alt: 4461;" width="122"> </colgroup>
<tbody>
<tr style="height: 15pt;">
<td class="xl69" style="border-width: 0px 0.5pt 0.5pt 0px; border-style: none dotted dotted none; border-color: lime rgb(191, 191, 191) rgb(191, 191, 191) lime; width: 71pt; height: 15pt; background-color: transparent;" width="95" height="20"><span style="color: #00ff00;">MARCA<span style="mso-spacerun: yes;">&nbsp;</span></span></td>
<td class="xl69" style="border-width: 0px 0.5pt 0.5pt 0px; border-style: none dotted dotted none; border-color: lime rgb(191, 191, 191) rgb(191, 191, 191) lime; width: 149pt; background-color: transparent;" width="198"><span style="color: #00ff00;">MODELO<span style="mso-spacerun: yes;">&nbsp;</span></span></td>
<td class="xl70" style="border-width: 0px 0px 0.5pt; border-style: none none dotted; border-color: lime lime rgb(191, 191, 191); width: 92pt; background-color: transparent;" width="122"><span style="color: #00ff00;">Tipo Bulbo<span style="mso-spacerun: yes;">&nbsp;</span></span></td>
</tr>
<tr style="height: 15pt;">
<td class="xl65" style="border-width: 0px 0.5pt 0.5pt 0px; border-style: none dotted dotted none; border-color: black rgb(191, 191, 191) rgb(191, 191, 191) black; width: 71pt; height: 15pt; background-color: transparent;" width="95" height="20">PHILIPS<span style="mso-spacerun: yes;">&nbsp;</span></td>
<td class="xl65" style="border-width: 0px 0.5pt 0.5pt 0px; border-style: none dotted dotted none; border-color: black rgb(191, 191, 191) rgb(191, 191, 191) black; width: 149pt; background-color: transparent;" width="198">MSD PLATINUM 15R</td>
<td class="xl66" style="border-width: 0px 0px 0.5pt; border-style: none none dotted; border-color: black black rgb(191, 191, 191); width: 92pt; background-color: transparent;" width="122">E20.8</td>
</tr>
<tr style="height: 15pt;">
<td class="xl65" style="border-width: 0px 0.5pt 0.5pt 0px; border-style: none dotted dotted none; border-color: black rgb(191, 191, 191) rgb(191, 191, 191) black; width: 71pt; height: 15pt; background-color: transparent;" width="95" height="20">RCLIGHTING</td>
<td class="xl65" style="border-width: 0px 0.5pt 0.5pt 0px; border-style: none dotted dotted none; border-color: black rgb(191, 191, 191) rgb(191, 191, 191) black; width: 149pt; background-color: transparent;" width="198">15R&nbsp;350W HID</td>
<td class="xl66" style="border-width: 0px 0px 0.5pt; border-style: none none dotted; border-color: black black rgb(191, 191, 191); width: 92pt; background-color: transparent;" width="122">E20.8</td>
</tr>
<tr style="height: 15pt;">
<td class="xl67" style="border-width: 0px 0.5pt 0px 0px; border-style: none dotted none none; border-color: black rgb(191, 191, 191) black black; width: 71pt; height: 15pt; background-color: transparent;" width="95" height="20">OSRAM</td>
<td class="xl67" style="border-width: 0px 0.5pt 0px 0px; border-style: none dotted none none; border-color: black rgb(191, 191, 191) black black; width: 149pt; background-color: transparent;" width="198">SIRIUS HRI 330 Metal halide lamps</td>
<td class="xl68" style="border: 0px black; width: 92pt; background-color: transparent;" width="122">E20.8</td>
</tr>
</tbody>
</table>
<p><span style="max-height: 70%;"><br>&nbsp; <img src="data:image/png;base64,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" alt=""></span></p>
<p class="MsoNoSpacing" style="margin: 0cm 0cm 0pt;"><span style="font-size: 10pt;"><span style="font-family: Calibri;">Las Usan las siguientes marcas y modelos de luminarios&nbsp;<br>Alien Phantom sharpy&nbsp; <br>Clay Paky </span><span style="font-family: Times New Roman;">Sharpy Wash 330</span></span></p>
<p class="MsoNoSpacing" style="margin: 0cm 0cm 0pt;"><span style="font-size: 10pt;"><span style="font-family: Calibri;">elation platinum 15r pro</span></span></p>
<p class="MsoNoSpacing" style="margin: 0cm 0cm 0pt;"><span style="font-family: Calibri;">&nbsp;</span></p>                            </div>
                            <div id="descriptionFadeMask" class="fade-mask" style="position: absolute; bottom: 0; left: 0; right: 0; height: 64px; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.98)); pointer-events: none;"></div>
                        </div>
                        <a href="#" id="descriptionToggle" style="display: inline-block; margin-top: 4px; font-weight: 600; color: #1a73e8; text-decoration: none;">Ver descripción completa</a>
                        <script>
                        (function(){
                          var container = document.getElementById('descriptionContainer');
                          var content = document.getElementById('descriptionContent');
                          var fade = document.getElementById('descriptionFadeMask');
                          var toggle = document.getElementById('descriptionToggle');
                          if (!container || !content || !toggle) { return; }
                          var clampPx = 220;
                          var applyState = function(expanded){
                            if (expanded) {
                              container.style.maxHeight = content.scrollHeight + 'px';
                              toggle.textContent = 'Ocultar descripción';
                              toggle.setAttribute('data-expanded', 'true');
                              if (fade) fade.style.display = 'none';
                            } else {
                              container.style.maxHeight = clampPx + 'px';
                              toggle.textContent = 'Ver descripción completa';
                              toggle.removeAttribute('data-expanded');
                              if (fade) fade.style.display = '';
                            }
                          };
                          var needsClamp = content.scrollHeight > clampPx + 10;
                          if (!needsClamp) {
                            // Si no es larga, mostrar completa y ocultar el toggle
                            container.style.maxHeight = content.scrollHeight + 'px';
                            if (fade) fade.style.display = 'none';
                            toggle.style.display = 'none';
                          } else {
                            applyState(false);
                            toggle.addEventListener('click', function(e){
                              e.preventDefault();
                              var expanded = this.getAttribute('data-expanded') === 'true';
                              applyState(!expanded);
                            });
                          }
                        })();
                        </script>
                                        </div>
                
                            </div>
            
            <!-- Sección de características del producto -->
                        
            
                            <!-- PRECIO PRIMERO -->
                <div class="mb-3">
                    <span id="precioModeloLinea" style="color:#2196f3; font-weight:bold; font-size:1.3em; display:block;">PRECIO: <span id="precioModeloValor">$2,099.11 MXN</span></span>
                                            <span id="totalModeloLinea" style="color:#ff5722; font-weight:bold; font-size:1.3em; display:block; margin-top: 8px;">TOTAL: <span id="totalModeloValor">$2,434.97 MXN</span></span>
                    <div style="background: #fff3cd; border: 1px solid #ffeaa7; border-radius: 6px; padding: 10px; margin-top: 10px; text-align: center;">
                        <span style="color: #856404; font-weight: bold; font-size: 0.9em;">⚠️ PRECIOS EN MANTENIMIENTO, PARA MÁS INFORMACIÓN POR WHATSAPP</span>
                    </div>
                    
                    <!-- Sección de Cupón de Descuento - Variante Modelo -->
                    <div class="coupon-section" style="margin-top: 15px; padding: 15px; background: #f8f9fa; border-radius: 8px; border: 1px solid #e9ecef;">
                        <h6 style="margin-bottom: 15px; color: #495057; font-weight: 600;">
                            <i class="fas fa-ticket-alt"></i> Cupón de Descuento
                        </h6>
                        
                                                
                                                    <form method="POST" style="display: flex; gap: 8px; align-items: center;">
                                <input type="text" name="codigo_cupon" placeholder="Código de cupón" 
                                       style="flex: 1; padding: 6px 10px; border: 1px solid #ced4da; border-radius: 5px; font-size: 0.85em;"
                                       value="">
                                <button type="submit" name="aplicar_cupon" class="btn btn-primary" 
                                        style="padding: 6px 12px; font-size: 0.85em; white-space: nowrap;">
                                    <i class="fas fa-ticket-alt"></i> Aplicar
                                </button>
                            </form>
                                            </div>
                </div>
                
                                    <!-- Múltiples variantes - mostrar cada una con imagen y detalle -->
                    <div class="mb-3 variant-buttons-block">
                        <label class="form-label" style="font-weight: 600; color: #333; margin-bottom: 12px;">Variantes disponibles:</label>
                        
                                                    <div class="variante-completa mb-1" style="border: 1px solid #e2e8f0; border-radius: 6px; padding: 8px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.1); min-height: 140px; display: flex; align-items: center;">
                                <div class="row align-items-center w-100">
                                    <!-- Imagen de la variante -->
                                    <div class="col-md-3">
                                        <div style="text-align: center; position: relative;">
                                            <!-- Checkbox para selección múltiple - NUNCA seleccionado por defecto -->
                                            <div style="position: absolute; top: 3px; left: 3px; z-index: 10;">
                                                <input type="checkbox" class="variante-checkbox" 
                                                       data-index="0" 
                                                       data-modelo="RCI330" 
                                                       data-precio="2099.11" 
                                                       data-precio-extra="0.00" 
                                                       style="transform: scale(1.1); accent-color: #1976d2;">
                                            </div>
                                            
                                            <!-- Imagen del modelo o imagen por defecto -->
                                                                                            <!-- Imagen por defecto para modelos sin imagen -->
                                                <div class="variante-imagen-placeholder" 
                                                     data-index="0"
                                                     style="width: 100px; height: 80px; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border: 1px solid #1976d2; border-radius: 4px; display: flex; align-items: center; justify-content: center; box-shadow: 0 1px 4px rgba(25, 118, 210, 0.2); cursor: pointer;">
                                                    <i class="fas fa-microchip" style="font-size: 1.5em; color: #1976d2;"></i>
                                                </div>
                                                                                    </div>
                                    </div>
                                    
                                    <!-- Detalle de la variante -->
                                    <div class="col-md-9">
                                        <div class="variante-detalle" style="background: #f8f9fa; padding: 8px; border-radius: 4px; border-left: 2px solid #1976d2; height: 100%;">
                                            <div class="variante-info-completa">
                                                <div class="mb-2">
                                                    <span class="fw-bold" style="color:#1976d2; font-size: 0.9em;">Modelo:</span> 
                                                    <span style="font-size: 0.9em; color: #333;">RCI330</span>
                                                                                                            <span style="font-size: 0.9em; color: #333;"> | </span>
                                                        <span class="fw-bold" style="color:#1976d2; font-size: 0.9em;">Marca:</span> 
                                                        <span style="font-size: 0.9em; color: #333;">RCLIGHTING</span>
                                                                                                    </div>
                                                                                                    <div class="mb-2">
                                                        <span class="fw-bold" style="color:#1976d2; font-size: 0.85em;">Descripción:</span> 
                                                        <span style="color: #666; line-height: 1.3; font-size: 0.85em;">PLATINUM 330W HID R15, R16, R17</span>
                                                    </div>
                                                                                                <div class="mb-2">
                                                    <span class="fw-bold" style="color:#1976d2; font-size: 0.9em;">Precio:</span> 
                                                    <span style="color: #ff5722; font-size: 1em; font-weight: bold;">$2,099.11 MXN</span>
                                                </div>
                                                                                                <div class="mb-2">
                                                    <span class="fw-bold" style="color:#1976d2; font-size: 0.85em;">IVA 16%:</span> 
                                                    <span class="iva-variante" style="color: #2196f3; font-size: 0.9em; font-weight: bold;">$335.86 MXN</span>
                                                    <span style="color: #333; margin: 0 8px;">|</span>
                                                    <span class="fw-bold" style="color:#1976d2; font-size: 0.85em;">Total:</span> 
                                                    <span class="total-variante" style="color: #ff5722; font-size: 1em; font-weight: bold;">$2,434.97 MXN</span>
                                                </div>
                                                                                            </div>
                                            
                                            <!-- Campos cantidad y metros extra en una sola línea -->
                                            <div class="modelo-accion-container mt-2" style="display:flex; gap:14px; align-items:flex-end; flex-wrap:wrap;">
                                                <div class="cantidad-variante-container" style="display: none;">
                                                    <label style="font-size: 0.8rem; color: #666; margin-bottom: 5px; display: block;">Cantidad:</label>
                                                    <input type="number" class="cantidad-variante-input" value="1" min="1" style="width: 80px; padding: 5px; border: 1px solid #ddd; border-radius: 3px; font-size: 0.8rem;">
                                                </div>
                                                                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                    <div class="variante-completa mb-1" style="border: 1px solid #e2e8f0; border-radius: 6px; padding: 8px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.1); min-height: 140px; display: flex; align-items: center;">
                                <div class="row align-items-center w-100">
                                    <!-- Imagen de la variante -->
                                    <div class="col-md-3">
                                        <div style="text-align: center; position: relative;">
                                            <!-- Checkbox para selección múltiple - NUNCA seleccionado por defecto -->
                                            <div style="position: absolute; top: 3px; left: 3px; z-index: 10;">
                                                <input type="checkbox" class="variante-checkbox" 
                                                       data-index="1" 
                                                       data-modelo="HRI330W" 
                                                       data-precio="5639.62" 
                                                       data-precio-extra="0.00" 
                                                       style="transform: scale(1.1); accent-color: #1976d2;">
                                            </div>
                                            
                                            <!-- Imagen del modelo o imagen por defecto -->
                                                                                            <!-- Imagen por defecto para modelos sin imagen -->
                                                <div class="variante-imagen-placeholder" 
                                                     data-index="1"
                                                     style="width: 100px; height: 80px; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border: 1px solid #1976d2; border-radius: 4px; display: flex; align-items: center; justify-content: center; box-shadow: 0 1px 4px rgba(25, 118, 210, 0.2); cursor: pointer;">
                                                    <i class="fas fa-microchip" style="font-size: 1.5em; color: #1976d2;"></i>
                                                </div>
                                                                                    </div>
                                    </div>
                                    
                                    <!-- Detalle de la variante -->
                                    <div class="col-md-9">
                                        <div class="variante-detalle" style="background: #f8f9fa; padding: 8px; border-radius: 4px; border-left: 2px solid #1976d2; height: 100%;">
                                            <div class="variante-info-completa">
                                                <div class="mb-2">
                                                    <span class="fw-bold" style="color:#1976d2; font-size: 0.9em;">Modelo:</span> 
                                                    <span style="font-size: 0.9em; color: #333;">HRI330W</span>
                                                                                                            <span style="font-size: 0.9em; color: #333;"> | </span>
                                                        <span class="fw-bold" style="color:#1976d2; font-size: 0.9em;">Marca:</span> 
                                                        <span style="font-size: 0.9em; color: #333;">OSRAM GERMANY</span>
                                                                                                    </div>
                                                                                                    <div class="mb-2">
                                                        <span class="fw-bold" style="color:#1976d2; font-size: 0.85em;">Descripción:</span> 
                                                        <span style="color: #666; line-height: 1.3; font-size: 0.85em;">SIRIUS HRI 330 Metal halide lamps</span>
                                                    </div>
                                                                                                <div class="mb-2">
                                                    <span class="fw-bold" style="color:#1976d2; font-size: 0.9em;">Precio:</span> 
                                                    <span style="color: #ff5722; font-size: 1em; font-weight: bold;">$5,639.62 MXN</span>
                                                </div>
                                                                                                <div class="mb-2">
                                                    <span class="fw-bold" style="color:#1976d2; font-size: 0.85em;">IVA 16%:</span> 
                                                    <span class="iva-variante" style="color: #2196f3; font-size: 0.9em; font-weight: bold;">$902.34 MXN</span>
                                                    <span style="color: #333; margin: 0 8px;">|</span>
                                                    <span class="fw-bold" style="color:#1976d2; font-size: 0.85em;">Total:</span> 
                                                    <span class="total-variante" style="color: #ff5722; font-size: 1em; font-weight: bold;">$6,541.96 MXN</span>
                                                </div>
                                                                                            </div>
                                            
                                            <!-- Campos cantidad y metros extra en una sola línea -->
                                            <div class="modelo-accion-container mt-2" style="display:flex; gap:14px; align-items:flex-end; flex-wrap:wrap;">
                                                <div class="cantidad-variante-container" style="display: none;">
                                                    <label style="font-size: 0.8rem; color: #666; margin-bottom: 5px; display: block;">Cantidad:</label>
                                                    <input type="number" class="cantidad-variante-input" value="1" min="1" style="width: 80px; padding: 5px; border: 1px solid #ddd; border-radius: 3px; font-size: 0.8rem;">
                                                </div>
                                                                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                    <div class="variante-completa mb-1" style="border: 1px solid #e2e8f0; border-radius: 6px; padding: 8px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.1); min-height: 140px; display: flex; align-items: center;">
                                <div class="row align-items-center w-100">
                                    <!-- Imagen de la variante -->
                                    <div class="col-md-3">
                                        <div style="text-align: center; position: relative;">
                                            <!-- Checkbox para selección múltiple - NUNCA seleccionado por defecto -->
                                            <div style="position: absolute; top: 3px; left: 3px; z-index: 10;">
                                                <input type="checkbox" class="variante-checkbox" 
                                                       data-index="2" 
                                                       data-modelo="MSD15R" 
                                                       data-precio="6437.29" 
                                                       data-precio-extra="0.00" 
                                                       style="transform: scale(1.1); accent-color: #1976d2;">
                                            </div>
                                            
                                            <!-- Imagen del modelo o imagen por defecto -->
                                                                                            <!-- Imagen por defecto para modelos sin imagen -->
                                                <div class="variante-imagen-placeholder" 
                                                     data-index="2"
                                                     style="width: 100px; height: 80px; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border: 1px solid #1976d2; border-radius: 4px; display: flex; align-items: center; justify-content: center; box-shadow: 0 1px 4px rgba(25, 118, 210, 0.2); cursor: pointer;">
                                                    <i class="fas fa-microchip" style="font-size: 1.5em; color: #1976d2;"></i>
                                                </div>
                                                                                    </div>
                                    </div>
                                    
                                    <!-- Detalle de la variante -->
                                    <div class="col-md-9">
                                        <div class="variante-detalle" style="background: #f8f9fa; padding: 8px; border-radius: 4px; border-left: 2px solid #1976d2; height: 100%;">
                                            <div class="variante-info-completa">
                                                <div class="mb-2">
                                                    <span class="fw-bold" style="color:#1976d2; font-size: 0.9em;">Modelo:</span> 
                                                    <span style="font-size: 0.9em; color: #333;">MSD15R</span>
                                                                                                            <span style="font-size: 0.9em; color: #333;"> | </span>
                                                        <span class="fw-bold" style="color:#1976d2; font-size: 0.9em;">Marca:</span> 
                                                        <span style="font-size: 0.9em; color: #333;">PHILIPS</span>
                                                                                                    </div>
                                                                                                    <div class="mb-2">
                                                        <span class="fw-bold" style="color:#1976d2; font-size: 0.85em;">Descripción:</span> 
                                                        <span style="color: #666; line-height: 1.3; font-size: 0.85em;">MSD PLATINUM 15R</span>
                                                    </div>
                                                                                                <div class="mb-2">
                                                    <span class="fw-bold" style="color:#1976d2; font-size: 0.9em;">Precio:</span> 
                                                    <span style="color: #ff5722; font-size: 1em; font-weight: bold;">$6,437.29 MXN</span>
                                                </div>
                                                                                                <div class="mb-2">
                                                    <span class="fw-bold" style="color:#1976d2; font-size: 0.85em;">IVA 16%:</span> 
                                                    <span class="iva-variante" style="color: #2196f3; font-size: 0.9em; font-weight: bold;">$1,029.97 MXN</span>
                                                    <span style="color: #333; margin: 0 8px;">|</span>
                                                    <span class="fw-bold" style="color:#1976d2; font-size: 0.85em;">Total:</span> 
                                                    <span class="total-variante" style="color: #ff5722; font-size: 1em; font-weight: bold;">$7,467.26 MXN</span>
                                                </div>
                                                                                            </div>
                                            
                                            <!-- Campos cantidad y metros extra en una sola línea -->
                                            <div class="modelo-accion-container mt-2" style="display:flex; gap:14px; align-items:flex-end; flex-wrap:wrap;">
                                                <div class="cantidad-variante-container" style="display: none;">
                                                    <label style="font-size: 0.8rem; color: #666; margin-bottom: 5px; display: block;">Cantidad:</label>
                                                    <input type="number" class="cantidad-variante-input" value="1" min="1" style="width: 80px; padding: 5px; border: 1px solid #ddd; border-radius: 3px; font-size: 0.8rem;">
                                                </div>
                                                                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                
                        <!-- Resumen de selección -->
                        <div id="resumen-seleccion-modelo" style="background: #f8f9fa; padding: 15px; border-radius: 8px; border-left: 4px solid #1976d2; margin-bottom: 15px; display: none;">
                            <h6 style="color: #1976d2; margin-bottom: 10px;">Resumen de selección:</h6>
                            <div id="lista-variantes-seleccionadas-modelo"></div>
                            <div style="margin-top: 10px; font-weight: bold; color: #ff5722;">
                                Total: <span id="total-variantes-seleccionadas-modelo">$0.00 MXN</span>
                            </div>
                            
                            <!-- Botón para limpiar selección -->
                            <div style="margin-top: 15px; text-align: center;">
                                <button type="button" class="btn btn-outline-secondary btn-sm" onclick="limpiarSeleccionVariantes()" style="font-size: 0.8rem; padding: 5px 15px;">
                                    <i class="fas fa-times"></i> Limpiar Selección
                                </button>
                            </div>
                        </div>
                        
                        
                    </div>
                                
                <input type="hidden" id="id_modelo_seleccionado" value="">
                <div id="modeloDetalle" style="margin-top:10px;"></div>
                

                <script>
                let modeloSeleccionado = null;
                document.addEventListener('DOMContentLoaded', function() {
                    // Verificar variables de moneda
                    if (typeof currentCurrency === 'undefined') {
                        window.currentCurrency = 'MXN';
                    }
                    if (typeof exchangeRateValue === 'undefined') {
                        window.exchangeRateValue = 1;
                    }
                    
                    // Definir tipo de producto para productos modelo
                    window.tipoProducto = 'modelo';
                    
                    // Actualizar contador del carrito al cargar la página
                    setTimeout(() => {
                        updateCartCounter();
                    }, 100);
                    
                    const modelos = [{"id_modelo":76,"id_producto":74,"id_marca":8,"modelo":"RCI330","descripcion":"PLATINUM 330W HID R15, R16, R17","precio":"2099.11","precio_metro_extra":"0.00","marca_nombre":"RCLIGHTING"},{"id_modelo":77,"id_producto":74,"id_marca":9,"modelo":"HRI330W","descripcion":"SIRIUS HRI 330 Metal halide lamps","precio":"5639.62","precio_metro_extra":"0.00","marca_nombre":"OSRAM GERMANY"},{"id_modelo":78,"id_producto":74,"id_marca":11,"modelo":"MSD15R","descripcion":"MSD PLATINUM 15R","precio":"6437.29","precio_metro_extra":"0.00","marca_nombre":"PHILIPS"}];
                    // Hacer la variable modelos disponible globalmente para addToCart
                    window.modelos = modelos;
                    const detalle = document.getElementById('modeloDetalle');
                    const inputModelo = document.getElementById('id_modelo_seleccionado');
                    
                    // Función para actualizar precios en la línea superior
                    function actualizarPreciosModelo(precio) {
                        const precioDisplay = document.getElementById('precioModeloValor');
                        const totalDisplay = document.getElementById('totalModeloValor');
                        
                        if (precioDisplay && totalDisplay) {
                            let precioTexto = '';
                            let totalTexto = '';
                            
                            if (currentCurrency === 'USD' && exchangeRateValue > 0) {
                                const precioUSD = precio / exchangeRateValue;
                                const totalUSD = (precio * 1.16) / exchangeRateValue;
                                precioTexto = formatearPrecio(precioUSD, 'USD');
                                totalTexto = formatearPrecio(totalUSD, 'USD');
                            } else {
                                precioTexto = formatearPrecio(precio, 'MXN');
                                totalTexto = formatearPrecio(precio * 1.16, 'MXN');
                            }
                            
                            precioDisplay.textContent = precioTexto;
                            totalDisplay.textContent = totalTexto;
                        }
                    }
                    
                    // Función para mostrar detalle del modelo seleccionado
                    function mostrarDetalle(idx) {
                        const m = modelos[idx];
                        let precio = parseFloat(m.precio);
                        
                        // Actualizar precios en la línea superior
                        actualizarPreciosModelo(precio);
                        
                        // Actualizar meta tags cuando se selecciona un modelo
                        if (typeof forceWhatsAppMetaTags === 'function') {
                            forceWhatsAppMetaTags();
                        }
                        
                        modeloSeleccionado = m.id_modelo;
                        if (inputModelo) inputModelo.value = m.id_modelo;
                    }
                    
                    // Configurar checkboxes para selección múltiple
                    const checkboxes = document.querySelectorAll('.variante-checkbox');
                    const resumenSeleccion = document.getElementById('resumen-seleccion-modelo');
                    const listaVariantes = document.getElementById('lista-variantes-seleccionadas-modelo');
                    const totalVariantes = document.getElementById('total-variantes-seleccionadas-modelo');
                    
                    checkboxes.forEach((checkbox, idx) => {
                        function recalcCard(idxLocal){
                            try {
                                const cbLocal = document.querySelector(`.variante-checkbox[data-index='${idxLocal}']`);
                                const cardLocal = cbLocal ? cbLocal.closest('.variante-completa') : null;
                                const cantidadEl = cardLocal ? cardLocal.querySelector('.cantidad-variante-input') : null;
                                const extraEl = cardLocal ? cardLocal.querySelector('.extra-metros-input') : null;
                                const ivaEl = cardLocal ? cardLocal.querySelector('.iva-variante') : null;
                                const totalEl = cardLocal ? cardLocal.querySelector('.total-variante') : null;
                                const m = modelos[idxLocal] || {};
                                const cantidad = cantidadEl ? parseInt(cantidadEl.value) || 1 : 1;
                                const extraMetros = extraEl ? parseInt(extraEl.value) || 0 : 0;
                                const precioExtra = parseFloat(m.precio_metro_extra || (cbLocal?.dataset?.precioExtra) || 0) || 0;
                                const precio = parseFloat(m.precio) || 0;
                                const subtotalBase = precio * cantidad;
                                const subtotalExtra = (precioExtra > 0 && extraMetros > 0) ? (precioExtra * extraMetros * cantidad) : 0;
                                const iva = (subtotalBase + subtotalExtra) * 0.16;
                                const total = (subtotalBase + subtotalExtra) + iva;
                                if (ivaEl) { ivaEl.textContent = formatearPrecio(iva, 'MXN') + ' MXN'; }
                                if (totalEl) { totalEl.textContent = formatearPrecio(total, 'MXN') + ' MXN'; }
                            } catch (_) {}
                        }

                        checkbox.addEventListener('change', function() {
                            const card = this.closest('.variante-completa');
                            const cantidadInput = card.querySelector('.cantidad-variante-input');
                            const extraContainer = card.querySelector('.extra-metros-container');
                            
                            if (this.checked) {
                                // Mostrar campo de cantidad
                                if (cantidadInput) { cantidadInput.closest('.cantidad-variante-container').style.display = 'block'; }
                                if (extraContainer) { extraContainer.style.display = 'block'; }
                                
                                // Seleccionar primera variante por defecto
                                if (idx === 0) { mostrarDetalle(0); }
                                recalcCard(idx);
                            } else {
                                // Ocultar campo de cantidad
                                if (cantidadInput) { cantidadInput.closest('.cantidad-variante-container').style.display = 'none'; }
                                if (extraContainer) { extraContainer.style.display = 'none'; }
                            }
                            
                            actualizarResumenSeleccion();
                        });
                        
                        // Configurar campos de cantidad
                        const cantidadInput = checkbox.closest('.variante-completa').querySelector('.cantidad-variante-input');
                        if (cantidadInput) {
                            cantidadInput.addEventListener('change', function() {
                                actualizarResumenSeleccion();
                                recalcCard(idx);
                            });
                            cantidadInput.addEventListener('input', function(){ recalcCard(idx); });
                        }
                        const extraInput = checkbox.closest('.variante-completa').querySelector('.extra-metros-input');
                        if (extraInput) {
                            extraInput.addEventListener('input', function() { actualizarResumenSeleccion(); recalcCard(idx); });
                            extraInput.addEventListener('change', function(){ recalcCard(idx); });
                        }
                    });
                    
                    // Configurar campo de cantidad para una sola variante
                    const cantidadSingleVariante = document.getElementById('cantidadSingleModelo') || document.getElementById('cantidadSingleVariante');
                    if (cantidadSingleVariante) {
                        cantidadSingleVariante.addEventListener('change', function() {
                            console.log('🔍 Cambio detectado en campo de cantidad única, valor:', this.value);
                            actualizarResumenSeleccion();
                        });
                        cantidadSingleVariante.addEventListener('input', function() {
                            console.log('🔍 Input detectado en campo de cantidad única, valor:', this.value);
                            actualizarResumenSeleccion();
                        });
                        console.log('✅ Event listeners agregados para campo de cantidad de una sola variante');
                    }
                    
                    // Función para actualizar el resumen de selección
                    function actualizarResumenSeleccion() {
                        let total = 0;
                        let listaHTML = '';
                        const listaVariantes = document.getElementById('lista-variantes-seleccionadas-modelo');
                        const totalVariantes = document.getElementById('total-variantes-seleccionadas-modelo');
                        const resumenSeleccion = document.getElementById('resumen-seleccion-modelo');
                        
                        if (!listaVariantes || !totalVariantes || !resumenSeleccion) {
                            console.log('⚠️ Elementos del resumen no encontrados, saltando actualización');
                            return;
                        }
                        
                        // Si solo hay una variante, usar el campo de cantidad específico
                        if (modelos.length === 1) {
                            console.log('🔍 Procesando variante única en actualizarResumenSeleccion');
                            const variante = modelos[0];
                            const cantidadSingleVariante = document.getElementById('cantidadSingleModelo') || document.getElementById('cantidadSingleVariante');
                            console.log('🔍 Campo de cantidad encontrado:', cantidadSingleVariante);
                            
                            const cantidad = cantidadSingleVariante ? parseInt(cantidadSingleVariante.value) : 1;
                            console.log('🔍 Cantidad parseada:', cantidad, 'Valor original:', cantidadSingleVariante ? cantidadSingleVariante.value : 'no encontrado');
                            
                            const extraInput = document.querySelector('.variant-single-block .extra-metros-input');
                            const extraMetros = extraInput ? parseInt(extraInput.value) || 0 : 0;
                            const precioExtra = parseFloat(variante.precio_metro_extra || 0) || 0;
                            const subtotalBase = (parseFloat(variante.precio) || 0) * cantidad;
                            const subtotalExtra = (precioExtra > 0 && extraMetros > 0) ? (precioExtra * extraMetros * cantidad) : 0;
                            const totalConIVA = (subtotalBase + subtotalExtra) * 1.16;
                            
                            total = totalConIVA;
                            
                            const extraTxt = extraMetros > 0 ? ` | Extra: ${extraMetros} m` : '';
                            listaHTML = `
                                <div style="margin-bottom: 8px; padding: 8px; background: #fff; border-radius: 4px; border: 1px solid #e2e8f0;">
                                    <strong>${variante.modelo}</strong>${extraTxt} - Cantidad: ${cantidad}<br>
                                    <small style="color: #666;">
                                        Precio: ${formatearPrecio(variante.precio, currentCurrency === 'USD' ? 'USD' : 'MXN')} | 
                                        Total: ${formatearPrecio(totalConIVA, currentCurrency === 'USD' ? 'USD' : 'MXN')}
                                    </small>
                                </div>
                            `;
                            
                            console.log('🔍 Resumen actualizado para variante única:', variante.modelo, 'Cantidad:', cantidad, 'Total:', totalConIVA);
                        } else {
                            // Múltiples variantes - usar checkboxes
                            checkboxes.forEach((checkbox, idx) => {
                                if (checkbox.checked) {
                                    const variante = modelos[idx];
                                    const card = checkbox.closest('.variante-completa');
                                    const cantidadInput = card?.querySelector('.cantidad-variante-input');
                                    const extraInput = card?.querySelector('.extra-metros-input');
                                    const cantidad = cantidadInput ? parseInt(cantidadInput.value) || 1 : 1;
                                    const extraMetros = extraInput ? parseInt(extraInput.value) || 0 : 0;
                                    const precioExtra = parseFloat(variante.precio_metro_extra || checkbox.dataset.precioExtra || 0) || 0;
                                    const subtotalBase = (parseFloat(variante.precio) || 0) * cantidad;
                                    const subtotalExtra = (precioExtra > 0 && extraMetros > 0) ? (precioExtra * extraMetros * cantidad) : 0;
                                    const totalConIVA = (subtotalBase + subtotalExtra) * 1.16;
                                    
                                    total += totalConIVA;
                                    
                                    const extraTxt = extraMetros > 0 ? ` | Extra: ${extraMetros} m` : '';
                                    listaHTML += `
                                        <div style="margin-bottom: 8px; padding: 8px; background: #fff; border-radius: 4px; border: 1px solid #e2e8f0;">
                                            <strong>${variante.modelo}</strong>${extraTxt} - Cantidad: ${cantidad}<br>
                                            <small style="color: #666;">
                                                Precio: ${formatearPrecio(variante.precio, currentCurrency === 'USD' ? 'USD' : 'MXN')} | 
                                                Total: ${formatearPrecio(totalConIVA, currentCurrency === 'USD' ? 'USD' : 'MXN')}
                                            </small>
                                        </div>
                                    `;
                                }
                            });
                        }
                        
                        if (listaHTML) {
                            listaVariantes.innerHTML = listaHTML;
                            totalVariantes.textContent = formatearPrecio(total, currentCurrency === 'USD' ? 'USD' : 'MXN');
                            resumenSeleccion.style.display = 'block';
                            console.log('✅ Resumen de selección mostrado con total:', total);
                        } else {
                            resumenSeleccion.style.display = 'none';
                            console.log('❌ No hay variantes seleccionadas, ocultando resumen');
                        }
                    }
                    
                    // Inicializar con la primera variante
                    if (modelos.length > 0) {
                        mostrarDetalle(0);
                        
                        // Si solo hay una variante, configurarla automáticamente
                        if (modelos.length === 1) {
                            console.log('🔍 Solo una variante disponible, configurando automáticamente');
                            
                            // Mostrar campo de cantidad para una sola variante
                            const cantidadSingleVariante = document.getElementById('cantidad-single-variante');
                            if (cantidadSingleVariante) {
                                cantidadSingleVariante.style.display = 'block';
                                console.log('✅ Campo de cantidad para una sola variante mostrado');
                                
                                // Configurar el valor inicial del campo de cantidad
                                const cantidadInput = document.getElementById('cantidadSingleModelo') || document.getElementById('cantidadSingleVariante');
                                if (cantidadInput) {
                                    cantidadInput.value = 1;
                                    cantidadInput.min = 1;
                                    console.log('✅ Campo de cantidad configurado con valor inicial 1');
                                }
                            }
                            
                            // Actualizar resumen de selección automáticamente
                            setTimeout(() => {
                                actualizarResumenSeleccion();
                                console.log('✅ Resumen de selección actualizado automáticamente para variante única');
                            }, 100);
                        }
                    }
                    
                    // Configurar botones de acción
                    const agregarModeloBtn = document.getElementById('agregarModeloBtn');
                    const comprarModeloBtn = document.getElementById('comprarModeloBtn');
                    
                    if (agregarModeloBtn) {
                        agregarModeloBtn.addEventListener('click', function() {
                            console.log('🛒 Botón de agregar modelo clickeado');
                            
                            // Verificar que al menos una variante esté seleccionada
                            const variantesSeleccionadas = Array.from(checkboxes).filter(cb => cb.checked);
                            if (variantesSeleccionadas.length === 0) {
                                alert('Por favor selecciona al menos una variante antes de agregar al carrito');
                                return;
                            }
                            
                            // Preparar datos para agregar al carrito
                            const datosCarrito = {
                                tipo_producto: 'modelo',
                                variantes: variantesSeleccionadas.map(checkbox => {
                                    const idx = parseInt(checkbox.getAttribute('data-index'));
                                    const variante = modelos[idx];
                                    const cantidadInput = checkbox.closest('.variante-completa').querySelector('.cantidad-variante-input');
                                    const cantidad = cantidadInput ? parseInt(cantidadInput.value) : 1;
                                    
                                const extraInput = checkbox.closest('.variante-completa').querySelector('.extra-metros-input');
                                const extraMetros = extraInput ? parseInt(extraInput.value) || 0 : 0;
                                const precioExtra = parseFloat(variante.precio_metro_extra || checkbox.dataset.precioExtra || 0) || 0;
                                return {
                                    id_modelo: variante.id_modelo,
                                    modelo: variante.modelo,
                                    marca: variante.marca_nombre,
                                    descripcion: variante.descripcion,
                                    precio: variante.precio,
                                    imagen: variante.imagen,
                                    cantidad: cantidad,
                                    precio_metro_extra: precioExtra,
                                    extra_metros: extraMetros
                                };
                                })
                            };
                            
                            console.log('📦 Datos para carrito:', datosCarrito);
                            
                            // Llamar a la función addToCart con los datos específicos
                            if (typeof addToCart === 'function') {
                                // Guardar datos temporalmente para que addToCart los use
                                window.datosCarritoModelo = datosCarrito;
                                addToCart();
                            } else {
                                console.error('Función addToCart no encontrada');
                                alert('Error: Función de agregar al carrito no disponible');
                            }
                        });
                    }
                    
                    if (comprarModeloBtn) {
                        comprarModeloBtn.addEventListener('click', function() {
                            console.log('⚡ Botón de comprar modelo clickeado');
                            
                            // Verificar que al menos una variante esté seleccionada
                            const variantesSeleccionadas = Array.from(checkboxes).filter(cb => cb.checked);
                            if (variantesSeleccionadas.length === 0) {
                                alert('Por favor selecciona al menos una variante antes de comprar');
                                return;
                            }
                            
                            // Preparar datos para agregar al carrito
                            const datosCarrito = {
                                tipo_producto: 'modelo',
                                variantes: variantesSeleccionadas.map(checkbox => {
                                    const idx = parseInt(checkbox.getAttribute('data-index'));
                                    const variante = modelos[idx];
                                    const cantidadInput = checkbox.closest('.variante-completa').querySelector('.cantidad-variante-input');
                                    const cantidad = cantidadInput ? parseInt(cantidadInput.value) : 1;
                                    
                                    return {
                                        id_modelo: variante.id_modelo,
                                        modelo: variante.modelo,
                                        marca: variante.marca_nombre,
                                        descripcion: variante.descripcion,
                                        precio: variante.precio,
                                        imagen: variante.imagen,
                                        cantidad: cantidad
                                    };
                                })
                            };
                            
                            console.log('📦 Datos para carrito:', datosCarrito);
                            
                            // Preparar parámetros para el checkout
                            const params = new URLSearchParams();
                            params.append('id_producto', 74);
                            params.append('tipo_producto', 'modelo');
                            
                            // Agregar información de las variantes seleccionadas
                            datosCarrito.variantes.forEach((variante, index) => {
                                params.append(`variante_${index}_id_modelo`, variante.id_modelo);
                                params.append(`variante_${index}_modelo`, variante.modelo);
                                params.append(`variante_${index}_marca`, variante.marca);
                                params.append(`variante_${index}_cantidad`, variante.cantidad);
                                params.append(`variante_${index}_precio`, variante.precio);
                                if (typeof variante.precio_metro_extra !== 'undefined') {
                                    params.append(`variante_${index}_precio_metro_extra`, variante.precio_metro_extra);
                                }
                                if (typeof variante.extra_metros !== 'undefined') {
                                    params.append(`variante_${index}_extra_metros`, variante.extra_metros);
                                }
                                if (variante.descripcion) {
                                    params.append(`variante_${index}_descripcion`, variante.descripcion);
                                }
                                if (variante.imagen) {
                                    params.append(`variante_${index}_imagen`, variante.imagen);
                                }
                            });
                            
                            params.append('total_variantes', datosCarrito.variantes.length);
                            
                            // Redirigir directamente al checkout
                            window.location.href = 'https://rclighting.mx/pago?' + params.toString();
                        });
                    }
                    
                    // Función para mostrar confirmación visual de producto modelo agregado
                    function mostrarConfirmacionAgregadoModelo() {
                        // Crear o actualizar mensaje de confirmación
                        let confirmacionDiv = document.getElementById('confirmacionModeloAgregado');
                        if (!confirmacionDiv) {
                            confirmacionDiv = document.createElement('div');
                            confirmacionDiv.id = 'confirmacionModeloAgregado';
                            confirmacionDiv.className = 'alert alert-success mt-3';
                            confirmacionDiv.style.borderRadius = '8px';
                            confirmacionDiv.style.border = '2px solid #28a745';
                            confirmacionDiv.style.background = '#d4edda';
                            confirmacionDiv.style.color = '#155724';
                            confirmacionDiv.style.padding = '15px';
                            confirmacionDiv.style.marginTop = '20px';
                            confirmacionDiv.style.boxShadow = '0 4px 12px rgba(40, 167, 69, 0.15)';
                            
                            // Insertar después de los botones de acción
                            const botonesContainer = document.querySelector('.row.mt-4');
                            if (botonesContainer) {
                                botonesContainer.parentNode.insertBefore(confirmacionDiv, botonesContainer.nextSibling);
                            }
                        }
                        
                        // Obtener información de las variantes seleccionadas
                        const checkboxesSeleccionados = document.querySelectorAll('.variante-checkbox:checked');
                        let resumenVariantes = '';
                        let totalCantidad = 0;
                        
                        checkboxesSeleccionados.forEach((checkbox, index) => {
                            const idx = parseInt(checkbox.getAttribute('data-index'));
                            const variante = window.modelos[idx];
                            const cantidadInput = checkbox.closest('.variante-completa').querySelector('.cantidad-variante-input');
                            const cantidad = cantidadInput ? parseInt(cantidadInput.value) : 1;
                            totalCantidad += cantidad;
                            
                            if (index > 0) resumenVariantes += ', ';
                            resumenVariantes += `${variante.modelo} (${cantidad})`;
                        });
                        
                        confirmacionDiv.innerHTML = `
                            <div class="d-flex align-items-center">
                                <i class="fas fa-check-circle me-3" style="color: #28a745; font-size: 1.5em;"></i>
                                <div>
                                    <strong>¡Productos modelo agregados al carrito!</strong><br>
                                    <small style="opacity: 0.8;">
                                        Productos agregados exitosamente
                                    </small>
                                </div>
                            </div>
                            <div class="mt-3">
                                <button type="button" class="btn btn-outline-success btn-sm me-2" onclick="window.location.href='/carrito'">
                                    <i class="fas fa-shopping-cart me-1"></i> Ver Carrito
                                </button>
                                <button type="button" class="btn btn-outline-primary btn-sm" onclick="this.parentElement.parentElement.remove()">
                                    <i class="fas fa-times me-1"></i> Cerrar
                                </button>
                            </div>
                        `;
                        
                        // Auto-ocultar después de 10 segundos
                        setTimeout(() => {
                            if (confirmacionDiv && confirmacionDiv.parentNode) {
                                confirmacionDiv.remove();
                            }
                        }, 10000);
                    }
                });
                </script>
                                                                        <!-- 5. Cantidad -->
            
            
            <!-- 6. Botones de acción -->
            <div class="action-buttons-container" style="margin-bottom: 20px;">
                                    <!-- Botones para productos sin variantes -->
                    <button class="btn btn-success btn-sm product-action-btn" 
                            style="font-size:0.9em; padding:12px 35px; background: linear-gradient(135deg, #28a745 0%, #20c997 100%); border:none; border-radius: 8px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3); transition: all 0.3s ease; flex: 1; margin-right: 10px;" 
                            onclick="addToCart()">
                        <i class="fas fa-cart-plus me-1"></i> AGREGAR
                    </button>
                    <button class="btn btn-warning btn-sm product-action-btn" id="comprarSimpleBtn"
                            style="font-size:0.9em; padding:12px 35px; background: linear-gradient(135deg, #ff9800 0%, #ff6f00 100%); border:none; border-radius: 8px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; color:white; box-shadow: 0 2px 8px rgba(255, 152, 0, 0.3); transition: all 0.3s ease; flex: 1;">
                        <i class="fas fa-bolt me-1"></i> COMPRAR
                    </button>
                            </div>
            
            <!-- INICIO: Tiempo de entrega estimado -->
            <div class="delivery-info" style="margin-top: 18px; margin-bottom: 18px;">
                <span style="color: #1976d2; font-weight: bold; font-size: 1.1em;">
                    <i class="fas fa-truck" style="margin-right: 6px;"></i>Tiempo de entrega estimado: 15 a 20 días hábiles
                </span>
                <div style="color: #222; font-size: 1em; margin-top: 2px; margin-left: 2px;">
                    (entre <b>20 de Dec</b> y <b>25 de Dec 2025</b>)
                </div>
            </div>
            <!-- FIN: Tiempo de entrega estimado -->
            
            <!-- Botón de compartir -->
            <div style="margin-bottom: 20px; text-align: left;">
                <button class="share-button" id="shareButton" style="background: #f8f9fa; color: #6c757d; border: 1px solid #dee2e6; border-radius: 6px; padding: 8px 16px; font-size: 0.9rem; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; justify-content: center; box-shadow: 0 1px 3px rgba(0,0,0,0.1); transition: all 0.2s ease;">
                    <i class="fas fa-share-alt" style="font-size: 0.85rem;"></i>
                    Compartir producto
                </button>
            </div>

            <!-- Modal de compartir -->
            <div id="shareModal" class="share-modal-overlay">
                <div class="share-modal-content">
                    <div class="share-modal-header">
                        <h3>Compartir producto</h3>
                        <button class="share-modal-close" onclick="closeShareModal()">&times;</button>
                    </div>
                    <div class="share-modal-body">
                        <p>Comparte este producto en tus redes sociales</p>
                        <div class="share-options">
                            <button class="share-option whatsapp" onclick="shareWhatsApp()">
                                <i class="fab fa-whatsapp"></i>
                                <span>WhatsApp</span>
                            </button>
                            <button class="share-option facebook" onclick="shareFacebook()">
                                <i class="fab fa-facebook-f"></i>
                                <span>Facebook</span>
                            </button>
                            <button class="share-option copy-link" onclick="copyLink()">
                                <i class="fas fa-link"></i>
                                <span>Copiar enlace</span>
                            </button>
                            <button class="share-option email" onclick="shareEmail()">
                                <i class="fas fa-envelope"></i>
                                <span>Email</span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

    <!-- Sección de productos relacionados - Fuera del contenedor principal -->
    
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/tsparticles@2/tsparticles.bundle.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://js.stripe.com/v3/"></script>
    
    <!-- Script para el menú catálogo -->
    <script>
    document.addEventListener('DOMContentLoaded', function() {
        // Actualizar contador del carrito al cargar la página
        console.log('🚀 Llamando a updateCartCounter() desde DOMContentLoaded...');
        console.log('📄 Estado del DOM:', document.readyState);
        console.log('🔍 Elementos disponibles:', {
            cartCounter: !!document.getElementById('cartCounter'),
            cartCounterMobile: !!document.getElementById('cartCounterMobile'),
            body: !!document.body,
            head: !!document.head
        });
        
        // Agregar un pequeño delay para asegurar que el DOM esté completamente cargado
        setTimeout(() => {
            console.log('⏰ Timeout ejecutado, llamando a updateCartCounter()...');
            try {
                updateCartCounter();
                console.log('✅ updateCartCounter() ejecutado exitosamente');
            } catch (error) {
                console.error('❌ Error ejecutando updateCartCounter():', error);
            }
        }, 100);
        
        const btnCatalogo = document.getElementById('btn-catalogo');
        const menuCatalogo = document.getElementById('menu-catalogo');
        let isMenuOpen = false;
        
        if (btnCatalogo && menuCatalogo) {
            // Función para abrir/cerrar el menú
            function toggleMenu(e) {
                e.preventDefault();
                e.stopPropagation();
                isMenuOpen = !isMenuOpen;
                
                if (isMenuOpen) {
                    menuCatalogo.classList.add('abierto');
                    btnCatalogo.classList.add('active');
                    // Anclar bajo la barra de navegación en móvil
                    if (window.innerWidth <= 576) {
                        const navbar = document.querySelector('.navbar');
                        const headerBottom = navbar ? navbar.getBoundingClientRect().bottom : 0;
                        const margin = 8;
                        const available = window.innerHeight - (headerBottom + margin * 2);
                        const cap = Math.round(window.innerHeight * 0.7);
                        const targetHeight = Math.min(available, cap);
                        menuCatalogo.style.top = `${headerBottom + margin}px`;
                        menuCatalogo.style.height = `${targetHeight}px`;
                        menuCatalogo.style.left = '50%';
                        menuCatalogo.style.right = 'auto';
                        menuCatalogo.style.transform = 'translateX(-50%)';
                        const headerEl = menuCatalogo.querySelector('.menu-header');
                        const menuContentEl = menuCatalogo.querySelector('.menu-content');
                        const headerHeight = headerEl ? headerEl.getBoundingClientRect().height : 56;
                        if (menuContentEl) {
                            menuContentEl.style.maxHeight = `${targetHeight - headerHeight - margin}px`;
                        }
                    }
                } else {
                    menuCatalogo.classList.remove('abierto');
                    btnCatalogo.classList.remove('active');
                }
            }
            
            // Función para cerrar el menú
            function closeMenu(e) {
                if (isMenuOpen && menuCatalogo && btnCatalogo && 
                    menuCatalogo.contains && btnCatalogo.contains &&
                    !menuCatalogo.contains(e.target) && !btnCatalogo.contains(e.target)) {
                    isMenuOpen = false;
                    menuCatalogo.classList.remove('abierto');
                    btnCatalogo.classList.remove('active');
                }
            }
            
            // Event listeners
            btnCatalogo.addEventListener('click', toggleMenu);
            document.addEventListener('click', closeMenu);
            
            // Prevenir que el menú se cierre al hacer clic dentro de él
            menuCatalogo.addEventListener('click', function(e) {
                e.stopPropagation();
            });
        
            // Cerrar menú al presionar ESC
            document.addEventListener('keydown', function(e) {
                if (e.key === 'Escape' && isMenuOpen) {
                    isMenuOpen = false;
                    menuCatalogo.classList.remove('abierto');
                    btnCatalogo.classList.remove('active');
                }
            });
            
            // Cerrar menú al cambiar de página
            window.addEventListener('beforeunload', function() {
                isMenuOpen = false;
                menuCatalogo.classList.remove('abierto');
                btnCatalogo.classList.remove('active');
            });
            
            // Cerrar menú al hacer scroll en móvil
            let scrollTimeout;
            window.addEventListener('scroll', function() {
                if (isMenuOpen) {
                    clearTimeout(scrollTimeout);
                    scrollTimeout = setTimeout(function() {
                        isMenuOpen = false;
                        menuCatalogo.classList.remove('abierto');
                        btnCatalogo.classList.remove('active');
                    }, 100);
                }
            });
        }
    });
    
    // Función global para cerrar menú catálogo
    window.cerrarMenuCatalogo = function() {
        const btnCatalogo = document.getElementById('btn-catalogo');
        const menuCatalogo = document.getElementById('menu-catalogo');
        if (btnCatalogo && menuCatalogo) {
            menuCatalogo.classList.remove('abierto');
            btnCatalogo.classList.remove('active');
        }
    };

    // Ajuste dinámico de padding-top según la altura del navbar
    function ajustarEspacioSuperior() {
        const navbar = document.querySelector('.navbar');
        if (navbar) {
            const h = navbar.getBoundingClientRect().height;
            document.body.style.paddingTop = `${h}px`;
        }
    }
    ajustarEspacioSuperior();
    window.addEventListener('resize', ajustarEspacioSuperior);
    
    // Función para toggle de categorías
    window.toggleCategory = function(categoryId) {
        const container = document.getElementById('subcategories-' + categoryId);
        const header = container.previousElementSibling;
        
        if (container.classList.contains('open')) {
            container.classList.remove('open');
            header.classList.remove('active');
        } else {
            // Cerrar todas las otras categorías
            document.querySelectorAll('.subcategories-container').forEach(function(cont) {
                cont.classList.remove('open');
                cont.previousElementSibling.classList.remove('active');
            });
            
            // Abrir la categoría seleccionada
            container.classList.add('open');
            header.classList.add('active');
        }
    };
    </script>
    <script>
    const tipoProducto = "modelo";
    const modelos = [{"id_modelo":76,"id_producto":74,"id_marca":8,"modelo":"RCI330","descripcion":"PLATINUM 330W HID R15, R16, R17","precio":"2099.11","precio_metro_extra":"0.00","marca_nombre":"RCLIGHTING"},{"id_modelo":77,"id_producto":74,"id_marca":9,"modelo":"HRI330W","descripcion":"SIRIUS HRI 330 Metal halide lamps","precio":"5639.62","precio_metro_extra":"0.00","marca_nombre":"OSRAM GERMANY"},{"id_modelo":78,"id_producto":74,"id_marca":11,"modelo":"MSD15R","descripcion":"MSD PLATINUM 15R","precio":"6437.29","precio_metro_extra":"0.00","marca_nombre":"PHILIPS"}];
    const variantesPista = [];
    const tamaniosTubo = [];
    const variantesImagen = [];
    const precioSimple = null;
    
    // Función global para formatear precios con comas
    function formatearPrecio(precio, moneda = 'MXN') {
        const numero = parseFloat(precio);
        if (isNaN(numero)) return '0.00';
        
        // Formatear con comas usando toLocaleString
        const formateado = numero.toLocaleString('en-US', {
            minimumFractionDigits: 2,
            maximumFractionDigits: 2
        });
        
        return `$${formateado} ${moneda}`;
    }
    </script>
    <script>
    function changeMainImage(src, element) {
        const container = document.querySelector('.main-image');
        const zoomContainer = document.getElementById('main-image-zoom-container');
        const type = element && element.dataset ? element.dataset.type : 'image';
        const isMobile = window.innerWidth <= 768;

        if (!container) return;

        // Limpiar listeners de zoom previos
        if (zoomContainer) {
            zoomContainer.removeEventListener('mousemove', handleZoom);
            zoomContainer.removeEventListener('mouseleave', resetZoom);
            zoomContainer.removeEventListener('click', toggleZoom);
            zoomContainer.classList.remove('zoomed');
            zoomContainer.style.cursor = 'default';
        }

        // En móvil, los videos se mantienen como miniaturas
        if (isMobile && (type === 'video-uploaded' || type === 'video-youtube' || type === 'video-external' || type === 'video-tiktok')) {
            // Mostrar imagen de vista previa en lugar del video
            let previewSrc = src;
            
            if (type === 'video-youtube' && element && element.dataset.youtubeId) {
                previewSrc = `https://img.youtube.com/vi/${element.dataset.youtubeId}/hqdefault.jpg`;
            } else if (type === 'video-tiktok') {
                previewSrc = '/RC/img/tiktok-placeholder.jpg'; // Placeholder para TikTok
            } else if (type === 'video-external') {
                previewSrc = '/RC/img/video-placeholder.jpg'; // Placeholder para videos externos
            }
            
            container.innerHTML = `
                <div class="mobile-video-preview" style="position: relative; width: 100%; height: auto;">
                    <img src="${previewSrc}" alt="Vista previa del video" style="width:100%;max-width:100%;height:auto;object-fit:contain;border-radius:8px;" onerror="this.src='/RC/img/no-image.jpg';">
                    <div class="video-play-overlay" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,0.7); border-radius: 50%; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; cursor: pointer;" onclick="openVideoModal('${src}', '${type}', ${element ? `'${element.dataset.youtubeId || element.dataset.videoUrl || ''}'` : "''"})">
                        <i class="fas fa-play" style="color: white; font-size: 24px; margin-left: 3px;"></i>
                    </div>
                </div>
            `;
        } else if (type === 'video-uploaded') {
            const fileExt = (src.split('?')[0].split('#')[0].split('.').pop() || '').toLowerCase();
            const mime = ['mp4','webm','ogg','mov','mkv'].includes(fileExt) ? `video/${fileExt === 'mp4' ? 'mp4' : fileExt}` : 'video/mp4';
            container.innerHTML = `
                <video id="mainProductVideo" controls autoplay playsinline muted style="width:100%;max-width:100%;height:auto;border-radius:8px;background:#000">
                    <source src="${src}" type="${mime}">
                </video>
            `;
        } else if (type === 'video-youtube' && element && element.dataset.youtubeId) {
            const ytId = element.dataset.youtubeId;
            const embed = `https://www.youtube.com/embed/${ytId}?autoplay=1&rel=0&modestbranding=1&playsinline=1`;
            container.innerHTML = `
                <div style="position:relative;width:100%;padding-top:56.25%">
                    <iframe src="${embed}" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:8px;background:#000"></iframe>
                </div>
            `;
        } else if (type === 'audio-uploaded') {
            container.innerHTML = `
                <audio id="mainProductAudio" controls style="width:100%">
                    <source src="${src}">
                </audio>
            `;
        } else if (type === 'video-external') {
            const url = element && element.dataset && element.dataset.videoUrl ? element.dataset.videoUrl : src;
            container.innerHTML = `
                <div style="position:relative;width:100%;padding-top:56.25%">
                    <iframe src="${url}" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:8px;background:#000"></iframe>
                </div>
            `;
        } else {
            // Imagen por defecto
            container.innerHTML = `<img id=\"mainProductImage\" src=\"${src}\" alt=\"Imagen principal\" style=\"width:100%;max-width:100%;height:auto;object-fit:contain;transition: transform 0.2s ease-out;\" onerror=\"this.onerror=null; this.src='${typeof IMG_URL !== 'undefined' ? IMG_URL : '/RC/img/'}no-image.jpg';\">`;
            const mainImage = document.getElementById('mainProductImage');
            if (zoomContainer && mainImage) {
                zoomContainer.style.cursor = 'zoom-in';
                zoomContainer.addEventListener('mousemove', handleZoom);
                zoomContainer.addEventListener('mouseleave', resetZoom);
                zoomContainer.addEventListener('click', toggleZoom);
            }
            if (typeof forceWhatsAppMetaTags === 'function') {
                try { forceWhatsAppMetaTags(); } catch (e) {}
            }
        }

        // Actualizar selección visual
        document.querySelectorAll('.miniatura-img, .video-preview, .audio-preview, .file-preview').forEach(img => img.classList.remove('selected'));
        if (element) element.classList.add('selected');
    }
    

    // Zoom functionality functions
    function handleZoom(e) {
        const container = e.currentTarget;
        const img = container.querySelector('#mainProductImage');
        if (!img || img.classList.contains('zoomed')) return;

        const rect = container.getBoundingClientRect();
        const x = e.clientX - rect.left;
        const y = e.clientY - rect.top;

        const xPercent = (x / rect.width) * 100;
        const yPercent = (y / rect.height) * 100;

        img.style.transformOrigin = `${xPercent}% ${yPercent}%`;
        img.style.transform = 'scale(2.5)';
    }

    function resetZoom(e) {
        const img = e.currentTarget.querySelector('#mainProductImage');
        if (img && !img.classList.contains('zoomed')) {
            img.style.transform = 'scale(1)';
        }
    }
    
    function toggleZoom(e) {
        const container = e.currentTarget;
        const img = container.querySelector('#mainProductImage');
        
        if (!img) return;
        
        if (img.classList.contains('zoomed')) {
            // Desactivar zoom
            img.classList.remove('zoomed');
            container.classList.remove('zoomed');
            img.style.transform = 'scale(1)';
            container.style.cursor = 'zoom-in';
        } else {
            // Activar zoom
            img.classList.add('zoomed');
            container.classList.add('zoomed');
            container.style.cursor = 'zoom-out';
        }
    }
    

    function updateCartCounter() {
        console.log('🔄 updateCartCounter() ejecutándose...');
        
        // Verificar elementos del DOM
        const cartCounter = document.getElementById('cartCounter');
        const cartCounterMobile = document.getElementById('cartCounterMobile');
        
        console.log('🔍 Elementos encontrados:', {
            cartCounter: !!cartCounter,
            cartCounterMobile: !!cartCounterMobile
        });
        
        if (!cartCounter && !cartCounterMobile) {
            console.error('❌ ERROR: No se encontraron elementos del contador del carrito');
            return;
        }
        
        // Hacer petición al servidor
        console.log('🌐 Haciendo petición a get_cart_count.php...');
        fetch('/RC/php/get_cart_count.php')
        .then(res => {
            console.log('📡 Respuesta del servidor:', res.status);
            return res.json();
        })
        .then(data => {
            console.log('📊 Datos recibidos:', data);
            
            const totalItems = data.cart_count || 0;
            console.log('📦 Total de items:', totalItems);
            
            // Actualizar contador escritorio
            if (cartCounter) {
                cartCounter.textContent = totalItems;
                cartCounter.style.display = 'flex'; // Forzar mostrar
                console.log('✅ Contador escritorio actualizado:', totalItems);
            }
            
            // Actualizar contador móvil
            if (cartCounterMobile) {
                cartCounterMobile.textContent = totalItems;
                cartCounterMobile.style.display = 'flex'; // Forzar mostrar
                console.log('✅ Contador móvil actualizado:', totalItems);
            }
        })
        .catch(error => {
            console.error('❌ Error:', error.message);
        });
    }
    function addToCart(noRedirect = false) {
        let productId = 74;
        let quantity = 1; // Valor por defecto
        
        // DEBUG: Logs para diagnosticar el problema
        console.log('🔍 DEBUG addToCart - Iniciando función');
        console.log('🔍 DEBUG tipoProducto:', tipoProducto);
        console.log('🔍 DEBUG productId:', productId);
        console.log('🔍 DEBUG noRedirect:', noRedirect);
        
        // Obtener cantidad según el tipo de producto
        if (typeof tipoProducto !== 'undefined') {
            if (tipoProducto === 'simple') {
                const cantidadSimple = document.getElementById('cantidadSimple');
                quantity = cantidadSimple ? parseInt(cantidadSimple.value) : 1;
        } else if (tipoProducto === 'pista') {
                const cantidadPista = document.getElementById('cantidadPista');
                quantity = cantidadPista ? parseInt(cantidadPista.value) : 1;
            } else {
                // Para otros tipos, usar el input genérico
                const productQuantity = document.getElementById('productQuantity');
                quantity = productQuantity ? parseInt(productQuantity.value) : 1;
            }
        }
        
        let body = `id_producto=${encodeURIComponent(productId)}&cantidad=${encodeURIComponent(quantity)}`;

        if (tipoProducto === 'pista') {
            const selectedColor = document.querySelector('.color-circle.active');
            const selectedPixel = document.querySelector('.pixel-selector .pixel-btn.active');
            const selectedSize = document.querySelector('.tamanio-selector .size-btn.active');
            const cantidadPista = document.getElementById('cantidadPista');
            
            if (!selectedColor || !selectedPixel || !selectedSize) { 
                alert('Por favor selecciona un color, densidad de píxeles y tamaño para continuar'); 
                return;
            }
            
            let idColor = selectedColor.getAttribute('data-id-color');
            let idPixel = selectedPixel.getAttribute('data-id-pixel');
            let idTamanio = selectedSize.getAttribute('data-id-tamanio');
            let cantidad = cantidadPista ? parseInt(cantidadPista.value) : 1;
            
            console.log('🛒 Pista seleccionada:', {idColor, idPixel, idTamanio, cantidad});
            console.log('🛒 Variantes disponibles:', variantesPista);
            
            // Buscar la variante que coincida exactamente con la selección
            let variante = variantesPista.find(v => 
                v.id_color == idColor && 
                v.id_pixel == idPixel && 
                v.id_tamanio == idTamanio
            );
            
            console.log('🛒 Variante encontrada:', variante);
            
            if (!variante) {
                alert('No se encontró una variante válida para la combinación seleccionada. Por favor, verifica las opciones.');
                return;
            }
            
            // Agregar todos los datos necesarios al body
            body += `&id_color=${idColor}`;
            body += `&id_pixel=${idPixel}`;
            body += `&id_tamanio=${idTamanio}`;
            body += `&id_variante=${variante.id_variante}`;
            body += `&tipo_producto=pista`;
            body += `&cantidad=${cantidad}`;
            
            // Agregar información adicional de la variante
            if (variante.color_nombre) body += `&color_nombre=${encodeURIComponent(variante.color_nombre)}`;
            if (variante.pixel_nombre) body += `&pixel_nombre=${encodeURIComponent(variante.pixel_nombre)}`;
            if (variante.tamanio_nombre) body += `&tamanio_nombre=${encodeURIComponent(variante.tamanio_nombre)}`;
            if (variante.marca_nombre) body += `&marca_nombre=${encodeURIComponent(variante.marca_nombre)}`;
            
            // Usar el TOTAL mostrado (incluye IVA) para enviar al carrito
            const totalPistaEl = document.getElementById('totalPistaValor');
            let totalPista = 0;
            if (totalPistaEl && totalPistaEl.textContent) {
                const match = totalPistaEl.textContent.match(/([0-9,]+\.?[0-9]*)/);
                if (match) totalPista = parseFloat(match[1].replace(/,/g, '')) || 0;
            }
            // Normalizar a MXN si la UI está en USD
            let precioEnviar = totalPista;
            if ((window.currentCurrency || 'MXN') === 'USD' && (window.exchangeRateValue || 0) > 0) {
                precioEnviar = totalPista * window.exchangeRateValue;
            }
            if (precioEnviar > 0) {
                body += `&precio=${encodeURIComponent(precioEnviar)}`;
                console.log('🛒 Precio TOTAL (pista) a enviar:', precioEnviar);
            }
            
            console.log('🛒 Body final para pista:', body);
        } else if (tipoProducto === 'tubo') {
            const selectedTamanio = document.querySelector('#tamaniosTuboBtns .size-tubo-btn.active');
            let idTuboTamanio = selectedTamanio ? selectedTamanio.getAttribute('data-id-tubo-tamanio') : null;
            if (!idTuboTamanio) { alert('Selecciona un tamaño'); return; }
            body += `&id_tubo_tamanio=${idTuboTamanio}`;
            
            // Agregar información adicional del tubo
            if (selectedTamanio) {
                const medida = selectedTamanio.textContent;
                body += `&medida=${encodeURIComponent(medida)}`;
            }
            // Usar el TOTAL mostrado (incluye IVA) para enviar al carrito
            const totalTuboEl = document.getElementById('totalTuboValor');
            let totalTubo = 0;
            if (totalTuboEl && totalTuboEl.textContent) {
                const match = totalTuboEl.textContent.match(/([0-9,]+\.?[0-9]*)/);
                if (match) totalTubo = parseFloat(match[1].replace(/,/g, '')) || 0;
            }
            let precioEnviarTubo = totalTubo;
            if ((window.currentCurrency || 'MXN') === 'USD' && (window.exchangeRateValue || 0) > 0) {
                precioEnviarTubo = totalTubo * window.exchangeRateValue;
            }
            if (precioEnviarTubo > 0) {
                body += `&precio=${encodeURIComponent(precioEnviarTubo)}`;
                console.log('🛒 Precio TOTAL (tubo) a enviar:', precioEnviarTubo);
            }
        } else if (tipoProducto === 'modelo') {
            console.log('🔍 PROCESANDO VARIANTES DE MODELO en addToCart');
            console.log('🔍 tipoProducto:', tipoProducto);
            console.log('🔍 window.tipoProducto:', window.tipoProducto);
            
            // Usar los datos guardados en window.datosCarritoModelo si están disponibles
            if (window.datosCarritoModelo && window.datosCarritoModelo.variantes) {
                const variantes = window.datosCarritoModelo.variantes;
                
                // Agregar información de cada modelo seleccionado
                let modelosSeleccionados = [];
                variantes.forEach((variante, index) => {
                    modelosSeleccionados.push({
                        id_modelo: variante.id_modelo,
                        modelo: variante.modelo,
                        cantidad: variante.cantidad,
                        precio: variante.precio,
                        descripcion: variante.descripcion || '',
                        marca_nombre: variante.marca || '',
                        imagen: variante.imagen || ''
                    });
                });
                
                // Agregar datos al body
                body += `&tipo_producto=modelo`;
                body += `&id_modelo=${encodeURIComponent(modelosSeleccionados[0].id_modelo)}`; // ID del primer modelo para compatibilidad
                body += `&modelos_seleccionados=${encodeURIComponent(JSON.stringify(modelosSeleccionados))}`;
                body += `&cantidad_total=${modelosSeleccionados.reduce((total, m) => total + m.cantidad, 0)}`;
                
                console.log('🛒 Modelos seleccionados para el carrito:', modelosSeleccionados);
                console.log('🔍 Tipo de producto detectado (datos guardados):', tipoProducto);
                console.log('🔍 Window tipoProducto (datos guardados):', window.tipoProducto);
                
                // Agregar el TOTAL mostrado (incluye IVA) al body
                let totalModelo = 0;
                const totalEl1 = document.getElementById('total-variantes-seleccionadas');
                const totalEl2 = document.getElementById('total-variantes-seleccionadas-modelo');
                const totalText = (totalEl1 && totalEl1.textContent) ? totalEl1.textContent : (totalEl2 && totalEl2.textContent) ? totalEl2.textContent : '';
                if (totalText) {
                    const match = totalText.match(/([0-9,]+\.?[0-9]*)/);
                    if (match) totalModelo = parseFloat(match[1].replace(/,/g, '')) || 0;
                }
                let precioEnviarModelo = totalModelo;
                if ((window.currentCurrency || 'MXN') === 'USD' && (window.exchangeRateValue || 0) > 0) {
                    precioEnviarModelo = totalModelo * window.exchangeRateValue;
                }
                if (precioEnviarModelo > 0) {
                    body += `&precio=${encodeURIComponent(precioEnviarModelo)}`;
                    console.log('🛒 Precio TOTAL (modelo) a enviar:', precioEnviarModelo);
                }
                // Limpiar datos temporales
                delete window.datosCarritoModelo;
            } else {
                // Fallback: obtener modelos seleccionados mediante checkboxes
                let checkboxesSeleccionados = document.querySelectorAll('.variante-checkbox:checked');
                
                // Si no hay checkboxes seleccionados pero solo hay una variante, usar el checkbox oculto
                if (checkboxesSeleccionados.length === 0 && window.modelos && window.modelos.length === 1) {
                    console.log('🔍 Solo una variante disponible, usando checkbox oculto para el carrito');
                    
                    // Crear un array con la variante única para simular checkboxes seleccionados
                    const varianteUnica = window.modelos[0];
                    const cantidadSingleVariante = document.getElementById('cantidadSingleModelo') || document.getElementById('cantidadSingleVariante');
                    const cantidad = cantidadSingleVariante ? parseInt(cantidadSingleVariante.value) : 1;
                    
                    console.log('🔍 Campo de cantidad encontrado:', cantidadSingleVariante, 'Valor:', cantidad);
                    
                    // Simular que hay checkboxes seleccionados
                    checkboxesSeleccionados = [{
                        dataset: { index: 0 },
                        closest: function() {
                            return {
                                querySelector: function() {
                                    return { value: cantidad };
                                }
                            };
                        }
                    }];
                    
                    console.log('✅ Variante única configurada para el carrito:', varianteUnica.modelo, 'Cantidad:', cantidad);
                }
                
                if (checkboxesSeleccionados.length === 0) {
                    alert('Por favor selecciona al menos un modelo antes de agregar al carrito');
                    return;
                }
                
                // Agregar información de cada modelo seleccionado
                let modelosSeleccionados = [];
                checkboxesSeleccionados.forEach((checkbox, index) => {
                    const varianteIndex = parseInt(checkbox.dataset.index);
                    const variante = window.modelos[varianteIndex]; // Usar window.modelos
                    const cantidadInput = checkbox.closest('.variante-completa').querySelector('.cantidad-variante-input');
                    const cantidad = cantidadInput ? parseInt(cantidadInput.value) : 1;
                    
                    modelosSeleccionados.push({
                        id_modelo: variante.id_modelo,
                        modelo: variante.modelo,
                        cantidad: cantidad,
                        precio: variante.precio,
                        descripcion: variante.descripcion || '',
                        marca_nombre: variante.marca_nombre || '',
                        imagen: variante.imagen || ''
                    });
                });
                
                // Agregar datos al body
                body += `&tipo_producto=modelo`;
                body += `&id_modelo=${encodeURIComponent(modelosSeleccionados[0].id_modelo)}`; // ID del primer modelo para compatibilidad
                body += `&modelos_seleccionados=${encodeURIComponent(JSON.stringify(modelosSeleccionados))}`;
                body += `&cantidad_total=${modelosSeleccionados.reduce((total, m) => total + m.cantidad, 0)}`;
                
                console.log('🛒 Modelos seleccionados para el carrito (fallback):', modelosSeleccionados);
                console.log('🔍 Tipo de producto detectado:', tipoProducto);
                console.log('🔍 Window tipoProducto:', window.tipoProducto);
            }
        } else if (tipoProducto === 'conector') {
            const selectedConector = document.querySelector('.modelo-btn.active');
            let idConector = selectedConector ? selectedConector.getAttribute('data-id-modelo') : null;
            if (!idConector) { alert('Selecciona un conector'); return; }
            body += `&id_conector=${idConector}`;
            body += `&tipo_producto=conector`;
        } else if (tipoProducto === 'imagen') {
            // Para variantes de imagen, verificar si solo hay una variante
            const variantes = [];
            console.log('🔍 DEBUG - Procesando producto tipo imagen');
            console.log('🔍 DEBUG - Variantes disponibles:', variantes);
            console.log('🔍 DEBUG - Número de variantes:', variantes ? variantes.length : 0);
            if (variantes && variantes.length === 1) {
                // Si solo hay una variante, usar la función especializada que maneja este caso
                console.log('🔄 Solo hay una variante de imagen, redirigiendo a addMultipleVariantsToCart...');
                if (typeof window.addMultipleVariantsToCart === 'function') {
                    window.addMultipleVariantsToCart();
                    return; // Salir de la función para evitar procesamiento duplicado
                } else {
                    // Si no existe la función especializada, usar la variante única automáticamente
                    console.log('🔄 Función addMultipleVariantsToCart no disponible, usando variante única automáticamente');
                    varianteId = 0; // Usar la primera (y única) variante
                    const variante = variantes[0];
                    body += `&variante_id=${varianteId}`;
                    body += `&modelo=${encodeURIComponent(variante.modelo || '')}`;
                    body += `&modelo_busqueda=${encodeURIComponent(variante.modelo_busqueda || variante.modelo || '')}`;
                    body += `&descripcion=${encodeURIComponent(variante.descripcion || '')}`;
                    // Tomar PRECIO base mostrado (sin IVA) y calcular IVA/Total; enviar en MXN
                    const precioImagenEl = document.getElementById('precioImagenValor');
                    let precioBase = 0;
                    if (precioImagenEl && precioImagenEl.textContent) {
                        const match = precioImagenEl.textContent.match(/([0-9,]+\.?[0-9]*)/);
                        if (match) precioBase = parseFloat(match[1].replace(/,/g, '')) || 0;
                    }
                    // Convertir a MXN si la UI está en USD
                    let precioBaseMXN = precioBase;
                    const rate = (window.exchangeRateValue || 0);
                    if ((window.currentCurrency || 'MXN') === 'USD' && rate > 0) {
                        precioBaseMXN = precioBase * rate;
                    }
                    const ivaMXN = +(precioBaseMXN * 0.16).toFixed(2);
                    const totalMXN = +(precioBaseMXN + ivaMXN).toFixed(2);
                    if (precioBaseMXN > 0) {
                        body += `&precio=${encodeURIComponent(precioBaseMXN.toFixed(2))}`;
                        body += `&iva=${encodeURIComponent(ivaMXN.toFixed(2))}`;
                        body += `&total=${encodeURIComponent(totalMXN.toFixed(2))}`;
                    }
                    body += `&imagen_variante=${encodeURIComponent(variante.imagen || '')}`;
                    body += `&tipo_producto=imagen`;
                    console.log('🔄 Datos de variante única enviados al carrito:', variante);
                    // Continuar con el fetch request
                }
            } else {
                // Múltiples variantes - requiere selección manual
                const selectedCard = document.querySelector('.variante-imagen-card.selected');
                let varianteId = selectedCard ? selectedCard.getAttribute('data-index') : null;
                // Usar variable global como respaldo
                if (!varianteId && typeof window.selectedImageVariant !== 'undefined') {
                    varianteId = window.selectedImageVariant;
                }
                console.log('addToCart - Variante ID:', varianteId, 'Selected card:', selectedCard);
                console.log('🔍 DEBUG - Validando variante de imagen:');
                console.log('🔍 DEBUG - varianteId:', varianteId);
                console.log('🔍 DEBUG - varianteId !== 0:', varianteId !== 0);
                console.log('🔍 DEBUG - !varianteId:', !varianteId);
                console.log('🔍 DEBUG - Condición completa:', (!varianteId && varianteId !== 0));
                if (!varianteId && varianteId !== 0) { 
                    console.log('🚨 DEBUG - MOSTRANDO ALERTA: Selecciona una variante');
                    alert('Selecciona una variante'); 
                    return; 
                }
                
                // Obtener información completa de la variante seleccionada
                    if (variantes && variantes[varianteId]) {
                        const variante = variantes[varianteId];
                        body += `&modelo=${encodeURIComponent(variante.modelo || '')}`;
                        body += `&modelo_busqueda=${encodeURIComponent(variante.modelo_busqueda || variante.modelo || '')}`;
                        body += `&descripcion=${encodeURIComponent(variante.descripcion || '')}`;
                        // Tomar PRECIO base mostrado (sin IVA) y calcular IVA/Total; enviar en MXN
                        const precioImagenEl = document.getElementById('precioImagenValor');
                        let precioBase = 0;
                        if (precioImagenEl && precioImagenEl.textContent) {
                            const match = precioImagenEl.textContent.match(/([0-9,]+\.?[0-9]*)/);
                            if (match) precioBase = parseFloat(match[1].replace(/,/g, '')) || 0;
                        }
                        let precioBaseMXN = precioBase;
                        const rate = (window.exchangeRateValue || 0);
                        if ((window.currentCurrency || 'MXN') === 'USD' && rate > 0) {
                            precioBaseMXN = precioBase * rate;
                        }
                        const ivaMXN = +(precioBaseMXN * 0.16).toFixed(2);
                        const totalMXN = +(precioBaseMXN + ivaMXN).toFixed(2);
                        if (precioBaseMXN > 0) {
                            body += `&precio=${encodeURIComponent(precioBaseMXN.toFixed(2))}`;
                            body += `&iva=${encodeURIComponent(ivaMXN.toFixed(2))}`;
                            body += `&total=${encodeURIComponent(totalMXN.toFixed(2))}`;
                        }
                        body += `&imagen_variante=${encodeURIComponent(variante.imagen || '')}`;
                        body += `&tipo_producto=imagen`;
                        console.log('Datos de variante enviados al carrito:', variante);
                    }
            }
        } else if (tipoProducto === 'simple') {
            // Para productos simples, obtener cantidad del input específico
            const cantidadSimple = document.getElementById('cantidadSimple');
            let cantidad = cantidadSimple ? parseInt(cantidadSimple.value) : 1;
            
            // Obtener TOTAL del producto simple (incluye IVA)
            const totalElement = document.querySelector('.total-actual');
            let total = 0;
            if (totalElement) {
                const totalTexto = totalElement.textContent.replace(/[^\d.]/g, '');
                total = parseFloat(totalTexto) || 0;
            }

            // Normalizar el precio a MXN antes de enviarlo al servidor
            // Cuando la interfaz está en USD, el backend espera recibir MXN.
            let precioEnviar = total;
            if ((window.currentCurrency || 'MXN') === 'USD' && (window.exchangeRateValue || 0) > 0) {
                precioEnviar = total * window.exchangeRateValue;
            }
            
            console.log('🛒 Producto simple seleccionado:', {cantidad, total});
            
            // Agregar datos específicos del producto simple
            body += `&tipo_producto=simple`;
            body += `&cantidad=${cantidad}`;
            if (precioEnviar > 0) {
                body += `&precio=${encodeURIComponent(precioEnviar)}`;
            }
            
            console.log('🛒 Body final para producto simple:', body);
        }
        // Para producto simple, solo id_producto y cantidad

        fetch('/RC/php/agregar_al_carrito_simple.php', {
            method: 'POST',
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
            body: body
        })
        .then(res => res.json())
        .then(data => {
            if (data.success) {
                if (tipoProducto === 'pista') {
                    // Mensaje específico para pistas
                    const colorNombre = document.querySelector('.color-circle.active')?.getAttribute('title') || 'Color seleccionado';
                    const pixelNombre = document.querySelector('.pixel-selector .pixel-btn.active')?.textContent || '';
                    const tamanioNombre = document.querySelector('.tamanio-selector .size-btn.active')?.textContent || '';
                    const cantidad = document.getElementById('cantidadPista')?.value || 1;
                    
                    alert(`¡Pista LED agregada al carrito exitosamente!`);
                    
                    // Para pistas, NO redirigir al carrito, solo actualizar el contador
                    updateCartCounter();
                    
                    // Mostrar mensaje de confirmación visual
                    mostrarConfirmacionAgregadoPista();
                } else if (tipoProducto === 'tubo') {
                    // Mensaje específico para tubos
                    const selectedTamanio = document.querySelector('#tamaniosTuboBtns .size-tubo-btn.active');
                    const medida = selectedTamanio ? selectedTamanio.textContent : 'Tamaño seleccionado';
                    const cantidad = parseInt(document.getElementById('productQuantity').value);
                    
                    alert(`¡Tubo LED agregado al carrito exitosamente!`);
                    
                    // Para tubos, NO redirigir al carrito, solo actualizar el contador
                    updateCartCounter();
                    
                    // Mostrar mensaje de confirmación visual
                    mostrarConfirmacionAgregadoTubo();
                } else if (tipoProducto === 'simple') {
                    // Mensaje específico para productos simples
                    const cantidadSimple = document.getElementById('cantidadSimple');
                    const cantidad = cantidadSimple ? parseInt(cantidadSimple.value) : 1;
                    const precioElement = document.querySelector('.precio-actual');
                    const precio = precioElement ? precioElement.textContent : 'Precio no disponible';
                    
                    alert(`¡Producto simple agregado al carrito exitosamente!`);
                    
                    // Para productos simples, NO redirigir al carrito, solo actualizar el contador
                    updateCartCounter();
                    
                    // Mostrar mensaje de confirmación visual
                    mostrarConfirmacionAgregadoSimple();
                } else if (tipoProducto === 'imagen') {
                    // Mensaje específico para variantes de imagen
                    const variantes = [];
                    const variante = variantes && variantes[window.selectedImageVariant] ? variantes[window.selectedImageVariant] : null;
                    const modelo = variante ? variante.modelo : 'Variante seleccionada';
                    const cantidad = parseInt(document.getElementById('productQuantity').value);
                    
                    alert(`¡Variante de imagen agregada al carrito exitosamente!`);
                    
                    // Para variantes de imagen, NO redirigir al carrito, solo actualizar el contador
                    updateCartCounter();
                    
                    // LIMPIAR SELECCIÓN: Limpiar toda la selección después de agregar al carrito
                    console.log('🧹 Iniciando limpieza automática de variantes de imagen...');
                    // Agregar un pequeño delay para asegurar que se ejecute después de la respuesta
                    setTimeout(() => {
                        if (typeof window.limpiarSeleccionVariantes === 'function') {
                            window.limpiarSeleccionVariantes();
                            console.log('✅ Limpieza automática completada para variantes de imagen');
                        } else {
                            console.error('❌ Función limpiarSeleccionVariantes no encontrada');
                        }
                    }, 100);
                } else if (tipoProducto === 'modelo') {
                    console.log('🔍 PROCESANDO RESPUESTA EXITOSA PARA VARIANTES DE MODELO');
                    console.log('🔍 tipoProducto en respuesta:', tipoProducto);
                    console.log('🔍 window.tipoProducto en respuesta:', window.tipoProducto);
                    
                    // Mensaje específico para productos modelo
                    const checkboxesSeleccionados = document.querySelectorAll('.variante-checkbox:checked');
                    let resumenVariantes = '';
                    let totalCantidad = 0;
                    
                    checkboxesSeleccionados.forEach((checkbox, index) => {
                        const idx = parseInt(checkbox.getAttribute('data-index'));
                        const variante = window.modelos[idx];
                        const cantidadInput = checkbox.closest('.variante-completa').querySelector('.cantidad-variante-input');
                        const cantidad = cantidadInput ? parseInt(cantidadInput.value) : 1;
                        totalCantidad += cantidad;
                        
                        if (index > 0) resumenVariantes += ', ';
                        resumenVariantes += `${variante.modelo} (${cantidad})`;
                    });
                    
                                            alert(`¡Productos modelo agregados al carrito exitosamente!`);
                    
                    // Para productos modelo, NO redirigir al carrito, solo actualizar el contador
                    updateCartCounter();
                    
                    // Mostrar mensaje de confirmación visual
                    mostrarConfirmacionAgregadoModelo();
                    
                    // LIMPIAR SELECCIÓN: Limpiar toda la selección después de agregar al carrito
                    console.log('🧹 Iniciando limpieza automática de variantes de modelo...');
                    // Agregar un pequeño delay para asegurar que se ejecute después de la respuesta
                    setTimeout(() => {
                        if (typeof window.limpiarSeleccionVariantes === 'function') {
                            window.limpiarSeleccionVariantes();
                            console.log('✅ Limpieza automática completada para variantes de modelo');
                        } else {
                            console.error('❌ Función limpiarSeleccionVariantes no encontrada');
                        }
                    }, 100);
                } else {
                alert('Producto agregado al carrito');
                updateCartCounter();
                    // Redirigir al carrito después de agregar el producto (solo si no se especifica noRedirect)
                if (!noRedirect) {
                    window.location.href = '/carrito';
                }
                }
            } else {
                alert('Error al agregar al carrito: ' + (data.error || ''));
            }
        })
        .catch(error => {
            console.error('Error:', error);
            // Mensaje de error de conexión eliminado para evitar confusión
        });
    }
    
    // Función para agregar productos relacionados al carrito
    function addRelatedToCart(productId, productName, productPrice, productImage) {
        console.log('addRelatedToCart called for product:', productId);
        
        const quantity = 1; // Cantidad fija de 1 para productos relacionados
        
        // Enviar al backend PHP (sesión)
        let body = `id_producto=${encodeURIComponent(productId)}&cantidad=${encodeURIComponent(quantity)}`;
        
        console.log('addRelatedToCart body:', body);
        
        fetch('/RC/php/agregar_al_carrito_simple.php', {
            method: 'POST',
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
            body: body
        })
        .then(res => res.json())
        .then(data => {
            if (data.success) {
                // Mostrar mensaje de éxito con el nombre del producto
                alert(`"${productName}" agregado al carrito exitosamente`);
                updateCartCounter();
                // Redirigir al carrito después de agregar el producto
                window.location.href = '/carrito';
            } else {
                alert('Error al agregar el producto al carrito: ' + (data.error || 'Error desconocido'));
            }
        })
        .catch(error => {
            console.error('Error:', error);
            // Mensaje de error de conexión eliminado para evitar confusión
        });
    }
    </script>
    <script>
    function comprarAhora() {
        console.log('🚀 Función comprarAhora iniciada');
        let productId = 74;
        let quantity = parseInt(document.getElementById('productQuantity').value);
        console.log('📦 Product ID:', productId, 'Quantity:', quantity);
        
        // Validar selecciones según el tipo de producto
        if (typeof tipoProducto !== 'undefined' && tipoProducto === 'pista') {
            console.log('🎯 Producto tipo pista detectado');
            const selectedColor = document.querySelector('.color-circle.active');
            const selectedPixel = document.querySelector('.pixel-selector .pixel-btn.active');
            const selectedSize = document.querySelector('.tamanio-selector .size-btn.active');
            let idColor = selectedColor ? selectedColor.getAttribute('data-id-color') : null;
            let idPixel = selectedPixel ? selectedPixel.getAttribute('data-id-pixel') : null;
            let idTamanio = selectedSize ? selectedSize.getAttribute('data-id-tamanio') : null;
            if (!idColor || !idPixel || !idTamanio) { alert('Selecciona todas las opciones'); return; }
        } else if (typeof tipoProducto !== 'undefined' && tipoProducto === 'tubo') {
            const selectedTamanio = document.querySelector('#tamaniosTuboBtns .size-tubo-btn.active');
            let idTuboTamanio = selectedTamanio ? selectedTamanio.getAttribute('data-id-tubo-tamanio') : null;
            if (!idTuboTamanio) { alert('Selecciona un tamaño'); return; }
        } else if (typeof tipoProducto !== 'undefined' && tipoProducto === 'modelo') {
            const selectedModel = document.querySelector('.modelo-btn.active');
            let idModelo = selectedModel ? selectedModel.getAttribute('data-id-modelo') : null;
            if (!idModelo) { alert('Selecciona un modelo'); return; }
        } else if (typeof tipoProducto !== 'undefined' && tipoProducto === 'conector') {
            const selectedConector = document.querySelector('.modelo-btn.active');
            let idConector = selectedConector ? selectedConector.getAttribute('data-id-modelo') : null;
            if (!idConector) { alert('Selecciona un conector'); return; }
        } else if (typeof tipoProducto !== 'undefined' && tipoProducto === 'imagen') {
            // Para variantes de imagen, verificar si solo hay una variante
            const variantes = [];
            console.log('🔍 DEBUG comprarAhora - Procesando producto tipo imagen');
            console.log('🔍 DEBUG comprarAhora - Variantes disponibles:', variantes);
            console.log('🔍 DEBUG comprarAhora - Número de variantes:', variantes ? variantes.length : 0);
            
            let varianteId = null;
            
            if (variantes && variantes.length === 1) {
                // Si solo hay una variante, usar automáticamente la primera
                console.log('🔄 Solo hay una variante de imagen, usando automáticamente la variante 0');
                varianteId = 0;
            } else {
                // Múltiples variantes - requiere selección manual
                const selectedCard = document.querySelector('.variante-imagen-card.selected');
                varianteId = selectedCard ? selectedCard.getAttribute('data-index') : null;
                // Usar variable global como respaldo
                if (!varianteId && typeof window.selectedImageVariant !== 'undefined') {
                    varianteId = window.selectedImageVariant;
                }
                console.log('🔍 DEBUG comprarAhora - Validando variante de imagen:');
                console.log('🔍 DEBUG comprarAhora - varianteId:', varianteId);
                if (!varianteId && varianteId !== 0) { 
                    console.log('🚨 DEBUG comprarAhora - MOSTRANDO ALERTA: Selecciona una variante');
                    alert('Selecciona una variante'); 
                    return; 
                }
            }
            
            // Obtener información adicional de la variante seleccionada
            if (variantes && variantes[varianteId]) {
                const variante = variantes[varianteId];
                console.log('Variante seleccionada para checkout:', variante);
                
                // Validar que la variante tenga los datos necesarios
                if (!variante.modelo) {
                    console.error('Error: La variante no tiene modelo definido');
                    alert('Error: La variante seleccionada no tiene modelo definido');
                    return;
                }
            } else {
                console.error('Error: No se pudo obtener la información de la variante');
                alert('Error: No se pudo obtener la información de la variante');
                return;
            }
        }
        
        // Preparar datos del producto para el checkout
        let productoData = {
            id_producto: productId,
            cantidad: quantity,
            tipo_producto: typeof tipoProducto !== 'undefined' ? tipoProducto : 'simple'
        };
        
        // Agregar información específica según el tipo de producto
        if (typeof tipoProducto !== 'undefined' && tipoProducto === 'pista') {
            const selectedColor = document.querySelector('.color-circle.active');
            const selectedPixel = document.querySelector('.pixel-selector .pixel-btn.active');
            const selectedSize = document.querySelector('.tamanio-selector .size-btn.active');
            productoData.id_color = selectedColor ? selectedColor.getAttribute('data-id-color') : null;
            productoData.id_pixel = selectedPixel ? selectedPixel.getAttribute('data-id-pixel') : null;
            productoData.id_tamanio = selectedSize ? selectedSize.getAttribute('data-id-tamanio') : null;
            productoData.id_variante_tamanio = selectedSize ? selectedSize.getAttribute('data-id-variante-tamanio') : null;
        } else if (typeof tipoProducto !== 'undefined' && tipoProducto === 'tubo') {
            const selectedTamanio = document.querySelector('#tamaniosTuboBtns .size-tubo-btn.active');
            productoData.id_tubo_tamanio = selectedTamanio ? selectedTamanio.getAttribute('data-id-tubo-tamanio') : null;
        } else if (typeof tipoProducto !== 'undefined' && tipoProducto === 'modelo') {
            const selectedModel = document.querySelector('.modelo-btn.active');
            productoData.id_modelo = selectedModel ? selectedModel.getAttribute('data-id-modelo') : null;
        } else if (typeof tipoProducto !== 'undefined' && tipoProducto === 'conector') {
            const selectedConector = document.querySelector('.modelo-btn.active');
            productoData.id_conector = selectedConector ? selectedConector.getAttribute('data-id-modelo') : null;
        } else if (typeof tipoProducto !== 'undefined' && tipoProducto === 'imagen') {
            // Para variantes de imagen, usar la lógica mejorada
            const variantes = [];
            let varianteId = null;
            
            if (variantes && variantes.length === 1) {
                // Si solo hay una variante, usar automáticamente la primera
                varianteId = 0;
            } else {
                // Múltiples variantes - obtener la seleccionada
                const selectedCard = document.querySelector('.variante-imagen-card.selected');
                varianteId = selectedCard ? selectedCard.getAttribute('data-index') : null;
                // Usar variable global como respaldo
                if (!varianteId && typeof window.selectedImageVariant !== 'undefined') {
                    varianteId = window.selectedImageVariant;
                }
            }
            
            productoData.variante_id = varianteId;
            
            // Obtener información completa de la variante seleccionada
            const variantes = [];
            if (variantes && variantes[varianteId]) {
                const variante = variantes[varianteId];
                productoData.modelo = variante.modelo || '';
                productoData.descripcion = variante.descripcion || '';
                productoData.precio = variante.precio || 0;
                productoData.imagen_variante = variante.imagen || '';
                productoData.modelo_busqueda = variante.modelo_busqueda || variante.modelo || '';
                
                // Validar datos críticos
                if (!productoData.modelo) {
                    console.error('Error: No se pudo obtener el modelo de la variante');
                    alert('Error: No se pudo obtener el modelo de la variante');
                    return;
                }
                
                console.log('Datos de variante enviados al checkout:', productoData);
            } else {
                console.error('Error: No se pudo obtener la información de la variante');
                alert('Error: No se pudo obtener la información de la variante');
                return;
            }
        } else if (typeof tipoProducto !== 'undefined' && tipoProducto === 'simple') {
            // Para productos simples, obtener el precio directamente
            const precioElement = document.querySelector('.precio-actual');
            if (precioElement) {
                const precioTexto = precioElement.textContent.replace(/[^\d.]/g, '');
                let precioActual = parseFloat(precioTexto) || 0;
                // Normalizar a MXN si la interfaz está en USD
                if ((window.currentCurrency || 'MXN') === 'USD' && (window.exchangeRateValue || 0) > 0) {
                    precioActual = precioActual * window.exchangeRateValue;
                }
                productoData.precio = precioActual;
            }
        }
        
        // Ir directamente a checkout con los datos en la URL
        const params = new URLSearchParams();
        params.append('id_producto', productoData.id_producto);
        params.append('cantidad', productoData.cantidad);
        params.append('tipo_producto', productoData.tipo_producto);
        
        // Agregar datos específicos según el tipo de producto
        if (productoData.id_color) params.append('id_color', productoData.id_color);
        if (productoData.id_pixel) params.append('id_pixel', productoData.id_pixel);
        if (productoData.id_tamanio) params.append('id_tamanio', productoData.id_tamanio);
        if (productoData.id_variante_tamanio) params.append('id_variante_tamanio', productoData.id_variante_tamanio);
        if (productoData.id_tubo_tamanio) params.append('id_tubo_tamanio', productoData.id_tubo_tamanio);
        if (productoData.id_modelo) params.append('id_modelo', productoData.id_modelo);
        if (productoData.id_conector) params.append('id_conector', productoData.id_conector);
        if (productoData.variante_id) params.append('variante_id', productoData.variante_id);
        if (productoData.precio) params.append('precio', productoData.precio);
        
        // Agregar datos específicos de variantes de imagen
        if (productoData.modelo) params.append('modelo', productoData.modelo);
        if (productoData.descripcion) params.append('descripcion', productoData.descripcion);
        if (productoData.imagen_variante) params.append('imagen_variante', productoData.imagen_variante);
        if (productoData.modelo_busqueda) params.append('modelo_busqueda', productoData.modelo_busqueda);
        
        // Redirigir directamente al checkout
        window.location.href = 'https://rclighting.mx/pago?' + params.toString();
    }

    // Función para comprar productos relacionados por WhatsApp
    function comprarRelatedWhatsApp(productId, productName, productPrice, productImage) {
        let message = `¡Hola! Me interesa este producto relacionado:\n\n`;
        message += `${productName}\n`;
        message += `Precio: $${productPrice.toFixed(2)} MXN\n`;
        message += `Cantidad: 1\n`;
        message += '\n¿Me pueden dar más información y disponibilidad?';
        
        // Agregar link del producto relacionado
        const productUrl = `https://rclighting.mx/producto/${productId}`;
        message += `\n\n${productUrl}`;
        
        const phoneNumber = '5627668858';
        const encodedMessage = encodeURIComponent(message);
        const whatsappUrl = `https://wa.me/${phoneNumber}?text=${encodedMessage}`;
        window.open(whatsappUrl, '_blank');
    }
    </script>
    <script>
    tsParticles.load("tsparticles", {
      background: {
        color: { value: "#fff" }
      },
      fpsLimit: 60,
      particles: {
        color: { value: "#0033cc" },
        links: {
          enable: true,
          color: "#0033cc",
          distance: 120,
          opacity: 0.18
        },
        move: {
          enable: true,
          speed: 1.2
        },
        number: {
          value: 80
        },
        opacity: {
          value: 0.5
        },
        shape: {
          type: "circle"
        },
        size: {
          value: { min: 1, max: 3 }
        }
      },
      interactivity: {
        events: {
          onHover: { enable: true, mode: "repulse" }
        },
        modes: {
          repulse: { distance: 100 }
        }
      },
      detectRetina: true
    });
    </script>
    <script>
    updateCartCounter();
    </script>
    
    <!-- Script para el selector de moneda -->
    <script>
        window.currentCurrency = 'MXN';
        window.exchangeRateValue = 1;
        let originalPrices = new Map(); // Para guardar los precios originales en MXN

        // Función para mostrar/ocultar el menú de moneda
        function toggleMenu() {
            let menu = document.getElementById("currency-menu");
            menu.style.display = (menu.style.display === "block") ? "none" : "block";
        }

        // Función para limpiar precios duplicados existentes
        function cleanDuplicatedPrices() {
            const priceElements = document.querySelectorAll('[id*="precio"], .precio-display, .product-price, [class*="precio"]');
            
            priceElements.forEach(element => {
                const text = element.textContent || element.innerText;
                // Buscar patrones de precios duplicados como "$5.73 USD$109.18 MXN"
                const duplicatedPattern = /\$[0-9,]+\.?[0-9]*\s*(USD|MXN)\$[0-9,]+\.?[0-9]*\s*(USD|MXN)/g;
                if (duplicatedPattern.test(text)) {
                    // Extraer solo el primer precio y su moneda, que debería ser MXN
                    const mxnPattern = /\$([0-9,]+\.?[0-9]*)\s*MXN/;
                    const mxnMatch = text.match(mxnPattern);
                    if (mxnMatch) {
                        const priceLabel = element.querySelector('.precio-label');
                        if (priceLabel) {
                            element.innerHTML = `<span class="precio-label">PRECIO: </span>$${mxnMatch[1]} MXN`;
                        } else {
                            element.textContent = `$${mxnMatch[1]} MXN`;
                        }
                    }
                }
            });
        }

        // Función para guardar precios originales
        function saveOriginalPrices() {
            // Primero limpiar cualquier precio duplicado existente
            cleanDuplicatedPrices();
            
            // Buscar todos los elementos que contienen precios
            const priceElements = document.querySelectorAll('[id*="precio"], .precio-display, .product-price, [class*="precio"], .variante-precio');
            
            priceElements.forEach(element => {
                if (!originalPrices.has(element)) {
                    const priceText = element.textContent || element.innerText;
                    // Buscar solo números y decimales, ignorando símbolos y texto
                    const priceMatch = priceText.match(/([0-9,]+\.?[0-9]*)/);
                    if (priceMatch) {
                        const price = parseFloat(priceMatch[1].replace(/,/g, ''));
                        if (!isNaN(price) && price > 0) {
                            originalPrices.set(element, {
                                price: price,
                                originalText: priceText,
                                element: element
                            });
                        }
                    }
                }
            });
        }

        // Función para convertir precios
        function convertPrices(toCurrency) {
            originalPrices.forEach((data, element) => {
                const originalPrice = data.price;
                let convertedPrice;
                let currencySymbol;
                
                if (toCurrency === 'USD') {
                    convertedPrice = originalPrice / window.exchangeRateValue;
                    currencySymbol = 'USD';
                } else {
                    convertedPrice = originalPrice;
                    currencySymbol = 'MXN';
                }
                
                // Buscar si tiene un span interno para el precio
                const priceSpan = element.querySelector('span');
                if (priceSpan) {
                    priceSpan.textContent = `$${convertedPrice.toFixed(2)} ${currencySymbol}`;
                } else {
                    // Reemplazar solo la parte numérica manteniendo el texto anterior
                    const originalText = data.originalText;
                    const newText = originalText.replace(/\$?[0-9,]+\.?[0-9]*\s*(MXN|USD)?/g, `$${convertedPrice.toFixed(2)} ${currencySymbol}`);
                    element.textContent = newText;
                }
            });

            // Actualizar también los precios en botones de variantes
            const variantButtons = document.querySelectorAll('[data-precio]');
            variantButtons.forEach(button => {
                const originalPrice = parseFloat(button.getAttribute('data-precio'));
                if (!isNaN(originalPrice)) {
                    if (toCurrency === 'USD') {
                        const convertedPrice = originalPrice / exchangeRateValue;
                        button.setAttribute('data-precio-converted', convertedPrice.toFixed(2));
                    } else {
                        button.removeAttribute('data-precio-converted');
                    }
                }
            });
            
            // Actualizar precios de las variantes de imagen
            const variantePrecios = document.querySelectorAll('.variante-precio');
            variantePrecios.forEach(elemento => {
                const textoOriginal = elemento.textContent;
                const precioMatch = textoOriginal.match(/\$([0-9,]+\.?[0-9]*)/);
                
                if (precioMatch) {
                    const precioOriginal = parseFloat(precioMatch[1].replace(/,/g, ''));
                    if (!isNaN(precioOriginal)) {
                        let precioConvertido;
                        let moneda;
                        
                        if (toCurrency === 'USD') {
                            precioConvertido = precioOriginal / window.exchangeRateValue;
                            moneda = 'USD';
                        } else {
                            precioConvertido = precioOriginal;
                            moneda = 'MXN';
                        }
                        
                        const nuevoTexto = textoOriginal.replace(/\$[0-9,]+\.?[0-9]*\s*(MXN|USD)?/g, `$${precioConvertido.toFixed(2)} ${moneda}`);
                        elemento.textContent = nuevoTexto;
                    }
                }
            });
        }

        // Función para seleccionar una moneda
        function selectCurrency(countryCode, currencyCode) {
            const btnMxn = document.getElementById('currency-mxn');
            const btnUsd = document.getElementById('currency-usd');
            const btnMxnMobile = document.getElementById('currency-mxn-mobile');
            const btnUsdMobile = document.getElementById('currency-usd-mobile');

            if (currencyCode === 'MXN') {
                if (btnMxn) btnMxn.classList.add('active');
                if (btnUsd) btnUsd.classList.remove('active');
                if (btnMxnMobile) btnMxnMobile.classList.add('active');
                if (btnUsdMobile) btnUsdMobile.classList.remove('active');
            } else {
                if (btnMxn) btnMxn.classList.remove('active');
                if (btnUsd) btnUsd.classList.add('active');
                if (btnMxnMobile) btnMxnMobile.classList.remove('active');
                if (btnUsdMobile) btnUsdMobile.classList.add('active');
            }
            window.currentCurrency = currencyCode;
            // Persistir selección de moneda para otras páginas (e.g., carrito)
            try {
                localStorage.setItem('selectedCurrency', currencyCode);
            } catch (e) {}
            cleanDuplicatedPrices();
            if (originalPrices.size === 0) {
                saveOriginalPrices();
            }
            convertPrices(currencyCode);
            if (typeof window.reconvertirPreciosDinamicos === 'function') {
                window.reconvertirPreciosDinamicos();
            }
            const modeloActivo = document.querySelector('.modelo-btn.active');
            if (modeloActivo) {
                modeloActivo.click();
            }
            const tamanioActivo = document.querySelector('.tamanio-selector .size-btn.active');
            if (tamanioActivo) {
                tamanioActivo.click();
            }
            const tuboActivo = document.querySelector('#tamaniosTuboBtns .size-tubo-btn.active');
            if (tuboActivo) {
                tuboActivo.click();
            }
            const imagenSeleccionada = document.querySelector('.miniatura-img.selected');
            if (imagenSeleccionada) {
                const idx = imagenSeleccionada.getAttribute('data-index');
                if (idx !== null && typeof mostrarDetalle === 'function') {
                    mostrarDetalle(parseInt(idx));
                }
            }
            // Llama a updateAllTotals para actualizar el total también
            updateAllTotals();
            // Si existe la función de productos simples, recalcular sus precios (IVA y Total)
            if (typeof window.actualizarPreciosSimple === 'function') {
                window.actualizarPreciosSimple();
            }
            
            // Actualizar el resumen de selección de variantes de imagen si existe
            console.log('Intentando actualizar resumen de selección...');
            if (typeof actualizarResumenSeleccion === 'function') {
                console.log('Función encontrada, ejecutando...');
                actualizarResumenSeleccion();
            } else {
                console.log('Función NO encontrada. Scope:', typeof actualizarResumenSeleccion);
            }
        }

        // Cerrar el menú si se hace clic fuera de él
        document.addEventListener("click", function(event) {
            let menu = document.getElementById("currency-menu");
            let button = document.getElementById("currency-button");

            if (button && menu && button.contains && menu.contains &&
                !button.contains(event.target) && !menu.contains(event.target)) {
                menu.style.display = "none";
            }
        });

        // Función para obtener el tipo de cambio desde la API de Banxico
        async function getExchangeRate() {
            const token = '85411f02232c8cf4b8a1e2bae1f5f7f139fab5855e1d7eddc551bea81bee4e51';
            const url = `https://www.banxico.org.mx/SieAPIRest/service/v1/series/SF43718/datos/oportuno?token=${token}`;

            try {
                let response = await fetch(url);
                let data = await response.json();

                if (data.bmx && data.bmx.series[0] && data.bmx.series[0].datos.length > 0) {
                    window.exchangeRateValue = parseFloat(data.bmx.series[0].datos[0].dato);
                    document.getElementById("exchangeRate").innerText = exchangeRateValue.toFixed(4);
                    
                    console.log('Tipo de cambio obtenido:', exchangeRateValue); // Debug
                    
                    // Si ya tenemos precios guardados y estamos en USD, reconvertir
                    if (currentCurrency === 'USD' && originalPrices.size > 0) {
                        convertPrices('USD');
                    }
                } else {
                    console.error('No se encontraron datos de tipo de cambio');
                    document.getElementById("exchangeRate").innerText = "Error";
                    window.exchangeRateValue = 20; // Valor por defecto
                }
            } catch (error) {
                console.error("Error al obtener datos", error);
                document.getElementById("exchangeRate").textContent = "Error";
                                    window.exchangeRateValue = 20; // Valor por defecto
            }
        }

        // Obtener el tipo de cambio al cargar la página
        document.addEventListener('DOMContentLoaded', function() {
            getExchangeRate();
            // Limpiar precios duplicados existentes y guardar precios originales
            setTimeout(() => {
                cleanDuplicatedPrices();
                setTimeout(saveOriginalPrices, 500);
            }, 2000);

            // Si el usuario ya seleccionó USD en otra vista, aplicarlo automáticamente
            try {
                const savedCurrency = localStorage.getItem('selectedCurrency');
                if (savedCurrency === 'USD') {
                    // Asegurar que los precios originales estén capturados antes de convertir
                    setTimeout(() => { selectCurrency('us', 'USD'); }, 3000);
                }
            } catch (e) {}
        });
    </script>

    <!-- Modal de Búsqueda por Imagen -->
    <div id="imageSearchModal" class="modal-image-search">
        <div class="modal-content-image-search">
            <span class="close-image-search">&times;</span>
            <div style="margin-bottom: 20px;">
                <h3 style="color: #1e293b; font-size: 1.4em; font-weight: 600; margin-bottom: 8px;">Búsqueda por imagen</h3>
                <p style="color: #64748b; font-size: 0.95em; line-height: 1.4; margin: 0;">Encuentra lo que amas con mejores precios en<br>AliExpress usando una búsqueda de imágenes</p>
            </div>
            
            <div id="dropZone" style="
                border: 2px dashed #cbd5e1;
                border-radius: 12px;
                padding: 40px 20px;
                text-align: center;
                background: #f8fafc;
                cursor: pointer;
                transition: all 0.3s ease;
                margin-bottom: 20px;
            ">
                <div style="color: #64748b; font-size: 1.1em; margin-bottom: 15px;">
                    <i class="fas fa-cloud-upload-alt" style="font-size: 2.5em; color: #94a3b8; margin-bottom: 10px; display: block;"></i>
                    Arrastra una imagen aquí
                </div>
                <div style="color: #94a3b8; font-size: 0.9em; margin-bottom: 20px;">
                    *Para una búsqueda rápida, presiona CTRL + V y<br>pega una imagen en la barra de búsqueda
                </div>
                <button type="button" id="uploadBtn" style="
                    background: #dc2626;
                    color: white;
                    border: none;
                    padding: 12px 30px;
                    border-radius: 25px;
                    font-size: 1em;
                    font-weight: 500;
                    cursor: pointer;
                    transition: all 0.3s ease;
                    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
                ">
                    Sube una foto
                </button>
                <input type="file" id="imageUpload" accept="image/*" style="display: none;">
            </div>
            
            <div id="previewContainer" style="display: none; text-align: center; margin-top: 20px;">
                <img id="imagePreview" style="max-width: 100%; max-height: 200px; border-radius: 8px; margin-bottom: 15px;">
                <div>
                    <button id="searchBtn" style="
                        background: #1976d2;
                        color: white;
                        border: none;
                        padding: 12px 30px;
                        border-radius: 25px;
                        font-size: 1em;
                        font-weight: 500;
                        cursor: pointer;
                        margin-right: 10px;
                        transition: all 0.3s ease;
                    ">Buscar productos similares</button>
                    <button id="clearBtn" style="
                        background: #6b7280;
                        color: white;
                        border: none;
                        padding: 12px 20px;
                        border-radius: 25px;
                        font-size: 1em;
                        cursor: pointer;
                        transition: all 0.3s ease;
                    ">Limpiar</button>
                </div>
            </div>
        </div>
    </div>

    <script>
    // Funcionalidad del modal de búsqueda por imagen
    document.addEventListener('DOMContentLoaded', function() {
        // Auto-limpiar carrito si está vacío
        if (typeof window.autoCleanCartIfEmpty === 'function') {
            window.autoCleanCartIfEmpty();
        } else {
            // Función local si no está disponible la global
            fetch('/RC/php/carrito_operations.php', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({
                    action: 'check_and_clean'
                })
            })
            .then(response => response.json())
            .then(data => {
                if (data.cleaned) {
                    console.log('Carrito auto-limpiado en producto');
                    // Actualizar contador del carrito si existe
                    const cartCounter = document.querySelector('.cart-counter, .cart-count, #cart-count, #cartCounter');
                    if (cartCounter) {
                        cartCounter.textContent = '0';
                        cartCounter.style.display = 'none';
                    }
                }
            })
            .catch(error => {
                console.error('Error en auto-limpieza:', error);
            });
        }
        
        const modal = document.getElementById('imageSearchModal');
        const openBtn = document.getElementById('openImageModal');
        const closeBtn = document.querySelector('.close-image-search');
        const dropZone = document.getElementById('dropZone');
        const uploadBtn = document.getElementById('uploadBtn');
        const imageUpload = document.getElementById('imageUpload');
        const previewContainer = document.getElementById('previewContainer');
        const imagePreview = document.getElementById('imagePreview');
        const searchBtn = document.getElementById('searchBtn');
        const clearBtn = document.getElementById('clearBtn');

        // Abrir modal
        openBtn.addEventListener('click', function() {
            modal.style.display = 'flex';
        });

        // Cerrar modal
        closeBtn.addEventListener('click', function() {
            modal.style.display = 'none';
            clearPreview();
        });

        // Cerrar modal al hacer clic fuera
        modal.addEventListener('click', function(e) {
            if (e.target === modal) {
                modal.style.display = 'none';
                clearPreview();
            }
        });

        // Hover effects para la zona de arrastre
        dropZone.addEventListener('mouseenter', function() {
            this.style.borderColor = '#1976d2';
            this.style.backgroundColor = '#f0f9ff';
        });

        dropZone.addEventListener('mouseleave', function() {
            this.style.borderColor = '#cbd5e1';
            this.style.backgroundColor = '#f8fafc';
        });

        // Botón de subir archivo
        uploadBtn.addEventListener('click', function() {
            imageUpload.click();
        });

        // Seleccionar archivo
        imageUpload.addEventListener('change', function(e) {
            const file = e.target.files[0];
            if (file) {
                handleImage(file);
            }
        });

        // Funcionalidad de arrastrar y soltar
        dropZone.addEventListener('dragover', function(e) {
            e.preventDefault();
            this.style.borderColor = '#1976d2';
            this.style.backgroundColor = '#f0f9ff';
        });

        dropZone.addEventListener('dragleave', function(e) {
            e.preventDefault();
            this.style.borderColor = '#cbd5e1';
            this.style.backgroundColor = '#f8fafc';
        });

        dropZone.addEventListener('drop', function(e) {
            e.preventDefault();
            this.style.borderColor = '#cbd5e1';
            this.style.backgroundColor = '#f8fafc';
            
            const files = e.dataTransfer.files;
            if (files.length > 0) {
                const file = files[0];
                if (file.type.startsWith('image/')) {
                    handleImage(file);
                }
            }
        });

        // Funcionalidad Ctrl+V para pegar imagen
        document.addEventListener('keydown', function(e) {
            if (e.ctrlKey && e.key === 'v' && modal.style.display === 'flex') {
                // El navegador manejará automáticamente el pegado si hay una imagen en el portapapeles
                setTimeout(function() {
                    navigator.clipboard.read().then(function(items) {
                        for (let item of items) {
                            if (item.types.includes('image/png') || item.types.includes('image/jpeg')) {
                                item.getType('image/png').then(function(blob) {
                                    handleImage(blob);
                                }).catch(function() {
                                    item.getType('image/jpeg').then(function(blob) {
                                        handleImage(blob);
                                    });
                                });
                                break;
                            }
                        }
                    }).catch(function(err) {
                        console.log('Error al acceder al portapapeles:', err);
                    });
                }, 100);
            }
        });

        // Manejar imagen seleccionada
        function handleImage(file) {
            const reader = new FileReader();
            reader.onload = function(e) {
                imagePreview.src = e.target.result;
                previewContainer.style.display = 'block';
                dropZone.style.display = 'none';
            };
            reader.readAsDataURL(file);
        }

        // Buscar productos similares
        searchBtn.addEventListener('click', function() {
            const imageSrc = imagePreview.src;
            if (!imageSrc || imageSrc === '') {
                alert('No hay imagen para buscar');
                return;
            }

            // Mostrar loading
            searchBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Buscando...';
            searchBtn.disabled = true;

            // Convertir imagen base64 a blob
            console.log('Iniciando conversión de imagen...');
            fetch(imageSrc)
                .then(res => {
                    console.log('Imagen convertida a blob');
                    return res.blob();
                })
                .then(blob => {
                    console.log('Blob creado, tamaño:', blob.size, 'tipo:', blob.type);
                    const formData = new FormData();
                    formData.append('image', blob, 'search_image.jpg');

                            console.log('Enviando petición a búsqueda por comparación real...');
        return fetch('/buscar_por_imagen_real.php', {
                        method: 'POST',
                        body: formData
                    });
                })
                .then(response => {
                    console.log('Respuesta recibida, status:', response.status);
                    if (!response.ok) {
                        throw new Error(`HTTP error! status: ${response.status}`);
                    }
                    return response.json();
                })
                .then(data => {
                    console.log('Datos recibidos:', data);
                    searchBtn.innerHTML = 'Buscar productos similares';
                    searchBtn.disabled = false;

                    if (data.success) {
                        console.log('Búsqueda exitosa, productos encontrados:', data.productos.length);
                        modal.style.display = 'none';
                        clearPreview();
                        mostrarResultadosBusqueda(data.productos, data.analisis);
            } else {
                        console.error('Error en búsqueda:', data.error);
                        if (data.debug) {
                            console.error('Debug info:', data.debug);
                        }
                        alert('Error en la búsqueda: ' + (data.error || 'Error desconocido'));
                    }
                })
                .catch(error => {
                    searchBtn.innerHTML = 'Buscar productos similares';
                    searchBtn.disabled = false;
                    console.error('Error completo:', error);
                    
                    // Mostrar información más detallada del error
                    let errorMsg = 'Error al procesar la búsqueda por imagen.';
                    if (error.message) {
                        errorMsg += '\nDetalle: ' + error.message;
                    }
                    
                    // Verificar si es un problema de red
                    if (error.name === 'TypeError' && error.message.includes('fetch')) {
                        errorMsg += '\n\nPosible problema de red o el archivo buscar_por_imagen.php no existe.';
                    }
                    
                    alert(errorMsg);
                });
        });

        // Limpiar preview
        clearBtn.addEventListener('click', function() {
            clearPreview();
        });

        function clearPreview() {
            previewContainer.style.display = 'none';
            dropZone.style.display = 'block';
            imagePreview.src = '';
            imageUpload.value = '';
        }

        // Hover effects para botones
        uploadBtn.addEventListener('mouseenter', function() {
            this.style.background = '#b91c1c';
            this.style.transform = 'translateY(-2px)';
        });

        uploadBtn.addEventListener('mouseleave', function() {
            this.style.background = '#dc2626';
            this.style.transform = 'translateY(0)';
        });

        searchBtn.addEventListener('mouseenter', function() {
            this.style.background = '#1565c0';
            this.style.transform = 'translateY(-2px)';
        });

        searchBtn.addEventListener('mouseleave', function() {
            this.style.background = '#1976d2';
            this.style.transform = 'translateY(0)';
        });

        clearBtn.addEventListener('mouseenter', function() {
            this.style.background = '#4b5563';
            this.style.transform = 'translateY(-2px)';
        });

        clearBtn.addEventListener('mouseleave', function() {
            this.style.background = '#6b7280';
            this.style.transform = 'translateY(0)';
        });

        // Función para mostrar resultados de búsqueda
        function mostrarResultadosBusqueda(productos, analisis) {
            // Crear modal de resultados
            const resultModal = document.createElement('div');
            resultModal.id = 'searchResultsModal';
            resultModal.className = 'modal-image-search';
            resultModal.style.display = 'flex';
            
            resultModal.innerHTML = `
                <div class="modal-content-image-search" style="max-width: 900px; width: 95%; max-height: 90vh;">
                    <span class="close-image-search" onclick="document.getElementById('searchResultsModal').remove()">&times;</span>
                    <div style="margin-bottom: 20px;">
                        <h3 style="color: #1e293b; font-size: 1.4em; font-weight: 600; margin-bottom: 8px;">
                            <i class="fas fa-search"></i> Resultados de búsqueda por imagen
                        </h3>
                        <p style="color: #64748b; font-size: 0.95em; margin: 0;">
                            ${analisis.mensaje || 'Se encontraron productos similares basados en el análisis de la imagen'}
                        </p>
                        ${analisis.mejor_similitud !== undefined ? 
                            `<p style="color: #94a3b8; font-size: 0.85em; margin: 5px 0 0 0;">
                                <i class="fas fa-search"></i> Mejor similitud: ${analisis.mejor_similitud}%
                                ${analisis.total_comparados ? ' • Comparado con ' + analisis.total_comparados + ' productos' : ''}
                                ${analisis.metodo_analisis ? ' • ' + (analisis.metodo_analisis === 'hash_perceptual_histograma' ? 'Comparación avanzada' : 'Comparación simple') : ''}
                            </p>` : 
                            (analisis.tipo_componente ? 
                                `<p style="color: #94a3b8; font-size: 0.85em; margin: 5px 0 0 0;">
                                    <i class="fas fa-microchip"></i> Tipo detectado: ${analisis.tipo_componente.replace('_', ' ')}
                                    ${analisis.categoria_detectada ? ' • Categoría: ' + analisis.categoria_detectada : ''}
                                </p>` : 
                                (analisis.colores_detectados && analisis.colores_detectados.length > 0 ? 
                                    `<p style="color: #94a3b8; font-size: 0.85em; margin: 5px 0 0 0;">
                                        <i class="fas fa-palette"></i> Colores detectados: ${analisis.colores_detectados.join(', ')}
                                    </p>` : ''
                                )
                            )
                        }
                    </div>
                    
                    <div style="max-height: 60vh; overflow-y: auto; padding: 10px;">
                        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px;">
                            ${productos.map(producto => `
                                <div style="
                                    border: 1px solid #e2e8f0;
                                    border-radius: 12px;
                                    overflow: hidden;
                                    background: white;
                                    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
                                    transition: all 0.3s ease;
                                    cursor: pointer;
                                " onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 25px rgba(0,0,0,0.15)'" 
                                   onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 2px 8px rgba(0,0,0,0.1)'"
                                   onclick="window.open('https://rclighting.mx/producto/${producto.id_producto}', '_blank')">
                                    <div style="height: 150px; overflow: hidden; background: #f8fafc;">
                                        <img src="${producto.imagen}" 
                                             alt="${producto.nombre}" 
                                             style="width: 100%; height: 100%; object-fit: cover;"
                                             onerror="this.src='https://rclighting.mx/RC/uploads/684308daa0d2f.jpg'">
                                    </div>
                                    <div style="padding: 15px;">
                                        <h5 style="
                                            font-size: 0.9em; 
                                            font-weight: 600; 
                                            margin: 0 0 8px 0; 
                                            color: #1e293b;
                                            display: -webkit-box;
                                            -webkit-line-clamp: 2;
                                            -webkit-box-orient: vertical;
                                            overflow: hidden;
                                        ">${producto.nombre}</h5>
                                        <p style="
                                            font-size: 1.1em; 
                                            font-weight: 700; 
                                            color: #1976d2; 
                                            margin: 0;
                                        ">
                                            ${producto.precio ? '$' + parseFloat(producto.precio).toFixed(2) + ' MXN' : 'Precio no disponible'}
                                        </p>
                                    </div>
                                </div>
                            `).join('')}
                        </div>
                    </div>
                    
                    <div style="margin-top: 20px; padding-top: 15px; border-top: 1px solid #e2e8f0; text-align: center;">
                        <button onclick="document.getElementById('searchResultsModal').remove()" style="
                            background: #6b7280;
                            color: white;
                            border: none;
                            padding: 10px 25px;
                            border-radius: 20px;
                            font-size: 1em;
                            cursor: pointer;
                            transition: all 0.3s ease;
                        " onmouseover="this.style.background='#4b5563'" onmouseout="this.style.background='#6b7280'">
                            Cerrar
                        </button>
                    </div>
                </div>
            `;
            
            document.body.appendChild(resultModal);
            
            // Cerrar modal al hacer clic fuera
            resultModal.addEventListener('click', function(e) {
                if (e.target === resultModal) {
                    resultModal.remove();
                }
            });
        }
    });


    </script>

    <!--
    <div id="video-modal" class="video-modal">
        <div class="video-modal-content">
            <span class="close-button">&times;</span>
            <iframe id="video-iframe" width="100%" height="315" src="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        </div>
    </div>
    -->
    <!-- Script de sincronización global del carrito -->
    <script src="/js/cart-sync.js"></script>
    
    <!-- FUNCIÓN GLOBAL PARA LIMPIAR SELECCIÓN DE VARIANTES -->
    <script>
    // Función global para limpiar la selección de variantes
    window.limpiarSeleccionVariantes = function() {
        console.log('🧹 INICIANDO LIMPIEZA GLOBAL DE VARIANTES...');
        
        // Limpiar variantes de imagen
        console.log('🔍 Limpiando variantes de imagen...');
        const varianteCheckboxesImagen = document.querySelectorAll('.variante-imagen-card .variante-checkbox');
        console.log(`📋 Encontrados ${varianteCheckboxesImagen.length} checkboxes de imagen`);
        varianteCheckboxesImagen.forEach(checkbox => {
            checkbox.checked = false;
        });
        
        // Ocultar campos de cantidad de imagen
        const cantidadInputsImagen = document.querySelectorAll('.variante-imagen-card .cantidad-variante-container');
        cantidadInputsImagen.forEach(container => {
            container.style.display = 'none';
        });
        
        // Quitar resaltado visual de las tarjetas de imagen
        const varianteCardsImagen = document.querySelectorAll('.variante-imagen-card');
        varianteCardsImagen.forEach(card => {
            card.classList.remove('selected');
            card.style.borderColor = '#e2e8f0';
            card.style.backgroundColor = '#fff';
            card.style.boxShadow = '0 2px 8px rgba(0,0,0,0.08)';
        });
        
        // Ocultar resumen de selección de imagen
        const resumenSeleccionImagen = document.getElementById('resumen-seleccion');
        if (resumenSeleccionImagen) {
            resumenSeleccionImagen.style.display = 'none';
            console.log('📋 Resumen de selección de imagen ocultado');
        }
        
        // Limpiar variable global de imagen
        window.selectedImageVariants = [];
        window.selectedImageVariant = null;
        
        // Limpiar variantes de modelo
        console.log('🔍 Limpiando variantes de modelo...');
        const checkboxesModelo = document.querySelectorAll('.variante-checkbox');
        console.log(`📋 Encontrados ${checkboxesModelo.length} checkboxes de modelo`);
        checkboxesModelo.forEach(checkbox => {
            checkbox.checked = false;
        });
        console.log('✅ Todos los checkboxes de modelo desmarcados');
        
        // Ocultar campos de cantidad de modelo
        const cantidadInputsModelo = document.querySelectorAll('.cantidad-variante-input');
        cantidadInputsModelo.forEach(input => {
            const container = input.closest('.cantidad-variante-container');
            if (container) {
                container.style.display = 'none';
            }
        });
        
        // Quitar resaltado visual de las tarjetas de modelo
        const varianteCardsModelo = document.querySelectorAll('.variante-completa');
        varianteCardsModelo.forEach(card => {
            card.style.borderColor = '#e2e8f0';
            card.style.backgroundColor = '#fff';
            card.style.boxShadow = '0 1px 3px rgba(0,0,0,0.1)';
        });
        
        // Ocultar resumen de selección de modelo
        const resumenSeleccionModelo = document.getElementById('resumen-seleccion-modelo');
        if (resumenSeleccionModelo) {
            resumenSeleccionModelo.style.display = 'none';
            console.log('📋 Resumen de selección de modelo ocultado');
        }
        
        console.log('✅ LIMPIEZA GLOBAL COMPLETADA - Todas las variantes limpiadas');
    };
    </script>
    <script>
    document.addEventListener('DOMContentLoaded', function() {
        const quantityInput = document.getElementById('productQuantity');
        const priceElement = document.getElementById('productPrice');
        const basePrice = parseFloat(priceElement.getAttribute('data-base-price'));

        quantityInput.addEventListener('input', function() {
            const quantity = parseInt(quantityInput.value);
            const totalPrice = basePrice * quantity;
            priceElement.textContent = `$${totalPrice.toFixed(2)} MXN`;
        });
    });
    </script>


    <script>
    // Función para calcular y actualizar totales
    function updateTotal(priceElement, totalElement, quantity = 1) {
        if (!priceElement || !totalElement) return;
        const priceText = priceElement.textContent || priceElement.innerText;
        const priceMatch = priceText.match(/([0-9,]+\.?[0-9]*)/);
        if (priceMatch) {
            const price = parseFloat(priceMatch[1].replace(/,/g, ''));
            const subtotal = price * quantity;
            const iva = subtotal * 0.16; // IVA del 16%
            const total = subtotal + iva; // Total con IVA
            const currencySymbol = currentCurrency === 'USD' ? 'USD' : 'MXN';
            totalElement.textContent = `$${total.toLocaleString('es-MX', {minimumFractionDigits: 2, maximumFractionDigits: 2})} ${currencySymbol}`;
        }
    }

    // Función para actualizar todos los totales
    function updateAllTotals() {
        const quantity = parseInt(document.getElementById('productQuantity')?.value || 1);
        
        // Actualizar total para simple
        const precioSimple = document.querySelector('.precio-display');
        const totalSimple = document.querySelector('.total-display');
        if (precioSimple && totalSimple) {
            updateTotal(precioSimple, totalSimple, quantity);
                    // Los precios ya están formateados con la función formatearPrecio
        }
        
        // Actualizar total para pista
        const precioPista = document.getElementById('precioPistaValor');
        const totalPista = document.getElementById('totalPistaValor');
        const ivaPista = document.getElementById('ivaPistaValor');
        if (precioPista && totalPista && precioPista.textContent) {
            updateTotal(precioPista, totalPista, quantity);
                    // Los precios ya están formateados con la función formatearPrecio
            // Actualizar también el IVA si existe
            if (ivaPista) {
                const precioText = precioPista.textContent || precioPista.innerText;
                const precioMatch = precioText.match(/([0-9,]+\.?[0-9]*)/);
                if (precioMatch) {
                    const precio = parseFloat(precioMatch[1].replace(/,/g, ''));
                    const iva = precio * quantity * 0.16;
                    const currencySymbol = currentCurrency === 'USD' ? 'USD' : 'MXN';
                    ivaPista.textContent = `$${iva.toLocaleString('es-MX', {minimumFractionDigits: 2, maximumFractionDigits: 2})} ${currencySymbol}`;
                }
            }
        }
        
        // Actualizar total para tubo
        const precioTubo = document.getElementById('precioTuboValor');
        const totalTubo = document.getElementById('totalTuboValor');
        const ivaTubo = document.getElementById('ivaTuboValor');
        if (precioTubo && totalTubo && precioTubo.textContent) {
            updateTotal(precioTubo, totalTubo, quantity);
                    // Los precios ya están formateados con la función formatearPrecio
            // Actualizar también el IVA si existe
            if (ivaTubo) {
                const precioText = precioTubo.textContent || precioTubo.innerText;
                const precioMatch = precioText.match(/([0-9,]+\.?[0-9]*)/);
                if (precioMatch) {
                    const precio = parseFloat(precioMatch[1].replace(/,/g, ''));
                    const iva = precio * quantity * 0.16;
                    const currencySymbol = currentCurrency === 'USD' ? 'USD' : 'MXN';
                    ivaTubo.textContent = `$${iva.toLocaleString('es-MX', {minimumFractionDigits: 2, maximumFractionDigits: 2})} ${currencySymbol}`;
                }
            }
        }
        
        // Actualizar total para imagen (manejar múltiples bloques con IDs duplicados)
        const precioImagenEls = document.querySelectorAll('#precioImagenValor');
        precioImagenEls.forEach((precioImagen) => {
            if (!precioImagen || !precioImagen.textContent) return;
            const container = precioImagen.closest('.mb-3') || precioImagen.parentElement || document;
            const totalImagen = container ? container.querySelector('#totalImagenValor') : document.getElementById('totalImagenValor');
            const ivaImagen = container ? container.querySelector('#ivaImagenValor') : document.getElementById('ivaImagenValor');
            if (totalImagen) {
                updateTotal(precioImagen, totalImagen, quantity);
            }
            if (ivaImagen) {
                const precioText = precioImagen.textContent || precioImagen.innerText;
                const precioMatch = precioText.match(/([0-9,]+\.?[0-9]*)/);
                if (precioMatch) {
                    const precio = parseFloat(precioMatch[1].replace(/,/g, ''));
                    const iva = precio * quantity * 0.16;
                    const currencySymbol = currentCurrency === 'USD' ? 'USD' : 'MXN';
                    ivaImagen.textContent = `$${iva.toLocaleString('es-MX', {minimumFractionDigits: 2, maximumFractionDigits: 2})} ${currencySymbol}`;
                }
            }
        });
    }
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
  const mainImg = document.getElementById('mainProductImage');
  const lens = document.getElementById('zoomLens');
  const zoomedImg = document.getElementById('zoomedImage');

  if (mainImg && lens && zoomedImg) {
    zoomedImg.src = mainImg.src;

    mainImg.addEventListener('mousemove', moveLens);
    mainImg.addEventListener('mouseenter', showLens);
    mainImg.addEventListener('mouseleave', hideLens);

    function showLens(e) {
      lens.style.display = 'block';
      zoomedImg.src = mainImg.src;
    }
    function hideLens(e) {
      lens.style.display = 'none';
    }
    function moveLens(e) {
      const rect = mainImg.getBoundingClientRect();
      const x = e.clientX - rect.left;
      const y = e.clientY - rect.top;
      const lensSize = lens.offsetWidth / 2;

      // Posición de la lupa
      lens.style.left = (x - lensSize) + 'px';
      lens.style.top = (y - lensSize) + 'px';

      // Mueve la imagen dentro de la lupa
      const zoomX = -((x / rect.width) * zoomedImg.offsetWidth - lensSize);
      const zoomY = -((y / rect.height) * zoomedImg.offsetHeight - lensSize);
      zoomedImg.style.left = zoomX + 'px';
      zoomedImg.style.top = zoomY + 'px';
    }
  }
    });

// Funciones para el modal de compartir
function openShareModal() {
    document.getElementById('shareModal').style.display = 'flex';
}

function closeShareModal() {
    document.getElementById('shareModal').style.display = 'none';
}

function shareWhatsApp() {
    const productName = document.title;
    const productUrl = window.location.href;
    
    // Crear mensaje limpio
    let message = `🔥 ¡Mira este increíble producto de RCLIGHTING! 🔥\n\n`;
    message += `📦 ${productName}\n\n`;
    message += `🔗 Ver más detalles: ${productUrl}\n\n`;
    message += `💡 RCLIGHTING - Iluminación profesional`;
    
    // Usar WhatsApp Web directamente para aprovechar sesión existente
    const whatsappWebUrl = `https://web.whatsapp.com/send?text=${encodeURIComponent(message)}`;
    
    // Intentar abrir en la misma pestaña si ya hay WhatsApp Web abierto
    // Si no, se abrirá en nueva pestaña pero reutilizará la sesión
    try {
        // Primero intentar abrir en la misma ventana
        window.location.href = whatsappWebUrl;
    } catch (error) {
        // Fallback: abrir en nueva pestaña pero con target específico para reutilizar
        window.open(whatsappWebUrl, 'whatsapp_tab');
    }
    
    closeShareModal();
}

function shareFacebook() {
    const productUrl = window.location.href;
    const facebookUrl = `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(productUrl)}`;
    window.open(facebookUrl, '_blank', 'width=600,height=400');
    closeShareModal();
}

function copyLink() {
    const productUrl = window.location.href;
    navigator.clipboard.writeText(productUrl).then(() => {
        alert('¡Enlace copiado al portapapeles!');
        closeShareModal();
    }).catch(() => {
        prompt('Copia este enlace:', productUrl);
        closeShareModal();
    });
}

function shareEmail() {
    const productName = document.title;
    const productUrl = window.location.href;
    const subject = `Te recomiendo este producto de RCLIGHTING: ${productName}`;
    const body = `Hola,\n\nTe quiero recomendar este producto que encontré en RCLIGHTING:\n\n${productName}\n\nPuedes verlo aquí: ${productUrl}\n\n¡Saludos!`;
    const emailUrl = `mailto:?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
    window.location.href = emailUrl;
    closeShareModal();
}

// Cerrar modal al hacer clic fuera de él
document.addEventListener('click', function(event) {
    const modal = document.getElementById('shareModal');
    if (event.target === modal) {
        closeShareModal();
    }
});

// Función para abrir video en modal en dispositivos móviles
function openVideoModal(src, type, videoId) {
    const modal = document.createElement('div');
    modal.style.cssText = `
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.9);
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        box-sizing: border-box;
    `;
    
    let videoContent = '';
    
    if (type === 'video-uploaded') {
        const fileExt = (src.split('?')[0].split('#')[0].split('.').pop() || '').toLowerCase();
        const mime = ['mp4','webm','ogg','mov','mkv'].includes(fileExt) ? `video/${fileExt === 'mp4' ? 'mp4' : fileExt}` : 'video/mp4';
        videoContent = `
            <video controls autoplay playsinline style="width: 100%; max-width: 100%; height: auto; max-height: 80vh;">
                <source src="${src}" type="${mime}">
            </video>
        `;
    } else if (type === 'video-youtube' && videoId) {
        const embed = `https://www.youtube.com/embed/${videoId}?autoplay=1&rel=0&modestbranding=1&playsinline=1`;
        videoContent = `
            <div style="position: relative; width: 100%; max-width: 560px; padding-top: 56.25%;">
                <iframe src="${embed}" 
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
                        allowfullscreen 
                        style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;">
                </iframe>
            </div>
        `;
    } else if (type === 'video-external' && videoId) {
        videoContent = `
            <div style="position: relative; width: 100%; max-width: 560px; padding-top: 56.25%;">
                <iframe src="${videoId}" 
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
                        allowfullscreen 
                        style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;">
                </iframe>
            </div>
        `;
    }
    
    modal.innerHTML = `
        <div style="position: relative; width: 100%; max-width: 800px;">
            <button onclick="this.closest('div[style*=\"position: fixed\"]').remove()" 
                    style="position: absolute; top: -40px; right: 0; background: none; border: none; color: white; font-size: 30px; cursor: pointer; z-index: 10000;">
                ×
            </button>
            ${videoContent}
        </div>
    `;
    
    document.body.appendChild(modal);
    
    // Cerrar modal al hacer clic fuera del video
    modal.addEventListener('click', function(e) {
        if (e.target === modal) {
            modal.remove();
        }
    });
}
</script>

<style>
@media (min-width: 992px) {
  .product-detail-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 40px !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 20px !important;
  }
  .product-header-wrapper {
    width: 45% !important;
    min-width: 400px !important;
    max-width: 500px !important;
    position: sticky !important;
    top: 80px !important;
    z-index: 10 !important;
    background: #fff !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px #0001 !important;
    padding: 8px 0 !important;
    height: fit-content !important;
    max-height: calc(100vh - 120px) !important;
    overflow-y: auto !important;
  }
  .product-main-info {
    order: 1 !important;
    flex: 1 1 0% !important;
    width: 55% !important;
    padding-left: 0 !important;
  }
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
  var backBtn = document.querySelector('.btn-regresar');
  var navbar = document.querySelector('.navbar');
  function positionBack() {
    if (!backBtn) return;
    var margin = 8;
    var top = (navbar ? navbar.getBoundingClientRect().bottom : 0) + margin;
    backBtn.style.top = top + 'px';
  }
  positionBack();
  window.addEventListener('resize', positionBack);
  window.addEventListener('scroll', positionBack);
});
</script>

<style>
@media (min-width: 992px) {
  .product-header-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 18px !important;
  }
  .miniaturas-carrusel {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin: 0 12px 0 0 !important;
    padding: 0 !important;
    width: 80px !important;
    min-width: 60px !important;
    max-width: 90px !important;
    height: auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: none !important;
    box-shadow: none !important;
  }
  .miniaturas-carrusel .miniatura-img {
    width: 70px !important;
    height: 70px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    border: 2px solid #e2e8f0 !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
  }
  .main-image-zoom-container {
    flex: 1 1 0% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    background: #fff !important;
    box-shadow: 0 2px 8px #0001 !important;
    border-radius: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .main-image {
    width: 100% !important;
    max-width: 420px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: #fff !important;
    margin: 0 auto 8px auto !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }
  #mainProductImage {
    width: 100% !important;
    max-width: 420px !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    background: #fff !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    max-height: 420px !important;
  }
}
</style>

<style>
@media (min-width: 992px) {
  .main-image-zoom-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 18px !important;
    width: 100% !important;
  }
  .miniaturas-carrusel {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 80px !important;
    min-width: 60px !important;
    max-width: 90px !important;
    margin: 0 12px 0 0 !important;
    padding: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: none !important;
    box-shadow: none !important;
  }
  .miniatura-img {
    margin-bottom: 8px !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 4px #0001 !important;
    cursor: pointer !important;
    transition: border 0.2s, box-shadow 0.2s;
  }
  .miniatura-img.selected, .miniatura-img:focus {
    border: 2.5px solid #1976d2 !important;
    box-shadow: 0 0 0 3px #1976d233 !important;
    outline: none !important;
  }
  
  /* Estilos para miniaturas de video con vista previa */
  .video-preview {
    position: relative !important;
    width: 70px !important;
    height: 70px !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    background: #f8f9fa !important;
  }
  
  .video-preview:hover {
    border-color: #1976d2 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 210, 0.2) !important;
  }
  
  .video-preview.selected {
    border: 2.5px solid #1976d2 !important;
    box-shadow: 0 0 0 3px #1976d233 !important;
  }
  
  .video-preview-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.4) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2 !important;
    transition: background 0.3s ease !important;
  }
  
  .video-preview:hover .video-preview-overlay {
    background: rgba(0, 0, 0, 0.6) !important;
  }
  
  .video-preview-overlay i {
    font-size: 1.5rem !important;
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
  }
  
  .video-preview-thumbnail {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  
  /* Estilos específicos para YouTube */
  .youtube-preview .video-preview-overlay i {
    color: #ff0000 !important;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important;
  }
  
  /* Estilos específicos para TikTok */
  .tiktok-preview .video-preview-overlay i {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
  }
  
  .tiktok-placeholder {
    background: linear-gradient(45deg, #ff0050, #00f2ea) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  .tiktok-placeholder i {
    font-size: 1.8rem !important;
    color: #ffffff !important;
  }
  
  /* Estilos específicos para videos externos */
  .external-preview .video-preview-overlay i {
    color: #4a90e2 !important;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important;
  }
  
  .external-placeholder {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  .external-placeholder i {
    font-size: 1.8rem !important;
    color: #ffffff !important;
  }
  
  /* Fallback para cuando no se puede cargar la imagen de YouTube */
  .fallback-icon {
    background: #f8f9fa !important;
  }
  
  .fallback-icon .video-preview-overlay {
    background: rgba(0, 0, 0, 0.1) !important;
  }
  
  .fallback-icon .video-preview-overlay i {
    color: #ff0000 !important;
    font-size: 2rem !important;
  }
  
  /* Estilos para miniaturas de audio */
  .audio-preview {
    position: relative !important;
    width: 70px !important;
    height: 70px !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    background: #f8f9fa !important;
  }
  
  .audio-preview:hover {
    border-color: #1976d2 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 210, 0.2) !important;
  }
  
  .audio-preview.selected {
    border: 2.5px solid #1976d2 !important;
    box-shadow: 0 0 0 3px #1976d233 !important;
  }
  
  .audio-preview-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.4) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2 !important;
    transition: background 0.3s ease !important;
  }
  
  .audio-preview:hover .audio-preview-overlay {
    background: rgba(0, 0, 0, 0.6) !important;
  }
  
  .audio-preview-overlay i {
    font-size: 1.5rem !important;
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
  }
  
  .audio-preview-thumbnail {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  
  .audio-placeholder {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
  }
  
  .audio-placeholder i {
    font-size: 1.8rem !important;
    color: #ffffff !important;
  }
  
  /* Estilos para archivos genéricos */
  .file-preview {
    position: relative !important;
    width: 70px !important;
    height: 70px !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    background: #f8f9fa !important;
  }
  
  .file-preview:hover {
    border-color: #1976d2 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 210, 0.2) !important;
  }
  
  .file-preview.selected {
    border: 2.5px solid #1976d2 !important;
    box-shadow: 0 0 0 3px #1976d233 !important;
  }
  
  .file-preview-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.4) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2 !important;
    transition: background 0.3s ease !important;
  }
  
  .file-preview:hover .file-preview-overlay {
    background: rgba(0, 0, 0, 0.6) !important;
  }
  
  .file-preview-overlay i {
    font-size: 1.5rem !important;
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
  }
  
  .file-preview-thumbnail {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  
  .file-placeholder {
    background: linear-gradient(135deg, #6c757d 0%, #495057 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
  }
  
  .file-placeholder i {
    font-size: 1.8rem !important;
    color: #ffffff !important;
  }
  
  /* Estilos responsivos para miniaturas de video y audio */
  @media (max-width: 768px) {
    .video-preview,
    .audio-preview,
    .file-preview {
      width: 60px !important;
      height: 60px !important;
    }
    
    .video-preview-overlay i,
    .audio-preview-overlay i,
    .file-preview-overlay i {
      font-size: 1.2rem !important;
    }
    
    .tiktok-placeholder i,
    .external-placeholder i,
    .audio-placeholder i,
    .file-placeholder i {
      font-size: 1.4rem !important;
    }
  }
  
  @media (max-width: 576px) {
    .video-preview,
    .audio-preview,
    .file-preview {
      width: 55px !important;
      height: 55px !important;
    }
    
    .video-preview-overlay i,
    .audio-preview-overlay i,
    .file-preview-overlay i {
      font-size: 1rem !important;
    }
    
    .tiktok-placeholder i,
    .external-placeholder i,
    .audio-placeholder i,
    .file-placeholder i {
      font-size: 1.2rem !important;
    }
  }
  
  /* Animaciones y efectos adicionales para miniaturas de video y audio */
  .video-preview,
  .audio-preview,
  .file-preview {
    position: relative !important;
    overflow: hidden !important;
  }
  
  .video-preview::before,
  .audio-preview::before,
  .file-preview::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: linear-gradient(45deg, transparent 30%, rgba(255,255,255,0.1) 50%, transparent 70%) !important;
    transform: translateX(-100%) !important;
    transition: transform 0.6s ease !important;
    z-index: 1 !important;
  }
  
  .video-preview:hover::before,
  .audio-preview:hover::before,
  .file-preview:hover::before {
    transform: translateX(100%) !important;
  }
  
  .video-preview-thumbnail,
  .audio-preview-thumbnail,
  .file-preview-thumbnail {
    transition: transform 0.3s ease !important;
  }
  
  .video-preview:hover .video-preview-thumbnail,
  .audio-preview:hover .audio-preview-thumbnail,
  .file-preview:hover .file-preview-thumbnail {
    transform: scale(1.05) !important;
  }
  
  /* Indicador de duración para videos y audio */
  .video-preview::after,
  .audio-preview::after {
    content: attr(data-duration) !important;
    position: absolute !important;
    bottom: 4px !important;
    right: 4px !important;
    background: rgba(0, 0, 0, 0.7) !important;
    color: white !important;
    font-size: 0.7rem !important;
    padding: 2px 4px !important;
    border-radius: 3px !important;
    font-weight: 600 !important;
    z-index: 3 !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
  }
  
  .video-preview:hover::after,
  .audio-preview:hover::after {
    opacity: 1 !important;
  }
  
  /* Efecto de ondas para audio */
  .audio-preview .audio-placeholder {
    position: relative !important;
    overflow: hidden !important;
  }
  
  .audio-preview .audio-placeholder::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 20% !important;
    background: linear-gradient(90deg, 
      transparent 0%, 
      rgba(255,255,255,0.3) 25%, 
      rgba(255,255,255,0.5) 50%, 
      rgba(255,255,255,0.3) 75%, 
      transparent 100%) !important;
    animation: audioWave 2s ease-in-out infinite !important;
  }
  
  @keyframes audioWave {
    0%, 100% { transform: translateX(-100%); }
    50% { transform: translateX(100%); }
  }
  
  .audio-preview:hover .audio-placeholder::after {
    animation-duration: 1s !important;
  }
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
  // Selección visual de miniaturas
  const miniaturas = document.querySelectorAll('.miniatura-img, .video-preview, .audio-preview, .file-preview');
  if (miniaturas.length > 0) {
    // Selecciona la primera por defecto
    miniaturas.forEach(img => img.classList.remove('selected'));
    miniaturas[0].classList.add('selected');
    miniaturas.forEach(img => {
      img.addEventListener('click', function() {
        miniaturas.forEach(i => i.classList.remove('selected'));
        this.classList.add('selected');
      });
    });
  }
});
</script>

<style>
@media (min-width: 992px) {
  .product-gallery-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 18px !important;
    width: 100% !important;
  }
  .miniaturas-carrusel {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 80px !important;
    min-width: 60px !important;
    max-width: 90px !important;
    margin: 0 12px 0 0 !important;
    padding: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: none !important;
    box-shadow: none !important;
    flex-shrink: 0 !important;
  }
  .main-image-zoom-container {
    flex: 1 1 0% !important;
    max-width: 420px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .main-image {
    width: 100% !important;
    max-width: 420px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* Estilos para el modal de compartir */
.share-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 2000;
    justify-content: center;
    align-items: center;
}

.share-modal-content {
    background: white;
    border-radius: 15px;
    padding: 0;
    max-width: 500px;
    width: 90%;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    color: #333;
    overflow: hidden;
}

.share-modal-header {
    background: #4CAF50;
    color: white;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.share-modal-header h3 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: bold;
}

.share-modal-close {
    background: none;
    border: none;
    color: white;
    font-size: 2rem;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.share-modal-close:hover {
    background: rgba(255, 255, 255, 0.2);
}

.share-modal-body {
    padding: 30px;
}

.share-modal-body p {
    margin-bottom: 25px;
    font-size: 1.1rem;
    color: #666;
}

.share-options {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.share-option {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 20px 15px;
    border: none;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    color: white;
    text-decoration: none;
    min-height: 100px;
    justify-content: center;
}

.share-option:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.25);
}

.share-option i {
    font-size: 2rem;
}

.share-option span {
    font-size: 0.9rem;
}

.share-option.facebook {
    background: #1877f2;
}

.share-option.facebook:hover {
    background: #166fe5;
}

.share-option.x {
    background: #000000;
}

.share-option.x:hover {
    background: #333333;
}

.share-option.whatsapp {
    background: #25d366;
}

.share-option.whatsapp:hover {
    background: #22c55e;
}

.share-option.telegram {
    background: #0088cc;
}

.share-option.telegram:hover {
    background: #0077b3;
}

.share-option.email {
    background: #ea4335;
}

.share-option.email:hover {
    background: #d33426;
}

.share-option.copy-link {
    background: #6c757d;
}

.share-option.copy-link:hover {
    background: #5a6268;
}

.share-option.update-meta {
    background: #28a745;
}

.share-option.update-meta:hover {
    background: #218838;
}

.share-option.clear-cache {
    background: #ff6b35;
}

.share-option.clear-cache:hover {
    background: #e55a2b;
}

/* Responsive para modal de compartir */
@media (max-width: 768px) {
    .share-options {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .share-option {
        min-height: 80px;
        padding: 15px 10px;
    }
}

@media (max-width: 480px) {
    .share-modal-content {
        width: 95%;
        margin: 20px;
    }
    
    .share-modal-header {
        padding: 15px;
    }
    
    .share-modal-body {
        padding: 20px;
    }
}

/* Estilos para el botón de compartir discreto */
.share-button:hover {
    background: #e9ecef !important;
    color: #495057 !important;
    border-color: #adb5bd !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
}

.share-button:active {
    transform: translateY(0);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
  const miniaturas = document.querySelectorAll('.miniatura-img, .video-preview, .audio-preview, .file-preview');
  const mainImageContainer = document.querySelector('.main-image');
  const mainImage = document.getElementById('mainProductImage');
  const zoomContainer = document.getElementById('main-image-zoom-container');
  
  // Inicializar funcionalidad de zoom para la imagen principal
  if (mainImage && zoomContainer) {
    // Solo agregar zoom para imágenes (no videos)
    zoomContainer.style.cursor = 'zoom-in';
    zoomContainer.addEventListener('mousemove', handleZoom);
    zoomContainer.addEventListener('mouseleave', resetZoom);
    zoomContainer.addEventListener('click', toggleZoom);
  }

  // Compartir: abrir modal personalizado
  const shareBtn = document.getElementById('shareButton');
  if (shareBtn) {
    shareBtn.addEventListener('click', () => {
      openShareModal();
    });
  }
  
  // Inicializar meta tags de Open Graph
  initializeOpenGraphMetaTags();
  

  if (miniaturas.length > 0) {
    // Selecciona la primera por defecto
    miniaturas.forEach(img => img.classList.remove('selected'));
    miniaturas[0].classList.add('selected');
    miniaturas.forEach(img => {
      img.addEventListener('click', function() {
        miniaturas.forEach(i => i.classList.remove('selected'));
        this.classList.add('selected');
        const type = this.dataset.type || '';
        if (type === 'video-uploaded') {
          showUploadedVideo(this.dataset.src, this);
        } else if (type === 'video-youtube') {
          showYouTubeVideo(this.dataset.youtubeId, this);
        } else if (type === 'video-tiktok') {
          showTikTokVideo(this.dataset.tiktokUrl, this);
        } else if (type === 'video-external') {
          showExternalVideo(this.dataset.videoUrl, this);
        } else {
          // Restaurar imagen principal
          if (mainImageContainer) {
            mainImageContainer.innerHTML = `<img id=\"mainProductImage\" src=\"${this.src}\" alt=\"Imagen principal\" style=\"width:100%;max-width:100%;height:auto;object-fit:contain;transition: transform 0.2s ease-out;\" onerror=\"this.onerror=null; this.src='https://rclighting.mx/RC/img/no-image.jpg';\">`;
            
            // Actualizar las meta tags de Open Graph con la nueva imagen
            updateOpenGraphImage(this.src);
            
            // Reinicializar zoom para la nueva imagen
            const newMainImage = document.getElementById('mainProductImage');
            if (newMainImage && zoomContainer) {
              // Limpiar listeners anteriores
              zoomContainer.removeEventListener('mousemove', handleZoom);
              zoomContainer.removeEventListener('mouseleave', resetZoom);
              zoomContainer.removeEventListener('click', toggleZoom);
              
              // Resetear zoom
              newMainImage.classList.remove('zoomed');
              zoomContainer.classList.remove('zoomed');
              newMainImage.style.transform = 'scale(1)';
              newMainImage.style.transformOrigin = 'center';
              
              // Agregar nuevos listeners después de un pequeño delay
              setTimeout(() => {
                if (newMainImage && zoomContainer) {
                  zoomContainer.style.cursor = 'zoom-in';
                  zoomContainer.addEventListener('mousemove', handleZoom);
                  zoomContainer.addEventListener('mouseleave', resetZoom);
                  zoomContainer.addEventListener('click', toggleZoom);
                }
              }, 100);
            }
          }
        }
        

      });
    });
  }
});
</script>

<!-- WhatsApp Floating Button -->
<div id="whatsapp-float" style="position: fixed; bottom: 20px; right: 20px; z-index: 1000;">
    <a href="https://wa.me/525627668858" target="_blank" style="display: block; width: 60px; height: 60px; background: #25d366; border-radius: 50%; text-align: center; line-height: 60px; color: white; text-decoration: none; box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4); transition: all 0.3s ease; animation: pulse 2s infinite;">
        <svg width="30" height="30" viewBox="0 0 24 24" fill="currentColor" style="vertical-align: middle;">
            <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.885 3.488"/>
        </svg>
    </a>
</div>

<style>
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

#whatsapp-float a:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6);
}

@media (max-width: 768px) {
    #whatsapp-float {
        bottom: 15px;
        right: 15px;
    }
    
    #whatsapp-float a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    
    #whatsapp-float svg {
        width: 25px;
        height: 25px;
    }
}
</style>