{"product_id":"hugo-boss-dark-blue-eau-de-toilette-75ml-fragancia-premium","title":"Hugo Boss Dark Blue - Eau de Toilette 75ml | Fragancia Premium","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\u003eHugo Boss Dark Blue | Fragancia Premium\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: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n            line-height: 1.6;\n            color: #1a1a1a;\n            background: #fafafa;\n        }\n        \n        \/* HERO SECTION *\/\n        .hero {\n            background: linear-gradient(135deg, #001f3f 0%, #003d66 100%);\n            color: white;\n            padding: 60px 20px;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .hero::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            right: 0;\n            width: 500px;\n            height: 500px;\n            background: rgba(255, 255, 255, 0.05);\n            border-radius: 50%;\n            transform: translate(100px, -100px);\n        }\n        \n        .hero-content {\n            position: relative;\n            z-index: 2;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        \n        .hero h1 {\n            font-size: 3.5rem;\n            font-weight: 700;\n            margin-bottom: 15px;\n            letter-spacing: -1px;\n            line-height: 1.2;\n        }\n        \n        .hero .subtitle {\n            font-size: 1.3rem;\n            color: #b0d4ff;\n            margin-bottom: 30px;\n            font-weight: 300;\n        }\n        \n        .hero-image {\n            max-width: 400px;\n            margin: 40px auto 0;\n            position: relative;\n            z-index: 2;\n        }\n        \n        .hero-image img {\n            width: 100%;\n            height: auto;\n            filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.3));\n        }\n        \n        \/* SECTION STYLES *\/\n        section {\n            padding: 60px 20px;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n        \n        section h2 {\n            font-size: 2.5rem;\n            margin-bottom: 40px;\n            text-align: center;\n            color: #001f3f;\n            font-weight: 700;\n        }\n        \n        section h3 {\n            font-size: 1.8rem;\n            margin-bottom: 20px;\n            color: #001f3f;\n            font-weight: 600;\n        }\n        \n        section p {\n            font-size: 1.1rem;\n            color: #555;\n            margin-bottom: 15px;\n            line-height: 1.8;\n        }\n        \n        \/* PROBLEMA SECTION *\/\n        .problema {\n            background: #fff;\n        }\n        \n        .problema-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 60px;\n            align-items: center;\n        }\n        \n        .problema-text h3 {\n            color: #c41e3a;\n            margin-bottom: 20px;\n        }\n        \n        .problema-text ul {\n            list-style: none;\n            margin: 30px 0;\n        }\n        \n        .problema-text li {\n            font-size: 1.1rem;\n            color: #555;\n            margin-bottom: 12px;\n            padding-left: 30px;\n            position: relative;\n        }\n        \n        .problema-text li::before {\n            content: '✗';\n            position: absolute;\n            left: 0;\n            color: #c41e3a;\n            font-weight: bold;\n            font-size: 1.3rem;\n        }\n        \n        .problema-image img {\n            width: 100%;\n            border-radius: 8px;\n        }\n        \n        \/* BENEFICIOS SECTION *\/\n        .beneficios {\n            background: linear-gradient(135deg, #f5f5f5 0%, #fff 100%);\n        }\n        \n        .beneficios-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 30px;\n            margin-top: 40px;\n        }\n        \n        .beneficio-card {\n            background: white;\n            padding: 30px;\n            border-radius: 12px;\n            text-align: center;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .beneficio-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n        }\n        \n        .beneficio-icon {\n            font-size: 2.5rem;\n            margin-bottom: 15px;\n            display: block;\n        }\n        \n        .beneficio-card h4 {\n            font-size: 1.3rem;\n            margin-bottom: 10px;\n            color: #001f3f;\n            font-weight: 600;\n        }\n        \n        .beneficio-card p {\n            font-size: 1rem;\n            color: #666;\n        }\n        \n        \/* PRODUCTO EN USO *\/\n        .uso {\n            background: #fff;\n        }\n        \n        .uso-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 60px;\n            align-items: center;\n        }\n        \n        .uso-image img {\n            width: 100%;\n            border-radius: 8px;\n        }\n        \n        .uso-text h3 {\n            color: #001f3f;\n            margin-bottom: 20px;\n        }\n        \n        .uso-text ul {\n            list-style: none;\n            margin: 30px 0;\n        }\n        \n        .uso-text li {\n            font-size: 1.1rem;\n            color: #555;\n            margin-bottom: 12px;\n            padding-left: 30px;\n            position: relative;\n        }\n        \n        .uso-text li::before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            color: #001f3f;\n            font-weight: bold;\n            font-size: 1.3rem;\n        }\n        \n        \/* CARACTERÍSTICAS DESTACADAS *\/\n        .caracteristicas {\n            background: linear-gradient(135deg, #001f3f 0%, #003d66 100%);\n            color: white;\n        }\n        \n        .caracteristicas h2 {\n            color: white;\n            margin-bottom: 50px;\n        }\n        \n        .caracteristicas-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 30px;\n        }\n        \n        .caracteristica-item {\n            text-align: center;\n            padding: 20px;\n        }\n        \n        .caracteristica-numero {\n            font-size: 2.5rem;\n            font-weight: 700;\n            color: #b0d4ff;\n            display: block;\n            margin-bottom: 10px;\n        }\n        \n        .caracteristica-item p {\n            color: #e0e0e0;\n            font-size: 1rem;\n        }\n        \n        \/* CONTENIDO DEL PAQUETE *\/\n        .paquete {\n            background: #fff;\n        }\n        \n        .paquete-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 60px;\n            align-items: center;\n        }\n        \n        .paquete-image img {\n            width: 100%;\n            border-radius: 8px;\n        }\n        \n        .paquete-content h3 {\n            color: #001f3f;\n            margin-bottom: 30px;\n        }\n        \n        .paquete-list {\n            list-style: none;\n        }\n        \n        .paquete-list li {\n            font-size: 1.1rem;\n            color: #555;\n            margin-bottom: 15px;\n            padding-left: 35px;\n            position: relative;\n        }\n        \n        .paquete-list li::before {\n            content: '○';\n            position: absolute;\n            left: 0;\n            color: #c41e3a;\n            font-weight: bold;\n            font-size: 1.5rem;\n            line-height: 1;\n        }\n        \n        \/* CIERRE PERSUASIVO *\/\n        .cierre {\n            background: linear-gradient(135deg, #f5f5f5 0%, #fff 100%);\n            text-align: center;\n        }\n        \n        .cierre h2 {\n            color: #001f3f;\n            margin-bottom: 30px;\n            font-size: 2.2rem;\n        }\n        \n        .cierre-text {\n            max-width: 700px;\n            margin: 0 auto 40px;\n            font-size: 1.15rem;\n            color: #555;\n            line-height: 1.9;\n        }\n        \n        .cta-button {\n            display: inline-block;\n            background: linear-gradient(135deg, #c41e3a 0%, #a01729 100%);\n            color: white;\n            padding: 18px 50px;\n            font-size: 1.1rem;\n            font-weight: 600;\n            border: none;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            box-shadow: 0 4px 15px rgba(196, 30, 58, 0.3);\n            text-decoration: none;\n            display: inline-block;\n        }\n        \n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(196, 30, 58, 0.4);\n        }\n        \n        \/* RESPONSIVE *\/\n        @media (max-width: 768px) {\n            .hero h1 {\n                font-size: 2.2rem;\n            }\n            \n            .hero .subtitle {\n                font-size: 1.1rem;\n            }\n            \n            section h2 {\n                font-size: 2rem;\n            }\n            \n            .problema-grid,\n            .uso-grid,\n            .paquete-grid {\n                grid-template-columns: 1fr;\n                gap: 40px;\n            }\n            \n            .beneficios-grid,\n            .caracteristicas-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            \n            section {\n                padding: 40px 15px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .hero {\n                padding: 40px 15px;\n            }\n            \n            .hero h1 {\n                font-size: 1.8rem;\n            }\n            \n            section h2 {\n                font-size: 1.6rem;\n            }\n            \n            .beneficios-grid,\n            .caracteristicas-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .cta-button {\n                width: 100%;\n                padding: 16px 20px;\n            }\n        }\n    \u003c\/style\u003e\n\n\n    \u003c!-- HERO SECTION --\u003e\n    \u003csection class=\"hero\"\u003e\n        \u003cdiv class=\"hero-content\"\u003e\n            \u003ch1\u003eHugo Boss Dark Blue\u003c\/h1\u003e\n            \u003cp class=\"subtitle\"\u003eFragancia Premium que Define tu Presencia\u003c\/p\u003e\n            \u003cdiv class=\"hero-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0991\/5760\/6719\/files\/Generated_image_14.jpg?v=1783471390\" alt=\"Hugo Boss Dark Blue - Frasco Premium\"\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- PROBLEMA QUE RESUELVE --\u003e\n    \u003csection class=\"problema\"\u003e\n        \u003cdiv class=\"problema-grid\"\u003e\n            \u003cdiv class=\"problema-text\"\u003e\n                \u003ch3\u003eCansado de Fragancias que No Duran\u003c\/h3\u003e\n                \u003cp\u003eLa mayoría de fragancias desaparecen en pocas horas. Otras son demasiado fuertes o genéricas. Necesitas algo que te acompañe todo el día sin ser invasivo.\u003c\/p\u003e\n                \u003cul\u003e\n                    \u003cli\u003eFragancias que desaparecen después de 2-3 horas\u003c\/li\u003e\n                    \u003cli\u003eAromas que no representan tu personalidad\u003c\/li\u003e\n                    \u003cli\u003ePrecios excesivos para calidad mediocre\u003c\/li\u003e\n                    \u003cli\u003eOpciones limitadas que todos usan\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"problema-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0991\/5760\/6719\/files\/Generated_image_16.jpg?v=1783471450\" alt=\"Hombre buscando la fragancia perfecta\"\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- BENEFICIOS PRINCIPALES --\u003e\n    \u003csection class=\"beneficios\"\u003e\n        \u003ch2\u003e¿Por Qué Hugo Boss Dark Blue?\u003c\/h2\u003e\n        \u003cdiv class=\"beneficios-grid\"\u003e\n            \u003cdiv class=\"beneficio-card\"\u003e\n                \u003cspan class=\"beneficio-icon\"\u003e⏱️\u003c\/span\u003e\n                \u003ch4\u003eDurabilidad Premium\u003c\/h4\u003e\n                \u003cp\u003eHasta 8+ horas de presencia constante. Una fragancia que te acompaña todo el día.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"beneficio-card\"\u003e\n                \u003cspan class=\"beneficio-icon\"\u003e✨\u003c\/span\u003e\n                \u003ch4\u003eComposición Sofisticada\u003c\/h4\u003e\n                \u003cp\u003eNotas cítricas frescas que evolucionan hacia un corazón aromático profundo y sensual.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"beneficio-card\"\u003e\n                \u003cspan class=\"beneficio-icon\"\u003e🎭\u003c\/span\u003e\n                \u003ch4\u003eVersatilidad Total\u003c\/h4\u003e\n                \u003cp\u003ePerfecta para oficina, citas, eventos o uso diario. Un aroma que funciona en cualquier ocasión.\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- PRODUCTO EN USO --\u003e\n    \u003csection class=\"uso\"\u003e\n        \u003cdiv class=\"uso-grid\"\u003e\n            \u003cdiv class=\"uso-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0991\/5760\/6719\/files\/Generated_image_17.jpg?v=1783471450\" alt=\"Hugo Boss Dark Blue en uso - Hombre aplicando fragancia\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"uso-text\"\u003e\n                \u003ch3\u003eDiseñado para Hombres Auténticos\u003c\/h3\u003e\n                \u003cp\u003eHugo Boss Dark Blue no es una fragancia más. Es para quien busca diferenciarse sin gritar. Para el hombre que sabe que el lujo verdadero es la sutileza.\u003c\/p\u003e\n                \u003cul\u003e\n                    \u003cli\u003eApertura fresca con jengibre, toronja y limón\u003c\/li\u003e\n                    \u003cli\u003eCorazón aromático de cardamomo, geranio y ciprés\u003c\/li\u003e\n                    \u003cli\u003eBase cálida de maderas, benjuí y vetiver\u003c\/li\u003e\n                    \u003cli\u003eEvoluciona naturalmente a lo largo del día\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- CARACTERÍSTICAS DESTACADAS --\u003e\n    \u003csection class=\"caracteristicas\"\u003e\n        \u003ch2\u003eNúmeros que Hablan\u003c\/h2\u003e\n        \u003cdiv class=\"caracteristicas-grid\"\u003e\n            \u003cdiv class=\"caracteristica-item\"\u003e\n                \u003cspan class=\"caracteristica-numero\"\u003e75 ml\u003c\/span\u003e\n                \u003cp\u003eContenido Premium en Formato Duradero\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"caracteristica-item\"\u003e\n                \u003cspan class=\"caracteristica-numero\"\u003e8+\u003c\/span\u003e\n                \u003cp\u003eHoras de Durabilidad Garantizada\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"caracteristica-item\"\u003e\n                \u003cspan class=\"caracteristica-numero\"\u003e3\u003c\/span\u003e\n                \u003cp\u003eEtapas de Evolución Aromática\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"caracteristica-item\"\u003e\n                \u003cspan class=\"caracteristica-numero\"\u003e100%\u003c\/span\u003e\n                \u003cp\u003eVersatilidad en Cualquier Momento\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- CONTENIDO DEL PAQUETE --\u003e\n    \u003csection class=\"paquete\"\u003e\n        \u003cdiv class=\"paquete-grid\"\u003e\n            \u003cdiv class=\"paquete-content\"\u003e\n                \u003ch3\u003eLo Que Recibes\u003c\/h3\u003e\n                \u003cp\u003eUna caja premium que protege tu inversión en lujo. Cada detalle cuenta.\u003c\/p\u003e\n                \u003cul class=\"paquete-list\"\u003e\n                    \u003cli\u003eFrasco de 75 ml de Hugo Boss Dark Blue (Eau de Toilette)\u003c\/li\u003e\n                    \u003cli\u003eVaporizador de precisión para aplicación perfecta\u003c\/li\u003e\n                    \u003cli\u003eCaja de presentación premium\u003c\/li\u003e\n                    \u003cli\u003eInstrucciones de uso en español\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"paquete-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0991\/5760\/6719\/files\/Generated_image_15.jpg?v=1783471370\" alt=\"Contenido del paquete - Caja completa\"\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- LIFESTYLE \/ USO REAL --\u003e\n    \u003csection class=\"uso\" style=\"background: #f9f9f9;\"\u003e\n        \u003ch2\u003ePara Cada Momento\u003c\/h2\u003e\n        \u003cdiv class=\"uso-grid\"\u003e\n            \u003cdiv class=\"uso-image\"\u003e\n                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0991\/5760\/6719\/files\/Generated_image_18.jpg?v=1783471441\" alt=\"Hombre usando Hugo Boss Dark Blue en su día a día\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"uso-text\"\u003e\n                \u003ch3\u003eUna Fragancia para tu Vida\u003c\/h3\u003e\n                \u003cp\u003eDesde la oficina hasta la cena importante. Desde el gym hasta el fin de semana con amigos. Hugo Boss Dark Blue se adapta.\u003c\/p\u003e\n                \u003cul\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eEn la Oficina:\u003c\/strong\u003e Frescura profunda sin ser invasiva\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eEn Citas:\u003c\/strong\u003e Sofisticación y confianza en una botella\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eEn Eventos:\u003c\/strong\u003e Presencia memorable que perdura\u003c\/li\u003e\n                    \u003cli\u003e\n\u003cstrong\u003eEn el Día a Día:\u003c\/strong\u003e Tu compañero constante de estilo\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- CIERRE PERSUASIVO --\u003e\n    \u003csection class=\"cierre\"\u003e\n        \u003ch2\u003eTu Aroma Definitivo Te Espera\u003c\/h2\u003e\n        \u003cdiv class=\"cierre-text\"\u003e\n            \u003cp\u003eNo es solo una fragancia. Es la decisión de alguien que entiende que los detalles definen quién eres. Que la durabilidad importa. Que el lujo no grita, susurra.\u003c\/p\u003e\n            \u003cp\u003eHugo Boss Dark Blue es para hombres que no siguen tendencias. Las crean.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cbutton class=\"cta-button\"\u003eAgregar al Carrito\u003c\/button\u003e\n    \u003c\/section\u003e\n\n\n\u003c\/body\u003e","brand":"Kairos Flow Store","offers":[{"title":"Default Title","offer_id":54009180487999,"sku":"ROMA-44","price":85000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0991\/5760\/6719\/files\/Generated_image_27.jpg?v=1783547411","url":"https:\/\/kairosflowstore.com\/products\/hugo-boss-dark-blue-eau-de-toilette-75ml-fragancia-premium","provider":"Kairos Flow Store","version":"1.0","type":"link"}