{"product_id":"tu-historia-rentable-masterclass-gratuita","title":"Tu Historia Rentable -Masterclass Gratuita","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\n    \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n    \u003cstyle\u003e\n        \/* Gradiente dorado premium *\/\n        .gold-gradient {\n            background: linear-gradient(45deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);\n            background-size: 200% 200%;\n        }\n\n        \/* Animación de brillo constante (reflejo de luz que pasa) *\/\n        @keyframes shine-sweep {\n            0% { left: -100%; }\n            20% { left: 100%; }\n            100% { left: 100%; }\n        }\n\n        .shine-effect {\n            position: absolute;\n            top: 0;\n            width: 50%;\n            height: 100%;\n            background: linear-gradient(\n                to right,\n                transparent,\n                rgba(255, 255, 255, 0.4),\n                transparent\n            );\n            transform: skewX(-25deg);\n            animation: shine-sweep 3s infinite;\n        }\n\n        \/* Animación de movimiento del gradiente al hacer hover *\/\n        @keyframes gold-move {\n            0% { background-position: 0% 50%; }\n            50% { background-position: 100% 50%; }\n            100% { background-position: 0% 50%; }\n        }\n\n        .group:hover .gold-bg-animate {\n            animation: gold-move 2s ease infinite;\n        }\n    \u003c\/style\u003e\n\n\n\n    \u003c!-- Contenedor del Botón --\u003e\n    \u003cdiv class=\"text-center w-full max-w-lg mx-auto\"\u003e\n        \u003ca href=\"https:\/\/www.tuhistoriarentable.com\" class=\"group relative inline-flex items-center justify-center px-6 py-4 md:px-10 md:py-5 font-bold text-white transition-all duration-300 bg-black rounded-full overflow-hidden hover:scale-105 active:scale-95 shadow-[0_10px_30px_rgba(191,149,63,0.15)] w-full sm:w-auto\" style=\"min-width: 280px;\" target=\"_blank\"\u003e \n            \n            \u003c!-- Capa de fondo dorado (Visible al hacer hover) --\u003e \n            \u003cspan class=\"absolute inset-0 w-full h-full gold-gradient gold-bg-animate opacity-0 group-hover:opacity-100 transition-opacity duration-500\"\u003e\u003c\/span\u003e \n            \n            \u003c!-- Efecto de luz constante (Reflejo que cruza) --\u003e \n            \u003cspan class=\"shine-effect\"\u003e\u003c\/span\u003e \n            \n            \u003c!-- Contenido del botón --\u003e \n            \u003cspan class=\"relative flex items-center justify-center gap-3 group-hover:text-black transition-colors duration-300 w-full\"\u003e \n                \u003cspan class=\"uppercase tracking-[0.12em] text-xs sm:text-sm md:text-base text-center leading-tight\"\u003e\n                    Regístrate a la Masterclass Gratuita \u003cbr class=\"hidden sm:inline\"\u003e\n                    \u003cspan class=\"font-extrabold text-[#fcf6ba] group-hover:text-black transition-colors duration-300\"\u003e\"Tu Historia Rentable\"\u003c\/span\u003e\n                \u003c\/span\u003e \n                \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 flex-shrink-0 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"\u003e\n                    \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"\u003e\u003c\/path\u003e\n                \u003c\/svg\u003e \n            \u003c\/span\u003e \n            \n            \u003c!-- Borde dorado permanente --\u003e \n            \u003cspan class=\"absolute inset-0 border-2 border-[#bf953f] rounded-full pointer-events-none\"\u003e\u003c\/span\u003e \n        \u003c\/a\u003e\n\n        \u003c!-- Nota inferior alternativa (Contraste adaptado para fondo blanco) --\u003e\n        \u003cdiv class=\"mt-4 flex items-center justify-center gap-2 opacity-90\"\u003e\n            \u003csvg class=\"w-4 h-4 text-[#b38728]\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n            \u003cp class=\"text-neutral-600 text-[10px] sm:text-xs font-bold uppercase tracking-widest\"\u003eAcceso Gratuito • Cupos Limitados\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\n\u003c\/body\u003e","brand":"La Historia Que Te Cuentas","offers":[{"title":"Default Title","offer_id":45651528614079,"sku":null,"price":0.0,"currency_code":"MXN","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0531\/8331\/6159\/files\/WhatsAppImage2026-05-20at14.06.23.jpg?v=1779307825","url":"https:\/\/lahistoriaquetecuentas.com\/products\/tu-historia-rentable-masterclass-gratuita","provider":"La Historia Que Te Cuentas","version":"1.0","type":"link"}