{"id":9889,"date":"2026-04-03T22:48:30","date_gmt":"2026-04-03T20:48:30","guid":{"rendered":"https:\/\/tutustudio.es\/?page_id=9889"},"modified":"2026-04-07T22:57:51","modified_gmt":"2026-04-07T20:57:51","slug":"tarjeta-de-regalo","status":"publish","type":"page","link":"https:\/\/tutustudio.es\/en\/tarjeta-de-regalo\/","title":{"rendered":"Regala algo \u00fanico"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"9889\" class=\"elementor elementor-9889\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fd4327 e-flex e-con-boxed e-con e-parent\" data-id=\"3fd4327\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e7c6fd elementor-widget elementor-widget-html\" data-id=\"9e7c6fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\r\n        .gift-card-container {\r\n            margin-top: -10px;\r\n            width: 100vw;\r\n            min-height: 80vh;\r\n            background: linear-gradient(135deg, #faf0e6 0%, #f5e6d3 50%, #f0d5c4 100%);\r\n            position: relative;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            overflow: hidden;\r\n            padding: clamp(20px, 5vw, 60px);\r\n        }\r\n\r\n        \/* \u80cc\u666fGIFT\u6587\u5b57 *\/\r\n        .background-text {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            pointer-events: none;\r\n            z-index: 1;\r\n        }\r\n\r\n        .gift-letter {\r\n            position: absolute;\r\n            font-family: 'Archive Black', 'Arial Black', Arial, sans-serif;\r\n            font-weight: 900;\r\n            color: rgba(139, 69, 19, 0.7);\r\n            font-size: clamp(120px, 25vw, 400px);\r\n            line-height: 0.8;\r\n            user-select: none;\r\n        }\r\n\r\n        .letter-g1 {\r\n            top: -5vh;\r\n            left: -8vw;\r\n            transform: rotate(-5deg);\r\n        }\r\n\r\n        .letter-i {\r\n            top: -2vh;\r\n            right: 35vw;\r\n            transform: rotate(8deg);\r\n        }\r\n\r\n        .letter-f {\r\n            top: 15vh;\r\n            right: -5vw;\r\n            transform: rotate(-12deg);\r\n        }\r\n\r\n        .letter-t {\r\n            bottom: 15vh;\r\n            left: -3vw;\r\n            transform: rotate(15deg);\r\n        }\r\n\r\n        .letter-g2 {\r\n            bottom: -8vh;\r\n            left: 25vw;\r\n            transform: rotate(-8deg);\r\n        }\r\n\r\n        .letter-i2 {\r\n            bottom: 5vh;\r\n            right: 15vw;\r\n            transform: rotate(10deg);\r\n        }\r\n\r\n        .letter-f2 {\r\n            top: 45vh;\r\n            left: 15vw;\r\n            transform: rotate(-15deg);\r\n        }\r\n\r\n        .letter-t2 {\r\n            top: 25vh;\r\n            right: 8vw;\r\n            transform: rotate(12deg);\r\n        }\r\n\r\n        \/* \u4e3b\u8981\u5185\u5bb9 *\/\r\n        .main-content {\r\n            position: relative;\r\n            z-index: 10;\r\n            text-align: center;\r\n            padding: clamp(20px, 4vw, 40px);\r\n            max-width: min(90vw, 700px);\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .main-title {\r\n            font-family: 'Arial Black', Arial, sans-serif;\r\n            font-size: clamp(1.8rem, 6vw, 4.5rem);\r\n            font-weight: 900;\r\n            color: #2c2c2c;\r\n            margin-bottom: clamp(15px, 3vw, 25px);\r\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);\r\n            letter-spacing: clamp(1px, 0.2vw, 3px);\r\n            line-height: 1.1;\r\n        }\r\n\r\n        .subtitle {\r\n            font-family: Georgia, serif;\r\n            font-size: clamp(1rem, 3.5vw, 2.2rem);\r\n            color: #5c5c5c;\r\n            margin-bottom: clamp(25px, 5vw, 45px);\r\n            font-style: italic;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        .cta-button {\r\n            display: inline-block;\r\n            padding: clamp(12px, 2.5vw, 20px) clamp(30px, 6vw, 60px);\r\n            background: rgba(255, 255, 255, 0.9);\r\n            color: #2c2c2c;\r\n            text-decoration: none;\r\n            border-radius: 50px;\r\n            font-family: Georgia, serif;\r\n            font-size: clamp(1rem, 2.5vw, 1.6rem);\r\n            font-weight: 600;\r\n            transition: all 0.3s ease;\r\n            border: 2px solid rgba(238, 178, 178, 0.3);\r\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\r\n            letter-spacing: clamp(0.5px, 0.1vw, 1.5px);\r\n        }\r\n\r\n        .cta-button:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\r\n            background: rgba(255, 255, 255, 1);\r\n            border-color: rgba(238, 178, 178, 0.5);\r\n        }\r\n\r\n        \/* \u88c5\u9970\u6027\u5143\u7d20 *\/\r\n        .decorative-elements {\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 100%;\r\n            pointer-events: none;\r\n            z-index: 2;\r\n        }\r\n\r\n        .floating-shape {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            background: rgba(238, 178, 178, 0.2);\r\n            animation: float 6s ease-in-out infinite;\r\n        }\r\n\r\n        .shape-1 {\r\n            width: clamp(40px, 8vw, 100px);\r\n            height: clamp(40px, 8vw, 100px);\r\n            top: 20%;\r\n            left: 10%;\r\n            animation-delay: -2s;\r\n        }\r\n\r\n        .shape-2 {\r\n            width: clamp(60px, 12vw, 150px);\r\n            height: clamp(60px, 12vw, 150px);\r\n            top: 60%;\r\n            right: 15%;\r\n            animation-delay: -4s;\r\n        }\r\n\r\n        .shape-3 {\r\n            width: clamp(30px, 6vw, 80px);\r\n            height: clamp(30px, 6vw, 80px);\r\n            bottom: 25%;\r\n            left: 20%;\r\n            animation-delay: -1s;\r\n        }\r\n\r\n        .shape-4 {\r\n            width: clamp(50px, 10vw, 120px);\r\n            height: clamp(50px, 10vw, 120px);\r\n            top: 30%;\r\n            right: 25%;\r\n            animation-delay: -3s;\r\n        }\r\n\r\n        @keyframes float {\r\n            0%, 100% {\r\n                transform: translateY(0px) rotate(0deg);\r\n                opacity: 0.3;\r\n            }\r\n            50% {\r\n                transform: translateY(-20px) rotate(180deg);\r\n                opacity: 0.6;\r\n            }\r\n        }\r\n\r\n        \/* \u52a8\u753b\u6548\u679c *\/\r\n        .main-content {\r\n            animation: fadeInUp 1s ease-out;\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .background-text {\r\n            animation: backgroundPulse 8s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes backgroundPulse {\r\n            0%, 100% {\r\n                opacity: 0.6;\r\n            }\r\n            50% {\r\n                opacity: 0.8;\r\n            }\r\n        }\r\n\r\n        \/* === \u7cbe\u786e\u7684\u8bbe\u5907\u54cd\u5e94\u5f0f\u65ad\u70b9 === *\/\r\n\r\n        \/* \u8d85\u5c0f\u5c4f\u624b\u673a (320px - 374px) *\/\r\n        @media (max-width: 374px) {\r\n            .gift-card-container {\r\n                min-height: 70vh;\r\n                padding: 15px 10px;\r\n            }\r\n\r\n            .main-content {\r\n                padding: 15px;\r\n            }\r\n\r\n            .main-title {\r\n                font-size: 1.6rem;\r\n                margin-bottom: 12px;\r\n                letter-spacing: 1px;\r\n            }\r\n\r\n            .subtitle {\r\n                font-size: 0.9rem;\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            .cta-button {\r\n                padding: 10px 25px;\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .gift-letter {\r\n                font-size: 100px;\r\n            }\r\n        }\r\n\r\n        \/* \u5c0f\u5c4f\u624b\u673a (375px - 480px) *\/\r\n        @media (min-width: 375px) and (max-width: 480px) {\r\n            .gift-card-container {\r\n                min-height: 75vh;\r\n                padding: 20px 15px;\r\n            }\r\n\r\n            .main-title {\r\n                font-size: 1.8rem;\r\n                margin-bottom: 15px;\r\n            }\r\n\r\n            .subtitle {\r\n                font-size: 1rem;\r\n                margin-bottom: 25px;\r\n            }\r\n\r\n            .cta-button {\r\n                padding: 12px 30px;\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .gift-letter {\r\n                font-size: 120px;\r\n            }\r\n        }\r\n\r\n        \/* \u5927\u5c4f\u624b\u673a (481px - 767px) *\/\r\n        @media (min-width: 481px) and (max-width: 767px) {\r\n            .gift-card-container {\r\n                min-height: 80vh;\r\n                padding: 25px 20px;\r\n            }\r\n\r\n            .main-title {\r\n                font-size: 2.2rem;\r\n                margin-bottom: 18px;\r\n            }\r\n\r\n            .subtitle {\r\n                font-size: 1.2rem;\r\n                margin-bottom: 30px;\r\n            }\r\n\r\n            .cta-button {\r\n                padding: 14px 35px;\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .gift-letter {\r\n                font-size: 150px;\r\n            }\r\n        }\r\n\r\n        \/* \u5c0f\u5e73\u677f (768px - 991px) *\/\r\n        @media (min-width: 768px) and (max-width: 991px) {\r\n            .gift-card-container {\r\n                min-height: 85vh;\r\n                padding: 35px 30px;\r\n            }\r\n\r\n            .main-content {\r\n                max-width: 600px;\r\n                padding: 30px;\r\n            }\r\n\r\n            .main-title {\r\n                font-size: 2.8rem;\r\n                margin-bottom: 20px;\r\n                letter-spacing: 2px;\r\n            }\r\n\r\n            .subtitle {\r\n                font-size: 1.5rem;\r\n                margin-bottom: 35px;\r\n            }\r\n\r\n            .cta-button {\r\n                padding: 16px 45px;\r\n                font-size: 1.3rem;\r\n            }\r\n\r\n            .gift-letter {\r\n                font-size: 200px;\r\n            }\r\n        }\r\n\r\n        \/* \u5927\u5e73\u677f\/\u5c0f\u7b14\u8bb0\u672c (992px - 1199px) *\/\r\n        @media (min-width: 992px) and (max-width: 1199px) {\r\n            .gift-card-container {\r\n                min-height: 90vh;\r\n                padding: 40px 35px;\r\n            }\r\n\r\n            .main-content {\r\n                max-width: 650px;\r\n                padding: 35px;\r\n            }\r\n\r\n            .main-title {\r\n                font-size: 3.2rem;\r\n                margin-bottom: 22px;\r\n                letter-spacing: 2.5px;\r\n            }\r\n\r\n            .subtitle {\r\n                font-size: 1.7rem;\r\n                margin-bottom: 40px;\r\n            }\r\n\r\n            .cta-button {\r\n                padding: 18px 50px;\r\n                font-size: 1.4rem;\r\n                letter-spacing: 1px;\r\n            }\r\n\r\n            .gift-letter {\r\n                font-size: 250px;\r\n            }\r\n        }\r\n\r\n        \/* \u7b14\u8bb0\u672c\u7535\u8111 (1200px - 1599px) *\/\r\n        @media (min-width: 1200px) and (max-width: 1599px) {\r\n            .gift-card-container {\r\n                min-height: 90vh;\r\n                padding: 50px 40px;\r\n            }\r\n\r\n            .main-content {\r\n                max-width: 700px;\r\n                padding: 40px;\r\n            }\r\n\r\n            .main-title {\r\n                font-size: 3.8rem;\r\n                margin-bottom: 25px;\r\n                letter-spacing: 3px;\r\n            }\r\n\r\n            .subtitle {\r\n                font-size: 2rem;\r\n                margin-bottom: 45px;\r\n            }\r\n\r\n            .cta-button {\r\n                padding: 20px 55px;\r\n                font-size: 1.5rem;\r\n                letter-spacing: 1.2px;\r\n            }\r\n\r\n            .gift-letter {\r\n                font-size: 300px;\r\n            }\r\n        }\r\n\r\n        \/* \u5927\u5c4f\u53f0\u5f0f\u673a (1600px+) *\/\r\n        @media (min-width: 1600px) {\r\n            .gift-card-container {\r\n                min-height: 95vh;\r\n                padding: 60px 50px;\r\n            }\r\n\r\n            .main-content {\r\n                max-width: 800px;\r\n                padding: 50px;\r\n            }\r\n\r\n            .main-title {\r\n                font-size: 4.5rem;\r\n                margin-bottom: 30px;\r\n                letter-spacing: 3px;\r\n            }\r\n\r\n            .subtitle {\r\n                font-size: 2.5rem;\r\n                margin-bottom: 50px;\r\n            }\r\n\r\n            .cta-button {\r\n                padding: 25px 70px;\r\n                font-size: 1.8rem;\r\n                letter-spacing: 1.5px;\r\n            }\r\n\r\n            .gift-letter {\r\n                font-size: 400px;\r\n            }\r\n\r\n            .shape-1 { width: 120px; height: 120px; }\r\n            .shape-2 { width: 180px; height: 180px; }\r\n            .shape-3 { width: 100px; height: 100px; }\r\n            .shape-4 { width: 150px; height: 150px; }\r\n        }\r\n\r\n        \/* \u8d85\u5bbd\u5c4f\u5e55 (2000px+) *\/\r\n        @media (min-width: 2000px) {\r\n            .gift-card-container {\r\n                min-height: 100vh;\r\n                padding: 80px 60px;\r\n            }\r\n\r\n            .main-content {\r\n                max-width: 1000px;\r\n                padding: 60px;\r\n            }\r\n\r\n            .main-title {\r\n                font-size: 5.5rem;\r\n                margin-bottom: 35px;\r\n            }\r\n\r\n            .subtitle {\r\n                font-size: 3rem;\r\n                margin-bottom: 60px;\r\n            }\r\n\r\n            .cta-button {\r\n                padding: 30px 80px;\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .gift-letter {\r\n                font-size: 500px;\r\n            }\r\n        }\r\n\r\n        \/* \u9ad8\u5ea6\u4f18\u5316 - \u9488\u5bf9\u6a2a\u5c4f\u624b\u673a *\/\r\n        @media (max-height: 500px) and (orientation: landscape) {\r\n            .gift-card-container {\r\n                min-height: 100vh;\r\n                padding: 15px;\r\n            }\r\n\r\n            .main-content {\r\n                padding: 15px;\r\n            }\r\n\r\n            .main-title {\r\n                font-size: 1.5rem;\r\n                margin-bottom: 10px;\r\n            }\r\n\r\n            .subtitle {\r\n                font-size: 0.9rem;\r\n                margin-bottom: 15px;\r\n            }\r\n\r\n            .cta-button {\r\n                padding: 8px 20px;\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .gift-letter {\r\n                font-size: 80px;\r\n            }\r\n        }\r\n\r\n        \/* \u65e0\u969c\u788d\u4f18\u5316 *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .main-content,\r\n            .background-text,\r\n            .floating-shape {\r\n                animation: none;\r\n            }\r\n\r\n            .cta-button:hover {\r\n                transform: none;\r\n            }\r\n        }\r\n\r\n        \/* \u9ad8\u5bf9\u6bd4\u5ea6\u6a21\u5f0f *\/\r\n        @media (prefers-contrast: high) {\r\n            .main-title {\r\n                color: #000;\r\n                text-shadow: none;\r\n            }\r\n\r\n            .subtitle {\r\n                color: #333;\r\n            }\r\n\r\n            .cta-button {\r\n                background: #fff;\r\n                border: 3px solid #000;\r\n                color: #000;\r\n            }\r\n\r\n            .gift-letter {\r\n                color: rgba(101, 50, 14, 0.5);\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"gift-card-container\">\r\n        <!-- \u80cc\u666fGIFT\u6587\u5b57 -->\r\n        <div class=\"background-text\">\r\n            <div class=\"gift-letter letter-g1\">G<\/div>\r\n            <div class=\"gift-letter letter-i\">I<\/div>\r\n            <div class=\"gift-letter letter-f\">F<\/div>\r\n            <div class=\"gift-letter letter-t\">T<\/div>\r\n            <div class=\"gift-letter letter-g2\">G<\/div>\r\n            <div class=\"gift-letter letter-i2\">I<\/div>\r\n            <div class=\"gift-letter letter-f2\">F<\/div>\r\n            <div class=\"gift-letter letter-t2\">T<\/div>\r\n        <\/div>\r\n\r\n        <!-- \u88c5\u9970\u6027\u6d6e\u52a8\u5143\u7d20 -->\r\n        <div class=\"decorative-elements\">\r\n            <div class=\"floating-shape shape-1\"><\/div>\r\n            <div class=\"floating-shape shape-2\"><\/div>\r\n            <div class=\"floating-shape shape-3\"><\/div>\r\n            <div class=\"floating-shape shape-4\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- \u4e3b\u8981\u5185\u5bb9 -->\r\n        <div class=\"main-content\">\r\n            <h2 class=\"main-title\">TUTU Gift Card<\/h2>\r\n            <p class=\"subtitle\">The beauty of TUTU is turning a moment in life into a gift for you.<\/p>\r\n            <a href=\"https:\/\/tutustudio.es\/en\/tarjeta-de-regalo-compra\/\" class=\"cta-button\">Comprar<\/a>\r\n        <\/div>\r\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-366e9b1 e-flex e-con-boxed e-con e-parent\" data-id=\"366e9b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d47b8ef elementor-widget elementor-widget-html\" data-id=\"d47b8ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\r\n        .tutu-promo-wrapper {\r\n            width: 100vw;\r\n            min-height: clamp(300px, 40vh, 600px);\r\n            background: linear-gradient(135deg, #f8e8e8 0%, #f0d8d8 50%, #e8c8c8 100%);\r\n            position: relative;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            overflow: hidden;\r\n            padding: clamp(20px, 5vw, 60px);\r\n        }\r\n\r\n        \/* \u7c89\u8272\u5706\u70b9\u80cc\u666f *\/\r\n        .circle-pattern-bg {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            pointer-events: none;\r\n            z-index: 1;\r\n        }\r\n\r\n        .floating-circle {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            background: rgba(230, 180, 180, 0.6);\r\n            animation: bobbing 8s ease-in-out infinite;\r\n        }\r\n\r\n        \/* \u4f7f\u7528clamp()\u8ba9\u5706\u70b9\u5927\u5c0f\u81ea\u9002\u5e94 *\/\r\n        .circle-a { \r\n            width: clamp(60px, 12vw, 150px); \r\n            height: clamp(60px, 12vw, 150px); \r\n            top: 10%; left: 5%; animation-delay: 0s; \r\n        }\r\n        .circle-b { \r\n            width: clamp(40px, 8vw, 100px); \r\n            height: clamp(40px, 8vw, 100px); \r\n            top: 20%; right: 15%; animation-delay: -2s; \r\n        }\r\n        .circle-c { \r\n            width: clamp(80px, 15vw, 180px); \r\n            height: clamp(80px, 15vw, 180px); \r\n            top: 5%; left: 25%; animation-delay: -4s; \r\n        }\r\n        .circle-d { \r\n            width: clamp(50px, 10vw, 120px); \r\n            height: clamp(50px, 10vw, 120px); \r\n            top: 35%; right: 8%; animation-delay: -1s; \r\n        }\r\n        .circle-e { \r\n            width: clamp(45px, 9vw, 110px); \r\n            height: clamp(45px, 9vw, 110px); \r\n            bottom: 30%; left: 8%; animation-delay: -3s; \r\n        }\r\n        .circle-f { \r\n            width: clamp(65px, 13vw, 160px); \r\n            height: clamp(65px, 13vw, 160px); \r\n            bottom: 15%; right: 20%; animation-delay: -5s; \r\n        }\r\n        .circle-g { \r\n            width: clamp(35px, 7vw, 85px); \r\n            height: clamp(35px, 7vw, 85px); \r\n            bottom: 40%; left: 30%; animation-delay: -2.5s; \r\n        }\r\n        .circle-h { \r\n            width: clamp(55px, 11vw, 130px); \r\n            height: clamp(55px, 11vw, 130px); \r\n            top: 15%; left: 50%; animation-delay: -1.5s; \r\n        }\r\n        .circle-i { \r\n            width: clamp(42px, 8.5vw, 105px); \r\n            height: clamp(42px, 8.5vw, 105px); \r\n            bottom: 25%; right: 40%; animation-delay: -4.5s; \r\n        }\r\n        .circle-j { \r\n            width: clamp(47px, 9.5vw, 115px); \r\n            height: clamp(47px, 9.5vw, 115px); \r\n            top: 50%; left: 15%; animation-delay: -3.5s; \r\n        }\r\n        .circle-k { \r\n            width: clamp(70px, 14vw, 170px); \r\n            height: clamp(70px, 14vw, 170px); \r\n            bottom: 10%; left: 45%; animation-delay: -0.5s; \r\n        }\r\n        .circle-l { \r\n            width: clamp(37px, 7.5vw, 90px); \r\n            height: clamp(37px, 7.5vw, 90px); \r\n            top: 40%; right: 25%; animation-delay: -6s; \r\n        }\r\n\r\n        @keyframes bobbing {\r\n            0%, 100% {\r\n                transform: translateY(0px) scale(1);\r\n                opacity: 0.6;\r\n            }\r\n            33% {\r\n                transform: translateY(-15px) scale(1.05);\r\n                opacity: 0.8;\r\n            }\r\n            66% {\r\n                transform: translateY(10px) scale(0.95);\r\n                opacity: 0.4;\r\n            }\r\n        }\r\n\r\n        \/* \u4e3b\u8981\u5185\u5bb9 *\/\r\n        .center-text-area {\r\n            position: relative;\r\n            z-index: 10;\r\n            text-align: center;\r\n            max-width: min(90vw, 1000px);\r\n            margin: 0 auto;\r\n            padding: clamp(15px, 3vw, 30px);\r\n        }\r\n\r\n        .info-paragraph {\r\n            font-family: 'Arial', sans-serif;\r\n            font-size: clamp(0.9rem, 2.2vw, 1.8rem);\r\n            color: #6b4c4c;\r\n            line-height: clamp(1.4, 1.6, 1.8);\r\n            font-weight: 400;\r\n            text-align: center;\r\n            padding: 0 clamp(10px, 3vw, 40px);\r\n            margin: 0;\r\n        }\r\n\r\n        \/* \u52a8\u753b\u6548\u679c *\/\r\n        .center-text-area {\r\n            animation: slideInUp 1.2s ease-out;\r\n        }\r\n\r\n        @keyframes slideInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(40px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .circle-pattern-bg {\r\n            animation: gentle-pulse 12s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes gentle-pulse {\r\n            0%, 100% {\r\n                opacity: 0.8;\r\n            }\r\n            50% {\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        \/* === \u7cbe\u786e\u7684\u8bbe\u5907\u54cd\u5e94\u5f0f\u65ad\u70b9 === *\/\r\n\r\n        \/* \u8d85\u5c0f\u5c4f\u624b\u673a (320px - 374px) *\/\r\n        @media (max-width: 374px) {\r\n            .tutu-promo-wrapper {\r\n                min-height: 250px;\r\n                padding: 15px 10px;\r\n            }\r\n\r\n            .center-text-area {\r\n                padding: 10px;\r\n            }\r\n\r\n            .info-paragraph {\r\n                font-size: 0.85rem;\r\n                line-height: 1.4;\r\n                padding: 0 5px;\r\n            }\r\n\r\n            \/* \u8d85\u5c0f\u5c4f\u5706\u70b9\u4f18\u5316 *\/\r\n            .circle-a { width: 50px; height: 50px; }\r\n            .circle-b { width: 35px; height: 35px; }\r\n            .circle-c { width: 65px; height: 65px; }\r\n            .circle-d { width: 45px; height: 45px; }\r\n            .circle-e { width: 40px; height: 40px; }\r\n            .circle-f { width: 55px; height: 55px; }\r\n            .circle-g { width: 30px; height: 30px; }\r\n            .circle-h { width: 50px; height: 50px; }\r\n            .circle-i { width: 38px; height: 38px; }\r\n            .circle-j { width: 42px; height: 42px; }\r\n            .circle-k { width: 60px; height: 60px; }\r\n            .circle-l { width: 32px; height: 32px; }\r\n        }\r\n\r\n        \/* \u5c0f\u5c4f\u624b\u673a (375px - 480px) *\/\r\n        @media (min-width: 375px) and (max-width: 480px) {\r\n            .tutu-promo-wrapper {\r\n                min-height: 280px;\r\n                padding: 20px 15px;\r\n            }\r\n\r\n            .info-paragraph {\r\n                font-size: 0.9rem;\r\n                line-height: 1.5;\r\n                padding: 0 10px;\r\n            }\r\n\r\n            \/* \u5c0f\u5c4f\u5706\u70b9 *\/\r\n            .circle-a { width: 60px; height: 60px; }\r\n            .circle-b { width: 40px; height: 40px; }\r\n            .circle-c { width: 75px; height: 75px; }\r\n            .circle-d { width: 50px; height: 50px; }\r\n            .circle-e { width: 45px; height: 45px; }\r\n            .circle-f { width: 65px; height: 65px; }\r\n            .circle-g { width: 35px; height: 35px; }\r\n            .circle-h { width: 55px; height: 55px; }\r\n            .circle-i { width: 42px; height: 42px; }\r\n            .circle-j { width: 47px; height: 47px; }\r\n            .circle-k { width: 70px; height: 70px; }\r\n            .circle-l { width: 37px; height: 37px; }\r\n        }\r\n\r\n        \/* \u5927\u5c4f\u624b\u673a (481px - 767px) *\/\r\n        @media (min-width: 481px) and (max-width: 767px) {\r\n            .tutu-promo-wrapper {\r\n                min-height: 320px;\r\n                padding: 25px 20px;\r\n            }\r\n\r\n            .info-paragraph {\r\n                font-size: 1rem;\r\n                line-height: 1.6;\r\n                padding: 0 15px;\r\n            }\r\n\r\n            \/* \u5927\u5c4f\u624b\u673a\u5706\u70b9 *\/\r\n            .circle-a { width: 80px; height: 80px; }\r\n            .circle-b { width: 55px; height: 55px; }\r\n            .circle-c { width: 100px; height: 100px; }\r\n            .circle-d { width: 70px; height: 70px; }\r\n            .circle-e { width: 65px; height: 65px; }\r\n            .circle-f { width: 85px; height: 85px; }\r\n            .circle-g { width: 45px; height: 45px; }\r\n            .circle-h { width: 75px; height: 75px; }\r\n            .circle-i { width: 58px; height: 58px; }\r\n            .circle-j { width: 65px; height: 65px; }\r\n            .circle-k { width: 95px; height: 95px; }\r\n            .circle-l { width: 50px; height: 50px; }\r\n        }\r\n\r\n        \/* \u5c0f\u5e73\u677f (768px - 991px) *\/\r\n        @media (min-width: 768px) and (max-width: 991px) {\r\n            .tutu-promo-wrapper {\r\n                min-height: 380px;\r\n                padding: 35px 30px;\r\n            }\r\n\r\n            .center-text-area {\r\n                max-width: 700px;\r\n                padding: 25px;\r\n            }\r\n\r\n            .info-paragraph {\r\n                font-size: 1.2rem;\r\n                line-height: 1.6;\r\n                padding: 0 20px;\r\n            }\r\n\r\n            \/* \u5c0f\u5e73\u677f\u5706\u70b9 *\/\r\n            .circle-a { width: 100px; height: 100px; }\r\n            .circle-b { width: 70px; height: 70px; }\r\n            .circle-c { width: 125px; height: 125px; }\r\n            .circle-d { width: 85px; height: 85px; }\r\n            .circle-e { width: 80px; height: 80px; }\r\n            .circle-f { width: 110px; height: 110px; }\r\n            .circle-g { width: 60px; height: 60px; }\r\n            .circle-h { width: 95px; height: 95px; }\r\n            .circle-i { width: 75px; height: 75px; }\r\n            .circle-j { width: 80px; height: 80px; }\r\n            .circle-k { width: 120px; height: 120px; }\r\n            .circle-l { width: 65px; height: 65px; }\r\n        }\r\n\r\n        \/* \u5927\u5e73\u677f\/\u5c0f\u7b14\u8bb0\u672c (992px - 1199px) *\/\r\n        @media (min-width: 992px) and (max-width: 1199px) {\r\n            .tutu-promo-wrapper {\r\n                min-height: 420px;\r\n                padding: 40px 35px;\r\n            }\r\n\r\n            .center-text-area {\r\n                max-width: 800px;\r\n                padding: 30px;\r\n            }\r\n\r\n            .info-paragraph {\r\n                font-size: 1.4rem;\r\n                line-height: 1.7;\r\n                padding: 0 25px;\r\n            }\r\n\r\n            \/* \u5927\u5e73\u677f\u5706\u70b9 *\/\r\n            .circle-a { width: 115px; height: 115px; }\r\n            .circle-b { width: 80px; height: 80px; }\r\n            .circle-c { width: 140px; height: 140px; }\r\n            .circle-d { width: 95px; height: 95px; }\r\n            .circle-e { width: 90px; height: 90px; }\r\n            .circle-f { width: 125px; height: 125px; }\r\n            .circle-g { width: 70px; height: 70px; }\r\n            .circle-h { width: 105px; height: 105px; }\r\n            .circle-i { width: 85px; height: 85px; }\r\n            .circle-j { width: 90px; height: 90px; }\r\n            .circle-k { width: 135px; height: 135px; }\r\n            .circle-l { width: 75px; height: 75px; }\r\n        }\r\n\r\n        \/* \u7b14\u8bb0\u672c\u7535\u8111 (1200px - 1599px) *\/\r\n        @media (min-width: 1200px) and (max-width: 1599px) {\r\n            .tutu-promo-wrapper {\r\n                min-height: 480px;\r\n                padding: 50px 40px;\r\n            }\r\n\r\n            .center-text-area {\r\n                max-width: 900px;\r\n                padding: 35px;\r\n            }\r\n\r\n            .info-paragraph {\r\n                font-size: 1.6rem;\r\n                line-height: 1.7;\r\n                padding: 0 30px;\r\n            }\r\n\r\n            \/* \u7b14\u8bb0\u672c\u5706\u70b9 *\/\r\n            .circle-a { width: 130px; height: 130px; }\r\n            .circle-b { width: 90px; height: 90px; }\r\n            .circle-c { width: 155px; height: 155px; }\r\n            .circle-d { width: 110px; height: 110px; }\r\n            .circle-e { width: 100px; height: 100px; }\r\n            .circle-f { width: 140px; height: 140px; }\r\n            .circle-g { width: 80px; height: 80px; }\r\n            .circle-h { width: 120px; height: 120px; }\r\n            .circle-i { width: 95px; height: 95px; }\r\n            .circle-j { width: 105px; height: 105px; }\r\n            .circle-k { width: 150px; height: 150px; }\r\n            .circle-l { width: 85px; height: 85px; }\r\n        }\r\n\r\n        \/* \u5927\u5c4f\u53f0\u5f0f\u673a (1600px+) *\/\r\n        @media (min-width: 1600px) {\r\n            .tutu-promo-wrapper {\r\n                min-height: 550px;\r\n                padding: 60px 50px;\r\n            }\r\n\r\n            .center-text-area {\r\n                max-width: 1000px;\r\n                padding: 40px;\r\n            }\r\n\r\n            .info-paragraph {\r\n                font-size: 1.8rem;\r\n                line-height: 1.8;\r\n                padding: 0 40px;\r\n            }\r\n\r\n            \/* \u5927\u5c4f\u5706\u70b9 *\/\r\n            .circle-a { width: 150px; height: 150px; }\r\n            .circle-b { width: 100px; height: 100px; }\r\n            .circle-c { width: 180px; height: 180px; }\r\n            .circle-d { width: 120px; height: 120px; }\r\n            .circle-e { width: 110px; height: 110px; }\r\n            .circle-f { width: 160px; height: 160px; }\r\n            .circle-g { width: 85px; height: 85px; }\r\n            .circle-h { width: 130px; height: 130px; }\r\n            .circle-i { width: 105px; height: 105px; }\r\n            .circle-j { width: 115px; height: 115px; }\r\n            .circle-k { width: 170px; height: 170px; }\r\n            .circle-l { width: 90px; height: 90px; }\r\n        }\r\n\r\n        \/* \u8d85\u5bbd\u5c4f\u5e55 (2000px+) *\/\r\n        @media (min-width: 2000px) {\r\n            .tutu-promo-wrapper {\r\n                min-height: 650px;\r\n                padding: 80px 60px;\r\n            }\r\n\r\n            .center-text-area {\r\n                max-width: 1200px;\r\n                padding: 50px;\r\n            }\r\n\r\n            .info-paragraph {\r\n                font-size: 2.2rem;\r\n                line-height: 1.8;\r\n                padding: 0 50px;\r\n            }\r\n\r\n            \/* \u8d85\u5bbd\u5c4f\u5706\u70b9 *\/\r\n            .circle-a { width: 180px; height: 180px; }\r\n            .circle-b { width: 120px; height: 120px; }\r\n            .circle-c { width: 220px; height: 220px; }\r\n            .circle-d { width: 150px; height: 150px; }\r\n            .circle-e { width: 140px; height: 140px; }\r\n            .circle-f { width: 190px; height: 190px; }\r\n            .circle-g { width: 100px; height: 100px; }\r\n            .circle-h { width: 160px; height: 160px; }\r\n            .circle-i { width: 130px; height: 130px; }\r\n            .circle-j { width: 145px; height: 145px; }\r\n            .circle-k { width: 200px; height: 200px; }\r\n            .circle-l { width: 110px; height: 110px; }\r\n        }\r\n\r\n        \/* \u9ad8\u5ea6\u4f18\u5316 - \u9488\u5bf9\u6a2a\u5c4f\u624b\u673a\u548c\u4f4e\u9ad8\u5ea6\u5c4f\u5e55 *\/\r\n        @media (max-height: 400px) and (orientation: landscape) {\r\n            .tutu-promo-wrapper {\r\n                min-height: 100vh;\r\n                padding: 15px;\r\n            }\r\n\r\n            .center-text-area {\r\n                padding: 10px;\r\n            }\r\n\r\n            .info-paragraph {\r\n                font-size: 0.8rem;\r\n                line-height: 1.3;\r\n                padding: 0 10px;\r\n            }\r\n\r\n            \/* \u6a2a\u5c4f\u6a21\u5f0f\u5706\u70b9\u7f29\u5c0f *\/\r\n            .floating-circle {\r\n                transform: scale(0.6);\r\n            }\r\n        }\r\n\r\n        \/* \u6253\u5370\u6837\u5f0f *\/\r\n        @media print {\r\n            .tutu-promo-wrapper {\r\n                background: #f8f8f8 !important;\r\n                min-height: auto;\r\n                padding: 20px;\r\n            }\r\n\r\n            .floating-circle {\r\n                display: none;\r\n            }\r\n\r\n            .info-paragraph {\r\n                color: #000 !important;\r\n                font-size: 12pt;\r\n                line-height: 1.4;\r\n            }\r\n        }\r\n\r\n        \/* \u65e0\u969c\u788d\u4f18\u5316 *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .center-text-area,\r\n            .circle-pattern-bg,\r\n            .floating-circle {\r\n                animation: none !important;\r\n            }\r\n        }\r\n\r\n        \/* \u9ad8\u5bf9\u6bd4\u5ea6\u6a21\u5f0f *\/\r\n        @media (prefers-contrast: high) {\r\n            .tutu-promo-wrapper {\r\n                background: #f0f0f0 !important;\r\n            }\r\n\r\n            .info-paragraph {\r\n                color: #000 !important;\r\n            }\r\n\r\n            .floating-circle {\r\n                background: rgba(0, 0, 0, 0.3) !important;\r\n            }\r\n        }\r\n\r\n        \/* \u6df1\u8272\u6a21\u5f0f\u652f\u6301 *\/\r\n        @media (prefers-color-scheme: dark) {\r\n            .tutu-promo-wrapper {\r\n                background: linear-gradient(135deg, #3a3a3a 0%, #2a2a2a 50%, #1a1a1a 100%);\r\n            }\r\n\r\n            .info-paragraph {\r\n                color: #e0e0e0;\r\n            }\r\n\r\n            .floating-circle {\r\n                background: rgba(255, 200, 200, 0.4);\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"tutu-promo-wrapper\">\r\n        <!-- \u7c89\u8272\u5706\u70b9\u80cc\u666f -->\r\n        <div class=\"circle-pattern-bg\">\r\n            <div class=\"floating-circle circle-a\"><\/div>\r\n            <div class=\"floating-circle circle-b\"><\/div>\r\n            <div class=\"floating-circle circle-c\"><\/div>\r\n            <div class=\"floating-circle circle-d\"><\/div>\r\n            <div class=\"floating-circle circle-e\"><\/div>\r\n            <div class=\"floating-circle circle-f\"><\/div>\r\n            <div class=\"floating-circle circle-g\"><\/div>\r\n            <div class=\"floating-circle circle-h\"><\/div>\r\n            <div class=\"floating-circle circle-i\"><\/div>\r\n            <div class=\"floating-circle circle-j\"><\/div>\r\n            <div class=\"floating-circle circle-k\"><\/div>\r\n            <div class=\"floating-circle circle-l\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- \u4e3b\u8981\u5185\u5bb9 -->\r\n        <div class=\"center-text-area\">\r\n            <p class=\"info-paragraph\">\r\n                Ya sea para amigos, pareja, familia o simplemente para ti,\r\n                la Tarjeta Regalo TUTU no es solo una tarjeta: es una experiencia\r\n                c\u00e1lida de creaci\u00f3n artesanal, o la oportunidad de llenar cada\r\n                rinc\u00f3n del hogar con m\u00e1s calidez y personalidad.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cc29199 e-flex e-con-boxed e-con e-parent\" data-id=\"cc29199\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6e007f elementor-widget elementor-widget-html\" data-id=\"e6e007f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <style>\r\n        .occasions-showcase-container {\r\n            width: 100vw;\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n            padding: clamp(20px, 5vw, 80px);\r\n            background: linear-gradient(135deg, #faf0e6 0%, #f5e6d3 50%, #f0d5c4 100%);\r\n        }\r\n\r\n        \/* \u80cc\u666f\u88c5\u9970\u5706\u70b9 *\/\r\n        .abstract-pattern {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            pointer-events: none;\r\n            z-index: 1;\r\n        }\r\n\r\n        .blur-circle {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            background: rgba(240, 213, 196, 0.4);\r\n            filter: blur(clamp(8px, 2vw, 20px));\r\n            animation: drift 12s ease-in-out infinite;\r\n        }\r\n\r\n        \/* \u4f7f\u7528clamp()\u8ba9\u80cc\u666f\u5706\u70b9\u81ea\u9002\u5e94 *\/\r\n        .blur-circle-1 { \r\n            width: clamp(80px, 15vw, 200px); \r\n            height: clamp(80px, 15vw, 200px); \r\n            top: 15%; right: 20%; animation-delay: 0s; \r\n        }\r\n        .blur-circle-2 { \r\n            width: clamp(60px, 12vw, 150px); \r\n            height: clamp(60px, 12vw, 150px); \r\n            top: 65%; right: 15%; animation-delay: -4s; \r\n        }\r\n        .blur-circle-3 { \r\n            width: clamp(70px, 14vw, 180px); \r\n            height: clamp(70px, 14vw, 180px); \r\n            bottom: 25%; right: 35%; animation-delay: -8s; \r\n        }\r\n        .blur-circle-4 { \r\n            width: clamp(50px, 10vw, 120px); \r\n            height: clamp(50px, 10vw, 120px); \r\n            top: 35%; right: 8%; animation-delay: -2s; \r\n        }\r\n        .blur-circle-5 { \r\n            width: clamp(90px, 16vw, 220px); \r\n            height: clamp(90px, 16vw, 220px); \r\n            top: 10%; left: 15%; animation-delay: -6s; \r\n        }\r\n        .blur-circle-6 { \r\n            width: clamp(40px, 8vw, 100px); \r\n            height: clamp(40px, 8vw, 100px); \r\n            bottom: 15%; left: 25%; animation-delay: -10s; \r\n        }\r\n\r\n        @keyframes drift {\r\n            0%, 100% {\r\n                transform: translateY(0px) translateX(0px) rotate(0deg);\r\n                opacity: 0.3;\r\n            }\r\n            33% {\r\n                transform: translateY(-25px) translateX(20px) rotate(120deg);\r\n                opacity: 0.5;\r\n            }\r\n            66% {\r\n                transform: translateY(15px) translateX(-15px) rotate(240deg);\r\n                opacity: 0.4;\r\n            }\r\n        }\r\n\r\n        \/* \u5185\u5bb9\u533a\u57df *\/\r\n        .content-section {\r\n            position: relative;\r\n            z-index: 10;\r\n            text-align: center;\r\n            max-width: min(95vw, 900px);\r\n            width: 100%;\r\n        }\r\n\r\n        .main-headline {\r\n            font-family: 'Arial Black', Arial, sans-serif;\r\n            font-size: clamp(1.5rem, 5vw, 3.5rem);\r\n            font-weight: 900;\r\n            color: #2c2c2c;\r\n            line-height: 1.2;\r\n            margin-bottom: clamp(30px, 6vw, 60px);\r\n            letter-spacing: clamp(0.5px, 0.1vw, 2px);\r\n            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .occasions-button-list {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: clamp(12px, 2.5vw, 25px);\r\n            max-width: 100%;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .occasion-item-btn {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: flex-start;\r\n            padding: clamp(12px, 3vw, 25px) clamp(20px, 4vw, 40px);\r\n            border-radius: clamp(25px, 5vw, 50px);\r\n            font-family: 'Arial', sans-serif;\r\n            font-size: clamp(0.9rem, 2.2vw, 1.4rem);\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            color: #2c2c2c;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n            box-shadow: 0 clamp(4px, 1vw, 12px) clamp(12px, 2.5vw, 25px) rgba(0, 0, 0, 0.15);\r\n            width: 100%;\r\n            position: relative;\r\n            overflow: hidden;\r\n            \/* \u7edf\u4e00\u6240\u6709\u6309\u94ae\u4f7f\u7528birthday\u6309\u94ae\u7684\u6837\u5f0f *\/\r\n            background: linear-gradient(135deg, #ffb3ba 0%, #ffaaaa 50%, #ff9999 100%);\r\n        }\r\n\r\n        .occasion-item-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n            transition: left 0.6s ease;\r\n        }\r\n\r\n        .occasion-item-btn:hover::before {\r\n            left: 100%;\r\n        }\r\n\r\n        .occasion-item-btn:hover {\r\n            transform: translateY(-3px) scale(1.02);\r\n            box-shadow: 0 clamp(8px, 1.5vw, 18px) clamp(20px, 4vw, 35px) rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .occasion-item-btn:active {\r\n            transform: translateY(-1px) scale(1.01);\r\n        }\r\n\r\n        .btn-icon {\r\n            font-size: clamp(1.2rem, 2.8vw, 2rem);\r\n            margin-right: clamp(12px, 3vw, 25px);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: clamp(35px, 6vw, 50px);\r\n            height: clamp(35px, 6vw, 50px);\r\n            flex-shrink: 0;\r\n            border-radius: 50%;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            backdrop-filter: blur(10px);\r\n        }\r\n\r\n        .btn-text {\r\n            flex: 1;\r\n            text-align: left;\r\n        }\r\n\r\n        \/* \u52a8\u753b\u6548\u679c *\/\r\n        .content-section {\r\n            animation: fadeInUp 1s ease-out;\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(40px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .occasion-item-btn {\r\n            animation: slideInScale 0.6s ease-out both;\r\n        }\r\n\r\n        .occasion-item-btn:nth-child(1) { animation-delay: 0.1s; }\r\n        .occasion-item-btn:nth-child(2) { animation-delay: 0.2s; }\r\n        .occasion-item-btn:nth-child(3) { animation-delay: 0.3s; }\r\n        .occasion-item-btn:nth-child(4) { animation-delay: 0.4s; }\r\n\r\n        @keyframes slideInScale {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateX(-30px) scale(0.95);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0) scale(1);\r\n            }\r\n        }\r\n\r\n        \/* === \u624b\u673a\u7aef\u4f18\u5316 (\u6700\u9ad8\u4f18\u5148\u7ea7) === *\/\r\n        @media (max-width: 480px) {\r\n            .occasions-showcase-container {\r\n                min-height: 70vh;\r\n                padding: clamp(15px, 4vw, 25px);\r\n            }\r\n\r\n            .main-headline {\r\n                font-size: clamp(1.3rem, 4.5vw, 1.8rem);\r\n                margin-bottom: clamp(25px, 6vw, 35px);\r\n                line-height: 1.1;\r\n            }\r\n\r\n            .occasions-button-list {\r\n                gap: clamp(10px, 2vw, 15px);\r\n                max-width: 100%;\r\n            }\r\n\r\n            .occasion-item-btn {\r\n                padding: clamp(14px, 3.5vw, 18px) clamp(18px, 4.5vw, 22px);\r\n                font-size: clamp(0.85rem, 2.2vw, 1rem);\r\n                border-radius: clamp(20px, 4vw, 25px);\r\n            }\r\n\r\n            .btn-icon {\r\n                font-size: clamp(1.1rem, 2.5vw, 1.3rem);\r\n                margin-right: clamp(10px, 2.5vw, 15px);\r\n                width: clamp(30px, 5vw, 35px);\r\n                height: clamp(30px, 5vw, 35px);\r\n            }\r\n        }\r\n\r\n        \/* === \u5927\u5c4f\u624b\u673a\/\u5c0f\u5e73\u677f === *\/\r\n        @media (min-width: 481px) and (max-width: 768px) {\r\n            .occasions-showcase-container {\r\n                min-height: 100vh;\r\n                padding: clamp(25px, 4vw, 35px);\r\n            }\r\n\r\n            .occasions-button-list {\r\n                grid-template-columns: 1fr;\r\n                gap: clamp(15px, 2.5vw, 20px);\r\n                max-width: 500px;\r\n            }\r\n\r\n            .main-headline {\r\n                font-size: clamp(1.8rem, 4vw, 2.5rem);\r\n                margin-bottom: clamp(35px, 6vw, 45px);\r\n            }\r\n\r\n            .occasion-item-btn {\r\n                padding: clamp(16px, 3vw, 22px) clamp(22px, 4vw, 30px);\r\n                font-size: clamp(1rem, 2.2vw, 1.2rem);\r\n            }\r\n\r\n            .btn-icon {\r\n                font-size: clamp(1.3rem, 2.5vw, 1.6rem);\r\n                margin-right: clamp(15px, 3vw, 20px);\r\n                width: clamp(35px, 5vw, 42px);\r\n                height: clamp(35px, 5vw, 42px);\r\n            }\r\n        }\r\n\r\n        \/* === \u4e2d\u7b49\u5e73\u677f === *\/\r\n        @media (min-width: 769px) and (max-width: 1024px) {\r\n            .occasions-showcase-container {\r\n                min-height: 100vh;\r\n                padding: clamp(35px, 5vw, 50px);\r\n            }\r\n\r\n            .occasions-button-list {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: clamp(18px, 3vw, 25px);\r\n                max-width: 700px;\r\n            }\r\n\r\n            .main-headline {\r\n                font-size: clamp(2.2rem, 4vw, 3rem);\r\n                margin-bottom: clamp(45px, 6vw, 60px);\r\n            }\r\n\r\n            .occasion-item-btn {\r\n                padding: clamp(18px, 3vw, 25px) clamp(25px, 4vw, 35px);\r\n                font-size: clamp(1.1rem, 2vw, 1.3rem);\r\n            }\r\n\r\n            .btn-icon {\r\n                font-size: clamp(1.4rem, 2.5vw, 1.8rem);\r\n                margin-right: clamp(18px, 3vw, 25px);\r\n                width: clamp(40px, 5vw, 48px);\r\n                height: clamp(40px, 5vw, 48px);\r\n            }\r\n        }\r\n\r\n        \/* === \u5c0f\u7b14\u8bb0\u672c\u7535\u8111 === *\/\r\n        @media (min-width: 1025px) and (max-width: 1366px) {\r\n            .occasions-showcase-container {\r\n                min-height: 100vh;\r\n                padding: clamp(50px, 5vw, 70px);\r\n            }\r\n\r\n            .occasions-button-list {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: clamp(22px, 3vw, 30px);\r\n                max-width: 800px;\r\n            }\r\n\r\n            .main-headline {\r\n                font-size: clamp(2.8rem, 4vw, 3.5rem);\r\n                margin-bottom: clamp(55px, 6vw, 70px);\r\n            }\r\n\r\n            .occasion-item-btn {\r\n                padding: clamp(22px, 3vw, 28px) clamp(30px, 4vw, 40px);\r\n                font-size: clamp(1.2rem, 1.8vw, 1.4rem);\r\n            }\r\n\r\n            .btn-icon {\r\n                font-size: clamp(1.6rem, 2.2vw, 2rem);\r\n                margin-right: clamp(22px, 3vw, 28px);\r\n                width: clamp(45px, 5vw, 55px);\r\n                height: clamp(45px, 5vw, 55px);\r\n            }\r\n        }\r\n\r\n        \/* === \u5927\u5c4f\u7b14\u8bb0\u672c\/\u53f0\u5f0f\u673a === *\/\r\n        @media (min-width: 1367px) and (max-width: 1920px) {\r\n            .occasions-showcase-container {\r\n                min-height: 100vh;\r\n                padding: clamp(70px, 5vw, 90px);\r\n            }\r\n\r\n            .occasions-button-list {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: clamp(25px, 3vw, 35px);\r\n                max-width: 900px;\r\n            }\r\n\r\n            .main-headline {\r\n                font-size: clamp(3.2rem, 4vw, 4rem);\r\n                margin-bottom: clamp(65px, 6vw, 80px);\r\n            }\r\n\r\n            .occasion-item-btn {\r\n                padding: clamp(25px, 3vw, 32px) clamp(35px, 4vw, 45px);\r\n                font-size: clamp(1.3rem, 1.6vw, 1.5rem);\r\n            }\r\n\r\n            .btn-icon {\r\n                font-size: clamp(1.8rem, 2vw, 2.2rem);\r\n                margin-right: clamp(25px, 3vw, 32px);\r\n                width: clamp(50px, 5vw, 60px);\r\n                height: clamp(50px, 5vw, 60px);\r\n            }\r\n        }\r\n\r\n        \/* === \u8d85\u5927\u5c4f\u5e55 === *\/\r\n        @media (min-width: 1921px) {\r\n            .occasions-showcase-container {\r\n                min-height: 100vh;\r\n                padding: clamp(90px, 5vw, 120px);\r\n            }\r\n\r\n            .occasions-button-list {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: clamp(35px, 3vw, 45px);\r\n                max-width: 1000px;\r\n            }\r\n\r\n            .main-headline {\r\n                font-size: clamp(4rem, 4vw, 5rem);\r\n                margin-bottom: clamp(80px, 6vw, 100px);\r\n            }\r\n\r\n            .occasion-item-btn {\r\n                padding: clamp(30px, 3vw, 40px) clamp(40px, 4vw, 55px);\r\n                font-size: clamp(1.5rem, 1.4vw, 1.8rem);\r\n            }\r\n\r\n            .btn-icon {\r\n                font-size: clamp(2.2rem, 1.8vw, 2.6rem);\r\n                margin-right: clamp(30px, 3vw, 40px);\r\n                width: clamp(60px, 5vw, 75px);\r\n                height: clamp(60px, 5vw, 75px);\r\n            }\r\n\r\n            \/* \u5927\u5c4f\u80cc\u666f\u5706\u70b9 *\/\r\n            .blur-circle-1 { width: 300px; height: 300px; }\r\n            .blur-circle-2 { width: 200px; height: 200px; }\r\n            .blur-circle-3 { width: 250px; height: 250px; }\r\n            .blur-circle-4 { width: 150px; height: 150px; }\r\n            .blur-circle-5 { width: 280px; height: 280px; }\r\n            .blur-circle-6 { width: 120px; height: 120px; }\r\n        }\r\n\r\n        \/* === \u6a2a\u5c4f\u4f18\u5316 === *\/\r\n        @media (max-height: 600px) and (orientation: landscape) {\r\n            .occasions-showcase-container {\r\n                min-height: 100vh;\r\n                padding: 15px 25px;\r\n            }\r\n\r\n            .main-headline {\r\n                font-size: clamp(1.4rem, 3vw, 2rem);\r\n                margin-bottom: clamp(20px, 3vw, 30px);\r\n            }\r\n\r\n            .occasions-button-list {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: clamp(8px, 1.5vw, 15px);\r\n                max-width: 600px;\r\n            }\r\n\r\n            .occasion-item-btn {\r\n                padding: clamp(8px, 2vw, 15px) clamp(15px, 3vw, 25px);\r\n                font-size: clamp(0.8rem, 1.8vw, 1.1rem);\r\n            }\r\n\r\n            .btn-icon {\r\n                font-size: clamp(1rem, 2vw, 1.4rem);\r\n                margin-right: clamp(10px, 2vw, 18px);\r\n                width: clamp(25px, 4vw, 35px);\r\n                height: clamp(25px, 4vw, 35px);\r\n            }\r\n        }\r\n\r\n        \/* === \u8d85\u5c0f\u5c4f\u8bbe\u5907 === *\/\r\n        @media (max-width: 320px) {\r\n            .occasions-showcase-container {\r\n                padding: 12px;\r\n            }\r\n\r\n            .main-headline {\r\n                font-size: 1.2rem;\r\n                margin-bottom: 20px;\r\n                line-height: 1.1;\r\n            }\r\n\r\n            .occasion-item-btn {\r\n                padding: 12px 16px;\r\n                font-size: 0.8rem;\r\n                border-radius: 18px;\r\n            }\r\n\r\n            .btn-icon {\r\n                font-size: 1rem;\r\n                margin-right: 8px;\r\n                width: 28px;\r\n                height: 28px;\r\n            }\r\n\r\n            .occasions-button-list {\r\n                gap: 8px;\r\n            }\r\n        }\r\n\r\n        \/* === \u65e0\u969c\u788d\u4f18\u5316 === *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .content-section,\r\n            .occasion-item-btn,\r\n            .blur-circle {\r\n                animation: none !important;\r\n            }\r\n\r\n            .occasion-item-btn:hover {\r\n                transform: none !important;\r\n            }\r\n\r\n            .occasion-item-btn::before {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        \/* === \u9ad8\u5bf9\u6bd4\u5ea6\u6a21\u5f0f === *\/\r\n        @media (prefers-contrast: high) {\r\n            .occasions-showcase-container {\r\n                background: #ffffff !important;\r\n            }\r\n\r\n            .main-headline {\r\n                color: #000000 !important;\r\n                text-shadow: none !important;\r\n            }\r\n\r\n            .occasion-item-btn {\r\n                border: 3px solid #000000 !important;\r\n                color: #000000 !important;\r\n                background: #ffffff !important;\r\n            }\r\n\r\n            .blur-circle {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        \/* === \u6df1\u8272\u6a21\u5f0f\u652f\u6301 === *\/\r\n        @media (prefers-color-scheme: dark) {\r\n            .occasions-showcase-container {\r\n                background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 50%, #0a0a0a 100%);\r\n            }\r\n\r\n            .main-headline {\r\n                color: #f0f0f0;\r\n            }\r\n\r\n            .occasion-item-btn {\r\n                color: #f0f0f0;\r\n                box-shadow: 0 clamp(4px, 1vw, 12px) clamp(12px, 2.5vw, 25px) rgba(255, 255, 255, 0.1);\r\n                background: linear-gradient(135deg, #4a4a4a 0%, #3a3a3a 50%, #2a2a2a 100%) !important;\r\n            }\r\n\r\n            .blur-circle {\r\n                background: rgba(100, 100, 100, 0.2);\r\n            }\r\n        }\r\n\r\n        \/* === \u6253\u5370\u6837\u5f0f === *\/\r\n        @media print {\r\n            .occasions-showcase-container {\r\n                background: white !important;\r\n                box-shadow: none !important;\r\n            }\r\n\r\n            .blur-circle {\r\n                display: none;\r\n            }\r\n\r\n            .occasion-item-btn {\r\n                background: white !important;\r\n                border: 2px solid #333 !important;\r\n                color: #333 !important;\r\n                box-shadow: none !important;\r\n            }\r\n        }\r\n\r\n        \/* === \u89e6\u6478\u8bbe\u5907\u4f18\u5316 === *\/\r\n        @media (hover: none) and (pointer: coarse) {\r\n            .occasion-item-btn {\r\n                min-height: 48px; \/* \u6ee1\u8db3\u89e6\u6478\u76ee\u6807\u6700\u5c0f\u5c3a\u5bf8 *\/\r\n            }\r\n\r\n            .occasion-item-btn:hover {\r\n                transform: none;\r\n            }\r\n\r\n            .occasion-item-btn:active {\r\n                transform: scale(0.98);\r\n                background-color: rgba(0, 0, 0, 0.1);\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"occasions-showcase-container\">\r\n        <!-- \u80cc\u666f\u88c5\u9970 -->\r\n        <div class=\"abstract-pattern\">\r\n            <div class=\"blur-circle blur-circle-1\"><\/div>\r\n            <div class=\"blur-circle blur-circle-2\"><\/div>\r\n            <div class=\"blur-circle blur-circle-3\"><\/div>\r\n            <div class=\"blur-circle blur-circle-4\"><\/div>\r\n            <div class=\"blur-circle blur-circle-5\"><\/div>\r\n            <div class=\"blur-circle blur-circle-6\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- \u5185\u5bb9\u533a\u57df -->\r\n        <div class=\"content-section\">\r\n            <h2 class=\"main-headline\">PERFECT FOR ANY SPECIAL OCCASION:<\/h2>\r\n            \r\n            <div class=\"occasions-button-list\">\r\n                <button class=\"occasion-item-btn\">\r\n                    <span class=\"btn-icon\">\ud83c\udf82<\/span>\r\n                    <span class=\"btn-text\">Birthdays<\/span>\r\n                <\/button>\r\n                \r\n                <button class=\"occasion-item-btn\">\r\n                    <span class=\"btn-icon\">\ud83d\udc95<\/span>\r\n                    <span class=\"btn-text\">Anniversary<\/span>\r\n                <\/button>\r\n                \r\n                <button class=\"occasion-item-btn\">\r\n                    <span class=\"btn-icon\">\ud83c\udf89<\/span>\r\n                    <span class=\"btn-text\">Holidays<\/span>\r\n                <\/button>\r\n                \r\n                <button class=\"occasion-item-btn\">\r\n                    <span class=\"btn-icon\">\ud83d\udc9d<\/span>\r\n                    <span class=\"btn-text\">A unique gift<\/span>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-gc_block_01 e-con-full e-flex e-con e-parent\" data-id=\"gc_block_01\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-gc_html_01 elementor-widget elementor-widget-html\" data-id=\"gc_html_01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Instrument+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n.gc-block{font-family:'Instrument Sans',-apple-system,sans-serif;max-width:960px;margin:0 auto;padding:48px 20px}\n.gc-block *{margin:0;padding:0;box-sizing:border-box}\n.gc-hero{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:24px;overflow:hidden;border:1px solid #EDE4D8;margin-bottom:20px}\n.gc-hero-img{position:relative;overflow:hidden;min-height:360px}\n.gc-hero-img img{width:100%;height:100%;object-fit:cover;display:block}\n.gc-hero-img::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,rgba(255,255,255,.4))}\n.gc-hero-content{padding:40px 36px;display:flex;flex-direction:column;justify-content:center}\n.gc-hero-label{font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#C4956A;margin-bottom:16px}\n.gc-hero-title{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:34px;line-height:1.15;color:#2C2519;margin-bottom:14px}\n.gc-hero-desc{font-size:15px;line-height:1.7;color:#6B5840;margin-bottom:24px}\n.gc-checks{list-style:none;margin-bottom:28px}\n.gc-checks li{font-size:14px;color:#5F5E5A;line-height:1.6;padding:6px 0;padding-left:24px;position:relative}\n.gc-checks li::before{content:'';position:absolute;left:0;top:11px;width:14px;height:14px;border-radius:50%;background:#F5EDE4;border:1.5px solid #C4956A}\n.gc-checks li::after{content:'';position:absolute;left:4px;top:15px;width:6px;height:6px;border-radius:50%;background:#C4956A}\n.gc-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:#2C2519;color:#FAF8F5;border-radius:28px;font-size:15px;font-weight:500;text-decoration:none;transition:opacity .2s;align-self:flex-start}\n.gc-btn:hover{opacity:.85}\n.gc-btn svg{width:14px;height:14px}\n.gc-bottom-row{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}\n.gc-quote-card{background:#fff;border:1px solid #EDE4D8;border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;justify-content:center}\n.gc-quote-stars{color:#C4956A;font-size:14px;letter-spacing:3px;margin-bottom:12px}\n.gc-quote-txt{font-family:'Cormorant Garamond',Georgia,serif;font-size:18px;font-style:italic;line-height:1.5;color:#2C2519;margin-bottom:12px}\n.gc-quote-auth{font-size:12px;color:#9C8B74}\n.gc-facts{background:#FDF0EA;border:1px solid #F0D9CC;border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;justify-content:center;gap:16px}\n.gc-fact{display:flex;align-items:flex-start;gap:12px}\n.gc-fact-icon{width:32px;height:32px;border-radius:8px;background:rgba(196,149,106,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}\n.gc-fact-icon svg{width:16px;height:16px;stroke:#C4956A;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}\n.gc-fact-label{font-size:14px;font-weight:500;color:#2C2519;margin-bottom:2px}\n.gc-fact-desc{font-size:12px;color:#6B5840;line-height:1.5}\n@media(max-width:768px){\n  .gc-block{padding:28px 16px}\n  .gc-hero{grid-template-columns:1fr}\n  .gc-hero-img{min-height:220px}\n  .gc-hero-content{padding:28px 20px}\n  .gc-hero-title{font-size:26px}\n  .gc-hero-desc{font-size:14px}\n  .gc-bottom-row{grid-template-columns:1fr}\n  .gc-quote-card{padding:22px 18px}\n  .gc-quote-txt{font-size:16px}\n  .gc-facts{padding:22px 18px}\n}\n<\/style>\n<div class=\"gc-block\">\n  <div class=\"gc-hero\">\n    <div class=\"gc-hero-img\">\n      <img decoding=\"async\" src=\"https:\/\/tutustudio.es\/wp-content\/uploads\/2025\/06\/9C06CD9B-CE21-4431-BE6F-03D437847D4B.jpg\" alt=\"Experiencia de tufting en TUTU Studio\" title=\"\">\n    <\/div>\n    <div class=\"gc-hero-content\">\n      <div class=\"gc-hero-label\">Tarjeta Regalo<\/div>\n      <h2 class=\"gc-hero-title\">Gift something made by hand that stays at home.<\/h2>\n      <p class=\"gc-hero-desc\">The person receiving this gift chooses their design, their colours and creates a unique piece at the studio. No experience needed.<\/p>\n      <ul class=\"gc-checks\">\n        <li>Valid 1 year \u2014 no date pressure<\/li>\n        <li>Sent instantly by email<\/li>\n        <li>Various sizes available<\/li>\n      <\/ul>\n      <a href=\"https:\/\/tutustudio.es\/en\/tarjeta-de-regalo-compra\/\" class=\"gc-btn\">Choose my gift card <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\n    <\/div>\n  <\/div>\n  <div class=\"gc-bottom-row\">\n    <div class=\"gc-quote-card\">\n      <div class=\"gc-quote-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n      <div class=\"gc-quote-txt\">\u201cLe regal\u00e9 la tarjeta a mi pareja sin saber si le gustar\u00eda. Ahora quiere volver a hacer otra alfombra.\u201d<\/div>\n      <div class=\"gc-quote-auth\">\u2014 Biel S. \u00b7 Publicado en Google<\/div>\n    <\/div>\n    <div class=\"gc-facts\">\n      <div class=\"gc-fact\">\n        <div class=\"gc-fact-icon\"><svg viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\n        <div>\n          <div class=\"gc-fact-label\">Buy in 2 minutes<\/div>\n          <div class=\"gc-fact-desc\">Online, hassle-free<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"gc-fact\">\n        <div class=\"gc-fact-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\n        <div>\n          <div class=\"gc-fact-label\">No risk<\/div>\n          <div class=\"gc-fact-desc\">Valid for a full year<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"gc-fact\">\n        <div class=\"gc-fact-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><\/div>\n        <div>\n          <div class=\"gc-fact-label\">For anyone<\/div>\n          <div class=\"gc-fact-desc\">No experience needed<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-edee3db e-con-full e-flex e-con e-parent\" data-id=\"edee3db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c9e8ae elementor-widget elementor-widget-html\" data-id=\"2c9e8ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div style=\"max-width:860px;margin:0 auto;padding:48px 24px 40px;font-family:inherit;\">\n  <h2 style=\"text-align:center;font-family:var(--serif,Georgia,serif);font-weight:400;font-size:28px;color:#2C2519;margin-bottom:8px;letter-spacing:-0.3px;\">C\u00f3mo funciona la Gift Card TUTU<\/h2>\n  <p style=\"text-align:center;font-size:14px;color:#8B7E6A;margin-bottom:36px;\">Buy today, send it in minutes and use it whenever you want.<\/p>\n\n  <div class=\"gc-steps-grid\" style=\"display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;\">\n\n    <div class=\"gc-step\" style=\"background:#fff;border-radius:16px;padding:28px 20px 24px;text-align:center;box-shadow:0 1px 8px rgba(0,0,0,0.04);position:relative;\">\n      <div style=\"width:48px;height:48px;border-radius:50%;background:#FAF3ED;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;\">\n        <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#C4A882\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\/><\/svg>\n      <\/div>\n      <p style=\"font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#C4A882;margin-bottom:6px;\">Step 1<\/p>\n      <p style=\"font-weight:600;font-size:15px;color:#2C2519;margin-bottom:6px;\">Buy online<\/p>\n      <p style=\"font-size:13px;line-height:1.55;color:#8B7E6A;\">Choose the amount and receive it in seconds by email<\/p>\n    <\/div>\n\n    <div class=\"gc-step\" style=\"background:#fff;border-radius:16px;padding:28px 20px 24px;text-align:center;box-shadow:0 1px 8px rgba(0,0,0,0.04);position:relative;\">\n      <div style=\"width:48px;height:48px;border-radius:50%;background:#FAF3ED;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;\">\n        <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#C4A882\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 2L11 13\"\/><path d=\"M22 2l-7 20-4-9-9-4 20-7z\"\/><\/svg>\n      <\/div>\n      <p style=\"font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#C4A882;margin-bottom:6px;\">Step 2<\/p>\n      <p style=\"font-weight:600;font-size:15px;color:#2C2519;margin-bottom:6px;\">Env\u00edala<\/p>\n      <p style=\"font-size:13px;line-height:1.55;color:#8B7E6A;\">Forward the email or print it at home<\/p>\n    <\/div>\n\n    <div class=\"gc-step\" style=\"background:#fff;border-radius:16px;padding:28px 20px 24px;text-align:center;box-shadow:0 1px 8px rgba(0,0,0,0.04);position:relative;\">\n      <div style=\"width:48px;height:48px;border-radius:50%;background:#FAF3ED;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;\">\n        <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#C4A882\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n      <\/div>\n      <p style=\"font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#C4A882;margin-bottom:6px;\">Step 3<\/p>\n      <p style=\"font-weight:600;font-size:15px;color:#2C2519;margin-bottom:6px;\">Book<\/p>\n      <p style=\"font-size:13px;line-height:1.55;color:#8B7E6A;\">The person chooses a date and presents it at the studio<\/p>\n    <\/div>\n\n    <div class=\"gc-step\" style=\"background:#fff;border-radius:16px;padding:28px 20px 24px;text-align:center;box-shadow:0 1px 8px rgba(0,0,0,0.04);\">\n      <div style=\"width:48px;height:48px;border-radius:50%;background:#FAF3ED;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;\">\n        <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#C4A882\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n      <\/div>\n      <p style=\"font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#C4A882;margin-bottom:6px;\">Step 4<\/p>\n      <p style=\"font-weight:600;font-size:15px;color:#2C2519;margin-bottom:6px;\">Take it home<\/p>\n      <p style=\"font-size:13px;line-height:1.55;color:#8B7E6A;\">An experience made by their hands, to keep forever.<\/p>\n    <\/div>\n\n  <\/div>\n\n  <style>\n    @media(min-width:769px){\n      .gc-step:not(:last-child)::after{\n        content:'';position:absolute;right:-12px;top:50%;width:8px;height:8px;\n        border-top:1.5px solid #D4C8B8;border-right:1.5px solid #D4C8B8;\n        transform:translateY(-50%) rotate(45deg);z-index:2;\n      }\n    }\n    @media(max-width:768px){\n      .gc-steps-grid{grid-template-columns:1fr 1fr !important;gap:12px !important;}\n      .gc-step::after{display:none !important;}\n    }\n  <\/style>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5deed01 e-con-full e-flex e-con e-parent\" data-id=\"5deed01\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d97a972 elementor-widget elementor-widget-html\" data-id=\"d97a972\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div style=\"max-width:700px;margin:0 auto;padding:24px 24px 40px;font-family:inherit;\">\n  <div style=\"background:#fff;border-radius:16px;padding:32px 32px 28px;box-shadow:0 1px 10px rgba(0,0,0,0.05);border:1px solid rgba(196,168,130,0.15);\">\n    <h3 style=\"font-family:var(--serif,Georgia,serif);font-weight:400;font-size:20px;color:#2C2519;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #F0EBE4;\">Informaci\u00f3n importante<\/h3>\n    <ul style=\"list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px;\">\n      <li style=\"display:flex;align-items:flex-start;gap:12px;\">\n        <span style=\"flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#FAF3ED;display:flex;align-items:center;justify-content:center;margin-top:1px;\">\n          <svg width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#C4A882\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        <\/span>\n        <span style=\"font-size:14px;line-height:1.6;color:#4A4237;\">V\u00e1lida durante <strong style=\"color:#2C2519;\">1 a\u00f1o<\/strong> from purchase<\/span>\n      <\/li>\n      \n      <li style=\"display:flex;align-items:flex-start;gap:12px;\">\n        <span style=\"flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#FAF3ED;display:flex;align-items:center;justify-content:center;margin-top:1px;\">\n          <svg width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#C4A882\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        <\/span>\n        <span style=\"font-size:14px;line-height:1.6;color:#4A4237;\">Se puede canjear directamente en el estudio con el <strong style=\"color:#2C2519;\">email<\/strong><\/span>\n      <\/li>\n      <li style=\"display:flex;align-items:flex-start;gap:12px;\">\n        <span style=\"flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#FAF3ED;display:flex;align-items:center;justify-content:center;margin-top:1px;\">\n          <svg width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#C4A882\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        <\/span>\n        <span style=\"font-size:14px;line-height:1.6;color:#4A4237;\">Si tienes dudas antes de comprar, <strong style=\"color:#2C2519;\">Write to us<\/strong> and we will help you quickly<\/span>\n      <\/li>\n    <\/ul>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d61d97 elementor-hidden-desktop e-con-full e-flex e-con e-parent\" data-id=\"8d61d97\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35e9a8a elementor-widget elementor-widget-html\" data-id=\"35e9a8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n            background-color: #f8f9fa;\r\n        }\r\n\r\n        .gallery-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .gallery-title {\r\n            text-align: center;\r\n            font-size: 32px;\r\n            font-weight: bold;\r\n            color: #e74c3c;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .scroll-container {\r\n            position: relative;\r\n            overflow: hidden;\r\n            border-radius: 20px;\r\n            background: transparent;\r\n            padding: 20px;\r\n        }\r\n\r\n        .image-scroll {\r\n            display: flex;\r\n            gap: 20px;\r\n            overflow-x: auto;\r\n            scroll-behavior: smooth;\r\n            scroll-snap-type: x mandatory;\r\n            -webkit-overflow-scrolling: touch;\r\n            padding: 10px 0;\r\n        }\r\n\r\n        .image-scroll::-webkit-scrollbar {\r\n            display: none;\r\n        }\r\n\r\n        .image-item {\r\n            flex: 0 0 auto;\r\n            width: 280px;\r\n            height: 300px;\r\n            border-radius: 15px;\r\n            overflow: hidden;\r\n            position: relative;\r\n            cursor: pointer;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            scroll-snap-align: start;\r\n            background: #f8f9fa;\r\n        }\r\n\r\n        .image-item:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .image-item img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .image-item:hover img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* \u5bfc\u822a\u6309\u94ae *\/\r\n        .nav-btn {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            background: rgba(255, 255, 255, 0.95);\r\n            border: none;\r\n            border-radius: 50%;\r\n            width: 50px;\r\n            height: 50px;\r\n            cursor: pointer;\r\n            font-size: 20px;\r\n            color: #333;\r\n            transition: all 0.3s ease;\r\n            z-index: 10;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .nav-btn:hover {\r\n            background: white;\r\n            transform: translateY(-50%) scale(1.1);\r\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);\r\n        }\r\n\r\n        .nav-btn.prev {\r\n            left: 10px;\r\n        }\r\n\r\n        .nav-btn.next {\r\n            right: 10px;\r\n        }\r\n\r\n        .nav-btn:disabled {\r\n            opacity: 0.3;\r\n            cursor: not-allowed;\r\n        }\r\n\r\n        .nav-btn:disabled:hover {\r\n            transform: translateY(-50%);\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\r\n        @media (max-width: 768px) {\r\n            .image-item {\r\n                width: 200px;\r\n                height: 240px;\r\n            }\r\n\r\n            .gallery-title {\r\n                font-size: 24px;\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            .scroll-container {\r\n                padding: 15px;\r\n            }\r\n\r\n            .image-scroll {\r\n                gap: 15px;\r\n            }\r\n\r\n            .nav-btn {\r\n                width: 40px;\r\n                height: 40px;\r\n                font-size: 16px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .gallery-container {\r\n                padding: 0 10px;\r\n            }\r\n\r\n            .image-item {\r\n                width: 160px;\r\n                height: 200px;\r\n            }\r\n\r\n            .image-scroll {\r\n                gap: 10px;\r\n            }\r\n\r\n            .scroll-container {\r\n                padding: 10px;\r\n            }\r\n        }\r\n\r\n        \/* \u52a0\u8f7d\u52a8\u753b *\/\r\n        .image-item img {\r\n            opacity: 0;\r\n            animation: fadeIn 0.6s ease forwards;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            to {\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        \/* \u6eda\u52a8\u6307\u793a\u5668 *\/\r\n        .scroll-indicator {\r\n            display: flex;\r\n            justify-content: center;\r\n            margin-top: 20px;\r\n            gap: 8px;\r\n        }\r\n\r\n        .indicator-dot {\r\n            width: 8px;\r\n            height: 8px;\r\n            border-radius: 50%;\r\n            background: #ddd;\r\n            transition: all 0.3s ease;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .indicator-dot.active {\r\n            background: #e74c3c;\r\n            transform: scale(1.2);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"gallery-container\">\r\n        \r\n        <div class=\"scroll-container\">\r\n            <div class=\"image-scroll\" id=\"imageScroll\">\r\n                <div class=\"image-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/tutustudio.es\/wp-content\/uploads\/2025\/02\/IMG_3202-2.jpg\" alt=\"Tufting \u4f5c\u54c1 1\" loading=\"lazy\" title=\"\">\r\n                <\/div>\r\n                <div class=\"image-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/tutustudio.es\/wp-content\/uploads\/2025\/06\/5C95F0CD-0D6E-476C-AB16-9C8D3CCD6854-1.jpg\" alt=\"Tufting \u4f5c\u54c1 2\" loading=\"lazy\" title=\"\">\r\n                <\/div>\r\n                <div class=\"image-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/tutustudio.es\/wp-content\/uploads\/2025\/06\/c74132c7a00a8bc17ebbac3b804dfd15-2-scaled.jpg\" alt=\"Tufting \u4f5c\u54c1 3\" loading=\"lazy\" title=\"\">\r\n                <\/div>\r\n                <div class=\"image-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/tutustudio.es\/wp-content\/uploads\/2025\/06\/IMG_2852.jpg\" alt=\"Tufting \u4f5c\u54c1 4\" loading=\"lazy\" title=\"\">\r\n                <\/div>\r\n                <div class=\"image-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/tutustudio.es\/wp-content\/uploads\/2025\/06\/Captura-de-pantalla-2025-06-26-124813.png\" alt=\"Tufting \u4f5c\u54c1 5\" loading=\"lazy\" title=\"\">\r\n                <\/div>\r\n                <div class=\"image-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/tutustudio.es\/wp-content\/uploads\/2025\/06\/AF38AEC9-E7C5-4D66-AD69-DC4791CDD6C9.jpg\" alt=\"Tufting \u4f5c\u54c1 6\" loading=\"lazy\" title=\"\">\r\n                <\/div>\r\n                <div class=\"image-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/tutustudio.es\/wp-content\/uploads\/2025\/06\/9C06CD9B-CE21-4431-BE6F-03D437847D4B.jpg\" alt=\"Tufting \u4f5c\u54c1 7\" loading=\"lazy\" title=\"\">\r\n                <\/div>\r\n                <div class=\"image-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/tutustudio.es\/wp-content\/uploads\/2025\/06\/4.jpg\" alt=\"Tufting \u4f5c\u54c1 8\" loading=\"lazy\" title=\"\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        const imageScroll = document.getElementById('imageScroll');\r\n\r\n        let currentPosition = 0;\r\n        let itemWidth = 280 + 20; \/\/ \u56fe\u7247\u5bbd\u5ea6 + gap\r\n        let visibleItems = 3;\r\n\r\n        \/\/ \u54cd\u5e94\u5f0f\u8c03\u6574\r\n        function updateItemWidth() {\r\n            const screenWidth = window.innerWidth;\r\n            if (screenWidth <= 480) {\r\n                itemWidth = 160 + 10;\r\n                visibleItems = 2;\r\n            } else if (screenWidth <= 768) {\r\n                itemWidth = 200 + 15;\r\n                visibleItems = 2;\r\n            } else {\r\n                itemWidth = 280 + 20;\r\n                visibleItems = 3;\r\n            }\r\n        }\r\n\r\n        \/\/ \u5411\u5de6\u6eda\u52a8\r\n        function scrollLeft() {\r\n            if (currentPosition > 0) {\r\n                currentPosition--;\r\n                updateScroll();\r\n            }\r\n        }\r\n\r\n        \/\/ \u5411\u53f3\u6eda\u52a8\r\n        function scrollRight() {\r\n            const maxPosition = Math.ceil(8 \/ visibleItems) - 1;\r\n            if (currentPosition < maxPosition) {\r\n                currentPosition++;\r\n                updateScroll();\r\n            }\r\n        }\r\n\r\n        \/\/ \u66f4\u65b0\u6eda\u52a8\u4f4d\u7f6e\r\n        function updateScroll() {\r\n            const scrollAmount = currentPosition * (itemWidth * visibleItems);\r\n            imageScroll.scrollTo({\r\n                left: scrollAmount,\r\n                behavior: 'smooth'\r\n            });\r\n        }\r\n\r\n        \/\/ \u66f4\u65b0\u6307\u793a\u5668\r\n        function updateIndicators() {\r\n            const maxPosition = Math.ceil(8 \/ visibleItems) - 1;\r\n            indicators.forEach((indicator, index) => {\r\n                if (index <= maxPosition) {\r\n                    indicator.style.display = 'block';\r\n                    indicator.classList.toggle('active', index === currentPosition);\r\n                } else {\r\n                    indicator.style.display = 'none';\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ \u9f20\u6807\u6eda\u8f6e\u652f\u6301\r\n        imageScroll.addEventListener('wheel', (e) => {\r\n            e.preventDefault();\r\n        });\r\n\r\n        \/\/ \u7a97\u53e3\u5927\u5c0f\u6539\u53d8\u65f6\u91cd\u65b0\u8ba1\u7b97\r\n        window.addEventListener('resize', () => {\r\n            updateItemWidth();\r\n            currentPosition = 0;\r\n            updateScroll();\r\n        });\r\n\r\n        \/\/ \u521d\u59cb\u5316\r\n        updateItemWidth();\r\n        updateScroll();\r\n    <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cc1aab2 e-con-full elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"cc1aab2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f94da2b elementor-grid-4 gallery-style-1 elementor-widget elementor-widget-aunuca-gallery\" data-id=\"f94da2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;column&quot;:&quot;4&quot;,&quot;column_spacing&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:8,&quot;sizes&quot;:[]}}\" data-widget_type=\"aunuca-gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n            <div class=\"elementor-gallery-item-wrapper\">\n                <div class=\"elementor-flex isotope-grid elementor-grid\">\n                                            <div class=\"grid__item elementor-gallery-item\">\n                            <div class=\"item-inner\">\n                                                                    <div class=\"gallery_item image_item_1\">\n                                        <a class=\"link-img\" href=\"\">\n                                                        <div class=\"elementor-sliderimage-image-1\">\n                <img decoding=\"async\" src=\"https:\/\/tutustudio.es\/wp-content\/uploads\/2025\/02\/IMG_3202-2.jpg\" title=\"\" alt=\"Alfombra de tufting personalizada\" loading=\"lazy\">            <\/div>\n                                                    <i class=\"aunuca-icon-instagram\"><\/i>\n                                        <\/a>\n                                    <\/div>\n                                                                                            <\/div>\n                        <\/div>\n                                            <div class=\"grid__item elementor-gallery-item\">\n                            <div class=\"item-inner\">\n                                                                    <div class=\"gallery_item image_item_1\">\n                                        <a class=\"link-img\" href=\"\">\n                                                        <div class=\"elementor-sliderimage-image-1\">\n                <img decoding=\"async\" src=\"https:\/\/tutustudio.es\/wp-content\/uploads\/2025\/06\/9C06CD9B-CE21-4431-BE6F-03D437847D4B.jpg\" title=\"\" alt=\"Dise\u00f1o de tufting colorido\" loading=\"lazy\">            <\/div>\n                                                    <i class=\"aunuca-icon-instagram\"><\/i>\n                                        <\/a>\n                                    <\/div>\n                                                                                            <\/div>\n                        <\/div>\n                                            <div class=\"grid__item elementor-gallery-item\">\n                            <div class=\"item-inner\">\n                                                                    <div class=\"gallery_item image_item_1\">\n                                        <a class=\"link-img\" href=\"\">\n                                                        <div class=\"elementor-sliderimage-image-1\">\n                <img decoding=\"async\" src=\"https:\/\/tutustudio.es\/wp-content\/uploads\/2025\/06\/Captura-de-pantalla-2025-06-26-124813.png\" title=\"\" alt=\"Pieza de tufting terminada\" loading=\"lazy\">            <\/div>\n                                                    <i class=\"aunuca-icon-instagram\"><\/i>\n                                        <\/a>\n                                    <\/div>\n                                                                                            <\/div>\n                        <\/div>\n                                            <div class=\"grid__item elementor-gallery-item\">\n                            <div class=\"item-inner\">\n                                                                    <div class=\"gallery_item image_item_1\">\n                                        <a class=\"link-img\" href=\"\">\n                                                        <div class=\"elementor-sliderimage-image-1\">\n                <img decoding=\"async\" src=\"https:\/\/tutustudio.es\/wp-content\/uploads\/2025\/06\/AF38AEC9-E7C5-4D66-AD69-DC4791CDD6C9.jpg\" title=\"\" alt=\"Alfombra artesanal TUTU\" loading=\"lazy\">            <\/div>\n                                                    <i class=\"aunuca-icon-instagram\"><\/i>\n                                        <\/a>\n                                    <\/div>\n                                                                                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a4aafe6 e-flex e-con-boxed e-con e-parent\" data-id=\"a4aafe6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5713493 elementor-widget elementor-widget-heading\" data-id=\"5713493\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"> Regala m\u00e1s que un objeto, \u00a1regala recuerdos! \u2728<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>G I F T G I F T Tarjeta Regalo TUTU Lo valioso de TUTU es convertir un instante de vida en un regalo para ti. Comprar Ya sea para amigos, pareja, familia o simplemente para ti, la Tarjeta Regalo TUTU no es solo una tarjeta: es una experiencia c\u00e1lida de creaci\u00f3n \u00fanica, o la [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-homepage.php","meta":{"_elementor_css":null,"footnotes":""},"class_list":["post-9889","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tutustudio.es\/en\/wp-json\/wp\/v2\/pages\/9889","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tutustudio.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tutustudio.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tutustudio.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tutustudio.es\/en\/wp-json\/wp\/v2\/comments?post=9889"}],"version-history":[{"count":2,"href":"https:\/\/tutustudio.es\/en\/wp-json\/wp\/v2\/pages\/9889\/revisions"}],"predecessor-version":[{"id":12886,"href":"https:\/\/tutustudio.es\/en\/wp-json\/wp\/v2\/pages\/9889\/revisions\/12886"}],"wp:attachment":[{"href":"https:\/\/tutustudio.es\/en\/wp-json\/wp\/v2\/media?parent=9889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}