{"product_id":"depiladora-23","title":"DEPILADORA LASER IPL","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003cmeta name=\"description\" content=\"Depiladora IPL - Descubre la depilación definitiva desde casa. Sin dolor y resultados rápidos.\"\u003e\n    \u003ctitle\u003eDepiladora IPL - Tienda\u003c\/title\u003e\n    \n    \u003c!-- Preconexiones para mejorar la velocidad de carga de las fuentes --\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \n    \u003cstyle\u003e\n        \/* =========================================\n           1. VARIABLES GLOBALES DE DISEÑO (SYSTEM)\n           ========================================= *\/\n        :root {\n            \/* Colores de Fondo y Textos *\/\n            --primary-bg: #faf9f6; \n            --text-dark: #222222;\n            --text-gray: #666666;\n            \n            \/* Colores de Acento Antiguos (Se mantienen por compatibilidad) *\/\n            --accent-purple: #b8bce0; \n            --accent-purple-dark: #9da3d1;\n            --white: #ffffff;\n            --yellow-star: #ffc107;\n            --pink-quote: #ff5eb5;\n            \n            \/* Nuevas variables de animaciones, bordes y sombras para robustez *\/\n            --shadow-sm: 0 4px 10px rgba(0, 0, 0, 0.05);\n            --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.08);\n            --shadow-hover: 0 15px 35px rgba(0, 0, 0, 0.12);\n            --transition-smooth: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n            --transition-fast: all 0.15s ease-in-out;\n            --border-radius-sm: 12px;\n            --border-radius-md: 20px;\n            --border-radius-lg: 25px;\n            --border-radius-pill: 50px;\n        }\n\n        \/* =========================================\n           2. RESETEO Y ESTILOS BASE ACCESIBLES\n           ========================================= *\/\n        html { \n            scroll-behavior: smooth; \n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            text-rendering: optimizeLegibility;\n        }\n\n        *, *::before, *::after {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        body {\n            background-color: var(--primary-bg);\n            color: var(--text-dark);\n            line-height: 1.6;\n            overflow-x: hidden;\n            position: relative;\n        }\n\n        \/* Mejoras de accesibilidad visual *\/\n        a:focus-visible, button:focus-visible {\n            outline: 3px solid var(--accent-purple-dark);\n            outline-offset: 4px;\n        }\n\n        img, video, svg {\n            max-width: 100%;\n            height: auto;\n            display: block;\n        }\n\n        .container {\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding-left: 15px;\n            padding-right: 15px;\n        }\n\n        section { \n            padding-top: 50px;\n            padding-bottom: 50px;\n            overflow: hidden; \n            position: relative;\n        }\n\n        \/* =========================================\n           3. SISTEMA DE ANIMACIONES (SCROLL REVEAL)\n           ========================================= *\/\n        .reveal-on-scroll {\n            opacity: 0;\n            transform: translateY(40px);\n            transition: opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), \n                        transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);\n            will-change: opacity, transform;\n        }\n        \n        .reveal-on-scroll.is-visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Animación de latido suave para botones *\/\n        @keyframes subtlePulse {\n            0% { transform: scale(1); }\n            50% { transform: scale(1.02); }\n            100% { transform: scale(1); }\n        }\n\n        \/* =========================================\n           4. TOP BANNER\n           ========================================= *\/\n        .top-banner {\n            background-color: var(--accent-purple);\n            color: var(--white);\n            text-align: center;\n            padding-top: 14px;\n            padding-bottom: 14px;\n            padding-left: 10px;\n            padding-right: 10px;\n            font-size: 0.85rem;\n            font-weight: 700;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 10px 25px;\n            position: relative;\n            z-index: 10;\n            box-shadow: var(--shadow-sm);\n        }\n\n        \/* =========================================\n           5. HERO SECTION\n           ========================================= *\/\n        .hero-banner {\n            width: 100%;\n            height: 450px;\n            background-color: #e5e5e5; \n            background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/1014\/0529\/4958\/files\/1.1.png?v=1785351360'); \n            background-size: cover;\n            background-position: center;\n            background-repeat: no-repeat;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            padding: 40px 20px;\n            border-bottom-left-radius: var(--border-radius-lg);\n            border-bottom-right-radius: var(--border-radius-lg);\n            box-shadow: var(--shadow-md);\n            position: relative;\n        }\n\n        .hero-banner::after {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; right: 0; bottom: 0;\n            background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.35) 100%);\n            border-bottom-left-radius: var(--border-radius-lg);\n            border-bottom-right-radius: var(--border-radius-lg);\n            z-index: 1;\n        }\n\n        .hero-banner h1 {\n            color: var(--white);\n            font-size: 2.6rem;\n            line-height: 1.15;\n            font-weight: 900;\n            text-shadow: 2px 2px 20px rgba(0,0,0,0.8);\n            max-width: 90%;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* =========================================\n           6. SECCIÓN DE PRODUCTO Y PRECIO\n           ========================================= *\/\n        .product-section {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n            width: 100%;\n        }\n\n        .product-title {\n            font-size: 2.5rem;\n            font-weight: 800;\n            margin-bottom: 12px;\n            line-height: 1.2;\n            color: var(--text-dark);\n            letter-spacing: -0.5px;\n        }\n\n        .reviews {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-wrap: wrap;\n            gap: 10px;\n            font-size: 1.05rem;\n            color: var(--text-gray);\n            margin-bottom: 30px;\n            font-weight: 600;\n        }\n\n        .stars { \n            color: var(--yellow-star); \n            letter-spacing: 3px; \n            font-size: 1.25rem;\n        }\n        \n        .price-container {\n            display: flex;\n            align-items: baseline;\n            justify-content: center;\n            gap: 18px;\n            margin-bottom: 12px;\n            flex-wrap: wrap;\n        }\n\n        .current-price {\n            font-size: 2.8rem;\n            font-weight: 900;\n            color: var(--accent-purple-dark);\n            letter-spacing: -1px;\n        }\n\n        .old-price {\n            font-size: 1.4rem;\n            text-decoration: line-through;\n            color: var(--text-gray);\n            font-weight: 600;\n            opacity: 0.8;\n        }\n\n        .discount-badge {\n            background-color: var(--accent-purple);\n            color: var(--white);\n            padding: 8px 22px;\n            border-radius: var(--border-radius-pill);\n            font-size: 1rem;\n            font-weight: 800;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            margin-bottom: 40px;\n            box-shadow: 0 6px 15px rgba(184, 188, 224, 0.5);\n            transition: var(--transition-smooth);\n        }\n\n        .discount-badge:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 20px rgba(184, 188, 224, 0.65);\n        }\n\n        .discount-badge svg { \n            fill: var(--white); \n            width: 18px;\n            height: 18px;\n        }\n\n        \/* =========================================\n           7. BOTÓN DE LA CALCULADORA\n           ========================================= *\/\n        .buy-now-btn {\n            width: 100% !important;\n            background-color: #12851d !important; \n            color: #ffffff !important;\n            border: none !important;\n            border-radius: 50px !important;\n            padding: 18px 20px !important;\n            font-size: 1.15rem !important;\n            font-weight: 800 !important;\n            cursor: pointer !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            gap: 12px !important;\n            box-shadow: 0 6px 15px rgba(18, 133, 29, 0.3) !important;\n            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\n            margin: 0 auto !important;\n            text-transform: uppercase;\n        }\n\n        .buy-now-btn:active, .buy-now-btn:hover { \n            transform: scale(0.97) translateY(2px) !important; \n            box-shadow: 0 2px 8px rgba(18, 133, 29, 0.4) !important;\n            background-color: #0e6b16 !important;\n        }\n\n        .buy-now-btn svg { \n            width: 26px !important; \n            height: 26px !important; \n            fill: var(--white) !important; \n        }\n\n        \/* =========================================\n           8. LISTA DE CARACTERÍSTICAS\n           ========================================= *\/\n        .features-list {\n            text-align: left;\n            margin-bottom: 45px;\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n            width: 100%;\n            max-width: 420px;\n            background: var(--white);\n            padding: 30px;\n            border-radius: 20px;\n            box-shadow: var(--shadow-md);\n            border: 1px solid rgba(0,0,0,0.02);\n        }\n\n        .features-list p { \n            display: flex; \n            align-items: center; \n            gap: 16px; \n            font-size: 1.05rem; \n            font-weight: 700; \n            color: var(--text-dark);\n        }\n\n        .features-list svg { \n            width: 24px; \n            height: 24px; \n            fill: var(--accent-purple-dark); \n            flex-shrink: 0; \n        }\n        \n        \/* =========================================\n           9. BARRA DE PROGRESO DE ENVÍO\n           ========================================= *\/\n        .shipping-progress { \n            display: flex; \n            justify-content: space-between; \n            width: 100%; \n            position: relative; \n            margin-top: 25px; \n            max-width: 400px;\n        }\n\n        .shipping-progress::before { \n            content: ''; \n            position: absolute; \n            top: 25px; \n            left: 15%; \n            right: 15%; \n            height: 4px; \n            background-color: var(--accent-purple); \n            z-index: 1; \n            border-radius: 2px;\n        }\n\n        .step { \n            position: relative; \n            z-index: 2; \n            display: flex; \n            flex-direction: column; \n            align-items: center; \n            text-align: center; \n            width: 33%; \n        }\n\n        .step-icon { \n            width: 55px; \n            height: 55px; \n            background-color: var(--accent-purple); \n            border-radius: 50%; \n            display: flex; \n            justify-content: center; \n            align-items: center; \n            margin-bottom: 15px; \n            box-shadow: 0 4px 12px rgba(184, 188, 224, 0.6);\n            transition: var(--transition-smooth);\n        }\n\n        .step-icon:hover {\n            transform: translateY(-3px);\n            background-color: var(--accent-purple-dark);\n        }\n\n        .step-icon svg { \n            width: 24px; \n            height: 24px; \n            fill: var(--white); \n        }\n\n        .step p { \n            font-size: 0.85rem; \n            font-weight: 700; \n            line-height: 1.4; \n            color: var(--text-dark);\n        }\n\n        \/* =========================================\n           10. SECCIÓN RESULTADOS EN LA PIEL\n           ========================================= *\/\n        .results-section .container { \n            display: flex; \n            flex-direction: column; \n            gap: 45px; \n            align-items: center; \n        }\n\n        .results-img { \n            width: 100%; \n            height: 380px; \n            background-color: #ddd; \n            background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/1014\/0529\/4958\/files\/14.png?v=1785351840'); \n            background-size: cover; \n            background-position: center; \n            border-radius: 25px; \n            order: -1; \n            box-shadow: var(--shadow-md); \n        }\n\n        .results-stats { \n            width: 100%; \n            max-width: 500px;\n            background: var(--white); \n            padding: 35px 25px; \n            border-radius: 25px; \n            box-shadow: var(--shadow-md); \n        }\n\n        .results-stats h2 { \n            font-size: 1.9rem; \n            font-weight: 800; \n            margin-bottom: 35px; \n            text-align: center; \n            color: var(--text-dark);\n        }\n\n        .stat-item { \n            display: flex; \n            align-items: center; \n            gap: 25px; \n            margin-bottom: 25px; \n            padding-bottom: 25px; \n            border-bottom: 2px dashed #f0f0f0; \n        }\n\n        .stat-item:last-child { \n            border-bottom: none; \n            margin-bottom: 0;\n            padding-bottom: 0;\n        }\n\n        .stat-circle { \n            width: 75px; \n            height: 75px; \n            border-radius: 50%; \n            display: flex; \n            justify-content: center; \n            align-items: center; \n            font-size: 1.3rem; \n            font-weight: 900; \n            color: var(--text-dark); \n            position: relative; \n            background: conic-gradient(var(--accent-purple) var(--p), #f0f0f0 0); \n            box-shadow: inset 0 0 10px rgba(0,0,0,0.05);\n        }\n\n        .stat-circle::before { \n            content: \"\"; \n            position: absolute; \n            top: 6px; \n            left: 6px; \n            right: 6px; \n            bottom: 6px; \n            background-color: var(--white); \n            border-radius: 50%; \n            z-index: 1; \n            box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n        }\n\n        .stat-circle span { \n            position: relative; \n            z-index: 2; \n        }\n\n        .stat-text { \n            font-size: 1.1rem; \n            color: var(--text-gray); \n            flex: 1; \n            line-height: 1.5;\n        }\n\n        .stat-text strong {\n            color: var(--text-dark);\n            font-weight: 800;\n        }\n\n        \/* =========================================\n           11. TABLA DE COMPARACIÓN (CORREGIDA PERFECTAMENTE)\n           ========================================= *\/\n        .comparison-section { \n            background-color: var(--primary-bg); \n            display: flex; \n            flex-direction: column; \n            align-items: center; \n        }\n\n        .comparison-section h2 { \n            font-size: 1.8rem; \n            margin-bottom: 40px; \n            font-weight: 800; \n            text-align: center; \n            color: var(--text-dark);\n            padding: 0 15px;\n        }\n\n        .compare-table-wrapper { \n            width: 100%; \n            max-width: 500px; \n            background: var(--white); \n            border-radius: var(--border-radius-md); \n            padding: 25px 10px; \n            position: relative; \n            z-index: 1; \n            box-shadow: var(--shadow-md);\n            overflow: visible; \n        }\n\n        .compare-table { \n            width: 100%; \n            border-collapse: separate; \n            border-spacing: 0;\n            table-layout: fixed; \n            z-index: 2; \n        }\n\n        .compare-table th:nth-child(1), .compare-table td:nth-child(1) { width: 34%; }\n        .compare-table th:nth-child(2), .compare-table td:nth-child(2) { width: 28%; } \n        .compare-table th:nth-child(3), .compare-table td:nth-child(3) { width: 19%; }\n        .compare-table th:nth-child(4), .compare-table td:nth-child(4) { width: 19%; }\n\n        .compare-table th, .compare-table td { \n            padding: 16px 2px; \n            font-size: 0.9rem; \n            text-align: center; \n            font-weight: 700; \n            border-bottom: 1px solid #f5f5f5;\n            color: var(--text-dark);\n            vertical-align: middle;\n        }\n\n        .compare-table th { \n            font-size: 0.8rem; \n            border-bottom: transparent; \n            color: var(--text-gray);\n            text-transform: uppercase;\n        }\n\n        \/* COLUMNA IPL *\/\n        .compare-table th:nth-child(2),\n        .compare-table td:nth-child(2) {\n            background-color: var(--accent-purple);\n            border-bottom: 1px solid rgba(255, 255, 255, 0.3);\n        }\n\n        .compare-table th:nth-child(2) { \n            font-size: 1.15rem; \n            color: var(--text-dark); \n            font-weight: 900;\n            border-top-left-radius: 15px;\n            border-top-right-radius: 15px;\n            padding-top: 25px; \n            border-bottom: none;\n            box-shadow: 0 -5px 15px rgba(184, 188, 224, 0.4);\n        }\n\n        .compare-table tr:last-child td:nth-child(2) {\n            border-bottom-left-radius: 15px;\n            border-bottom-right-radius: 15px;\n            padding-bottom: 25px; \n            border-bottom: none;\n            box-shadow: 0 5px 15px rgba(184, 188, 224, 0.4);\n        }\n\n        .compare-table td:nth-child(2) { \n            color: var(--text-dark); \n        }\n\n        .compare-table tbody tr:hover td {\n            background-color: rgba(0,0,0,0.02);\n        }\n        .compare-table tbody tr:hover td:nth-child(2) {\n            background-color: var(--accent-purple-dark);\n        }\n\n        .compare-table tbody tr:last-child td { \n            border-bottom: none; \n        }\n\n        .compare-table td:nth-child(1), .compare-table th:nth-child(1) { \n            text-align: left; \n            padding-left: 10px; \n            color: var(--text-gray);\n        }\n\n        .table-icon { \n            width: 22px; \n            height: 22px; \n            display: inline-block; \n        }\n\n        .icon-white { stroke: var(--white); }\n        .icon-dark { stroke: var(--text-dark); }\n        .icon-champagne { stroke: var(--accent-purple); }\n        .icon-gray { stroke: var(--text-gray); } \/* Añadido para que los íconos no se borren *\/\n\n        \/* =========================================\n           12. CALCULADORA DE AHORRO\n           ========================================= *\/\n        .calculator-section {\n            background-color: var(--accent-purple);\n            padding: 60px 15px;\n            color: var(--text-dark);\n            text-align: center;\n        }\n\n        .calc-container {\n            max-width: 500px;\n            margin: 0 auto;\n            background: var(--white);\n            padding: 40px 25px;\n            border-radius: 25px;\n            box-shadow: 0 15px 40px rgba(0,0,0,0.15);\n            transition: var(--transition-smooth);\n        }\n\n        .calc-container h2 {\n            font-size: 1.7rem;\n            font-weight: 900;\n            margin-bottom: 20px;\n            line-height: 1.2;\n            color: var(--text-dark);\n        }\n\n        .calc-question {\n            font-size: 1.1rem;\n            margin-bottom: 30px;\n            font-weight: 600;\n            color: var(--text-gray);\n            line-height: 1.5;\n        }\n\n        .calc-options {\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n        }\n\n        .calc-btn-option {\n            background: var(--primary-bg);\n            border: 2px solid var(--accent-purple-dark);\n            color: var(--accent-purple-dark);\n            padding: 16px;\n            border-radius: 15px;\n            font-size: 1.1rem;\n            font-weight: 800;\n            cursor: pointer;\n            transition: var(--transition-smooth);\n            outline: none;\n        }\n\n        .calc-btn-option:hover, .calc-btn-option:focus-visible {\n            background: var(--accent-purple-dark);\n            color: var(--white);\n            transform: translateY(-3px);\n            box-shadow: 0 5px 15px rgba(157, 163, 209, 0.4);\n        }\n        \n        .calc-btn-option:active {\n            transform: scale(0.98);\n        }\n        \n        .calc-result {\n            display: none;\n            flex-direction: column;\n            gap: 18px;\n            animation: fadeIn 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);\n        }\n\n        .calc-result-amount {\n            font-size: 2.6rem;\n            font-weight: 900;\n            color: #d32f2f; \n            margin: 10px 0;\n            text-shadow: 1px 1px 2px rgba(0,0,0,0.05);\n            letter-spacing: -1px;\n        }\n\n        .calc-savings {\n            font-size: 1.15rem;\n            color: #12851d; \n            font-weight: 800;\n            line-height: 1.5;\n        }\n\n        .calc-discount-msg {\n            background: #fffdf5;\n            border: 2px dashed var(--yellow-star);\n            padding: 18px;\n            border-radius: 15px;\n            font-size: 1.05rem;\n            font-weight: 800;\n            color: #b08500;\n            margin-top: 10px;\n            margin-bottom: 15px;\n        }\n\n        \/* Botón final (Ancla que lleva al inicio) *\/\n        .btn-to-top {\n            width: 100% !important;\n            background-color: #12851d !important; \n            color: #ffffff !important;\n            border: none !important;\n            border-radius: var(--border-radius-pill) !important;\n            padding: 20px 20px !important;\n            font-size: 1.2rem !important;\n            font-weight: 800 !important;\n            cursor: pointer !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            gap: 12px !important;\n            box-shadow: 0 8px 20px rgba(18, 133, 29, 0.3) !important;\n            transition: var(--transition-smooth) !important;\n            margin: 15px auto 0 auto !important;\n            text-transform: uppercase;\n            text-decoration: none; \n            animation: subtlePulse 2.5s infinite;\n        }\n\n        .btn-to-top:hover, .btn-to-top:active, .btn-to-top:focus-visible {\n            background-color: #0e6b16 !important;\n            transform: translateY(-3px) scale(0.98) !important;\n            box-shadow: 0 4px 10px rgba(18, 133, 29, 0.4) !important;\n            outline: none;\n        }\n\n        .btn-to-top svg { \n            width: 28px !important; \n            height: 28px !important; \n            fill: var(--white) !important; \n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(20px) scale(0.98); }\n            to { opacity: 1; transform: translateY(0) scale(1); }\n        }\n\n        \/* =========================================\n           13. RESUMEN DE BENEFICIOS\n           ========================================= *\/\n        .benefits-section h2 { \n            text-align: center; \n            font-size: 2.4rem; \n            margin-bottom: 50px; \n            color: var(--text-dark);\n            font-weight: 900;\n        }\n\n        .benefits-grid { \n            display: flex; \n            flex-direction: column; \n            gap: 25px; \n        }\n\n        .benefit-block { \n            background: var(--white); \n            padding: 30px; \n            border-radius: var(--border-radius-md); \n            box-shadow: var(--shadow-sm);\n            border: 1px solid rgba(0,0,0,0.02);\n            transition: var(--transition-smooth);\n        }\n\n        .benefit-block:hover {\n            transform: translateY(-5px);\n            box-shadow: var(--shadow-hover);\n        }\n\n        .benefit-block h4 { \n            display: flex; \n            align-items: center; \n            gap: 14px; \n            font-size: 1.35rem; \n            margin-bottom: 12px; \n            font-weight: 800; \n            color: var(--text-dark);\n        }\n\n        .benefit-block p { \n            font-size: 1.1rem; \n            color: var(--text-gray);\n            line-height: 1.6;\n        }\n\n        .benefit-img { \n            width: 100%; \n            height: 400px; \n            background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/1014\/0529\/4958\/files\/8.webp?v=1785351545'); \n            background-size: cover; \n            background-position: center; \n            border-radius: var(--border-radius-lg); \n            order: -1; \n            box-shadow: var(--shadow-md);\n        }\n\n        .check-icon { \n            background: var(--primary-bg); \n            border: 2px solid var(--accent-purple); \n            color: var(--accent-purple); \n            border-radius: 50%; \n            width: 30px; \n            height: 30px; \n            display: inline-flex; \n            align-items: center; \n            justify-content: center; \n            font-size: 16px; \n            font-weight: bold; \n            flex-shrink: 0;\n        }\n\n        \/* =========================================\n           14. ANTES Y DESPUÉS\n           ========================================= *\/\n        .ba-section .container { \n            display: flex; \n            flex-direction: column; \n            align-items: center; \n            gap: 35px; \n        }\n\n        .ba-text { \n            text-align: center; \n        }\n\n        .ba-text h2 {\n            font-size: 2.5rem;\n            font-weight: 900;\n            color: var(--text-dark);\n            margin-bottom: 15px;\n        }\n\n        .ba-text p {\n            font-size: 1.2rem;\n            color: var(--text-gray);\n            font-weight: 500;\n        }\n\n        .ba-image-container { \n            width: 100%; \n            height: 400px; \n            background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/1014\/0529\/4958\/files\/9_5a03cc94-52b6-4734-97fd-6118e828f391.webp?v=1785352503'); \n            background-size: cover; \n            background-position: center; \n            border-radius: var(--border-radius-lg); \n            box-shadow: var(--shadow-md);\n        }\n\n        \/* =========================================\n           15. CÓMO USARLA (VIDEO)\n           ========================================= *\/\n        .how-to-section { \n            text-align: center; \n        }\n\n        .how-to-section h2 { \n            font-size: 2.2rem; \n            font-weight: 800;\n            margin-bottom: 40px; \n            color: var(--text-dark);\n        }\n\n        .video-placeholder { \n            width: 100%; \n            max-width: 550px; \n            margin: 0 auto; \n            border-radius: var(--border-radius-lg); \n            overflow: hidden; \n            box-shadow: var(--shadow-hover);\n            border: 5px solid var(--white);\n        }\n\n        .video-placeholder video { \n            width: 100%; \n            height: auto; \n            display: block; \n        }\n\n        \/* =========================================\n           16. TESTIMONIOS Y VIDEOS DE CLIENTES\n           ========================================= *\/\n        .testimonials-section { \n            text-align: center; \n            padding-bottom: 80px; \n        }\n\n        .testimonials-section h2 { \n            font-size: 2.2rem; \n            color: var(--text-dark); \n            margin-bottom: 60px; \n            font-weight: 900;\n        }\n        \n        .reviews-text-grid { \n            display: grid; \n            grid-template-columns: repeat(3, 1fr); \n            gap: 30px; \n            margin-bottom: 60px; \n        }\n\n        .review-card { \n            background-color: #f6f5f2; \n            border-radius: var(--border-radius-lg); \n            padding: 45px 30px 30px; \n            position: relative; \n            text-align: center; \n            box-shadow: var(--shadow-sm);\n            transition: var(--transition-smooth);\n        }\n\n        .review-card:hover {\n            transform: translateY(-8px);\n            box-shadow: var(--shadow-md);\n        }\n\n        .quote-icon { \n            position: absolute; \n            top: -25px; \n            right: 30px; \n            background-color: var(--pink-quote); \n            color: var(--white); \n            width: 50px; \n            height: 50px; \n            border-radius: 50%; \n            display: flex; \n            justify-content: center; \n            align-items: center; \n            font-size: 2rem; \n            line-height: 1; \n            box-shadow: 0 6px 15px rgba(255, 94, 181, 0.4);\n        }\n\n        .review-stars { \n            color: var(--yellow-star); \n            font-size: 1.4rem; \n            margin-bottom: 15px; \n            letter-spacing: 2px;\n        }\n\n        .review-card h4 { \n            font-size: 1.2rem; \n            margin-bottom: 15px; \n            font-weight: 800; \n            color: var(--text-dark);\n        }\n\n        .review-card p { \n            font-size: 1.05rem; \n            color: var(--text-gray); \n            min-height: 80px; \n            line-height: 1.6;\n        }\n\n        .review-city { \n            border-top: 2px solid rgba(0,0,0,0.05); \n            padding-top: 20px; \n            font-weight: 900; \n            font-style: italic; \n            font-size: 0.9rem; \n            text-transform: uppercase; \n            color: var(--accent-purple-dark);\n        }\n\n        .reviews-video-grid { \n            display: grid; \n            grid-template-columns: repeat(4, 1fr); \n            gap: 20px; \n        }\n\n        .short-video-wrapper { \n            border-radius: var(--border-radius-md); \n            overflow: hidden; \n            aspect-ratio: 9 \/ 16; \n            box-shadow: var(--shadow-md);\n            transition: var(--transition-smooth);\n            background-color: var(--text-dark); \n        }\n\n        .short-video-wrapper:hover {\n            transform: scale(1.04);\n            box-shadow: var(--shadow-hover);\n        }\n\n        .short-video-wrapper video { \n            width: 100%; \n            height: 100%; \n            object-fit: cover; \n            display: block; \n        }\n\n        \/* =========================================\n           17. MEDIA QUERIES (MÓVIL Y TABLET)\n           ========================================= *\/\n        @media (max-width: 768px) {\n            .hero-banner { height: 380px; }\n            .hero-banner h1 { font-size: 2.2rem; }\n            .product-title { font-size: 2.3rem; }\n            \n            \/* Ajustes Finos a la Tabla de Comparación para celular *\/\n            .compare-table th, .compare-table td { padding: 12px 1px; font-size: 0.75rem; }\n            \n            \/* Arreglo anti-ruptura de texto *\/\n            .compare-table th:nth-child(1), .compare-table td:nth-child(1) { \n                font-size: 0.65rem; \n                padding-left: 2px;\n                word-break: normal;\n                hyphens: none;\n                white-space: normal;\n            }\n            .compare-table th:nth-child(3), .compare-table th:nth-child(4) { \n                font-size: 0.65rem; \n                white-space: nowrap; \/* evita que cuchilla se rompa *\/\n                letter-spacing: -0.5px;\n            }\n            \n            .compare-table th:nth-child(2) { font-size: 0.95rem; padding-top: 15px; }\n            .compare-table tr:last-child td:nth-child(2) { padding-bottom: 15px; }\n            .table-icon { width: 18px; height: 18px; }\n            \n            .calc-result-amount { font-size: 2.2rem; }\n\n            .reviews-text-grid, .reviews-video-grid {\n                display: flex; \n                overflow-x: auto; \n                scroll-snap-type: x mandatory; \n                -webkit-overflow-scrolling: touch; \n                padding-top: 25px; \n                padding-bottom: 25px; \n                gap: 20px;\n                scroll-padding-left: 15px;\n            }\n            \n            .reviews-text-grid::-webkit-scrollbar, \n            .reviews-video-grid::-webkit-scrollbar { \n                display: none; \n            }\n            \n            .review-card { \n                flex: 0 0 88%; \n                scroll-snap-align: center; \n            }\n            \n            .short-video-wrapper { \n                flex: 0 0 65%; \n                scroll-snap-align: center; \n            }\n        }\n    \u003c\/style\u003e\n\n\n\n    \u003c!-- 1. CINTA SUPERIOR --\u003e\n    \u003cheader class=\"top-banner\" aria-label=\"Anuncios de la tienda\"\u003e\n        \u003cspan\u003ePaga al recibir\u003c\/span\u003e\n        \u003cspan\u003eEntrega de 2 a 5 días hábiles\u003c\/span\u003e\n        \u003cspan\u003eProducto 100% garantizado\u003c\/span\u003e\n    \u003c\/header\u003e\n\n    \u003c!-- 2. BANNER HERO --\u003e\n    \u003csection class=\"hero-banner\" aria-labelledby=\"hero-title\"\u003e\n        \u003ch1 id=\"hero-title\" class=\"reveal-on-scroll\"\u003eempieza tu proceso de depilación definitiva desde casa\u003c\/h1\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- 3. SECCIÓN DE PRODUCTO Y CARACTERÍSTICAS --\u003e\n    \u003csection class=\"container reveal-on-scroll\"\u003e\n        \u003cdiv class=\"product-section\"\u003e\n            \u003ch2 class=\"product-title\"\u003eDepiladora IPL (láser)\u003c\/h2\u003e\n            \u003cdiv class=\"reviews\" aria-label=\"Calificación del producto\"\u003e\n                \u003cspan class=\"stars\" aria-hidden=\"true\"\u003e★★★★★\u003c\/span\u003e\n                \u003cspan\u003e12.566 CLIENTES SATISFECHAS\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"features-list\"\u003e\n                \u003cp\u003e\n                    \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003cpath d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    SIN DOLOR\n                \u003c\/p\u003e\n                \u003cp\u003e\n                    \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003cpath d=\"M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM6 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5-9l1.96 2.5H17V9.5h2.5zm-1.5 9c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    ENTREGAS RÁPIDAS 2 A 5 DÍAS HÁBILES\n                \u003c\/p\u003e\n                \u003cp\u003e\n                    \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003cpath d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8z\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n                    PARA TODO TIPO DE PIEL\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"shipping-progress\" aria-label=\"Progreso de envío\"\u003e\n                \u003cdiv class=\"step\"\u003e\n                    \u003cdiv class=\"step-icon\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49A1.003 1.003 0 0 0 20 4H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003cp\u003eREALIZADA\u003cbr\u003eLA COMPRA\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"step\"\u003e\n                    \u003cdiv class=\"step-icon\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003cp\u003eEN\u003cbr\u003eCAMINO\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"step\"\u003e\n                    \u003cdiv class=\"step-icon\"\u003e\n                        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20 6h-2.18c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3-1.05 0-1.96.54-2.5 1.35l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003cp\u003eENTREGADO\u003cbr\u003eEN TU CASA\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- 4. RESULTADOS EN LA PIEL --\u003e\n    \u003csection class=\"results-section reveal-on-scroll\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cdiv class=\"results-img\" role=\"img\" aria-label=\"Resultados en la piel después del uso\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"results-stats\"\u003e\n                \u003ch2\u003eLo que puedes empezar a notar en tu piel\u003c\/h2\u003e\n                \u003cdiv class=\"stat-item\"\u003e\n                    \u003cdiv class=\"stat-circle\" style=\"--p: 93%;\"\u003e\u003cspan aria-hidden=\"true\"\u003e93%\u003c\/span\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"stat-text\"\u003e\n\u003cstrong\u003eCrecimiento más lento\u003c\/strong\u003e desde el primer mes\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"stat-item\"\u003e\n                    \u003cdiv class=\"stat-circle\" style=\"--p: 88%;\"\u003e\u003cspan aria-hidden=\"true\"\u003e88%\u003c\/span\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"stat-text\"\u003eZonas \u003cstrong\u003esin vello\u003c\/strong\u003e visible\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"stat-item\"\u003e\n                    \u003cdiv class=\"stat-circle\" style=\"--p: 97%;\"\u003e\u003cspan aria-hidden=\"true\"\u003e97%\u003c\/span\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"stat-text\"\u003e\n\u003cstrong\u003eMenos rasurado\u003c\/strong\u003e en 8 semanas\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- 5. TABLA DE COMPARACIÓN (AHORA SÍ, PERFECTA) --\u003e\n    \u003csection class=\"comparison-section reveal-on-scroll\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003ch2\u003eCompara nuestra IPL vs métodos tradicionales.\u003c\/h2\u003e\n            \u003cdiv class=\"compare-table-wrapper\"\u003e\n                \u003ctable class=\"compare-table\" aria-label=\"Tabla comparativa de métodos de depilación\"\u003e\n                    \u003cthead\u003e\n                        \u003ctr\u003e\n                            \u003cth scope=\"col\"\u003eCaracterísticas\u003c\/th\u003e\n                            \u003cth scope=\"col\"\u003eIPL\u003c\/th\u003e\n                            \u003cth scope=\"col\"\u003eCuchilla\u003c\/th\u003e\n                            \u003cth scope=\"col\"\u003eCera\u003c\/th\u003e\n                        \u003c\/tr\u003e\n                    \u003c\/thead\u003e\n                    \u003ctbody\u003e\n                        \u003ctr\u003e\n                            \u003ctd scope=\"row\"\u003eDolor\u003c\/td\u003e\n                            \u003ctd\u003e\u003csvg class=\"table-icon icon-dark\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\u003e\u003c\/line\u003e\u003cline x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/td\u003e\n                            \u003ctd\u003e\u003csvg class=\"table-icon icon-gray\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\u003e\u003c\/line\u003e\u003cline x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/td\u003e\n                            \u003ctd\u003e\u003csvg class=\"table-icon icon-gray\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd scope=\"row\"\u003eDuración de resultados\u003c\/td\u003e\n                            \u003ctd\u003e\u003csvg class=\"table-icon icon-dark\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 12c-2-2.5-4-5-7-5a5 5 0 0 0 0 10c3 0 5-2.5 7-5zm0 0c2 2.5 4 5 7 5a5 5 0 0 0 0-10c-3 0-5 2.5-7 5z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/td\u003e\n                            \u003ctd\u003e\u003csvg class=\"table-icon icon-gray\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/td\u003e\n                            \u003ctd\u003e\u003csvg class=\"table-icon icon-gray\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd scope=\"row\"\u003eIrritación y granitos\u003c\/td\u003e\n                            \u003ctd\u003e\u003csvg class=\"table-icon icon-dark\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\u003e\u003c\/line\u003e\u003cline x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/td\u003e\n                            \u003ctd\u003e\u003csvg class=\"table-icon icon-gray\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/td\u003e\n                            \u003ctd\u003e\u003csvg class=\"table-icon icon-gray\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd scope=\"row\"\u003eCosto a largo plazo\u003c\/td\u003e\n                            \u003ctd\u003e\u003csvg class=\"table-icon icon-dark\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"22 17 13.5 8.5 8.5 13.5 2 7\"\u003e\u003c\/polyline\u003e\u003cpolyline points=\"16 17 22 17 22 11\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/td\u003e\n                            \u003ctd\u003e\u003csvg class=\"table-icon icon-gray\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"\u003e\u003c\/polyline\u003e\u003cpolyline points=\"16 7 22 7 22 13\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/td\u003e\n                            \u003ctd\u003e\u003csvg class=\"table-icon icon-gray\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"\u003e\u003c\/polyline\u003e\u003cpolyline points=\"16 7 22 7 22 13\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                        \u003ctr\u003e\n                            \u003ctd scope=\"row\"\u003eFrecuencia de uso\u003c\/td\u003e\n                            \u003ctd\u003e\u003csvg class=\"table-icon icon-dark\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\u003cline x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\u003e\u003c\/line\u003e\u003cline x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\u003e\u003c\/line\u003e\u003cline x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\u003e\u003c\/line\u003e\u003ccircle cx=\"8\" cy=\"15\" r=\"1.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"15\" r=\"1.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"16\" cy=\"15\" r=\"1.5\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/td\u003e\n                            \u003ctd\u003e\u003csvg class=\"table-icon icon-gray\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"1 4 1 10 7 10\"\u003e\u003c\/polyline\u003e\u003cpolyline points=\"23 20 23 14 17 14\"\u003e\u003c\/polyline\u003e\u003cpath d=\"M20.49 9A9 9 0 0 0 5.64 5.64L1 10M22 14l-4.64 4.36A9 9 0 0 1 3.51 15\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/td\u003e\n                            \u003ctd\u003e\u003csvg class=\"table-icon icon-gray\" viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\u003cline x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\u003e\u003c\/line\u003e\u003cline x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\u003e\u003c\/line\u003e\u003cline x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\u003e\u003c\/line\u003e\u003cpath d=\"M10 16l-2-2 2-2\"\u003e\u003c\/path\u003e\u003cpath d=\"M8 14h5a3 3 0 0 1 0 6h-1\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/td\u003e\n                        \u003c\/tr\u003e\n                    \u003c\/tbody\u003e\n                \u003c\/table\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- 6. CALCULADORA DE AHORRO --\u003e\n    \u003csection class=\"calculator-section reveal-on-scroll\"\u003e\n        \u003cdiv class=\"calc-container\" id=\"calc-step-1\"\u003e\n            \u003ch2\u003eDescubre cuánto dinero puedes ahorrar\u003c\/h2\u003e\n            \u003cp class=\"calc-question\"\u003e¿Con qué frecuencia gastas en métodos de depilación tradicional (cera, láser en clínica, cuchillas)?\u003c\/p\u003e\n            \u003cdiv class=\"calc-options\" id=\"calc-button-group\"\u003e\n                \u003cbutton class=\"calc-btn-option\" aria-label=\"Gasto de una vez al mes\" data-value=\"720000\"\u003e1 vez al mes\u003c\/button\u003e\n                \u003cbutton class=\"calc-btn-option\" aria-label=\"Gasto de cada 15 días\" data-value=\"1440000\"\u003eCada 15 días\u003c\/button\u003e\n                \u003cbutton class=\"calc-btn-option\" aria-label=\"Gasto todas las semanas\" data-value=\"2880000\"\u003eTodas las semanas\u003c\/button\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"calc-container calc-result\" id=\"calc-step-2\" aria-live=\"polite\"\u003e\n            \u003ch2\u003e¡Mira lo que estás gastando!\u003c\/h2\u003e\n            \u003cp style=\"color: var(--text-gray); font-weight: 600; font-size: 1.1rem;\"\u003eActualmente gastas un estimado de:\u003c\/p\u003e\n            \u003cdiv class=\"calc-result-amount\" id=\"calc-gasto-anual\"\u003e$0 al año\u003c\/div\u003e\n            \u003cp class=\"calc-savings\"\u003e¡Con nuestra Depiladora IPL pagas solo una vez y te ahorras todo ese dinero!\u003c\/p\u003e\n            \n            \u003cdiv class=\"calc-discount-msg\"\u003e\n                🎉 ¡Además desbloqueaste un descuento exclusivo del 15%!\n            \u003c\/div\u003e\n            \n            \u003c!-- ESTE ES EL BOTÓN QUE TE LLEVA AL INICIO DE LA PÁGINA DE FORMA SEGURA --\u003e\n            \u003ca href=\"#inicio\" class=\"btn-to-top\" id=\"backToTopButton\" aria-label=\"Volver arriba para hacer pedido\"\u003e\n                \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003cpath d=\"M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM6 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5-9l1.96 2.5H17V9.5h2.5zm-1.5 9c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                Pedir ahora y pagar contra entrega\n            \u003c\/a\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- 7. RESUMEN DE BENEFICIOS --\u003e\n    \u003csection class=\"benefits-section reveal-on-scroll\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003ch2\u003eResumen de beneficios.\u003c\/h2\u003e\n            \u003cdiv class=\"benefits-grid\"\u003e\n                \u003cdiv\u003e\n                    \u003cdiv class=\"benefit-block\"\u003e\n                        \u003ch4\u003e\n\u003cspan class=\"check-icon\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e Reduce el crecimiento\u003c\/h4\u003e\n                        \u003cp\u003eCon uso constante, notarás una disminución visible del vello en solo \u003cstrong\u003e4 a 6 semanas.\u003c\/strong\u003e\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"benefit-block\"\u003e\n                        \u003ch4\u003e\n\u003cspan class=\"check-icon\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e Ahorro a largo plazo\u003c\/h4\u003e\n                        \u003cp\u003eDi adiós a las citas costosas en salones o clínicas. ¡Una \u003cstrong\u003einversión única\u003c\/strong\u003e para resultados profesionales en casa!\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"benefit-block\"\u003e\n                        \u003ch4\u003e\n\u003cspan class=\"check-icon\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e Sin cortes ni ardor\u003c\/h4\u003e\n                        \u003cp\u003eOlvídate de cortes, quemaduras o vellos encarnados que deja la rasuradora o la cera.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"benefit-img\" role=\"img\" aria-label=\"Mujer sonriendo tras usar la depiladora\"\u003e\u003c\/div\u003e\n\n                \u003cdiv\u003e\n                    \u003cdiv class=\"benefit-block\"\u003e\n                        \u003ch4\u003e\n\u003cspan class=\"check-icon\" aria-hidden=\"true\"\u003e✓\u003c\/span\u003e Beneficios\u003c\/h4\u003e\n                        \u003cp\u003e🏠 \u003cstrong\u003eUso cómodo en casa:\u003c\/strong\u003e Sesiones rápidas y sin dolor desde la comodidad de tu hogar, sin agendar citas.\u003c\/p\u003e\n                        \u003cbr\u003e\n                        \u003cp\u003e👙 \u003cstrong\u003eApto para todo el cuerpo:\u003c\/strong\u003e Seguro para usar en piernas, axilas, rostro, línea del bikini y más.\u003c\/p\u003e\n                        \u003cbr\u003e\n                        \u003cp\u003e🔒 \u003cstrong\u003eTecnología segura y efectiva:\u003c\/strong\u003e Incluye sensor de contacto con la piel, ajuste de intensidad y modo automático para mayor comodidad.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- 8. ANTES Y DESPUÉS --\u003e\n    \u003csection class=\"ba-section reveal-on-scroll\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cdiv class=\"ba-text\"\u003e\n                \u003ch2\u003eAntes y Despues\u003c\/h2\u003e\n                \u003cp\u003eConoce los resultados de nuestra Depiladora IPL\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"ba-image-container\" role=\"img\" aria-label=\"Comparativa de antes y después del uso\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- 9. CÓMO USARLA --\u003e\n    \u003csection class=\"how-to-section container reveal-on-scroll\"\u003e\n        \u003ch2\u003eConoce como usarla PASO A PASO\u003c\/h2\u003e\n        \u003cdiv class=\"video-placeholder\"\u003e\n            \u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e20e49d1ea5e4877ba83b86bb395aaf4.mp4\" autoplay loop muted playsinline aria-label=\"Video instructivo de uso\"\u003e\u003c\/video\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- 10. TESTIMONIOS Y VIDEOS DE CLIENTES --\u003e\n    \u003csection class=\"testimonials-section container reveal-on-scroll\"\u003e\n        \u003ch2\u003eQUE DICEN NUESTRAS CLIENTES..\u003c\/h2\u003e\n        \u003cdiv class=\"reviews-text-grid\"\u003e\n            \u003carticle class=\"review-card\"\u003e\n                \u003cdiv class=\"quote-icon\" aria-hidden=\"true\"\u003e❞\u003c\/div\u003e\n                \u003cdiv class=\"review-stars\" aria-label=\"5 de 5 estrellas\"\u003e★★★★★\u003c\/div\u003e\n                \u003ch4\u003eAna, 35 años\u003c\/h4\u003e\n                \u003cp\u003eMe ahorré una fortuna en sesiones de depilación profesional.\u003c\/p\u003e\n                \u003cdiv class=\"review-city\"\u003eCIUDAD CARTAGENA\u003c\/div\u003e\n            \u003c\/article\u003e\n            \u003carticle class=\"review-card\"\u003e\n                \u003cdiv class=\"quote-icon\" aria-hidden=\"true\"\u003e❞\u003c\/div\u003e\n                \u003cdiv class=\"review-stars\" aria-label=\"5 de 5 estrellas\"\u003e★★★★★\u003c\/div\u003e\n                \u003ch4\u003eCamila, 29 años\u003c\/h4\u003e\n                \u003cp\u003eEs la mejor compra que he hecho para el cuidado de mi piel.\u003c\/p\u003e\n                \u003cdiv class=\"review-city\"\u003eCIUDAD VALLEDUPAR\u003c\/div\u003e\n            \u003c\/article\u003e\n            \u003carticle class=\"review-card\"\u003e\n                \u003cdiv class=\"quote-icon\" aria-hidden=\"true\"\u003e❞\u003c\/div\u003e\n                \u003cdiv class=\"review-stars\" aria-label=\"5 de 5 estrellas\"\u003e★★★★★\u003c\/div\u003e\n                \u003ch4\u003eDaniela, 26 años\u003c\/h4\u003e\n                \u003cp\u003eMe siento más segura y cómoda todo el tiempo!\u003c\/p\u003e\n                \u003cdiv class=\"review-city\"\u003eCIUDAD BOGOTA.\u003c\/div\u003e\n            \u003c\/article\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"reviews-video-grid\"\u003e\n            \u003cdiv class=\"short-video-wrapper\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c3018a75157a40d983d95f0cdec060de.mp4\" autoplay loop muted playsinline\u003e\u003c\/video\u003e\u003c\/div\u003e\n            \u003cdiv class=\"short-video-wrapper\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/fbd100430f6a4c958a9aa11c372aa45b.mp4\" autoplay loop muted playsinline\u003e\u003c\/video\u003e\u003c\/div\u003e\n            \u003cdiv class=\"short-video-wrapper\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/cd7690971b444f8783a4206a49c31968.mp4\" autoplay loop muted playsinline\u003e\u003c\/video\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- =========================================\n         SCRIPTS AVANZADOS DE LA PÁGINA\n         ========================================= --\u003e\n    \u003cscript\u003e\n        \/\/ Asegurar que el DOM esté completamente cargado antes de ejecutar scripts\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \n            \/\/ --- 1. Lógica Avanzada de la Calculadora de Ahorro ---\n            const calcButtons = document.querySelectorAll('.calc-btn-option');\n            const step1 = document.getElementById('calc-step-1');\n            const step2 = document.getElementById('calc-step-2');\n            const resultAmount = document.getElementById('calc-gasto-anual');\n\n            if (calcButtons.length \u003e 0 \u0026\u0026 step1 \u0026\u0026 step2 \u0026\u0026 resultAmount) {\n                calcButtons.forEach(function(button) {\n                    button.addEventListener('click', function() {\n                        try {\n                            const gastoAnual = parseInt(this.getAttribute('data-value'), 10);\n                            \n                            \/\/ Formateo estricto a Pesos Colombianos (COP)\n                            const formatoCop = new Intl.NumberFormat('es-CO', {\n                                style: 'currency',\n                                currency: 'COP',\n                                minimumFractionDigits: 0,\n                                maximumFractionDigits: 0\n                            }).format(gastoAnual);\n\n                            \/\/ Ocultar paso 1 y mostrar paso 2\n                            step1.style.display = 'none';\n                            resultAmount.innerText = formatoCop + \" al año\";\n                            step2.style.display = 'flex';\n                            \n                        } catch (error) {\n                            console.error(\"Error al calcular el ahorro: \", error);\n                        }\n                    });\n                });\n            }\n\n            \/\/ --- 2. Lógica de Scroll Suave al Inicio (Fallback de seguridad) ---\n            const backToTopBtn = document.getElementById('backToTopButton');\n            if (backToTopBtn) {\n                backToTopBtn.addEventListener('click', function(event) {\n                    \/\/ Prevenir el comportamiento por defecto en caso de conflictos con el tema\n                    event.preventDefault();\n                    try {\n                        window.scrollTo({\n                            top: 0,\n                            behavior: 'smooth'\n                        });\n                    } catch (error) {\n                        \/\/ Método alternativo si el navegador no soporta ScrollToOptions\n                        document.body.scrollTop = 0; \/\/ Safari\n                        document.documentElement.scrollTop = 0; \/\/ Chrome, Firefox, IE y Opera\n                    }\n                });\n            }\n\n            \/\/ --- 3. Optimizador de Rendimiento: Intersection Observer (Animaciones sin lag) ---\n            if ('IntersectionObserver' in window) {\n                const observerOptions = {\n                    root: null,\n                    rootMargin: '0px',\n                    threshold: 0.1 \/\/ Se activa cuando el 10% del elemento es visible\n                };\n\n                const observer = new IntersectionObserver(function(entries, observer) {\n                    entries.forEach(function(entry) {\n                        if (entry.isIntersecting) {\n                            \/\/ requestAnimationFrame ayuda a que el navegador dibuje la animación de forma más fluida\n                            requestAnimationFrame(() =\u003e {\n                                entry.target.classList.add('is-visible');\n                            });\n                            \/\/ Dejamos de observar el elemento una vez animado para ahorrar memoria del navegador\n                            observer.unobserve(entry.target);\n                        }\n                    });\n                }, observerOptions);\n\n                const elementsToReveal = document.querySelectorAll('.reveal-on-scroll');\n                elementsToReveal.forEach(function(el) {\n                    observer.observe(el);\n                });\n            } else {\n                \/\/ Fallback para navegadores antiguos que no soportan IntersectionObserver\n                const elementsToReveal = document.querySelectorAll('.reveal-on-scroll');\n                elementsToReveal.forEach(function(el) {\n                    el.classList.add('is-visible'); \/\/ Muestra todo directamente\n                });\n            }\n        });\n    \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Veluna","offers":[{"title":"Default Title","offer_id":55071004754292,"sku":"324434222","price":149900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1014\/4759\/8452\/files\/1.png?v=1785450505","url":"https:\/\/veluna.space\/products\/depiladora-23","provider":"Veluna","version":"1.0","type":"link"}