{"product_id":"dormir","title":"Dormir","description":"\u003csection class=\"sleep-comparison\"\u003e\n\n  \u003c!-- SIN EL COMBO --\u003e\n  \u003cdiv class=\"comparison-card bad-card\"\u003e\n\n    \u003cdiv class=\"comparison-header\"\u003e\n      \u003ch3\u003e✕ SIN EL COMBO\u003c\/h3\u003e\n      \u003cp\u003eIntentas dormir, pero no descansas\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"comparison-content\"\u003e\n\n      \u003cdiv class=\"comparison-image\"\u003e\n        \u003cimg src=\"https:\/\/placehold.co\/400x400\" alt=\"Sin Combo\"\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"comparison-list\"\u003e\n\n        \u003cdiv class=\"comparison-item\"\u003e\n          \u003cdiv class=\"sleep-icon\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\u003cpath d=\"M9 4a3 3 0 0 0-3 3v1a3 3 0 0 0 0 6v1a3 3 0 0 0 3 3h1V4H9zM15 4a3 3 0 0 1 3 3v1a3 3 0 0 1 0 6v1a3 3 0 0 1-3 3h-1V4h1z\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n          \u003cspan\u003eDas vueltas en la cama antes de dormir\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"comparison-item\"\u003e\n          \u003cdiv class=\"sleep-icon\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\n\u003cpath d=\"M13 2L5 14h5l-1 8 8-12h-5l1-8z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n          \u003cspan\u003eTu mente sigue acelerada por la noche\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"comparison-item\"\u003e\n          \u003cdiv class=\"sleep-icon\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\u003crect x=\"4\" y=\"7\" width=\"14\" height=\"10\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003c\/rect\u003e\n\u003crect x=\"19\" y=\"10\" width=\"2\" height=\"4\" rx=\"1\" fill=\"currentColor\"\u003e\u003c\/rect\u003e\n\u003crect x=\"6\" y=\"9\" width=\"8\" height=\"6\" rx=\"1\" fill=\"currentColor\"\u003e\u003c\/rect\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n          \u003cspan\u003eDespiertas cansado y sin energía\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"comparison-item\"\u003e\n          \u003cdiv class=\"sleep-icon\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\u003ccircle cx=\"12\" cy=\"7\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M8 21v-4a4 4 0 0 1 8 0v4\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M15 10l2 2\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n          \u003cspan\u003eMolestias en cuello y hombros al despertar\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"comparison-item\"\u003e\n          \u003cdiv class=\"sleep-icon\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\u003cpath d=\"M7 18h9a4 4 0 0 0 0-8 5 5 0 0 0-9-2A4 4 0 0 0 7 18z\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n          \u003cspan\u003eEl estrés te acompaña hasta la almohada\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- CON EL COMBO --\u003e\n  \u003cdiv class=\"comparison-card good-card\"\u003e\n\n    \u003cdiv class=\"comparison-header\"\u003e\n      \u003ch3\u003e✓ CON EL COMBO\u003c\/h3\u003e\n      \u003cp\u003eDescansas mejor, vives mejor\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"comparison-content\"\u003e\n\n      \u003cdiv class=\"comparison-image\"\u003e\n        \u003cimg src=\"https:\/\/placehold.co\/400x400\" alt=\"Con Combo\"\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"comparison-list\"\u003e\n\n        \u003cdiv class=\"comparison-item\"\u003e\n          \u003cdiv class=\"sleep-icon\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\u003ccircle cx=\"12\" cy=\"12\" r=\"2\" fill=\"currentColor\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M12 4c2 0 3 2 3 4-2 0-4-1-4-3 0-.5.4-1 1-1zM20 12c0 2-2 3-4 3 0-2 1-4 3-4 .5 0 1 .4 1 1zM12 20c-2 0-3-2-3-4 2 0 4 1 4 3 0 .5-.4 1-1 1zM4 12c0-2 2-3 4-3 0 2-1 4-3 4-.5 0-1-.4-1-1z\" fill=\"currentColor\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n          \u003cspan\u003eRelajación antes del descanso\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"comparison-item\"\u003e\n          \u003cdiv class=\"sleep-icon\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\n\u003cpath d=\"M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n          \u003cspan\u003eMayor sensación de calma al acostarte\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"comparison-item\"\u003e\n          \u003cdiv class=\"sleep-icon\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\n\u003cpath d=\"M13 2L5 14h5l-1 8 8-12h-5l1-8z\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n          \u003cspan\u003eSueño más profundo y reparador\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"comparison-item\"\u003e\n          \u003cdiv class=\"sleep-icon\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\u003cpath d=\"M4 13h16v5H4z\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003cpath d=\"M7 13V9h4a2 2 0 0 1 2 2v2\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n          \u003cspan\u003eSoporte ergonómico para cuello y cabeza\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"comparison-item\"\u003e\n          \u003cdiv class=\"sleep-icon\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n\u003ccircle cx=\"12\" cy=\"12\" r=\"4\" fill=\"currentColor\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M12 2v3M12 19v3M2 12h3M19 12h3M5 5l2 2M17 17l2 2M19 5l-2 2M7 17l-2 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n          \u003cspan\u003eDespiertas renovado para tu día\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.sleep-comparison{\n    display:flex;\n    justify-content:center;\n    gap:24px;\n    width:100%;\n    max-width:2000px;\n    margin:auto;\n    padding:20px;\n    box-sizing:border-box;\n}\n\n.comparison-card{\n    flex:1;\n    max-width:820px;\n\n    background:#080808;\n    border-radius:22px;\n\n    padding:24px;\n    box-sizing:border-box;\n}\n\n.bad-card{\n    border:1px solid rgba(255,40,40,.5);\n    box-shadow:0 0 20px rgba(255,40,40,.12);\n}\n\n.good-card{\n    border:1px solid rgba(255,170,0,.5);\n    box-shadow:0 0 20px rgba(255,170,0,.12);\n}\n\n.comparison-header{\n    text-align:center;\n    margin-bottom:20px;\n}\n\n.comparison-header h3{\n    margin:0;\n    color:#fff;\n    font-size:34px;\n    font-weight:700;\n}\n\n.comparison-header p{\n    margin-top:10px;\n    color:#bdbdbd;\n    font-size:16px;\n}\n\n.comparison-content{\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    gap:20px;\n}\n\n.comparison-image{\n    width:100%;\n    text-align:center;\n}\n\n.comparison-image img{\n    width:100%;\n    max-width:280px;\n    border-radius:18px;\n    display:block;\n    margin:auto;\n}\n\n.comparison-list{\n    width:100%;\n    display:flex;\n    flex-direction:column;\n    gap:12px;\n}\n\n.comparison-item{\n    display:flex;\n    align-items:center;\n    gap:14px;\n\n    background:#121212;\n\n    border-radius:16px;\n    padding:16px;\n\n    box-sizing:border-box;\n}\n\n.comparison-item span{\n    color:#fff;\n    font-size:16px;\n    line-height:1.4;\n    text-align:left;\n}\n\n\/* TABLET *\/\n@media(max-width:1000px){\n\n    .sleep-comparison{\n        flex-direction:column;\n        align-items:center;\n    }\n\n    .comparison-card{\n        width:100%;\n        max-width:520px;\n    }\n\n}\n\n\/* MÓVIL *\/\n@media(max-width:768px){\n\n    .comparison-card{\n        padding:18px;\n    }\n\n    .comparison-header h3{\n        font-size:28px;\n    }\n\n    .comparison-header p{\n        font-size:15px;\n    }\n\n    .comparison-image img{\n        max-width:240px;\n    }\n\n    .comparison-item{\n        padding:14px;\n    }\n\n    .comparison-item span{\n        font-size:15px;\n    }\n\n}\n\n.comparison-image img{\n    transition:\n    transform .5s ease,\n    filter .5s ease;\n}\n\n.comparison-image:hover img{\n    transform:scale(1.03);\n}\n\n\n.bad-card{\n    animation:redBreath 4s ease-in-out infinite;\n}\n\n.good-card{\n    animation:orangeBreath 4s ease-in-out infinite;\n}\n\n@keyframes redBreath{\n    0%,100%{\n        box-shadow:0 0 10px rgba(255,40,40,.08);\n    }\n    50%{\n        box-shadow:0 0 25px rgba(255,40,40,.20);\n    }\n}\n\n@keyframes orangeBreath{\n    0%,100%{\n        box-shadow:0 0 10px rgba(255,170,0,.08);\n    }\n    50%{\n        box-shadow:0 0 25px rgba(255,170,0,.20);\n    }\n}\n\n  .comparison-card{\n    position:relative;\n    overflow:hidden;\n}\n\n.comparison-card::before{\n    content:\"\";\n\n    position:absolute;\n    top:0;\n    left:-200%;\n\n    width:80%;\n    height:100%;\n\n    background:linear-gradient(\n        90deg,\n        transparent,\n        rgba(255,255,255,.03),\n        rgba(255,255,255,.06),\n        rgba(255,255,255,.03),\n        transparent\n    );\n\n    transform:skewX(-20deg);\n\n    animation:premiumShine 4s ease-in-out infinite;\n\n    pointer-events:none;\n}\n\n@keyframes premiumShine{\n\n    0%{\n        left:-200%;\n    }\n\n    15%{\n        left:150%;\n    }\n\n    100%{\n        left:150%;\n    }\n\n}\n\n.bad-card{\n    animation:redGlow 4s ease-in-out infinite;\n}\n\n.good-card{\n    animation:orangeGlow 4s ease-in-out infinite;\n}\n\n@keyframes redGlow{\n    0%,100%{\n        border-color:rgba(255,40,40,.3);\n    }\n\n    50%{\n        border-color:rgba(255,40,40,.8);\n    }\n}\n\n@keyframes orangeGlow{\n    0%,100%{\n        border-color:rgba(255,170,0,.3);\n    }\n\n    50%{\n        border-color:rgba(255,170,0,.8);\n    }\n}\n\n\/* ICONOS AISLADOS DE SHOPIFY *\/\n\n.sleep-icon{\n    width:52px;\n    height:52px;\n    min-width:52px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    border-radius:14px;\n\n    background:#161616;\n\n    box-shadow:\n        inset 0 1px 0 rgba(255,255,255,.05),\n        0 4px 12px rgba(0,0,0,.35);\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease;\n}\n\n.sleep-icon svg{\n    width:24px;\n    height:24px;\n}\n\n.bad-card .sleep-icon{\n    color:#ff4b4b;\n}\n\n.good-card .sleep-icon{\n    color:#ff9d00;\n}\n\n.comparison-item:hover .sleep-icon{\n    transform:scale(1.08);\n\n    box-shadow:\n        0 0 15px rgba(255,170,0,.15);\n}\n\u003c\/style\u003e","brand":"Zypher","offers":[{"title":"Default Title","offer_id":53652900380971,"sku":null,"price":100000.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/4079\/4667\/files\/fb0c5798-a18d-4bcc-9d2a-5c8ae16529d1.png?v=1780890575","url":"https:\/\/zyphercore.shop\/products\/dormir","provider":"Zypher","version":"1.0","type":"link"}