{"product_id":"truly-2","title":"TRULY","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    \u003ctitle\u003eAxilas Radiantes - Oferta Exclusiva\u003c\/title\u003e\n    \u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: linear-gradient(135deg, #f5f5f5 0%, #ffffff 100%);\n            color: #1a1a1a;\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n            overflow-x: hidden;\n        }\n\n        \/* Header Minimalista *\/\n        .header {\n            padding: 12px 20px;\n            text-align: center;\n            background: rgba(255, 255, 255, 0.8);\n            backdrop-filter: blur(10px);\n            border-bottom: 1px solid rgba(212, 165, 116, 0.3);\n            position: sticky;\n            top: 0;\n            z-index: 100;\n            animation: slideDown 0.6s ease-out;\n        }\n\n        .header h1 {\n            font-size: 18px;\n            font-weight: 700;\n            color: #d4a574;\n            letter-spacing: 1px;\n        }\n\n        \/* Hero Principal *\/\n        .hero {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            padding: 40px 20px;\n            text-align: center;\n            gap: 30px;\n            animation: fadeIn 0.8s ease-out 0.2s backwards;\n        }\n\n        \/* Textos principales *\/\n        .hero-content {\n            animation: slideUp 0.8s ease-out 0.3s backwards;\n            max-width: 500px;\n        }\n\n        .hero-title {\n            font-size: clamp(28px, 8vw, 48px);\n            font-weight: 800;\n            line-height: 1.2;\n            margin-bottom: 12px;\n            background: linear-gradient(135deg, #d4a574 0%, #f0d8a8 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            letter-spacing: -1px;\n        }\n\n        .hero-subtitle {\n            font-size: clamp(16px, 4vw, 22px);\n            color: #333333;\n            font-weight: 600;\n            margin-bottom: 8px;\n            letter-spacing: 0.5px;\n        }\n\n        .hero-description {\n            font-size: 15px;\n            color: #555555;\n            line-height: 1.6;\n            margin-bottom: 24px;\n            font-weight: 500;\n        }\n\n        \/* Beneficio destacado *\/\n        .benefit-badge {\n            display: inline-block;\n            padding: 8px 16px;\n            background: rgba(212, 165, 116, 0.2);\n            border: 1px solid #d4a574;\n            border-radius: 25px;\n            font-size: 13px;\n            color: #d4a574;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            margin-bottom: 20px;\n            animation: fadeIn 0.8s ease-out 0.5s backwards;\n        }\n\n        \/* CTA Principal - Botón Gigante *\/\n        .cta-button {\n            display: inline-block;\n            padding: 28px 90px;\n            background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 50%, #ffa500 100%);\n            color: #ffffff;\n            border: none;\n            border-radius: 60px;\n            font-size: 22px;\n            font-weight: 900;\n            letter-spacing: 1px;\n            cursor: pointer;\n            text-transform: uppercase;\n            transition: all 0.3s ease;\n            box-shadow: 0 20px 60px rgba(255, 107, 53, 0.5), 0 0 40px rgba(255, 165, 0, 0.4);\n            animation: slideUp 0.8s ease-out 0.4s backwards, pulse-button 2s ease-in-out 1.2s infinite, glow-pulse 2s ease-in-out 1.2s infinite;\n            position: relative;\n            overflow: hidden;\n            min-width: 280px;\n            box-shadow: \n                0 0 20px rgba(255, 107, 53, 0.6),\n                0 0 40px rgba(255, 107, 53, 0.4),\n                0 15px 50px rgba(255, 107, 53, 0.5);\n        }\n\n        .cta-button::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);\n            animation: shine 2s infinite;\n        }\n\n        .cta-button:hover {\n            transform: translateY(-5px) scale(1.05);\n            box-shadow: \n                0 0 30px rgba(255, 107, 53, 0.8),\n                0 0 60px rgba(255, 107, 53, 0.6),\n                0 25px 70px rgba(255, 107, 53, 0.6);\n        }\n\n        .cta-button:active {\n            transform: translateY(-2px) scale(1.02);\n        }\n\n        \/* Texto urgencia *\/\n        .urgency-text {\n            font-size: 13px;\n            color: #333333;\n            font-weight: 700;\n            margin-top: 16px;\n            animation: fadeIn 0.8s ease-out 0.6s backwards;\n            letter-spacing: 0.5px;\n        }\n\n        .urgency-text .highlight {\n            color: #ff6b6b;\n            animation: blink 1.5s ease-in-out infinite;\n        }\n\n        \/* Footer minimalista *\/\n        .footer {\n            padding: 20px;\n            text-align: center;\n            background: rgba(245, 245, 245, 0.8);\n            border-top: 1px solid rgba(212, 165, 116, 0.2);\n            font-size: 11px;\n            color: #666666;\n        }\n\n        .footer a {\n            color: #d4a574;\n            text-decoration: none;\n            transition: color 0.3s ease;\n        }\n\n        .footer a:hover {\n            color: #f0d8a8;\n        }\n\n        \/* ===== ANIMACIONES ===== *\/\n        @keyframes slideDown {\n            from {\n                opacity: 0;\n                transform: translateY(-20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes zoomIn {\n            from {\n                opacity: 0;\n                transform: scale(0.9);\n            }\n            to {\n                opacity: 1;\n                transform: scale(1);\n            }\n        }\n\n        @keyframes pulse {\n            0%, 100% {\n                transform: translate(-50%, -50%) scale(1);\n                opacity: 0.5;\n            }\n            50% {\n                transform: translate(-50%, -50%) scale(1.1);\n                opacity: 0.3;\n            }\n        }\n\n        @keyframes pulse-button {\n            0%, 100% {\n                box-shadow: \n                    0 0 20px rgba(255, 107, 53, 0.6),\n                    0 0 40px rgba(255, 107, 53, 0.4),\n                    0 15px 50px rgba(255, 107, 53, 0.5);\n            }\n            50% {\n                box-shadow: \n                    0 0 30px rgba(255, 107, 53, 0.8),\n                    0 0 60px rgba(255, 107, 53, 0.6),\n                    0 20px 70px rgba(255, 107, 53, 0.7);\n            }\n        }\n\n        @keyframes glow-pulse {\n            0%, 100% {\n                text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);\n            }\n            50% {\n                text-shadow: 0 0 20px rgba(255, 255, 255, 0.6);\n            }\n        }\n\n        @keyframes shine {\n            0% {\n                left: -100%;\n            }\n            100% {\n                left: 100%;\n            }\n        }\n\n        @keyframes blink {\n            0%, 100% {\n                opacity: 1;\n            }\n            50% {\n                opacity: 0.6;\n            }\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 600px) {\n            .hero {\n                padding: 30px 16px;\n                gap: 24px;\n            }\n\n            .hero-title {\n                font-size: 32px;\n            }\n\n            .cta-button {\n                padding: 22px 70px;\n                font-size: 18px;\n                width: 100%;\n                max-width: 100%;\n                min-width: auto;\n            }\n        }\n\n        @media (max-width: 400px) {\n            .header h1 {\n                font-size: 16px;\n            }\n\n            .hero-title {\n                font-size: 28px;\n            }\n\n            .hero-subtitle {\n                font-size: 16px;\n            }\n\n            .cta-button {\n                padding: 18px 50px;\n                font-size: 16px;\n                min-width: auto;\n            }\n        }\n    \u003c\/style\u003e\n\n\n    \u003c!-- Header --\u003e\n    \u003cdiv class=\"header\"\u003e\n        \u003ch1\u003e✨ AXILAS RADIANTES\u003c\/h1\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Hero --\u003e\n    \u003cdiv class=\"hero\"\u003e\n        \u003c!-- Contenido --\u003e\n        \u003cdiv class=\"hero-content\"\u003e\n            \u003cdiv class=\"benefit-badge\"\u003e⚡ Resultados en 28 días\u003c\/div\u003e\n            \n            \u003ch2 class=\"hero-title\"\u003eAxilas Radiantes y Perfectas\u003c\/h2\u003e\n            \n            \u003cp class=\"hero-subtitle\"\u003eFórmula Clínica Dermatológica\u003c\/p\u003e\n            \n            \u003cp class=\"hero-description\"\u003e\n                Serum avanzado con Vitamina C y Ácido Tranexámico que aclara y unifica el tono de tus axilas. \n                Probado dermatológicamente y recomendado por expertos.\n            \u003c\/p\u003e\n\n            \u003c!-- Botón CTA Principal --\u003e\n            \u003cbutton class=\"cta-button\" onclick=\"window.location.href='https:\/\/importadosco.myshopify.com\/products\/truly-brighten-body-serum-50-ml?utm_source=copyToPasteBoard\u0026amp;utm_medium=product-links\u0026amp;utm_content=web'\"\u003e\n                🎁 OBTENER OFERTA AHORA\n            \u003c\/button\u003e\n\n            \u003c!-- Urgencia --\u003e\n            \u003cp class=\"urgency-text\"\u003e\n                ⏰ \u003cspan class=\"highlight\"\u003eSolo 200 unidades disponibles\u003c\/span\u003e - 30% OFF\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Footer --\u003e\n    \u003cdiv class=\"footer\"\u003e\n        \u003cp\u003e© 2024 Axilas Radiantes | \u003ca href=\"#\"\u003ePolítica de Privacidad\u003c\/a\u003e | \u003ca href=\"#\"\u003eTérminos de Servicio\u003c\/a\u003e\u003c\/p\u003e\n        \u003cp style=\"margin-top: 8px; color: #606060;\"\u003e100% Garantizado - 60 días o tu dinero de vuelta\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        \/\/ Rastreo de eventos (TikTok Pixel)\n        if (window.ttq) {\n            ttq.track('ViewContent');\n        }\n\n        \/\/ Rastreo de click en botón\n        document.querySelector('.cta-button').addEventListener('click', () =\u003e {\n            if (window.ttq) {\n                ttq.track('InitiateCheckout');\n            }\n        });\n    \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Mi tienda","offers":[{"title":"Default Title","offer_id":50882021097719,"sku":null,"price":0.0,"currency_code":"COP","in_stock":true}],"url":"https:\/\/importadosco.co\/products\/truly-2","provider":"Mi tienda","version":"1.0","type":"link"}