{"id":12797,"date":"2026-04-21T16:17:10","date_gmt":"2026-04-21T14:17:10","guid":{"rendered":"https:\/\/tutustudio.es\/?page_id=12797"},"modified":"2026-04-22T11:29:16","modified_gmt":"2026-04-22T09:29:16","slug":"experiencia-para-dos","status":"publish","type":"page","link":"https:\/\/tutustudio.es\/en\/experiencia-para-dos\/","title":{"rendered":"Tufting para dos"},"content":{"rendered":"\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&#038;family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&#038;display=swap\" rel=\"stylesheet\">\n\n\n\n<div class=\"tutu-campaign\">\n<div class=\"tc-container\">\n\n<nav class=\"tc-nav\">\n<img decoding=\"async\" src=\"https:\/\/tutustudio.es\/wp-content\/uploads\/2026\/04\/logo_no_background.webp\" alt=\"TUTU Studio\" class=\"tc-nav-logo\" title=\"\">\n<a href=\"https:\/\/tutustudio.es\" class=\"tc-nav-link\">tutustudio.es<\/a>\n<\/nav>\n\n<section class=\"tc-hero\">\n<div class=\"tc-hero-image-wrap\">\n<img decoding=\"async\" src=\"https:\/\/tutustudio.es\/wp-content\/uploads\/2026\/04\/photo_couple_rugs_hero.webp\" alt=\"Pareja mostrando sus obras de tufting en TUTU Studio Barcelona\" class=\"tc-hero-image\" title=\"\">\n<div class=\"tc-hero-overlay\"><\/div>\n<div class=\"tc-hero-badge\">Para dos \u00b7 Barcelona<\/div>\n<div class=\"tc-hero-headline-wrap\">\n<h1 class=\"tc-hero-h1\">Haced algo juntos<br><em>que os lleve a casa.<\/em><\/h1>\n<\/div>\n<\/div>\n<p class=\"tc-hero-body tc-fu tc-fu-1\">Una sesi\u00f3n de tufting para dos personas. Sin experiencia previa. Dos horas, dos obras, una experiencia que recordar\u00e9is.<\/p>\n<a href=\"https:\/\/tutustudio.es\/reservas\/\" class=\"tc-btn tc-btn-primary tc-btn-full tc-fu tc-fu-2\">Ver horarios<\/a>\n<div class=\"tc-hero-sub tc-fu tc-fu-3\">Plazas limitadas \u00b7 desde 38\u00a0\u20ac \/ persona<\/div>\n<\/section>\n\n<style id=\"tutu-campaign-css\">\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TUTU Studio \u2014 Design Tokens\n   Source: colors_and_type.css (handoff v2)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.tutu-campaign {\n  \/* Base palette *\/\n  --warm-white:   #FAF8F5;\n  --warm-cream:   #F9F1E8;\n  --warm-light:   #F5F0EA;\n  --border-light: #EDE4D8;\n  --sand-mid:     #D4C4B0;\n  --sand-dark:    #A8957E;\n  --brown-dark:   #2C2519;\n  --brown-mid:    #5C4E3A;\n\n  \/* Brand accents *\/\n  --accent-gold:    #C8A97E;\n  --accent-coral:   #DE9B7F;\n  --accent-copper:  #C77A47;\n  --accent-copper-hover: #B36A38;\n  --accent-gold-soft:   #F5EDE0;\n  --accent-coral-soft:  #FAEEE8;\n\n  \/* Semantic *\/\n  --bg:           var(--warm-white);\n  --bg-secondary: var(--warm-cream);\n  --bg-card:      #FFFFFF;\n  --fg-primary:   var(--brown-dark);\n  --fg-secondary: var(--brown-mid);\n  --fg-muted:     var(--sand-dark);\n  --fg-inverse:   var(--warm-white);\n\n  \/* Typography *\/\n  --font-display: 'Lora', Georgia, serif;\n  --font-body:    'DM Sans', 'Helvetica Neue', sans-serif;\n  --text-xs:    0.75rem;\n  --text-sm:    0.875rem;\n  --text-base:  1rem;\n  --text-md:    1.125rem;\n  --text-lg:    1.25rem;\n  --text-xl:    1.5rem;\n  --text-2xl:   2rem;\n  --text-3xl:   2.5rem;\n\n  \/* Spacing *\/\n  --space-2:   8px;\n  --space-3:  12px;\n  --space-4:  16px;\n  --space-5:  20px;\n  --space-6:  24px;\n  --space-8:  32px;\n  --space-10: 40px;\n  --space-12: 48px;\n\n  \/* Radius *\/\n  --radius-btn:       100px;\n  --radius-card:      20px;\n  --radius-image:     16px;\n  --radius-accordion: 30px;\n  --radius-badge:     12px;\n\n  \/* Shadows *\/\n  --shadow-card:  0 5px 12px rgba(0,0,0,0.10);\n  --shadow-hover: 0 8px 24px rgba(0,0,0,0.14);\n\n  \/* Transitions *\/\n  --transition-fast: 120ms ease-out;\n  --transition-base: 220ms ease-out;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESET & BASE (scoped)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.tutu-campaign,\n.tutu-campaign *,\n.tutu-campaign *::before,\n.tutu-campaign *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n.tutu-campaign {\n  font-family: var(--font-body);\n  font-size: var(--text-base);\n  line-height: 1.65;\n  color: var(--fg-primary);\n  background: var(--bg);\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  overflow-x: hidden;\n}\n\n.tutu-campaign img {\n  display: block;\n  max-width: 100%;\n  height: auto;\n}\n\n.tutu-campaign a {\n  color: var(--accent-copper);\n  text-decoration: none;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LAYOUT\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.tc-container {\n  max-width: 480px;\n  margin: 0 auto;\n  padding-bottom: 88px; \/* space for sticky bar *\/\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SECTION LABEL (eyebrow)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.tc-label {\n  font-family: var(--font-body);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--fg-muted);\n  margin-bottom: var(--space-3);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BUTTONS\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.tc-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-family: var(--font-body);\n  font-weight: 500;\n  border: none;\n  border-radius: var(--radius-btn);\n  cursor: pointer;\n  transition: all var(--transition-base);\n  white-space: nowrap;\n  text-decoration: none;\n}\n\n.tc-btn-primary {\n  background: var(--brown-dark);\n  color: var(--fg-inverse);\n  font-size: 17px;\n  padding: 17px 32px;\n}\n.tc-btn-primary:hover {\n  background: #3D3426;\n  box-shadow: var(--shadow-hover);\n  transform: translateY(-1px);\n}\n\n.tc-btn-primary-light {\n  background: var(--fg-inverse);\n  color: var(--brown-dark);\n  font-size: 16px;\n  padding: 15px 32px;\n}\n.tc-btn-primary-light:hover {\n  box-shadow: var(--shadow-hover);\n}\n\n.tc-btn-full { width: 100%; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   NAV\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.tc-nav {\n  padding: var(--space-4) var(--space-6);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.tutu-campaign .tc-nav-logo {\n  height: 28px !important;\n  max-width: 100px !important;\n  object-fit: contain;\n}\n.tc-nav-link {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--fg-muted);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   HERO\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.tc-hero {\n  padding: 0 var(--space-4) 0;\n}\n.tc-hero-image-wrap {\n  position: relative;\n  border-radius: 24px;\n  overflow: hidden;\n  margin-bottom: 28px;\n}\n.tc-hero-image {\n  width: 100%;\n  height: 420px;\n  object-fit: cover;\n  object-position: center 30%;\n}\n.tc-hero-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to bottom, rgba(44,37,25,0) 30%, rgba(44,37,25,0.55) 100%);\n}\n.tc-hero-badge {\n  position: absolute;\n  top: 16px;\n  left: 16px;\n  background: rgba(250,248,245,0.92);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  border-radius: var(--radius-btn);\n  padding: 6px 14px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--fg-primary);\n}\n.tc-hero-headline-wrap {\n  position: absolute;\n  bottom: 20px;\n  left: 20px;\n  right: 20px;\n}\n.tc-hero-h1 {\n  font-family: var(--font-display);\n  font-size: 34px;\n  font-weight: 600;\n  color: var(--fg-inverse);\n  line-height: 1.18;\n  letter-spacing: -0.02em;\n  text-shadow: 0 1px 12px rgba(0,0,0,0.3);\n}\n.tc-hero-h1 em {\n  font-style: italic;\n  font-weight: 400;\n}\n.tc-hero-body {\n  font-size: 17px;\n  color: var(--fg-secondary);\n  line-height: 1.7;\n  margin-bottom: var(--space-6);\n  padding: 0 4px;\n}\n.tc-hero-sub {\n  font-size: 13px;\n  color: var(--fg-muted);\n  text-align: center;\n  margin-top: var(--space-2);\n  margin-bottom: var(--space-12);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   FOR WHO\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.tc-for {\n  padding: 0 var(--space-6) var(--space-12);\n}\n.tc-for-list {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.tc-for-item {\n  display: flex;\n  align-items: center;\n  gap: var(--space-3);\n  background: var(--bg-card);\n  border-radius: var(--radius-image);\n  padding: 14px var(--space-4);\n  box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n}\n.tc-for-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 100px;\n  background: var(--accent-gold);\n  flex-shrink: 0;\n}\n.tc-for-text {\n  font-size: 15px;\n  color: var(--fg-primary);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   WHY SPECIAL\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.tc-why {\n  padding: var(--space-12) var(--space-6);\n  background: var(--bg-secondary);\n}\n.tc-why-list {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n.tc-why-card {\n  background: var(--bg-card);\n  border-radius: var(--radius-card);\n  padding: var(--space-5) 18px;\n  box-shadow: 0 3px 10px rgba(0,0,0,0.07);\n}\n.tc-why-title {\n  font-family: var(--font-body);\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--fg-primary);\n  margin-bottom: 5px;\n}\n.tc-why-desc {\n  font-size: 14px;\n  color: var(--fg-secondary);\n  line-height: 1.6;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   GALLERY\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.tc-gallery {\n  padding: var(--space-12) 0;\n}\n.tc-gallery-label {\n  padding: 0 var(--space-6);\n}\n.tc-gallery-hero {\n  padding: 0 var(--space-4);\n  margin-bottom: 10px;\n}\n.tc-gallery-hero-img {\n  border-radius: var(--radius-card);\n  overflow: hidden;\n  height: 280px;\n}\n.tc-gallery-hero-img img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: top;\n}\n.tc-gallery-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 10px;\n  padding: 0 var(--space-4);\n  margin-bottom: 10px;\n}\n.tc-gallery-grid-item {\n  border-radius: var(--radius-image);\n  overflow: hidden;\n  height: 160px;\n}\n.tc-gallery-grid-item img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.tc-gallery-scroll {\n  display: flex;\n  gap: 10px;\n  padding-left: var(--space-4);\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n}\n.tc-gallery-scroll::-webkit-scrollbar { display: none; }\n.tc-gallery-scroll-item {\n  flex-shrink: 0;\n  width: 150px;\n  height: 150px;\n  border-radius: var(--radius-image);\n  overflow: hidden;\n}\n.tc-gallery-scroll-item img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.tc-gallery-scroll-spacer {\n  flex-shrink: 0;\n  width: 16px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   INFO\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.tc-info {\n  padding: 0 var(--space-6) var(--space-12);\n}\n.tc-info-card {\n  background: var(--bg-card);\n  border-radius: var(--radius-card);\n  overflow: hidden;\n  box-shadow: 0 3px 10px rgba(0,0,0,0.07);\n}\n.tc-info-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 14px 18px;\n  border-bottom: 1px solid var(--border-light);\n}\n.tc-info-row:last-child {\n  border-bottom: none;\n}\n.tc-info-label {\n  font-size: 14px;\n  color: var(--fg-muted);\n}\n.tc-info-value {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--fg-primary);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   FAQ\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.tc-faq {\n  padding: var(--space-12) var(--space-6) var(--space-12);\n  background: var(--bg-secondary);\n}\n.tc-faq-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.tc-faq-item {\n  background: var(--bg-card);\n  border-radius: var(--radius-card);\n  overflow: hidden;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n}\n.tc-faq-q {\n  width: 100%;\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 16px 18px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n  text-align: left;\n  font-family: var(--font-body);\n}\n.tc-faq-q-text {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--fg-primary);\n  line-height: 1.4;\n}\n.tc-faq-icon {\n  color: var(--accent-copper);\n  font-size: 20px;\n  flex-shrink: 0;\n  transition: transform 200ms ease-out;\n  line-height: 1;\n}\n.tc-faq-item.open .tc-faq-icon {\n  transform: rotate(45deg);\n}\n.tc-faq-a {\n  padding: 0 18px 16px;\n  font-size: 14px;\n  color: var(--fg-secondary);\n  line-height: 1.65;\n  display: none;\n}\n.tc-faq-item.open .tc-faq-a {\n  display: block;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   CLOSING CTA\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.tc-closing {\n  margin-top: 36px;\n  text-align: center;\n  padding: 28px var(--space-5);\n  background: var(--brown-dark);\n  border-radius: 24px;\n}\n.tc-closing-h {\n  font-family: var(--font-display);\n  font-size: 26px;\n  font-weight: 600;\n  color: var(--fg-inverse);\n  line-height: 1.25;\n  margin-bottom: 8px;\n  letter-spacing: -0.015em;\n}\n.tc-closing-p {\n  font-size: 14px;\n  color: rgba(250,248,245,0.6);\n  margin-bottom: var(--space-5);\n  line-height: 1.6;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   FOOTER\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.tc-footer {\n  padding: var(--space-6);\n  text-align: center;\n  border-top: 1px solid var(--border-light);\n}\n.tutu-campaign .tc-footer-logo {\n  height: 28px !important;\n  max-width: 100px !important;\n  opacity: 0.4;\n  margin-bottom: 8px;\n  display: inline-block;\n}\n.tc-footer-text {\n  font-size: 12px;\n  color: var(--fg-muted);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   STICKY BAR\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.tc-sticky {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 99;\n  background: rgba(250,248,245,0.96);\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n  border-top: 1px solid var(--border-light);\n  padding: 14px var(--space-6) 20px;\n  display: flex;\n  gap: 10px;\n  align-items: center;\n  justify-content: center;\n}\n.tc-sticky-info {\n  flex: 1;\n}\n.tc-sticky-title {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--fg-primary);\n}\n.tc-sticky-sub {\n  font-size: 11px;\n  color: var(--fg-muted);\n}\n.tc-sticky-btn {\n  background: var(--brown-dark);\n  color: var(--fg-inverse);\n  border: none;\n  border-radius: var(--radius-btn);\n  font-family: var(--font-body);\n  font-size: 15px;\n  font-weight: 500;\n  padding: 12px 24px;\n  cursor: pointer;\n  white-space: nowrap;\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ANIMATIONS\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes tc-fadeUp {\n  from { opacity: 0; transform: translateY(14px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n.tc-fu { animation: tc-fadeUp 420ms ease-out both; }\n.tc-fu-1 { animation-delay: 80ms; }\n.tc-fu-2 { animation-delay: 160ms; }\n.tc-fu-3 { animation-delay: 240ms; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DESKTOP (>640px)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (min-width: 640px) {\n  .tc-container {\n    max-width: 720px;\n  }\n  .tc-hero-image { height: 480px; }\n  .tc-hero-h1 { font-size: 42px; }\n  .tc-gallery-hero-img { height: 360px; }\n  .tc-gallery-grid-item { height: 200px; }\n  .tc-gallery-scroll-item { width: 180px; height: 180px; }\n  .tc-why-list {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    gap: var(--space-4);\n  }\n  .tc-closing-h { font-size: 30px; }\n}\n\n@media (min-width: 960px) {\n  .tc-container {\n    max-width: 860px;\n  }\n  .tc-hero-image { height: 520px; }\n  .tc-hero-h1 { font-size: 48px; }\n  .tc-hero-body { font-size: 18px; }\n  .tc-gallery-hero-img { height: 400px; }\n  .tc-for-list {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n  }\n  .tc-sticky { display: none; }\n  .tc-container { padding-bottom: 0; }\n}\n\n\/* Hide theme pollution *\/\n.page-id-12797 .account-wrap,\n.page-id-12797 .aunuca-mobile-nav,\n.page-id-12797 .aunuca-overlay,\n.page-id-12797 .tutu-sticky-cta,\n.page-id-12797 .tutu-en-link,\n.page-id-12797 .site-footer,\n.page-id-12797 .footer-widgets,\n.page-id-12797 .elementor-location-footer,\n.page-id-12797 .elementor-location-header {\n  display: none !important;\n}\n<\/style>\n\n<section class=\"tc-for\">\n<div class=\"tc-label\">\u00bfPara qui\u00e9n es?<\/div>\n<div class=\"tc-for-list\">\n<div class=\"tc-for-item\"><div class=\"tc-for-dot\"><\/div><span class=\"tc-for-text\">Parejas que buscan un plan diferente<\/span><\/div>\n<div class=\"tc-for-item\"><div class=\"tc-for-dot\"><\/div><span class=\"tc-for-text\">Amigas con ganas de crear algo juntas<\/span><\/div>\n<div class=\"tc-for-item\"><div class=\"tc-for-dot\"><\/div><span class=\"tc-for-text\">Familiares que quieren compartir un momento<\/span><\/div>\n<div class=\"tc-for-item\"><div class=\"tc-for-dot\"><\/div><span class=\"tc-for-text\">Cualquiera que quiera llevarse algo de Barcelona<\/span><\/div>\n<\/div>\n<\/section>\n\n<section class=\"tc-why\">\n<div class=\"tc-label\">Por qu\u00e9 es especial<\/div>\n<div class=\"tc-why-list\">\n<div class=\"tc-why-card\"><div class=\"tc-why-title\">Cero experiencia necesaria<\/div><div class=\"tc-why-desc\">El monitor os acompa\u00f1a en todo momento. Si es tu primera vez, mejor.<\/div><\/div>\n<div class=\"tc-why-card\"><div class=\"tc-why-title\">Dos horas, una obra<\/div><div class=\"tc-why-desc\">Cada persona crea su propia pieza. Os vais con algo hecho por vosotros.<\/div><\/div>\n<div class=\"tc-why-card\"><div class=\"tc-why-title\">Todo incluido<\/div><div class=\"tc-why-desc\">Materiales, herramientas, tela y colores. Solo ten\u00e9is que aparecer.<\/div><\/div>\n<\/div>\n<\/section>\n\n<section class=\"tc-gallery\">\n<div class=\"tc-label tc-gallery-label\">El ambiente<\/div>\n<div class=\"tc-gallery-hero\"><div class=\"tc-gallery-hero-img\"><img decoding=\"async\" src=\"https:\/\/tutustudio.es\/wp-content\/uploads\/2026\/04\/studio_photo.webp\" loading=\"lazy\" alt=\"Grupo en el taller de tufting con la pared de hilos de colores\" title=\"\"><\/div><\/div>\n<div class=\"tc-gallery-grid\">\n<div class=\"tc-gallery-grid-item\"><img decoding=\"async\" src=\"https:\/\/tutustudio.es\/wp-content\/uploads\/2026\/04\/photo_tufting_gun.webp\" loading=\"lazy\" alt=\"Proceso de tufting con la pistola\" title=\"\"><\/div>\n<div class=\"tc-gallery-grid-item\"><img decoding=\"async\" src=\"https:\/\/tutustudio.es\/wp-content\/uploads\/2026\/04\/photo_yarn_wall.webp\" loading=\"lazy\" alt=\"Pared de hilos de colores en TUTU Studio\" title=\"\"><\/div>\n<\/div>\n<div class=\"tc-gallery-scroll\">\n<div class=\"tc-gallery-scroll-item\"><img decoding=\"async\" src=\"https:\/\/tutustudio.es\/wp-content\/uploads\/2026\/04\/photo_flower_rug.webp\" loading=\"lazy\" alt=\"Alfombra de flores\" title=\"\"><\/div>\n<div class=\"tc-gallery-scroll-item\"><img decoding=\"async\" src=\"https:\/\/tutustudio.es\/wp-content\/uploads\/2026\/04\/photo_croissant_rug.webp\" loading=\"lazy\" alt=\"Alfombra de croissant\" title=\"\"><\/div>\n<div class=\"tc-gallery-scroll-item\"><img decoding=\"async\" src=\"https:\/\/tutustudio.es\/wp-content\/uploads\/2026\/04\/photo_love_rug.webp\" loading=\"lazy\" alt=\"Alfombra LOVE\" title=\"\"><\/div>\n<div class=\"tc-gallery-scroll-item\"><img decoding=\"async\" src=\"https:\/\/tutustudio.es\/wp-content\/uploads\/2026\/04\/photo_group_wavy_wall.webp\" loading=\"lazy\" alt=\"Grupo con sus obras\" title=\"\"><\/div>\n<div class=\"tc-gallery-scroll-spacer\"><\/div>\n<\/div>\n<\/section>\n\n<section class=\"tc-info\">\n<div class=\"tc-label\">Lo que necesit\u00e1is saber<\/div>\n<div class=\"tc-info-card\">\n<div class=\"tc-info-row\"><span class=\"tc-info-label\">Duraci\u00f3n<\/span><span class=\"tc-info-value\">2 horas<\/span><\/div>\n<div class=\"tc-info-row\"><span class=\"tc-info-label\">Precio<\/span><span class=\"tc-info-value\">desde 38\u00a0\u20ac \/ persona<\/span><\/div>\n<div class=\"tc-info-row\"><span class=\"tc-info-label\">Tama\u00f1o<\/span><span class=\"tc-info-value\">30\u00d730 cm a 80\u00d780 cm<\/span><\/div>\n<div class=\"tc-info-row\"><span class=\"tc-info-label\">Grupo<\/span><span class=\"tc-info-value\">2\u20136 personas<\/span><\/div>\n<div class=\"tc-info-row\"><span class=\"tc-info-label\">Idiomas<\/span><span class=\"tc-info-value\">Espa\u00f1ol \u00b7 Ingl\u00e9s \u00b7 Chino<\/span><\/div>\n<div class=\"tc-info-row\"><span class=\"tc-info-label\">Incluye<\/span><span class=\"tc-info-value\">Materiales + herramientas + monitor<\/span><\/div>\n<\/div>\n<\/section>\n\n<section class=\"tc-faq\">\n<div class=\"tc-label\">Preguntas frecuentes<\/div>\n<div class=\"tc-faq-list\" id=\"tc-faq\">\n<div class=\"tc-faq-item\"><button class=\"tc-faq-q\" aria-expanded=\"false\"><span class=\"tc-faq-q-text\">\u00bfHace falta saber algo de manualidades?<\/span><span class=\"tc-faq-icon\">+<\/span><\/button><div class=\"tc-faq-a\">No hace falta ninguna experiencia. El monitor explica todo desde el principio y os acompa\u00f1a durante toda la sesi\u00f3n.<\/div><\/div>\n<div class=\"tc-faq-item\"><button class=\"tc-faq-q\" aria-expanded=\"false\"><span class=\"tc-faq-q-text\">\u00bfNos llevamos la obra el mismo d\u00eda?<\/span><span class=\"tc-faq-icon\">+<\/span><\/button><div class=\"tc-faq-a\">S\u00ed. Al terminar la sesi\u00f3n, vuestra pieza ya est\u00e1 lista para llev\u00e1rosla a casa.<\/div><\/div>\n<div class=\"tc-faq-item\"><button class=\"tc-faq-q\" aria-expanded=\"false\"><span class=\"tc-faq-q-text\">\u00bfPodemos venir m\u00e1s de dos?<\/span><span class=\"tc-faq-icon\">+<\/span><\/button><div class=\"tc-faq-a\">Por supuesto. La sesi\u00f3n admite hasta 6 personas. Si sois m\u00e1s, escribidnos y buscamos una soluci\u00f3n.<\/div><\/div>\n<div class=\"tc-faq-item\"><button class=\"tc-faq-q\" aria-expanded=\"false\"><span class=\"tc-faq-q-text\">\u00bfY si necesitamos cancelar?<\/span><span class=\"tc-faq-icon\">+<\/span><\/button><div class=\"tc-faq-a\">Pod\u00e9is cancelar o cambiar la fecha con 48 horas de antelaci\u00f3n. Despu\u00e9s no hay reembolso, pero s\u00ed cambio de fecha.<\/div><\/div>\n<\/div>\n<div class=\"tc-closing\">\n<h2 class=\"tc-closing-h\">Reservad vuestro momento.<\/h2>\n<div class=\"tc-closing-p\">Plazas limitadas. Sin experiencia necesaria.<\/div>\n<a href=\"https:\/\/tutustudio.es\/reservas\/\" class=\"tc-btn tc-btn-primary-light tc-btn-full\">Ver horarios<\/a>\n<\/div>\n<\/section>\n\n<footer class=\"tc-footer\">\n<img decoding=\"async\" src=\"https:\/\/tutustudio.es\/wp-content\/uploads\/2026\/04\/logo_no_background.webp\" alt=\"TUTU Studio\" class=\"tc-footer-logo\" loading=\"lazy\" title=\"\">\n<div class=\"tc-footer-text\">tutustudio.es \u00b7 Barcelona<\/div>\n<\/footer>\n\n<\/div>\n\n<div class=\"tc-sticky\">\n<div class=\"tc-sticky-info\">\n<div class=\"tc-sticky-title\">Ver horarios<\/div>\n<div class=\"tc-sticky-sub\">Plazas limitadas \u00b7 desde 38\u00a0\u20ac \/ persona<\/div>\n<\/div>\n<a href=\"https:\/\/tutustudio.es\/reservas\/\" class=\"tc-sticky-btn\">Ver horarios<\/a>\n<\/div>\n\n<\/div>\n\n\n\n<script>\ndocument.getElementById('tc-faq').addEventListener('click',function(e){var b=e.target.closest('.tc-faq-q');if(!b)return;var it=b.closest('.tc-faq-item'),w=it.classList.contains('open'),all=this.querySelectorAll('.tc-faq-item');for(var i=0;i<all.length;i++){all[i].classList.remove('open');all[i].querySelector('.tc-faq-q').setAttribute('aria-expanded','false');}if(!w){it.classList.add('open');b.setAttribute('aria-expanded','true');}});\nfunction tcTrack(a,l){if(typeof gtag==='function')gtag('event',a,{event_category:'campaign_para_dos',event_label:l});}\nvar h=document.querySelector('.tc-hero .tc-btn-primary');if(h)h.addEventListener('click',function(){tcTrack('cta_click','hero_ver_horarios');});\nvar c=document.querySelector('.tc-closing .tc-btn-primary-light');if(c)c.addEventListener('click',function(){tcTrack('cta_click','closing_ver_horarios');});\nvar s=document.querySelector('.tc-sticky-btn');if(s)s.addEventListener('click',function(){tcTrack('cta_click','sticky_ver_horarios');});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>tutustudio.es Para dos \u00b7 Barcelona Haced algo juntosque os lleve a casa. Una sesi\u00f3n de tufting para dos personas. Sin experiencia previa. Dos horas, dos obras, una experiencia que recordar\u00e9is. Ver horarios Plazas limitadas \u00b7 desde 38\u00a0\u20ac \/ persona \u00bfPara qui\u00e9n es? Parejas que buscan un plan diferente Amigas con ganas de crear algo juntas [&hellip;]<\/p>\n","protected":false},"author":178,"featured_media":12788,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_elementor_css":"","footnotes":""},"class_list":["post-12797","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/tutustudio.es\/en\/wp-json\/wp\/v2\/pages\/12797","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\/178"}],"replies":[{"embeddable":true,"href":"https:\/\/tutustudio.es\/en\/wp-json\/wp\/v2\/comments?post=12797"}],"version-history":[{"count":9,"href":"https:\/\/tutustudio.es\/en\/wp-json\/wp\/v2\/pages\/12797\/revisions"}],"predecessor-version":[{"id":12843,"href":"https:\/\/tutustudio.es\/en\/wp-json\/wp\/v2\/pages\/12797\/revisions\/12843"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tutustudio.es\/en\/wp-json\/wp\/v2\/media\/12788"}],"wp:attachment":[{"href":"https:\/\/tutustudio.es\/en\/wp-json\/wp\/v2\/media?parent=12797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}