{"id":3324,"date":"2026-03-14T11:37:10","date_gmt":"2026-03-14T11:37:10","guid":{"rendered":"https:\/\/studiotablas.com\/?page_id=3324"},"modified":"2026-10-22T07:34:02","modified_gmt":"2026-10-22T07:34:02","slug":"diseno-funcional-mobiliario-que-perdura","status":"publish","type":"page","link":"https:\/\/studiotablas.com\/fr\/","title":{"rendered":"Design fonctionnel. Mobilier qui dure"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3324\" class=\"elementor elementor-3324\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ea19d4 e-con-full e-flex e-con e-parent\" data-id=\"6ea19d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dcd1833 elementor-widget elementor-widget-html\" data-id=\"dcd1833\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  HERO + PANTALLA DE CARGA \u00b7 Studio Tablas \u00b7 v2 DEFINITIVO (13 im\u00e1genes) \u00b7 01-10-2026\n  D\u00d3NDE PEGARLO: widget \u00abHTML\u00bb de Elementor, PRIMER bloque de la p\u00e1gina, en un contenedor a ancho completo y sin relleno.\n  PREFIJO: hr-  \u00b7  CSS anclado a #hr-root\n  IM\u00c1GENES: ya subidas a Medios (uploads\/2026\/10\/hr-*.webp, 26 fotos + textura de roble). No hay que subir nada.\n  GSAP: usa el que ya carga la web (3.11). Los scripts llevan data-no-optimize=\"1\": LiteSpeed no los retrasa.\n  PANTALLA DE CARGA: solo en la primera visita de la sesi\u00f3n. Para volver a verla: pesta\u00f1a de inc\u00f3gnito nueva.\n  SNIPPET #52: hoy precarga Header-home-mesa-nido.webp (la imagen antigua). Cuando este hero sustituya al actual,\n               habr\u00e1 que cambiarlo a hr-01-luma-nido.webp o quitarlo (este bloque ya precarga la suya).\n  CACH\u00c9: Elementor \u203a Herramientas \u203a Regenerar archivos y datos + purgar LiteSpeed + Cmd+Shift+R (o inc\u00f3gnito).\n  TEXTOS DE CLAUDE A REVISAR: \u00abTaller de madera maciza\u00bb, pasos de la carga, \u00abPlano N\u00ba 01 \u00b7 Escala 1:10\u00bb, \u00abVer colecciones\u00bb.\n-->\n<link rel=\"preload\" as=\"image\" href=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/hr-01-luma-nido.webp\" media=\"(min-width:768px)\" fetchpriority=\"high\">\n<link rel=\"preload\" as=\"image\" href=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/hr-01-luma-nido-m.webp\" media=\"(max-width:767px)\" fetchpriority=\"high\">\n<style>\n@font-face{font-family:'hr-satoshi';font-weight:300;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Light.woff2\") format(\"woff2\");}\n@font-face{font-family:'hr-satoshi';font-weight:400;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Regular.woff2\") format(\"woff2\");}\n@font-face{font-family:'hr-satoshi';font-weight:500;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Medium.woff2\") format(\"woff2\");}\n@property --hr-n{syntax:'<integer>';inherits:false;initial-value:0;}\n.elementor-widget-html:has(#hr-root){width:100%!important;max-width:100%!important;flex:1 1 100%!important;}\n.e-con:has(> .elementor-widget-html #hr-root){padding:0!important;}\n\n#hr-root{\n  --cream:#F4F1EA; --ink:#26241F; --dark:#16130F; --mute:rgba(244,241,234,.62);\n  --line:rgba(244,241,234,.2); --ease:cubic-bezier(.2,.7,.2,1); --ease-io:cubic-bezier(.76,0,.24,1);\n  --t:2.55s;\n  font-family:'hr-satoshi','Satoshi',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;\n  -webkit-font-smoothing:antialiased;line-height:1.4;text-align:left;\n}\nhtml.hr-skip #hr-root{--t:.05s;}\n#hr-root *,#hr-root *::before,#hr-root *::after{box-sizing:border-box;}\n#hr-root a{color:inherit;text-decoration:none;}\n#hr-root a:visited{color:inherit;}\n#hr-root h1,#hr-root p,#hr-root ol,#hr-root figure{margin:0;padding:0;font-family:inherit;color:inherit;}\n#hr-root ol{list-style:none;}\n#hr-root button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-transform:none;letter-spacing:inherit;}\n#hr-root button:hover,#hr-root button:focus{background:none;color:inherit;}\n#hr-root img{display:block;max-width:none;}\n#hr-root :focus-visible{outline:2px solid var(--cream);outline-offset:4px;border-radius:2px;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PANTALLA DE CARGA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#hr-root .hr-loader{position:fixed;inset:0;z-index:99999;pointer-events:none;color:var(--ink);animation:hr-gone 0s linear 3.6s forwards;}\nhtml.hr-skip #hr-root .hr-loader{display:none;}\n@keyframes hr-gone{to{visibility:hidden;}}\n#hr-root .hr-planks{position:absolute;inset:0;display:flex;}\n#hr-root .hr-planks i{flex:1;height:100%;background:#F4F1EA;border-right:1px solid rgba(38,36,31,.07);animation:hr-plank .95s var(--ease-io) forwards;}\n#hr-root .hr-planks i:nth-child(1){animation-delay:2.3s;}\n#hr-root .hr-planks i:nth-child(2){animation-delay:2.38s;}\n#hr-root .hr-planks i:nth-child(3){animation-delay:2.46s;}\n#hr-root .hr-planks i:nth-child(4){animation-delay:2.54s;border-right:0;}\n@keyframes hr-plank{to{transform:translateY(-101%);}}\n\n#hr-root .hr-l-in{position:absolute;inset:0;animation:hr-l-out .35s var(--ease) 2.12s forwards;}\n@keyframes hr-l-out{to{opacity:0;transform:translateY(-12px);}}\n#hr-root .hr-l-grid{position:absolute;inset:0;opacity:0;animation:hr-fade .8s var(--ease) .05s forwards;\n  background-image:linear-gradient(rgba(38,36,31,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(38,36,31,.07) 1px,transparent 1px);\n  background-size:36px 36px;background-position:center center;\n  -webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);}\n#hr-root .hr-l-corner{position:absolute;width:22px;height:22px;border-color:rgba(38,36,31,.45);border-style:solid;border-width:0;opacity:0;animation:hr-fade .6s var(--ease) .15s forwards;}\n#hr-root .hr-l-corner.c1{top:24px;left:24px;border-top-width:1px;border-left-width:1px;}\n#hr-root .hr-l-corner.c2{top:24px;right:24px;border-top-width:1px;border-right-width:1px;}\n#hr-root .hr-l-corner.c3{bottom:24px;left:24px;border-bottom-width:1px;border-left-width:1px;}\n#hr-root .hr-l-corner.c4{bottom:24px;right:24px;border-bottom-width:1px;border-right-width:1px;}\n#hr-root .hr-l-top{position:absolute;top:34px;left:58px;right:58px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8C877E;opacity:0;animation:hr-fade .7s var(--ease) .2s forwards;}\n@keyframes hr-fade{to{opacity:1;}}\n\n#hr-root .hr-l-draw{position:absolute;left:50%;top:47%;width:min(400px,52vw,52vh);transform:translate(-50%,-50%);}\n#hr-root .hr-l-draw svg{display:block;width:100%;height:auto;overflow:visible;}\n#hr-root .hr-o{fill:none;stroke:#26241F;stroke-width:.55;stroke-dasharray:1;stroke-dashoffset:1;animation:hr-draw 1.05s var(--ease-io) forwards;}\n#hr-root .hr-o:nth-child(1){animation-delay:.2s;}\n#hr-root .hr-o:nth-child(2){animation-delay:.3s;}\n#hr-root .hr-o:nth-child(3){animation-delay:.4s;}\n#hr-root .hr-o:nth-child(4){animation-delay:.5s;}\n@keyframes hr-draw{to{stroke-dashoffset:0;}}\n#hr-root .hr-outline{animation:hr-dim .4s var(--ease) 1.95s forwards;}\n@keyframes hr-dim{to{opacity:0;}}\n#hr-root .hr-guide{fill:none;stroke:#8C877E;stroke-width:.3;stroke-dasharray:1.6 1.6;opacity:0;animation:hr-fade .6s var(--ease) .55s forwards;}\n#hr-root .hr-dim{opacity:0;animation:hr-fade .5s var(--ease) .85s forwards;}\n#hr-root .hr-dim line{stroke:#26241F;stroke-width:.3;}\n#hr-root .hr-dim text{font-family:'hr-satoshi','Satoshi',sans-serif;font-size:5.4px;fill:#26241F;letter-spacing:.06em;}\n#hr-root .hr-dim text.sm{font-size:3.6px;fill:#8C877E;letter-spacing:.14em;}\n#hr-root .hr-fill{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0);animation:hr-rise 1.05s var(--ease-io) 1.05s forwards;}\n@keyframes hr-rise{to{transform:scaleY(1);}}\n#hr-root .hr-saw{stroke:#26241F;stroke-width:.35;opacity:0;animation:hr-saw 1.05s var(--ease-io) 1.05s forwards;}\n@keyframes hr-saw{0%{opacity:1;transform:translateY(0)}92%{opacity:1}100%{opacity:0;transform:translateY(-143.4px)}}\n\n#hr-root .hr-l-bottom{position:absolute;left:58px;right:58px;bottom:44px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;}\n#hr-root .hr-count{display:flex;align-items:flex-start;gap:6px;opacity:0;animation:hr-fade .5s var(--ease) .1s forwards;}\n#hr-root .hr-num{font-size:96px;line-height:.8;font-weight:300;letter-spacing:-.03em;font-variant-numeric:tabular-nums;counter-reset:hrn var(--hr-n);animation:hr-count 2.05s cubic-bezier(.55,.05,.25,1) .1s forwards;}\n#hr-root .hr-num::after{content:counter(hrn);}\n@keyframes hr-count{to{--hr-n:100;}}\n#hr-root .hr-count small{font-size:14px;color:#8C877E;margin-top:4px;}\n#hr-root .hr-count p{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8C877E;margin:0 0 6px 18px;align-self:flex-end;}\n#hr-root .hr-steps{display:flex;flex-direction:column;gap:6px;font-size:13px;}\n#hr-root .hr-steps li{display:flex;align-items:center;gap:12px;opacity:.25;animation:hr-step .35s var(--ease) forwards;}\n#hr-root .hr-steps li span{font-size:10.5px;letter-spacing:.12em;color:#8C877E;}\n#hr-root .hr-steps li::after{content:\"\";width:0;height:1px;background:#26241F;transition:none;animation:hr-tick .5s var(--ease) forwards;animation-delay:inherit;}\n#hr-root .hr-steps li:nth-child(1){animation-delay:.25s;}\n#hr-root .hr-steps li:nth-child(2){animation-delay:.75s;}\n#hr-root .hr-steps li:nth-child(3){animation-delay:1.25s;}\n#hr-root .hr-steps li:nth-child(4){animation-delay:1.75s;}\n@keyframes hr-step{to{opacity:1;}}\n@keyframes hr-tick{to{width:22px;}}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#hr-root .hr-hero{position:relative;height:100vh;height:100svh;min-height:620px;overflow:hidden;background:var(--dark);color:var(--cream);isolation:isolate;}\n#hr-root .hr-par{position:absolute;inset:-3%;will-change:transform;}\n#hr-root .hr-intro{position:absolute;inset:0;animation:hr-zoom 2.4s var(--ease) var(--t) both;}\n@keyframes hr-zoom{from{transform:scale(1.18);}to{transform:scale(1);}}\n#hr-root .hr-kb,#hr-root .hr-slices{position:absolute;inset:0;}\n#hr-root .hr-kb picture,#hr-root .hr-kb img{position:absolute;inset:0;width:100%;height:100%;}\n#hr-root .hr-kb img,#hr-root .hr-sl img{object-fit:cover;object-position:center;}\n#hr-root .hr-sl{position:absolute;top:0;bottom:0;overflow:hidden;}\n#hr-root .hr-sl-in{position:absolute;top:0;bottom:0;}\n#hr-root .hr-sl img{position:absolute;inset:0;width:100%;height:100%;}\n#hr-root .hr-shade{position:absolute;inset:0;pointer-events:none;\n  background:linear-gradient(0deg,rgba(14,12,9,.78) 0%,rgba(14,12,9,.35) 34%,rgba(14,12,9,0) 62%),linear-gradient(90deg,rgba(14,12,9,.45) 0%,rgba(14,12,9,0) 55%),linear-gradient(180deg,rgba(14,12,9,.4) 0%,rgba(14,12,9,0) 20%);}\n\n#hr-root .hr-content{position:absolute;left:0;right:0;bottom:0;padding:0 48px 64px;max-width:1440px;margin:0 auto;z-index:3;}\n#hr-root .hr-eyebrow{display:flex;gap:14px;align-items:center;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin-bottom:26px;opacity:0;animation:hr-up .9s var(--ease) calc(var(--t) + .2s) both;}\n#hr-root .hr-eyebrow span+span::before{content:\"\";display:inline-block;width:26px;height:1px;background:var(--line);vertical-align:middle;margin-right:14px;}\n#hr-root .hr-title{font-size:clamp(44px,6.1vw,104px);line-height:.96;font-weight:300;letter-spacing:-.035em;}\n#hr-root .hr-line{display:block;}\n#hr-root .hr-line2{color:rgba(244,241,234,.58);}\n#hr-root .hr-m{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .02em .08em;margin-bottom:-.08em;}\n#hr-root .hr-w{display:inline-block;transform:translateY(108%);animation:hr-word 1.25s var(--ease) both;}\n#hr-root .hr-m:nth-child(1) .hr-w{animation-delay:calc(var(--t) + .25s);}\n#hr-root .hr-m:nth-child(2) .hr-w{animation-delay:calc(var(--t) + .33s);}\n#hr-root .hr-line2 .hr-m:nth-child(1) .hr-w{animation-delay:calc(var(--t) + .45s);}\n#hr-root .hr-line2 .hr-m:nth-child(2) .hr-w{animation-delay:calc(var(--t) + .53s);}\n#hr-root .hr-line2 .hr-m:nth-child(3) .hr-w{animation-delay:calc(var(--t) + .61s);}\n@keyframes hr-word{to{transform:none;}}\n@keyframes hr-up{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}\n#hr-root .hr-actions{display:flex;align-items:center;gap:28px;margin-top:38px;opacity:0;animation:hr-up 1s var(--ease) calc(var(--t) + .85s) both;}\n#hr-root .hr-cta{display:inline-flex;align-items:center;gap:14px;background:var(--cream);color:var(--ink)!important;font-size:14px;font-weight:500;letter-spacing:.01em;padding:15px 16px 15px 26px;border-radius:50px;will-change:transform;transition:background .3s var(--ease);}\n#hr-root .hr-cta b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--cream);font-weight:400;font-size:13px;transition:transform .5s var(--ease);}\n#hr-root .hr-cta:hover{background:#fff;}\n#hr-root .hr-cta:hover b{transform:rotate(45deg);}\n#hr-root .hr-link{font-size:14px;color:var(--cream);position:relative;padding:6px 0;}\n#hr-root .hr-link::after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform-origin:right;transition:transform .5s var(--ease);}\n#hr-root .hr-link:hover::after{transform:scaleX(0);}\n#hr-root .hr-ship{font-size:12.5px;color:var(--mute);letter-spacing:.04em;margin-top:24px;opacity:0;animation:hr-up 1s var(--ease) calc(var(--t) + 1s) both;}\n\n\/* tarjeta de la imagen *\/\n#hr-root .hr-info{position:absolute;right:48px;bottom:64px;z-index:4;width:300px;}\n#hr-root .hr-info-in{opacity:0;animation:hr-up 1s var(--ease) calc(var(--t) + 1.05s) both;}\n#hr-root .hr-cap{padding-bottom:18px;border-bottom:1px solid var(--line);min-height:84px;}\n#hr-root .hr-cap-eb{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);}\n#hr-root .hr-cap-eb b{font-weight:500;color:var(--cream);letter-spacing:.2em;}\n#hr-root .hr-soon{font-size:9.5px;letter-spacing:.14em;border:1px solid var(--line);border-radius:20px;padding:2px 8px;color:var(--cream);}\n#hr-root .hr-soon[hidden]{display:none;}\n#hr-root .hr-piece{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;font-size:19px;font-weight:400;}\n#hr-root .hr-piece i{font-style:normal;font-size:14px;transition:transform .45s var(--ease);}\n#hr-root .hr-piece:hover i{transform:rotate(45deg);}\n#hr-root .hr-ctrl{display:flex;align-items:center;gap:14px;margin-top:16px;}\n#hr-root .hr-counter{font-size:12px;letter-spacing:.12em;color:var(--mute);font-variant-numeric:tabular-nums;white-space:nowrap;}\n#hr-root .hr-counter b{color:var(--cream);font-weight:500;}\n#hr-root .hr-bar{flex:1;height:1px;background:var(--line);position:relative;overflow:hidden;}\n#hr-root .hr-bar i{position:absolute;inset:0;background:var(--cream);transform:scaleX(0);transform-origin:left;}\n#hr-root .hr-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line)!important;display:none;place-items:center;flex:none;transition:border-color .3s var(--ease),background .3s var(--ease);}\n#hr-root.hr-js .hr-btn{display:grid;}\n#hr-root .hr-btn:hover{border-color:var(--cream)!important;background:rgba(244,241,234,.08);}\n#hr-root .hr-btn svg{width:14px;height:14px;stroke:var(--cream);fill:none;stroke-width:1.5;}\n#hr-root .hr-btn .ic-play{display:none;}\n#hr-root .hr-btn[aria-pressed=\"true\"] .ic-play{display:block;}\n#hr-root .hr-btn[aria-pressed=\"true\"] .ic-pause{display:none;}\n\n\/* detalles laterales *\/\n#hr-root .hr-side{position:absolute;right:22px;top:50%;z-index:3;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:rgba(244,241,234,.45);opacity:0;animation:hr-fade 1s var(--ease) calc(var(--t) + 1.2s) forwards;}\n#hr-root .hr-scroll{position:absolute;left:50%;bottom:22px;z-index:3;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:rgba(244,241,234,.55);opacity:0;animation:hr-fade 1s var(--ease) calc(var(--t) + 1.4s) forwards;}\n#hr-root .hr-scroll::after{content:\"\";width:1px;height:34px;background:linear-gradient(var(--cream),transparent);transform-origin:top;animation:hr-drip 2.2s var(--ease) infinite;}\n@keyframes hr-drip{0%{transform:scaleY(0);}50%{transform:scaleY(1);transform-origin:top;}51%{transform-origin:bottom;}100%{transform:scaleY(0);transform-origin:bottom;}}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width:1100px){\n  #hr-root .hr-content{padding:0 32px 210px;}\n  #hr-root .hr-info{left:32px;right:32px;width:auto;bottom:40px;}\n  #hr-root .hr-side,#hr-root .hr-scroll{display:none;}\n}\n@media (max-width:767px){\n  #hr-root .hr-l-top{left:40px;right:40px;top:30px;font-size:9.5px;letter-spacing:.16em;}\n  #hr-root .hr-l-top span:last-child{display:none;}\n  #hr-root .hr-l-corner.c1,#hr-root .hr-l-corner.c2{top:18px;}#hr-root .hr-l-corner.c3,#hr-root .hr-l-corner.c4{bottom:18px;}\n  #hr-root .hr-l-corner.c1,#hr-root .hr-l-corner.c3{left:18px;}#hr-root .hr-l-corner.c2,#hr-root .hr-l-corner.c4{right:18px;}\n  #hr-root .hr-l-draw{top:44%;width:min(230px,58vw);}\n  #hr-root .hr-l-bottom{left:30px;right:30px;bottom:34px;flex-direction:column;align-items:flex-start;gap:22px;}\n  #hr-root .hr-num{font-size:72px;}\n  #hr-root .hr-steps{font-size:12px;}\n  #hr-root .hr-content{padding:0 20px 196px;}\n  #hr-root .hr-eyebrow{font-size:10px;letter-spacing:.18em;margin-bottom:18px;gap:10px;}\n  #hr-root .hr-eyebrow span+span::before{width:16px;margin-right:10px;}\n  #hr-root .hr-title{font-size:clamp(40px,12.4vw,58px);}\n  #hr-root .hr-actions{margin-top:26px;gap:20px;}\n  #hr-root .hr-cta{padding:13px 13px 13px 22px;font-size:13.5px;}\n  #hr-root .hr-cta b{width:26px;height:26px;}\n  #hr-root .hr-ship{display:none;}\n  #hr-root .hr-info{left:20px;right:20px;bottom:28px;}\n  #hr-root .hr-cap{min-height:70px;padding-bottom:14px;}\n  #hr-root .hr-piece{font-size:16px;}\n  #hr-root .hr-btn{width:34px;height:34px;}\n}\n@media (prefers-reduced-motion:reduce){\n  #hr-root .hr-loader{display:none;}\n  #hr-root{--t:0s;}\n  #hr-root .hr-intro,#hr-root .hr-w,#hr-root .hr-eyebrow,#hr-root .hr-actions,#hr-root .hr-ship,#hr-root .hr-info-in,#hr-root .hr-side,#hr-root .hr-scroll{animation:none!important;opacity:1;transform:none;}\n  #hr-root .hr-scroll::after{animation:none;}\n}\n<\/style>\n<div id=\"hr-root\">\n<script data-no-optimize=\"1\" id=\"hr-skip-js\">try{var c=navigator.connection||{},lenta=!!c.saveData||\/(^|-)2g$|^3g$\/.test(c.effectiveType||''),movil=matchMedia('(max-width:1024px)').matches||!matchMedia('(hover:hover) and (pointer:fine)').matches,quieto=matchMedia('(prefers-reduced-motion: reduce)').matches,vista=sessionStorage.getItem('st-hr-intro');if(vista||quieto||movil||lenta){document.documentElement.classList.add('hr-skip');}else{sessionStorage.setItem('st-hr-intro','1');}}catch(e){document.documentElement.classList.add('hr-skip');}<\/script>\n\n  <div class=\"hr-loader\" aria-hidden=\"true\">\n    <div class=\"hr-planks\"><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n    <div class=\"hr-l-in\">\n      <div class=\"hr-l-grid\"><\/div>\n      <span class=\"hr-l-corner c1\"><\/span><span class=\"hr-l-corner c2\"><\/span><span class=\"hr-l-corner c3\"><\/span><span class=\"hr-l-corner c4\"><\/span>\n      <div class=\"hr-l-top\"><span>Studio Tablas<\/span><span>Plano N\u00ba 01 \u00b7 Escala 1:10<\/span><\/div>\n      <figure class=\"hr-l-draw\">\n        <svg viewBox=\"-34 -30 192 206\" role=\"presentation\">\n          <defs>\n            <pattern id=\"hrWood\" patternUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"143.4\" height=\"143.4\">\n              <image href=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/hr-textura-roble.webp\" width=\"143.4\" height=\"143.4\" preserveAspectRatio=\"xMidYMid slice\"\/>\n            <\/pattern>\n            <clipPath id=\"hrClip\">\n              <path d=\"M19.82,7.72L4.32,143.35H0V45.08C0,29.53,7.88,15.82,19.82,7.72Z\"\/>\n              <path d=\"M62.42,143.35H17.39L33.58,1.46c3.56-.92,7.24-1.46,11.07-1.46,2.43,5.45,6.48,21,7.5,34.88.22,4.81.32,7.07-.59,15.93-3.46,24.13-5.67,28.72.43,44.06,4.32,8.31,9.66,15.5,12.09,33.58.38,2.75-.43,10.26-1.73,14.96l.05-.05Z\"\/>\n              <polygon points=\"92.81 0 83.31 143.35 75.75 143.35 73.05 120.51 62.85 35.74 58.58 0 92.81 0\"\/>\n              <path d=\"M122.24,0v127.96c0,8.48-6.91,15.39-15.39,15.39h-10.58L105.83,0h16.41Z\"\/>\n            <\/clipPath>\n          <\/defs>\n          <rect class=\"hr-guide\" x=\"0\" y=\"0\" width=\"122.24\" height=\"143.4\"\/>\n          <line class=\"hr-guide\" x1=\"61.12\" y1=\"-24\" x2=\"61.12\" y2=\"170\"\/>\n          <line class=\"hr-guide\" x1=\"-28\" y1=\"71.7\" x2=\"150\" y2=\"71.7\"\/>\n          <g class=\"hr-dim\">\n            <line x1=\"0\" y1=\"-12\" x2=\"122.24\" y2=\"-12\"\/><line x1=\"0\" y1=\"-16\" x2=\"0\" y2=\"-8\"\/><line x1=\"122.24\" y1=\"-16\" x2=\"122.24\" y2=\"-8\"\/>\n            <text x=\"61.12\" y=\"-16\" text-anchor=\"middle\">1224<\/text>\n            <line x1=\"134\" y1=\"0\" x2=\"134\" y2=\"143.4\"\/><line x1=\"130\" y1=\"0\" x2=\"138\" y2=\"0\"\/><line x1=\"130\" y1=\"143.4\" x2=\"138\" y2=\"143.4\"\/>\n            <text x=\"141\" y=\"73.5\" transform=\"rotate(90 141 73.5)\" text-anchor=\"middle\">1434<\/text>\n            <text class=\"sm\" x=\"0\" y=\"160\">ROBLE MACIZO \u00b7 4 TABLAS<\/text>\n            <text class=\"sm\" x=\"122.24\" y=\"160\" text-anchor=\"end\">MM<\/text>\n          <\/g>\n          <g clip-path=\"url(#hrClip)\"><rect class=\"hr-fill\" x=\"0\" y=\"0\" width=\"122.24\" height=\"143.4\" fill=\"url(#hrWood)\"\/><rect class=\"hr-fill\" x=\"0\" y=\"0\" width=\"122.24\" height=\"143.4\" fill=\"rgba(60,40,20,.12)\"\/><\/g>\n          <line class=\"hr-saw\" x1=\"-6\" y1=\"143.4\" x2=\"128.24\" y2=\"143.4\"\/>\n          <g class=\"hr-outline\">\n            <path class=\"hr-o\" pathLength=\"1\" d=\"M19.82,7.72L4.32,143.35H0V45.08C0,29.53,7.88,15.82,19.82,7.72Z\"\/>\n            <path class=\"hr-o\" pathLength=\"1\" d=\"M62.42,143.35H17.39L33.58,1.46c3.56-.92,7.24-1.46,11.07-1.46,2.43,5.45,6.48,21,7.5,34.88.22,4.81.32,7.07-.59,15.93-3.46,24.13-5.67,28.72.43,44.06,4.32,8.31,9.66,15.5,12.09,33.58.38,2.75-.43,10.26-1.73,14.96l.05-.05Z\"\/>\n            <polygon class=\"hr-o\" pathLength=\"1\" points=\"92.81 0 83.31 143.35 75.75 143.35 73.05 120.51 62.85 35.74 58.58 0 92.81 0\"\/>\n            <path class=\"hr-o\" pathLength=\"1\" d=\"M122.24,0v127.96c0,8.48-6.91,15.39-15.39,15.39h-10.58L105.83,0h16.41Z\"\/>\n          <\/g>\n        <\/svg>\n      <\/figure>\n      <div class=\"hr-l-bottom\">\n        <div class=\"hr-count\"><span class=\"hr-num\"><\/span><small>%<\/small><p>Preparando el taller<\/p><\/div>\n        <ol class=\"hr-steps\">\n          <li><span>01<\/span>Selecci\u00f3n del tabl\u00f3n<\/li>\n          <li><span>02<\/span>Corte<\/li>\n          <li><span>03<\/span>Lijado<\/li>\n          <li><span>04<\/span>Acabado<\/li>\n        <\/ol>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <section class=\"hr-hero\" id=\"hrHero\" aria-roledescription=\"carrusel\" aria-label=\"Piezas y colecciones de Studio Tablas\">\n    <div class=\"hr-par\" id=\"hrPar\">\n      <div class=\"hr-intro\">\n        <div class=\"hr-kb\" id=\"hrKb\">\n          <picture>\n            <source media=\"(max-width:767px)\" srcset=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/hr-01-luma-nido-m.webp\">\n            <img fetchpriority=\"high\" id=\"hrImg\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/hr-01-luma-nido.webp\" alt=\"Mesa de centro nido LUMA de madera maciza en un sal\u00f3n\" width=\"1920\" height=\"1080\" fetchpriority=\"high\" loading=\"eager\" decoding=\"async\" data-no-lazy=\"1\" title=\"\">\n          <\/picture>\n        <\/div>\n        <div class=\"hr-slices\" id=\"hrSlices\" aria-hidden=\"true\"><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"hr-shade\"><\/div>\n\n    <div class=\"hr-content\" id=\"hrContent\">\n      <p class=\"hr-eyebrow\"><span>Taller de madera maciza<\/span><span>Granada<\/span><\/p>\n      <h1 class=\"hr-title\">\n        <span class=\"hr-line\"><span class=\"hr-m\"><span class=\"hr-w\">Dise\u00f1o<\/span><\/span> <span class=\"hr-m\"><span class=\"hr-w\">funcional.<\/span><\/span><\/span>\n        <span class=\"hr-line hr-line2\"><span class=\"hr-m\"><span class=\"hr-w\">Mobiliario<\/span><\/span> <span class=\"hr-m\"><span class=\"hr-w\">que<\/span><\/span> <span class=\"hr-m\"><span class=\"hr-w\">perdura<\/span><\/span><\/span>\n      <\/h1>\n      <div class=\"hr-actions\">\n        <a class=\"hr-cta\" id=\"hrCta\" href=\"\/tienda-studiotablas\/\">Nuestra tienda <b aria-hidden=\"true\">\u2197<\/b><\/a>\n        <a class=\"hr-link\" href=\"\/colecciones\/\">Ver colecciones<\/a>\n      <\/div>\n      <p class=\"hr-ship\">Env\u00edos a toda Europa<\/p>\n    <\/div>\n\n    <aside class=\"hr-info\" id=\"hrInfo\" aria-label=\"Pieza en pantalla\"><div class=\"hr-info-in\">\n      <div class=\"hr-cap\" id=\"hrCap\">\n        <p class=\"hr-cap-eb\">Colecci\u00f3n <b id=\"hrColl\">LUMA<\/b><span class=\"hr-soon\" id=\"hrSoon\" hidden>Pr\u00f3ximamente<\/span><\/p>\n        <a class=\"hr-piece\" id=\"hrPiece\" href=\"\/producto\/mesa-de-centro-nido-luma\/\"><span id=\"hrPieceTxt\">Mesa de centro nido<\/span><i aria-hidden=\"true\">\u2197<\/i><\/a>\n      <\/div>\n      <div class=\"hr-ctrl\">\n        <span class=\"hr-counter\"><b id=\"hrNow\">01<\/b> \/ <span id=\"hrTot\">13<\/span><\/span>\n        <div class=\"hr-bar\"><i id=\"hrBar\"><\/i><\/div>\n        <button class=\"hr-btn\" type=\"button\" id=\"hrPrev\" aria-label=\"Imagen anterior\"><svg viewBox=\"0 0 16 16\"><path d=\"M10 3 5 8l5 5\"\/><\/svg><\/button>\n        <button class=\"hr-btn\" type=\"button\" id=\"hrPause\" aria-pressed=\"false\" aria-label=\"Pausar el pase de im\u00e1genes\"><svg class=\"ic-pause\" viewBox=\"0 0 16 16\"><path d=\"M5.5 3.5v9M10.5 3.5v9\"\/><\/svg><svg class=\"ic-play\" viewBox=\"0 0 16 16\"><path d=\"M5 3.5 12 8l-7 4.5z\"\/><\/svg><\/button>\n        <button class=\"hr-btn\" type=\"button\" id=\"hrNext\" aria-label=\"Imagen siguiente\"><svg viewBox=\"0 0 16 16\"><path d=\"M6 3l5 5-5 5\"\/><\/svg><\/button>\n      <\/div>\n    <\/div><\/aside>\n\n    <p class=\"hr-side\" aria-hidden=\"true\">37.2\u00b0N \u00b7 3.6\u00b0W \u2014 Granada<\/p>\n    <button class=\"hr-scroll\" type=\"button\" id=\"hrScroll\" aria-label=\"Bajar al contenido\">Desliza<\/button>\n    <p class=\"hr-sr\" id=\"hrLive\" aria-live=\"polite\" style=\"position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)\"><\/p>\n  <\/section>\n\n<script data-no-optimize=\"1\" id=\"hr-js\">\n(function(){\n  var root=document.getElementById('hr-root');if(!root||root.getAttribute('data-hr'))return;root.setAttribute('data-hr','1');\n  var R='https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/';\n  var S=[\n    ['01-luma-nido','LUMA','Mesa de centro nido','\/producto\/mesa-de-centro-nido-luma\/',0,'Mesa de centro nido LUMA de madera maciza en un sal\u00f3n'],\n    ['03-luma-comedor','LUMA','Mesa de comedor','\/producto\/mesa-de-comedor-luma\/',0,'Mesa de comedor LUMA'],\n    ['04-lina-biblioteca','LINA','Mesa de centro','\/tienda-studiotablas\/?coleccion=lina',1,'Mesa de centro LINA en una sala con biblioteca'],\n    ['05-luma-centro','LUMA','Mesa de centro','\/producto\/mesa-de-centro-luma\/',0,'Mesa de centro LUMA'],\n    ['06-natura-pergola','NATURA','Mesa de comedor','\/tienda-studiotablas\/?coleccion=natura',1,'Mesa de comedor NATURA bajo una p\u00e9rgola'],\n    ['07-norma','NORMA','Mesa redonda extensible','\/producto\/mesa-redonda-extensible-norma\/',0,'Mesa extensible NORMA'],\n    ['08-soma-restaurante','SOMA','Mesa de comedor','\/tienda-studiotablas\/?coleccion=soma',1,'Mesa de comedor SOMA en un restaurante'],\n    ['09-luma-banco','LUMA','Banco','\/producto\/banco-luma\/',0,'Banco LUMA'],\n    ['10-vela-dormitorio','VELA','Cabecero','\/tienda-studiotablas\/?coleccion=vela',1,'Cabecero VELA en un dormitorio'],\n    ['11-mode-comedor','MODE','Mesa redonda extensible','\/producto\/mesa-redonda-extensible-mode\/',0,'Mesa extensible MODE en un comedor'],\n    ['12-riva-bar','RIVA','Mesa alta','\/tienda-studiotablas\/?coleccion=riva',1,'Mesas altas RIVA en un bar'],\n    ['13-luma-baldas','LUMA','Baldas flotantes','\/producto\/baldas-flotantes-luma\/',0,'Baldas flotantes LUMA'],\n    ['14-luma-auxiliar','LUMA','Mesa auxiliar','\/producto\/mesa-auxiliar-luma\/',0,'Mesa auxiliar LUMA']\n  ];\n  var $=function(id){return document.getElementById(id);};\n  var hero=$('hrHero'),img=$('hrImg'),src=img.previousElementSibling,kb=$('hrKb'),slices=$('hrSlices'),par=$('hrPar');\n  var mqM=matchMedia('(max-width:767px)'),reduce=matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var DUR=6,idx=0,busy=false,g=null,bar=null,kbT=null,paused=false,hidden=false,onscreen=true,started=false;\n  var pad=function(n){return (n<10?'0':'')+n;};\n  var url=function(i){return R+'hr-'+S[i][0]+(mqM.matches?'-m':'')+'.webp';};\n  var cache={};\n  function load(i){var u=url(i);if(!cache[u]){var im=new Image();im.decoding='async';im.src=u;cache[u]=(im.decode?im.decode():new Promise(function(r){im.onload=r;})).catch(function(){});}return cache[u];}\n  $('hrTot').textContent=pad(S.length);\n\n  function caption(i,animate){\n    var s=S[i];\n    function set(){$('hrColl').textContent=s[1];$('hrPieceTxt').textContent=s[2];$('hrPiece').href=s[3];$('hrSoon').hidden=!s[4];$('hrNow').textContent=pad(i+1);}\n    if(!animate||!g){set();return;}\n    g.to('#hrCap',{y:-10,autoAlpha:0,duration:.35,ease:'power2.in',onComplete:function(){set();g.fromTo('#hrCap',{y:14,autoAlpha:0},{y:0,autoAlpha:1,duration:.7,ease:'expo.out'});}});\n  }\n  function kenburns(){if(!g||reduce)return;if(kbT)kbT.kill();kbT=g.fromTo(kb,{scale:1.08},{scale:1,duration:DUR+1.4,ease:'none'});}\n  function progress(){\n    if(!g)return;if(bar)bar.kill();\n    bar=g.fromTo('#hrBar',{scaleX:0},{scaleX:1,duration:DUR,ease:'none',paused:!playing(),onComplete:function(){go(idx+1,1);}});\n    if(reduce){bar.pause();g.set('#hrBar',{scaleX:0});}\n  }\n  function playing(){return !paused&&!hidden&&onscreen&&started&&!reduce;}\n  function sync(){if(!bar)return;if(playing())bar.resume();else bar.pause();if(kbT){if(playing())kbT.resume();else kbT.pause();}}\n\n  function go(n,dir){\n    if(busy||!g)return;\n    n=(n+S.length)%S.length;if(n===idx)return;\n    busy=true;var u=url(n),alt=S[n][5];\n    caption(n,true);if(bar)bar.pause();\n    $('hrLive').textContent='Imagen '+(n+1)+' de '+S.length+': '+S[n][2]+' '+S[n][1];\n    load(n).then(function(){\n      if(reduce){img.src=u;src.srcset=R+'hr-'+S[n][0]+'-m.webp';img.alt=alt;idx=n;busy=false;progress();return;}\n      var N=mqM.matches?3:5,w=100\/N,html='';\n      for(var k=0;k<N;k++)html+='<div class=\"hr-sl\" style=\"left:'+(k*w)+'%;width:calc('+w+'% + 1px)\"><div class=\"hr-sl-in\" style=\"left:-'+(k*100)+'%;width:'+(N*100)+'%\"><img decoding=\"async\" src=\"'+u+'\" alt=\"\"><\/div><\/div>';\n      slices.innerHTML=html;\n      var sl=slices.querySelectorAll('.hr-sl'),inn=slices.querySelectorAll('.hr-sl-in'),ims=slices.querySelectorAll('img');\n      var order=dir<0?Array.prototype.slice.call(sl).reverse():sl;\n      var tl=g.timeline({onComplete:function(){\n        img.src=u;src.srcset=R+'hr-'+S[n][0]+'-m.webp';img.alt=alt;\n        var done=function(){slices.innerHTML='';idx=n;busy=false;kenburns();progress();};\n        (img.decode?img.decode():Promise.resolve()).then(done,done);\n      }});\n      tl.fromTo(order,{yPercent:dir<0?-100:100},{yPercent:0,duration:1.25,ease:'expo.inOut',stagger:.075},0)\n        .fromTo(inn,{yPercent:dir<0?70:-70},{yPercent:0,duration:1.25,ease:'expo.inOut',stagger:.075},0)\n        .fromTo(ims,{scale:1.22},{scale:1.08,duration:1.6,ease:'expo.out'},0)\n        .to(kb,{scale:1.12,duration:1.4,ease:'power2.inOut'},0);\n      load(n+1<S.length?n+1:0);\n    });\n  }\n\n  function init(G){\n    if(g)return;g=G;root.classList.add('hr-js');\n    $('hrNext').addEventListener('click',function(){go(idx+1,1);});\n    $('hrPrev').addEventListener('click',function(){go(idx-1,-1);});\n    $('hrPause').addEventListener('click',function(){paused=!paused;this.setAttribute('aria-pressed',paused);this.setAttribute('aria-label',paused?'Reanudar el pase de im\u00e1genes':'Pausar el pase de im\u00e1genes');sync();});\n    hero.addEventListener('keydown',function(e){if(e.key==='ArrowRight'){go(idx+1,1);}else if(e.key==='ArrowLeft'){go(idx-1,-1);}});\n    var x0=null;\n    hero.addEventListener('pointerdown',function(e){if(e.pointerType!=='mouse')x0=e.clientX;});\n    hero.addEventListener('pointerup',function(e){if(x0===null)return;var dx=e.clientX-x0;x0=null;if(Math.abs(dx)>50)go(idx+(dx<0?1:-1),dx<0?1:-1);});\n    document.addEventListener('visibilitychange',function(){hidden=document.hidden;sync();});\n    if('IntersectionObserver' in window)new IntersectionObserver(function(es){onscreen=es[0].isIntersecting;sync();},{threshold:.15}).observe(hero);\n    $('hrScroll').addEventListener('click',function(){var y=hero.getBoundingClientRect().bottom+window.scrollY;window.scrollTo({top:y,behavior:reduce?'auto':'smooth'});});\n\n    if(!reduce&&matchMedia('(hover:hover) and (pointer:fine)').matches){\n      var px=g.quickTo(par,'x',{duration:1.2,ease:'power3.out'}),py=g.quickTo(par,'y',{duration:1.2,ease:'power3.out'});\n      var cx=g.quickTo('#hrContent','x',{duration:1.4,ease:'power3.out'});\n      hero.addEventListener('pointermove',function(e){var r=hero.getBoundingClientRect(),nx=(e.clientX-r.left)\/r.width-.5,ny=(e.clientY-r.top)\/r.height-.5;px(-nx*26);py(-ny*18);cx(nx*8);});\n      hero.addEventListener('pointerleave',function(){px(0);py(0);cx(0);});\n      var cta=$('hrCta'),mx=g.quickTo(cta,'x',{duration:.6,ease:'power3.out'}),my=g.quickTo(cta,'y',{duration:.6,ease:'power3.out'});\n      cta.addEventListener('pointermove',function(e){var r=cta.getBoundingClientRect();mx((e.clientX-r.left-r.width\/2)*.28);my((e.clientY-r.top-r.height\/2)*.38);});\n      cta.addEventListener('pointerleave',function(){mx(0);my(0);});\n    }\n    var ST=window.ScrollTrigger;\n    if(ST&&!reduce){\n      g.registerPlugin(ST);\n      g.fromTo(par,{yPercent:0},{yPercent:12,ease:'none',immediateRender:false,scrollTrigger:{trigger:hero,start:'top top',end:'bottom top',scrub:true}});\n      g.fromTo('#hrContent',{yPercent:0,autoAlpha:1},{yPercent:-18,autoAlpha:0,ease:'none',immediateRender:false,scrollTrigger:{trigger:hero,start:'top top',end:'65% top',scrub:true}});\n      g.fromTo('#hrInfo',{autoAlpha:1},{autoAlpha:0,ease:'none',immediateRender:false,scrollTrigger:{trigger:hero,start:'top top',end:'40% top',scrub:true}});\n    }\n    var intro=parseFloat(getComputedStyle(root).getPropertyValue('--t'))||0;\n    g.delayedCall(intro+1.2,function(){started=true;kenburns();progress();sync();load(1);});\n    caption(0,false);\n  }\n\n  function boot(){\n    if(window.gsap)return init(window.gsap);\n    var tries=0,t=setInterval(function(){\n      if(window.gsap){clearInterval(t);return init(window.gsap);}\n      if(++tries>15){clearInterval(t);\n        var a=document.createElement('script');a.src='https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.0\/gsap.min.js';\n        a.onload=function(){var b=document.createElement('script');b.src='https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.0\/ScrollTrigger.min.js';b.onload=b.onerror=function(){init(window.gsap);};document.head.appendChild(b);};\n        document.head.appendChild(a);}\n    },120);\n  }\n  boot();\n  mqM.addEventListener&&mqM.addEventListener('change',function(){cache={};img.src=R+'hr-'+S[idx][0]+'.webp';});\n})();\n<\/script>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a1166aa e-con-full e-flex e-con e-parent\" data-id=\"a1166aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dee2e2a elementor-widget elementor-widget-html\" data-id=\"dee2e2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  FRANJA DE CONFIANZA (bloque de la portada) \u00b7 Studio Tablas \u00b7 v1 DEFINITIVO \u00b7 01-10-2026\n  D\u00d3NDE: en la home, justo DESPU\u00c9S DEL HERO y antes de la tienda. Widget \u00abHTML\u00bb a ancho completo y sin relleno. Prefijo hf-. Sin JavaScript.\n  TEXTOS DE CLAUDE A REVISAR: los 4 datos (\u00abHecho en nuestro taller \u00b7 Granada\u00bb, \u00abMadera maciza \u00b7 Medidas adaptadas a tu espacio\u00bb,\n                              \u00abEnv\u00edos a Europa y EE. UU. \u00b7 Gratis desde 600 \u20ac\u00bb, \u00abMuestras en casa \u00b7 45 \u20ac, descontables del pedido\u00bb).\n-->\n<style>\n@font-face{font-family:'hf-satoshi';font-weight:400;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Regular.woff2\") format(\"woff2\");}\n@font-face{font-family:'hf-satoshi';font-weight:500;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Medium.woff2\") format(\"woff2\");}\n.elementor-widget-html:has(#hf-band){width:100%!important;max-width:100%!important;flex:1 1 100%!important;}\n.e-con:has(> .elementor-widget-html #hf-band){padding:0!important;}\n#hf-band{--cream:#F4F1EA;--ink:#26241F;--text:#4A463F;--mute:#8C877E;--line:rgba(38,36,31,.14);--ease:cubic-bezier(.2,.7,.2,1);\n  font-family:'hf-satoshi','Satoshi',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;background:var(--cream);color:var(--ink);line-height:1.4;text-align:left;-webkit-font-smoothing:antialiased;border-bottom:1px solid var(--line);}\n#hf-band *,#hf-band *::before,#hf-band *::after{box-sizing:border-box;}\n#hf-band a{color:inherit;text-decoration:none;}\n#hf-band a:visited{color:inherit;}\n#hf-band ul,#hf-band p{margin:0;padding:0;list-style:none;}\n#hf-band :focus-visible{outline:2px solid var(--ink);outline-offset:-2px;}\n#hf-band ul{max-width:1440px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}\n#hf-band li{border-left:1px solid var(--line);}\n#hf-band li:first-child{border-left:0;}\n#hf-band .hf-it{display:flex;align-items:center;gap:16px;height:100%;padding:30px 24px;transition:background .35s var(--ease);}\n#hf-band li:first-child .hf-it{padding-left:0;}\n#hf-band svg{flex:none;width:30px;height:30px;fill:none;stroke:var(--ink);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;}\n#hf-band b{display:block;font-size:15px;font-weight:500;}\n#hf-band span{display:block;font-size:13px;color:var(--mute);margin-top:2px;}\n#hf-band a.hf-it span{display:inline-flex;gap:6px;transition:color .3s var(--ease);}\n#hf-band a.hf-it:hover span{color:var(--ink);}\n#hf-band a.hf-it i{font-style:normal;transition:transform .4s var(--ease);}\n#hf-band a.hf-it:hover i{transform:rotate(45deg);}\n@media (max-width:1100px){\n  #hf-band ul{padding:0 24px;grid-template-columns:repeat(2,minmax(0,1fr));}\n  #hf-band li:nth-child(3){border-left:0;}\n  #hf-band li:nth-child(n+3){border-top:1px solid var(--line);}\n  #hf-band li:nth-child(3) .hf-it{padding-left:0;}\n}\n@media (max-width:640px){\n  #hf-band ul{padding:0 18px;}\n  #hf-band .hf-it{flex-direction:column;align-items:flex-start;gap:12px;padding:22px 14px;}\n  #hf-band li:nth-child(odd) .hf-it{padding-left:0;}\n  #hf-band svg{width:26px;height:26px;}\n  #hf-band b{font-size:14px;}\n  #hf-band span{font-size:12.5px;}\n  #hf-band a.hf-it i{display:none;}\n}\n@media (prefers-reduced-motion:reduce){#hf-band *{transition-duration:.01ms!important;}}\n<\/style>\n<section id=\"hf-band\" aria-label=\"Por qu\u00e9 Studio Tablas\">\n  <ul>\n    <li><div class=\"hf-it\">\n      <svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><path d=\"M4 28V13l12-8 12 8v15\"\/><path d=\"M4 28h24\"\/><path d=\"M12 28v-9h8v9\"\/><path d=\"M9 16h2M21 16h2\"\/><\/svg>\n      <p><b>Hecho en nuestro taller<\/b><span>Granada, Espa\u00f1a<\/span><\/p>\n    <\/div><\/li>\n    <li><div class=\"hf-it\">\n      <svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><path d=\"M4 9h24v14H4z\"\/><path d=\"M4 16c5-2 9 2 14 0s7-2 10 0\"\/><path d=\"M4 12c6-1.5 10 1.5 15-.5\"\/><path d=\"M9 20c4-1 8 1 13-.5\"\/><\/svg>\n      <p><b>Madera maciza<\/b><span>Medidas adaptadas a tu espacio<\/span><\/p>\n    <\/div><\/li>\n    <li><div class=\"hf-it\">\n      <svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><path d=\"M3 9h16v13H3z\"\/><path d=\"M19 13h6l4 5v4h-10\"\/><circle cx=\"8\" cy=\"24\" r=\"2.5\"\/><circle cx=\"24\" cy=\"24\" r=\"2.5\"\/><\/svg>\n      <p><b>Env\u00edos a Europa y EE. UU.<\/b><span>Gratis desde 600 \u20ac<\/span><\/p>\n    <\/div><\/li>\n    <li><a class=\"hf-it\" href=\"\/producto\/muestras-madera-maciza\/\">\n      <svg viewBox=\"0 0 32 32\" aria-hidden=\"true\"><path d=\"M5 11l11-6 11 6v11l-11 6-11-6z\"\/><path d=\"M5 11l11 6 11-6M16 17v11\"\/><\/svg>\n      <p><b>Muestras en casa<\/b><span>45 \u20ac, descontables del pedido <i aria-hidden=\"true\">\u2197<\/i><\/span><\/p>\n    <\/a><\/li>\n  <\/ul>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b5f674 e-con-full e-flex e-con e-parent\" data-id=\"4b5f674\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c78dbc4 elementor-widget elementor-widget-html\" data-id=\"c78dbc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  MESAS EXTENSIBLES (bloque de la portada) \u00b7 Studio Tablas \u00b7 v2 DEFINITIVO \u00b7 22-10-2026\n  D\u00d3NDE: en la home, entre la franja de confianza y la tienda. Widget \u00abHTML\u00bb a ancho completo y sin relleno. Prefijo hx-.\n  QU\u00c9 HACE (v2): el scroll vertical es normal (ya no se queda fija). La mesa se abre cerrada \u2192 1 \u2192 2 extensiones\n    deslizando la foto (dedo, rat\u00f3n o gesto lateral del trackpad), con las flechas \u2039 \u203a, con los botones 01\/02\/03 o con el teclado.\n    Las fotos cenitales cambian con un barrido circular, el plano t\u00e9cnico se abre a la vez y la cota cuenta los cent\u00edmetros.\n    Despu\u00e9s, dos tarjetas MODE \/ NORMA con precio \u00abDesde\u00bb en vivo (Store API de WooCommerce).\n  GSAP: solo para la entrada del titular y las tarjetas (si no est\u00e1, se ven sin animar). La mesa no depende de GSAP.\n  M\u00d3VIL: deslizar en horizontal abre\/cierra; deslizar en vertical sigue bajando la p\u00e1gina. \u00abReducir movimiento\u00bb: cambios sin transici\u00f3n.\n  LiteSpeed: el script lleva data-no-optimize=\"1\".\n  IM\u00c1GENES: ya subidas (uploads\/2026\/10\/hx-*.webp). C\u00d3MO CAMBIARLO: en la home, abrir el widget HTML de esta secci\u00f3n, borrar todo y pegar este c\u00f3digo. Purgar LiteSpeed.\n  TEXTOS DE CLAUDE A REVISAR: titular, entradilla, nombres de las fases, textos de las tarjetas y la nota de medidas.\n    Comensales 4 \u00b7 6 \u00b7 8 = las sillas de las fotos (confirmar).\n-->\n<style>\n@font-face{font-family:'hx-satoshi';font-weight:300;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Light.woff2\") format(\"woff2\");}\n@font-face{font-family:'hx-satoshi';font-weight:400;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Regular.woff2\") format(\"woff2\");}\n@font-face{font-family:'hx-satoshi';font-weight:500;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Medium.woff2\") format(\"woff2\");}\n.elementor-widget-html:has(#hx-root){width:100%!important;max-width:100%!important;flex:1 1 100%!important;overflow:visible!important;}\n.e-con:has(> .elementor-widget-html #hx-root),.e-con:has(> .elementor-widget-html #hx-root) > .e-con-inner{padding:0!important;overflow:visible!important;}\n#hx-root{--cream:#F4F1EA;--paper:#FAF8F3;--sand:#E8E3D8;--ink:#26241F;--dark:#1E2124;--text:#4A463F;--mute:#8C877E;--line:rgba(38,36,31,.14);--line2:rgba(38,36,31,.3);--ease:cubic-bezier(.2,.7,.2,1);\n  font-family:'hx-satoshi','Satoshi',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;background:var(--cream);color:var(--ink);line-height:1.5;text-align:left;-webkit-font-smoothing:antialiased;overflow-x:clip;position:relative;}\n#hx-root *,#hx-root *::before,#hx-root *::after{box-sizing:border-box;}\n#hx-root a{color:inherit;text-decoration:none;}\n#hx-root h2,#hx-root h3,#hx-root p,#hx-root ol,#hx-root ul,#hx-root figure{margin:0;padding:0;list-style:none;font-family:inherit;}\n#hx-root img{display:block;max-width:100%;}\n#hx-root button{font-family:inherit;}\n#hx-root :focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px;}\n#hx-root .hx-wrap{max-width:1440px;margin:0 auto;padding-left:40px;padding-right:40px;}\n#hx-root .hx-eb{display:block;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);}\n#hx-root .hx-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}\n\n\/* \u2500\u2500 entrada \u2500\u2500 *\/\n#hx-root .hx-intro{padding-top:120px;padding-bottom:40px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:60px;align-items:end;}\n#hx-root .hx-intro h2{font-size:clamp(38px,5vw,78px);line-height:.98;font-weight:300;letter-spacing:-.035em;margin-top:18px;color:var(--ink);}\n#hx-root .hx-intro h2 em{font-style:normal;color:var(--mute);}\n#hx-root .hx-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em;}\n#hx-root .hx-w > span{display:inline-block;will-change:transform;}\n#hx-root .hx-lead{font-size:16px;line-height:1.65;color:var(--text);max-width:440px;padding-bottom:8px;}\n\n\/* \u2500\u2500 escena (sin fijar: el scroll vertical sigue) \u2500\u2500 *\/\n#hx-root .hx-track{position:relative;}\n#hx-root .hx-sticky{position:relative;padding:30px 0 70px;}\n#hx-root .hx-grid{width:100%;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:center;}\n#hx-root .hx-copy{display:flex;flex-direction:column;gap:34px;}\n#hx-root .hx-steps{display:flex;flex-direction:column;border-top:1px solid var(--line);}\n#hx-root .hx-step{appearance:none;background:none;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:44px 1fr auto;align-items:baseline;gap:10px;width:100%;padding:18px 0;text-align:left;cursor:pointer;color:var(--mute);transition:color .5s var(--ease);position:relative;}\n#hx-root .hx-step::after{content:\"\";position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--ink);transition:width .8s var(--ease);}\n#hx-root .hx-step.is-on{color:var(--ink);}\n#hx-root .hx-step.is-on::after{width:100%;}\n#hx-root .hx-step i{font-style:normal;font-size:12px;letter-spacing:.12em;color:inherit;}\n#hx-root .hx-step b{font-weight:400;font-size:clamp(18px,1.6vw,24px);letter-spacing:-.01em;color:inherit;}\n#hx-root .hx-step small{font-size:13px;color:inherit;}\n#hx-root .hx-meter{display:flex;align-items:flex-end;gap:36px;}\n#hx-root .hx-num{display:flex;align-items:baseline;gap:8px;color:var(--ink);}\n#hx-root .hx-num b{font-weight:300;font-size:clamp(64px,7vw,112px);line-height:.9;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--ink);}\n#hx-root .hx-num span{font-size:18px;color:var(--mute);}\n#hx-root .hx-pax{padding-bottom:10px;}\n#hx-root .hx-pax b{display:block;font-weight:400;font-size:28px;line-height:1;margin-top:8px;color:var(--ink);font-variant-numeric:tabular-nums;}\n#hx-root .hx-note{font-size:13px;line-height:1.6;color:var(--mute);max-width:420px;}\n\n#hx-root .hx-stage{position:relative;aspect-ratio:1\/1;width:100%;max-width:760px;justify-self:end;border-radius:4px;overflow:hidden;background:var(--sand);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;}\n#hx-root .hx-stage.is-drag{cursor:grabbing;}\n#hx-root .hx-stage img{pointer-events:none;-webkit-user-drag:none;}\n#hx-root .hx-arrow{position:absolute;top:50%;z-index:3;width:46px;height:46px;margin-top:-23px;border-radius:50%;border:0;background:rgba(250,248,243,.9);color:var(--ink);font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 18px rgba(30,33,36,.18);transition:opacity .4s var(--ease),transform .4s var(--ease);}\n#hx-root .hx-arrow:hover{transform:scale(1.06);}\n#hx-root .hx-arrow[disabled]{opacity:0;pointer-events:none;}\n#hx-root .hx-prev{left:16px;} #hx-root .hx-next{right:16px;}\n#hx-root .hx-hint{position:absolute;right:16px;bottom:16px;z-index:3;display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:30px;background:rgba(30,33,36,.72);color:#FAF8F3;font-size:12.5px;letter-spacing:.02em;pointer-events:none;transition:opacity .6s var(--ease),transform .6s var(--ease);}\n#hx-root .hx-hint i{display:inline-block;font-style:normal;animation:hx-nudge 1.6s var(--ease) infinite;}\n#hx-root .hx-hint.is-off{opacity:0;transform:translateY(8px);}\n@keyframes hx-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}\n#hx-root .hx-ph{position:absolute;inset:0;}\n#hx-root .hx-ph img{width:100%;height:100%;object-fit:cover;transform:scale(var(--hx-z,1.06));transform-origin:50% 50%;will-change:transform;}\n#hx-root .hx-ph:nth-child(2){clip-path:inset(50% 0 50% 0);}\n#hx-root .hx-ph:nth-child(3){clip-path:inset(0 50% 0 50%);}\n#hx-root .hx-stage::after{content:\"\";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(30,33,36,0) 55%,rgba(30,33,36,.28));}\n#hx-root .hx-plan{position:absolute;left:16px;bottom:16px;z-index:2;width:min(34%,250px);background:rgba(250,248,243,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;padding:10px 12px 8px;}\n#hx-root .hx-plan .hx-eb{font-size:10px;color:var(--mute);}\n#hx-root .hx-plan svg{display:block;width:100%;height:auto;margin-top:6px;overflow:visible;}\n#hx-root .hx-plan .hx-pl{fill:var(--paper);stroke:var(--ink);stroke-width:.9;vector-effect:non-scaling-stroke;}\n#hx-root .hx-plan .hx-lf{fill:var(--sand);stroke:var(--ink);stroke-width:.9;vector-effect:non-scaling-stroke;}\n#hx-root .hx-plan .hx-rail{stroke:var(--mute);stroke-width:.8;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;fill:none;}\n#hx-root .hx-plan .hx-cota{stroke:var(--ink);stroke-width:.8;vector-effect:non-scaling-stroke;fill:none;}\n#hx-root .hx-plan text{font-family:inherit;font-size:9px;fill:var(--ink);letter-spacing:.04em;}\n#hx-root .hx-plan .hx-lt{font-size:7px;fill:var(--text);}\n#hx-root .hx-bar{position:absolute;right:18px;top:18px;z-index:2;display:flex;gap:6px;}\n#hx-root .hx-bar i{display:block;width:34px;height:2px;background:rgba(250,248,243,.45);position:relative;overflow:hidden;}\n#hx-root .hx-bar i span{position:absolute;inset:0;background:#FAF8F3;transform:scaleX(0);transform-origin:0 50%;}\n\n\/* \u2500\u2500 MODE \/ NORMA \u2500\u2500 *\/\n#hx-root .hx-pair{padding-top:40px;padding-bottom:120px;}\n#hx-root .hx-pair-h{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:28px;}\n#hx-root .hx-pair-h h3{font-size:clamp(24px,2.4vw,34px);font-weight:300;letter-spacing:-.02em;line-height:1.1;margin-top:12px;color:var(--ink);}\n#hx-root .hx-pair-h h3 em{font-style:normal;color:var(--mute);}\n#hx-root .hx-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px;}\n#hx-root .hx-card{display:flex;flex-direction:column;background:var(--paper);border-radius:4px;overflow:hidden;color:var(--ink);}\n#hx-root .hx-card-img{position:relative;aspect-ratio:4\/3;overflow:hidden;background:#EEEBE5;}\n#hx-root .hx-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease);}\n#hx-root .hx-card:hover .hx-card-img img{transform:scale(1.04);}\n#hx-root .hx-card-img .hx-eb{position:absolute;left:20px;top:18px;color:var(--mute);}\n#hx-root .hx-card-body{padding:24px 26px 26px;display:flex;flex-direction:column;gap:14px;flex:1;}\n#hx-root .hx-card h4{margin:0;font-family:inherit;font-weight:400;font-size:24px;letter-spacing:-.015em;line-height:1.15;color:var(--ink);}\n#hx-root .hx-card p{font-size:14px;line-height:1.6;color:var(--text);max-width:460px;}\n#hx-root .hx-legs{border-top:1px solid var(--line);padding-top:14px;margin-top:2px;}\n#hx-root .hx-legs img{width:100%;height:auto;mix-blend-mode:multiply;opacity:.9;}\n#hx-root .hx-card-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:8px;}\n#hx-root .hx-price{font-size:14px;color:var(--mute);}\n#hx-root .hx-price b{font-weight:500;color:var(--ink);font-size:16px;margin-left:4px;}\n#hx-root .hx-btn{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:500;padding:12px 14px 12px 20px;border-radius:40px;background:var(--ink);color:var(--cream)!important;transition:background .3s var(--ease);}\n#hx-root .hx-btn span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--cream);color:var(--ink);font-size:13px;transition:transform .4s var(--ease);}\n#hx-root .hx-card:hover .hx-btn{background:var(--dark);}\n#hx-root .hx-card:hover .hx-btn span{transform:rotate(45deg);}\n\n\/* \u2500\u2500 tablet y m\u00f3vil \u2500\u2500 *\/\n@media (max-width:1024px){\n  #hx-root .hx-wrap{padding-left:24px;padding-right:24px;}\n  #hx-root .hx-intro{grid-template-columns:1fr;gap:20px;padding-top:90px;padding-bottom:10px;}\n  #hx-root .hx-sticky{padding:16px 0 50px;}\n  #hx-root .hx-grid{grid-template-columns:1fr;gap:16px;padding-top:12px;}\n  #hx-root .hx-copy{order:2;gap:14px;}\n  #hx-root .hx-steps{flex-direction:row;border-top:0;gap:6px;}\n  #hx-root .hx-step{grid-template-columns:auto;gap:2px;border:1px solid var(--line);border-radius:30px;padding:8px 12px;justify-items:start;flex:1;}\n  #hx-root .hx-step::after{display:none;}\n  #hx-root .hx-step.is-on{background:var(--ink);color:var(--cream);border-color:var(--ink);}\n  #hx-root .hx-step i{display:none;}\n  #hx-root .hx-step b{font-size:13px;font-weight:500;}\n  #hx-root .hx-step small{display:none;}\n  #hx-root .hx-meter{gap:24px;}\n  #hx-root .hx-num b{font-size:56px;}\n  #hx-root .hx-pax b{font-size:22px;}\n  #hx-root .hx-note{font-size:12px;}\n  #hx-root .hx-stage{order:1;justify-self:center;max-width:100%;}\n  #hx-root .hx-arrow{width:38px;height:38px;margin-top:-19px;font-size:17px;}\n  #hx-root .hx-prev{left:8px;} #hx-root .hx-next{right:8px;}\n  #hx-root .hx-hint{right:8px;bottom:8px;font-size:11.5px;padding:7px 11px;}\n  #hx-root .hx-plan{width:38%;left:8px;bottom:8px;padding:6px 8px 4px;}\n  #hx-root .hx-plan .hx-eb{display:none;}\n  #hx-root .hx-cards{grid-template-columns:1fr;gap:18px;}\n  #hx-root .hx-pair{padding-bottom:80px;}\n  #hx-root .hx-pair-h{flex-direction:column;align-items:flex-start;gap:6px;}\n}\n@media (max-width:420px){\n  #hx-root .hx-card-body{padding:20px;}\n  #hx-root .hx-card-foot{flex-direction:column;align-items:flex-start;}\n}\n@media (hover:none){\n  #hx-root .hx-card:hover .hx-card-img img{transform:none;}\n  #hx-root .hx-card:hover .hx-btn span{transform:none;}\n}\n\/* sin animaci\u00f3n: secci\u00f3n normal, los botones cambian la mesa *\/\n@media (prefers-reduced-motion:reduce){\n  #hx-root .hx-ph img{transform:none;}\n  #hx-root .hx-hint i{animation:none;}\n  #hx-root .hx-step::after{transition:none;}\n}\n<\/style>\n\n<section id=\"hx-root\" aria-labelledby=\"hx-title\">\n  <div class=\"hx-wrap hx-intro\">\n    <div>\n      <span class=\"hx-eb\">\u21b3 MODE \u00b7 NORMA<\/span>\n      <h2 id=\"hx-title\"><span class=\"hx-split\">Mesas extensibles de madera maciza.<\/span> <em class=\"hx-split\">Redondas a diario, ovaladas cuando hay invitados.<\/em><\/h2>\n    <\/div>\n    <p class=\"hx-lead\">MODE y NORMA pasan de redondas a ovaladas con extensiones de 45&nbsp;cm. Desliza la foto o pulsa en las extensiones para ver c\u00f3mo crece.<\/p>\n  <\/div>\n\n  <div class=\"hx-track\" id=\"hxTrack\">\n    <div class=\"hx-sticky\">\n      <div class=\"hx-wrap hx-grid\">\n        <div class=\"hx-copy\">\n          <ol class=\"hx-steps\" aria-label=\"Posiciones de la mesa\">\n            <li style=\"display:contents\"><button type=\"button\" class=\"hx-step is-on\" data-k=\"0\" aria-pressed=\"true\"><i>01<\/i><b>Cerrada<\/b><small>Redonda<\/small><\/button><\/li>\n            <li style=\"display:contents\"><button type=\"button\" class=\"hx-step\" data-k=\"1\" aria-pressed=\"false\"><i>02<\/i><b>1 extensi\u00f3n<\/b><small>+45 cm<\/small><\/button><\/li>\n            <li style=\"display:contents\"><button type=\"button\" class=\"hx-step\" data-k=\"2\" aria-pressed=\"false\"><i>03<\/i><b>2 extensiones<\/b><small>+90 cm<\/small><\/button><\/li>\n          <\/ol>\n          <div class=\"hx-meter\" aria-hidden=\"true\">\n            <div><span class=\"hx-eb\">Largo<\/span><div class=\"hx-num\"><b id=\"hxLen\">120<\/b><span>cm<\/span><\/div><\/div>\n            <div class=\"hx-pax\"><span class=\"hx-eb\">Comensales<\/span><b id=\"hxPax\">4<\/b><\/div>\n          <\/div>\n          <p class=\"hx-note\">Ejemplo con la mesa de 120&nbsp;cm de di\u00e1metro. Las de 120 y 130&nbsp;cm admiten hasta 3 extensiones y llegan a 265&nbsp;cm.<\/p>\n          <p class=\"hx-sr\" aria-live=\"polite\" id=\"hxLive\"><\/p>\n        <\/div>\n\n        <div class=\"hx-stage\" id=\"hxStage\" tabindex=\"0\" role=\"group\" aria-roledescription=\"mesa interactiva\" aria-label=\"Mesa extensible: desliza o usa las flechas para abrirla y cerrarla\">\n          <figure class=\"hx-ph\"><img src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/hx-planta-1.webp\" srcset=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/hx-planta-1-m.webp 900w, https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/hx-planta-1.webp 1600w\" sizes=\"(max-width:1024px) 92vw, 760px\" width=\"1600\" height=\"1600\" alt=\"Mesa redonda extensible cerrada vista desde arriba, con cuatro sillas\" decoding=\"async\" title=\"\"><\/figure>\n          <figure class=\"hx-ph\"><img loading=\"lazy\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/hx-planta-2.webp\" srcset=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/hx-planta-2-m.webp 900w, https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/hx-planta-2.webp 1600w\" sizes=\"auto, (max-width:1024px) 92vw, 760px\" width=\"1600\" height=\"1600\" alt=\"La misma mesa con una extensi\u00f3n, ovalada, con seis sillas\" decoding=\"async\" loading=\"lazy\" title=\"\"><\/figure>\n          <figure class=\"hx-ph\"><img loading=\"lazy\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/hx-planta-3.webp\" srcset=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/hx-planta-3-m.webp 900w, https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/hx-planta-3.webp 1600w\" sizes=\"auto, (max-width:1024px) 92vw, 760px\" width=\"1600\" height=\"1600\" alt=\"La misma mesa con dos extensiones, ovalada y larga, con ocho sillas\" decoding=\"async\" loading=\"lazy\" title=\"\"><\/figure>\n          <button type=\"button\" class=\"hx-arrow hx-prev\" id=\"hxPrev\" aria-label=\"Cerrar una extensi\u00f3n\" disabled>\u2039<\/button>\n          <button type=\"button\" class=\"hx-arrow hx-next\" id=\"hxNext\" aria-label=\"Abrir una extensi\u00f3n\">\u203a<\/button>\n          <span class=\"hx-hint\" id=\"hxHint\" aria-hidden=\"true\">Desliza para abrirla <i>\u2192<\/i><\/span>\n          <div class=\"hx-bar\" aria-hidden=\"true\"><i><span><\/span><\/i><i><span><\/span><\/i><i><span><\/span><\/i><\/div>\n          <div class=\"hx-plan\" aria-hidden=\"true\">\n            <span class=\"hx-eb\">Planta \u00b7 cotas en cm<\/span>\n            <svg viewBox=\"-140 -96 280 170\" preserveAspectRatio=\"xMidYMid meet\">\n              <path class=\"hx-cota\" id=\"hxCota\" d=\"\"\/>\n              <text id=\"hxCotaT\" x=\"0\" y=\"-84\" text-anchor=\"middle\">120<\/text>\n              <line class=\"hx-rail\" id=\"hxRail\" x1=\"-70\" y1=\"0\" x2=\"70\" y2=\"0\"\/>\n              <rect class=\"hx-lf\" id=\"hxL1\" x=\"0\" y=\"-60\" width=\"0\" height=\"120\"\/>\n              <rect class=\"hx-lf\" id=\"hxL2\" x=\"0\" y=\"-60\" width=\"0\" height=\"120\"\/>\n              <text class=\"hx-lt\" id=\"hxL1t\" x=\"0\" y=\"74\" text-anchor=\"middle\" opacity=\"0\">45<\/text>\n              <text class=\"hx-lt\" id=\"hxL2t\" x=\"0\" y=\"74\" text-anchor=\"middle\" opacity=\"0\">45<\/text>\n              <path class=\"hx-pl\" id=\"hxHL\" d=\"\"\/>\n              <path class=\"hx-pl\" id=\"hxHR\" d=\"\"\/>\n            <\/svg>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"hx-wrap hx-pair\">\n    <div class=\"hx-pair-h\">\n      <div><span class=\"hx-eb\">\u21b3 Dos formas de apoyarse<\/span><h3>Mismo tablero y mismo mecanismo. <em>Cambian las patas.<\/em><\/h3><\/div>\n    <\/div>\n    <div class=\"hx-cards\">\n      <a class=\"hx-card\" href=\"https:\/\/studiotablas.com\/producto\/mesa-redonda-extensible-mode\/\" data-id=\"4073\">\n        <div class=\"hx-card-img\"><img loading=\"lazy\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/hx-mode.webp\" width=\"1000\" height=\"1000\" alt=\"Mesa redonda extensible MODE de madera maciza, patas diagonales\" loading=\"lazy\" decoding=\"async\" title=\"\"><span class=\"hx-eb\">01 \u00b7 MODE<\/span><\/div>\n        <div class=\"hx-card-body\">\n          <h4>Mesa redonda extensible MODE<\/h4>\n          <p>Patas diagonales que salen del centro. Dejan libre todo el borde de la mesa para sentarse sin tropezar con ninguna.<\/p>\n          <div class=\"hx-legs\"><img loading=\"lazy\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/hx-patas-mode.webp\" width=\"1200\" height=\"332\" alt=\"\" loading=\"lazy\" decoding=\"async\" title=\"\"><\/div>\n          <div class=\"hx-card-foot\"><span class=\"hx-price\" hidden><span>Desde<\/span> <b><\/b><\/span><span class=\"hx-btn\">Configurar MODE <span aria-hidden=\"true\">\u2197<\/span><\/span><\/div>\n        <\/div>\n      <\/a>\n      <a class=\"hx-card\" href=\"https:\/\/studiotablas.com\/producto\/mesa-redonda-extensible-norma\/\" data-id=\"3951\">\n        <div class=\"hx-card-img\"><img loading=\"lazy\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/hx-norma.webp\" width=\"1000\" height=\"1000\" alt=\"Mesa redonda extensible NORMA de madera maciza, patas verticales\" loading=\"lazy\" decoding=\"async\" title=\"\"><span class=\"hx-eb\">02 \u00b7 NORMA<\/span><\/div>\n        <div class=\"hx-card-body\">\n          <h4>Mesa redonda extensible NORMA<\/h4>\n          <p>Patas verticales con m\u00e1s presencia. Una mesa de aire arquitect\u00f3nico, firme y serena.<\/p>\n          <div class=\"hx-legs\"><img loading=\"lazy\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/hx-patas-norma.webp\" width=\"1200\" height=\"332\" alt=\"\" loading=\"lazy\" decoding=\"async\" title=\"\"><\/div>\n          <div class=\"hx-card-foot\"><span class=\"hx-price\" hidden><span>Desde<\/span> <b><\/b><\/span><span class=\"hx-btn\">Configurar NORMA <span aria-hidden=\"true\">\u2197<\/span><\/span><\/div>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script data-no-optimize=\"1\" id=\"hx-js\">\n(function(){\n  var root=document.getElementById('hx-root');if(!root||root.dataset.ready)return;root.dataset.ready='1';\n  var $=function(id){return document.getElementById(id);};\n  var stage=$('hxStage'),phs=root.querySelectorAll('.hx-ph'),steps=root.querySelectorAll('.hx-step'),bars=root.querySelectorAll('.hx-bar span'),hint=$('hxHint'),prev=$('hxPrev'),next=$('hxNext');\n  var reduce=matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var D=120,EXT=45,PAX=[4,6,8],NAMES=['Cerrada','1 extensi\u00f3n','2 extensiones'];\n  var cur=-1,n=0,anim=null,touched=false;\n\n  function clamp(v,a,b){a=a||0;b=b==null?1:b;return v<a?a:v>b?b:v;}\n  function ease(t){return t<.5?4*t*t*t:1-Math.pow(-2*t+2,3)\/2;}\n  function draw(n){\n    var g=EXT*n,h=g\/2,r=D\/2;\n    $('hxHL').setAttribute('d','M'+(-h)+' '+(-r)+' A'+r+' '+r+' 0 0 0 '+(-h)+' '+r+' Z');\n    $('hxHR').setAttribute('d','M'+h+' '+(-r)+' A'+r+' '+r+' 0 0 1 '+h+' '+r+' Z');\n    var w1=Math.min(g,EXT),w2=Math.max(0,Math.min(g-EXT,EXT));\n    var l1=$('hxL1'),l2=$('hxL2');\n    l1.setAttribute('x',-h);l1.setAttribute('width',w1);\n    l2.setAttribute('x',-h+EXT);l2.setAttribute('width',w2);\n    var t1=$('hxL1t'),t2=$('hxL2t');\n    t1.setAttribute('x',-h+w1\/2);t1.setAttribute('opacity',w1>30?1:0);\n    t2.setAttribute('x',-h+EXT+w2\/2);t2.setAttribute('opacity',w2>30?1:0);\n    var L=h+r,y=-74;\n    $('hxCota').setAttribute('d','M'+(-L)+' '+y+' H'+L+' M'+(-L)+' '+(y-5)+' V'+(y+5)+' M'+L+' '+(y-5)+' V'+(y+5)+' M'+(-L)+' '+(y+8)+' V-62 M'+L+' '+(y+8)+' V-62');\n    var len=Math.round(D+g);\n    $('hxCotaT').textContent=len;$('hxLen').textContent=len;\n    var rl=$('hxRail');rl.setAttribute('x1',-(L+12));rl.setAttribute('x2',L+12);\n  }\n  function setStep(k,announce){\n    if(k!==cur){cur=k;\n      for(var i=0;i<steps.length;i++){var on=i===k;steps[i].classList.toggle('is-on',on);steps[i].setAttribute('aria-pressed',on?'true':'false');}\n      $('hxPax').textContent=PAX[k];\n      prev.disabled=k===0;next.disabled=k===2;\n    }\n    if(announce)$('hxLive').textContent=NAMES[k]+': '+(D+EXT*k)+' cm, '+PAX[k]+' comensales.';\n  }\n  function render(v){\n    n=clamp(v,0,2);draw(n);\n    var t1=ease(clamp((n-.25)\/.5)),t2=ease(clamp((n-1.25)\/.5));\n    var a=(1-t1)*50,b=(1-t2)*50;\n    phs[1].style.clipPath='inset('+a+'% 0 '+a+'% 0)';\n    phs[2].style.clipPath='inset(0 '+b+'% 0 '+b+'%)';\n    var z=reduce?1:1.04-.02*n;for(var i=0;i<phs.length;i++)phs[i].style.setProperty('--hx-z',z);\n    bars[0].style.transform='scaleX(1)';\n    bars[1].style.transform='scaleX('+clamp(n)+')';\n    bars[2].style.transform='scaleX('+clamp(n-1)+')';\n    setStep(Math.round(n),false);\n  }\n  function go(target,ms){\n    target=clamp(target,0,2);if(anim)cancelAnimationFrame(anim);\n    if(reduce){render(target);return;}\n    var from=n,t0=performance.now(),dur=ms||Math.max(380,Math.abs(target-from)*650);\n    (function f(now){var t=clamp((now-t0)\/dur);render(from+(target-from)*ease(t));if(t<1)anim=requestAnimationFrame(f);else anim=null;})(t0);\n  }\n  function goStep(k){touch();go(k);setStep(k,true);}\n  function touch(){if(!touched){touched=true;hint.classList.add('is-off');}}\n\n  \/* botones 01\/02\/03 y flechas *\/\n  for(var i=0;i<steps.length;i++)steps[i].addEventListener('click',function(){goStep(+this.getAttribute('data-k'));});\n  prev.addEventListener('click',function(e){e.stopPropagation();goStep(Math.max(0,Math.round(n)-1));});\n  next.addEventListener('click',function(e){e.stopPropagation();goStep(Math.min(2,Math.round(n)+1));});\n  stage.addEventListener('keydown',function(e){\n    if(e.key==='ArrowRight'){e.preventDefault();goStep(Math.min(2,Math.round(n)+1));}\n    else if(e.key==='ArrowLeft'){e.preventDefault();goStep(Math.max(0,Math.round(n)-1));}\n  });\n\n  \/* arrastrar: horizontal abre\/cierra, vertical deja bajar la p\u00e1gina *\/\n  var drag=null;\n  stage.addEventListener('pointerdown',function(e){\n    if(e.target.closest('.hx-arrow')||e.button>0)return;\n    drag={x:e.clientX,y:e.clientY,n0:n,on:false,id:e.pointerId,t:performance.now(),lx:e.clientX};\n  });\n  stage.addEventListener('pointermove',function(e){\n    if(!drag||e.pointerId!==drag.id)return;\n    var dx=e.clientX-drag.x,dy=e.clientY-drag.y;\n    if(!drag.on){\n      if(Math.abs(dx)<8||Math.abs(dx)<Math.abs(dy))return;\n      drag.on=true;stage.classList.add('is-drag');try{stage.setPointerCapture(e.pointerId);}catch(_){}\n      if(anim){cancelAnimationFrame(anim);anim=null;}touch();\n    }\n    drag.v=(e.clientX-drag.lx)\/Math.max(1,performance.now()-drag.t);drag.lx=e.clientX;drag.t=performance.now();\n    \/* deslizar hacia la izquierda = siguiente (como un carrusel) *\/\n    render(drag.n0-dx\/(stage.clientWidth*.55));\n  });\n  function end(){\n    if(!drag)return;var d=drag;drag=null;stage.classList.remove('is-drag');\n    if(!d.on)return;\n    var k=Math.round(n);\n    if(Math.abs(d.v||0)>.35){k=(d.v<0)?Math.ceil(n-.001):Math.floor(n+.001);}\n    goStep(clamp(k,0,2));\n  }\n  stage.addEventListener('pointerup',end);stage.addEventListener('pointercancel',end);stage.addEventListener('lostpointercapture',end);\n\n  \/* trackpad \/ rueda horizontal (solo si el gesto es claramente lateral) *\/\n  var wt=null,acc=0;\n  stage.addEventListener('wheel',function(e){\n    var dx=e.deltaX||(e.shiftKey?e.deltaY:0);\n    if(Math.abs(dx)<=Math.abs(e.shiftKey?0:e.deltaY))return;\n    e.preventDefault();touch();if(anim){cancelAnimationFrame(anim);anim=null;}\n    render(n+dx\/600);\n    clearTimeout(wt);wt=setTimeout(function(){var k=Math.round(n);goStep(k);},140);\n  },{passive:false});\n\n  \/* primera vez que se ve: un peque\u00f1o amago para que se entienda que se mueve *\/\n  if(!reduce&&'IntersectionObserver' in window){\n    var io=new IntersectionObserver(function(es){\n      if(!es[0].isIntersecting)return;io.disconnect();\n      setTimeout(function(){\n        if(touched)return;var t0=performance.now();\n        (function f(now){if(touched)return;var t=clamp((now-t0)\/1400);render(Math.sin(t*Math.PI)*.32);if(t<1)anim=requestAnimationFrame(f);else{anim=null;render(0);}})(t0);\n      },900);\n    },{threshold:.55});\n    io.observe(stage);\n  }\n\n  \/* titular palabra a palabra y tarjetas (solo si hay GSAP) *\/\n  function splitWords(){\n    var els=root.querySelectorAll('.hx-split');\n    for(var i=0;i<els.length;i++){var w=els[i].textContent.split(' ');els[i].innerHTML=w.map(function(x){return '<span class=\"hx-w\"><span>'+x+'<\/span><\/span>';}).join(' ');}\n  }\n  function fx(){\n    var g=window.gsap,ST=window.ScrollTrigger;if(!g||!ST||reduce)return;\n    g.registerPlugin(ST);splitWords();\n    g.from(root.querySelectorAll('.hx-w > span'),{yPercent:110,duration:1.1,ease:'power4.out',stagger:.06,scrollTrigger:{trigger:root.querySelector('.hx-intro'),start:'top 80%',once:true}});\n    g.from(root.querySelector('.hx-lead'),{y:20,opacity:0,duration:1,ease:'power3.out',delay:.3,scrollTrigger:{trigger:root.querySelector('.hx-intro'),start:'top 80%',once:true}});\n    g.from(root.querySelectorAll('.hx-card'),{y:50,opacity:0,duration:1.1,ease:'power3.out',stagger:.12,scrollTrigger:{trigger:root.querySelector('.hx-cards'),start:'top 85%',once:true}});\n  }\n  if(window.gsap&&window.ScrollTrigger)fx();\n  else{var tries=0,ti=setInterval(function(){if(window.gsap&&window.ScrollTrigger){clearInterval(ti);fx();}else if(++tries>30)clearInterval(ti);},100);}\n\n  render(0);setStep(0,false);\n\n  \/* precios \u00abDesde\u00bb en vivo *\/\n  var lang=(document.documentElement.lang||'es-ES');\n  root.querySelectorAll('.hx-card[data-id]').forEach(function(c){\n    fetch('\/wp-json\/wc\/store\/v1\/products\/'+c.getAttribute('data-id'),{credentials:'same-origin'}).then(function(r){return r.ok?r.json():null;}).then(function(d){\n      if(!d||!d.prices)return;var pr=d.prices,min=(pr.price_range&&pr.price_range.min_amount)||pr.price;\n      var v=parseInt(min,10)\/Math.pow(10,pr.currency_minor_unit||0);if(!v||v<10)return;\n      var el=c.querySelector('.hx-price');el.querySelector('b').textContent=new Intl.NumberFormat(lang,{style:'currency',currency:pr.currency_code||'EUR',maximumFractionDigits:0}).format(v);el.hidden=false;\n    }).catch(function(){});\n  });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b2ae4bc e-con-full e-flex e-con e-parent\" data-id=\"b2ae4bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ab45fd elementor-widget elementor-widget-html\" data-id=\"0ab45fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@font-face{font-family:'ht-satoshi';font-weight:300;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Light.woff2\") format(\"woff2\");}\n@font-face{font-family:'ht-satoshi';font-weight:400;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Regular.woff2\") format(\"woff2\");}\n@font-face{font-family:'ht-satoshi';font-weight:500;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Medium.woff2\") format(\"woff2\");}\n.elementor-widget-html:has(#ht-shop){width:100%!important;max-width:100%!important;flex:1 1 100%!important;}\n.e-con:has(> .elementor-widget-html #ht-shop){padding:0!important;}\n#ht-shop{--cream:#F4F1EA;--paper:#FAF8F3;--sand:#E8E3D8;--ink:#26241F;--dark:#1E2124;--text:#4A463F;--mute:#8C877E;--line:rgba(38,36,31,.14);--line-strong:rgba(38,36,31,.3);--ease:cubic-bezier(.2,.7,.2,1);\n  font-family:'ht-satoshi','Satoshi',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;background:var(--cream);color:var(--ink);line-height:1.5;text-align:left;-webkit-font-smoothing:antialiased;overflow-x:clip;}\n#ht-shop *,#ht-shop *::before,#ht-shop *::after{box-sizing:border-box;}\n#ht-shop a{color:inherit;text-decoration:none;}\n#ht-shop a:visited{color:inherit;}\n#ht-shop h2,#ht-shop h3,#ht-shop p,#ht-shop ul{margin:0;padding:0;list-style:none;font-family:inherit;color:inherit;}\n#ht-shop img{display:block;max-width:100%;}\n#ht-shop button{font-family:inherit;}\n#ht-shop :focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px;}\n#ht-shop .ht-wrap{max-width:1440px;margin:0 auto;padding:100px 40px 110px;}\n#ht-shop .ht-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;}\n#ht-shop .ht-head > div{min-width:0;max-width:100%;}\n#ht-shop .ht-eb{display:block;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);}\n#ht-shop .ht-head h2{font-size:clamp(34px,3.8vw,58px);line-height:1.02;font-weight:300;letter-spacing:-.025em;margin-top:16px;max-width:860px;}\n#ht-shop .ht-head h2 em{font-style:normal;color:var(--mute);}\n#ht-shop .ht-all{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:500;padding:13px 14px 13px 22px;border-radius:40px;background:var(--ink);color:var(--cream)!important;transition:background .3s var(--ease);flex:none;}\n#ht-shop .ht-all b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--cream);color:var(--ink);font-weight:400;font-size:11px;transition:transform .45s var(--ease);}\n#ht-shop .ht-all:hover{background:#000;}\n#ht-shop .ht-all:hover b{transform:rotate(45deg);}\n#ht-shop .ht-tabs{display:flex;gap:8px;margin:44px 0 30px;padding-bottom:2px;overflow-x:auto;scrollbar-width:none;}\n#ht-shop .ht-tabs::-webkit-scrollbar{display:none;}\n#ht-shop .ht-tab{flex:none;display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:400;color:var(--text);background:transparent;border:1px solid var(--line-strong);border-radius:30px;padding:9px 16px;cursor:pointer;transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease);}\n#ht-shop .ht-tab sup{font-size:10px;color:var(--mute);top:0;transition:color .3s var(--ease);}\n#ht-shop .ht-tab:hover{border-color:var(--ink);color:var(--ink);}\n#ht-shop .ht-tab[aria-pressed=\"true\"]{background:var(--ink);border-color:var(--ink);color:var(--cream);}\n#ht-shop .ht-tab[aria-pressed=\"true\"] sup{color:rgba(244,241,234,.6);}\n#ht-shop .ht-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 20px;}\n#ht-shop .ht-card{opacity:0;transform:translateY(14px);animation:ht-in .7s var(--ease) forwards;animation-delay:calc(var(--i,0)*60ms);}\n@keyframes ht-in{to{opacity:1;transform:none}}\n#ht-shop .ht-media{position:relative;aspect-ratio:4\/5;overflow:hidden;background:var(--sand);border-radius:2px;}\n#ht-shop .ht-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .7s var(--ease),transform 1.4s var(--ease);}\n#ht-shop .ht-img2{opacity:0;}\n#ht-shop .ht-card a:hover .ht-img1{transform:scale(1.035);}\n#ht-shop .ht-card a:hover .ht-img2{opacity:1;transform:scale(1.035);}\n#ht-shop .ht-cta{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:10px;background:rgba(244,241,234,.94);color:var(--ink);font-size:12.5px;font-weight:500;padding:9px 10px 9px 15px;border-radius:30px;opacity:0;transform:translateY(8px);transition:opacity .4s var(--ease),transform .5s var(--ease);}\n#ht-shop .ht-cta b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--dark);color:var(--cream);font-weight:400;font-size:11px;transition:transform .45s var(--ease);}\n#ht-shop .ht-card a:hover .ht-cta,#ht-shop .ht-card a:focus-visible .ht-cta{opacity:1;transform:none;}\n#ht-shop .ht-card a:hover .ht-cta b{transform:rotate(45deg);}\n#ht-shop .ht-info{padding-top:16px;}\n#ht-shop .ht-coll{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:6px;}\n#ht-shop .ht-name{font-size:18px;font-weight:400;line-height:1.25;}\n#ht-shop .ht-price{display:block;font-size:14.5px;font-weight:500;font-variant-numeric:tabular-nums;margin-top:8px;}\n#ht-shop .ht-price small{font-size:12.5px;font-weight:400;color:var(--mute);margin-right:4px;}\n#ht-shop .ht-promo a{display:flex;flex-direction:column;height:100%;background:var(--dark);color:var(--cream)!important;border-radius:2px;overflow:hidden;}\n#ht-shop .ht-promo .ht-media{aspect-ratio:auto;flex:1;min-height:200px;border-radius:0;background:#2b2a26;}\n#ht-shop .ht-promo .ht-media img{opacity:.88;}\n#ht-shop .ht-promo-txt{padding:20px 20px 22px;}\n#ht-shop .ht-promo .ht-coll{color:rgba(244,241,234,.6);}\n#ht-shop .ht-promo p{font-size:13.5px;color:rgba(244,241,234,.78);margin-top:8px;}\n#ht-shop .ht-go{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:500;margin-top:16px;}\n#ht-shop .ht-go b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--cream);color:var(--dark);font-weight:400;font-size:11px;transition:transform .45s var(--ease);}\n#ht-shop .ht-promo a:hover .ht-go b{transform:rotate(45deg);}\n#ht-shop .ht-promo a:hover .ht-media img{transform:scale(1.035);}\n#ht-shop .ht-skel .ht-media{background:linear-gradient(100deg,var(--sand) 30%,#F0ECE4 50%,var(--sand) 70%);background-size:300% 100%;animation:ht-sh 1.4s linear infinite;}\n@keyframes ht-sh{from{background-position:100% 0}to{background-position:0 0}}\n#ht-shop .ht-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;color:var(--mute);}\n#ht-shop .ht-foot a{color:var(--ink);font-weight:500;border-bottom:1px solid var(--line-strong);padding-bottom:2px;transition:border-color .3s var(--ease);}\n#ht-shop .ht-foot a:hover{border-color:var(--ink);}\n@media (max-width:1100px){#ht-shop .ht-wrap{padding:80px 24px 90px;}#ht-shop .ht-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}\n@media (max-width:820px){\n  #ht-shop .ht-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -24px;padding:0 24px 6px;scrollbar-width:none;}\n  #ht-shop .ht-grid::-webkit-scrollbar{display:none;}\n  #ht-shop .ht-grid > *{flex:0 0 62%;scroll-snap-align:start;}\n  #ht-shop .ht-cta{display:none;}\n}\n@media (max-width:640px){\n  #ht-shop .ht-wrap{padding:64px 18px 72px;}\n  #ht-shop .ht-head > div{flex:1 1 100%;}\n  #ht-shop .ht-all{width:100%;justify-content:space-between;}\n  #ht-shop .ht-tabs{margin:34px -18px 24px;padding:0 18px 2px;}\n  #ht-shop .ht-grid{margin:0 -18px;padding:0 18px 6px;scroll-padding:0 18px;}\n  #ht-shop .ht-grid > *{flex-basis:74%;}\n  #ht-shop .ht-name{font-size:16px;}\n  #ht-shop .ht-foot{flex-direction:column;align-items:flex-start;gap:8px;margin-top:32px;}\n}\n@media (prefers-reduced-motion:reduce){#ht-shop *{animation:none!important;transition-duration:.01ms!important;}#ht-shop .ht-card{opacity:1;transform:none;}}\n\/* \u2500\u2500 Sin efectos de rat\u00f3n en pantallas t\u00e1ctiles (evita el doble toque en iPhone) \u2500\u2500 *\/\n@media (hover:none){\n  #ht-shop .ht-card a:hover .ht-img1,#ht-shop .ht-card a:hover .ht-img2,#ht-shop .ht-promo a:hover .ht-media img{transform:none;}\n  #ht-shop .ht-card a:hover .ht-img2{opacity:0;}\n  #ht-shop .ht-card a:hover .ht-cta{opacity:0;transform:translateY(8px);}\n  #ht-shop .ht-card a:hover .ht-cta b,#ht-shop .ht-promo a:hover .ht-go b{transform:none;}\n  #ht-shop .ht-cta{display:none;}\n}\n<\/style>\n<section id=\"ht-shop\" aria-labelledby=\"htTitle\">\n  <div class=\"ht-wrap\">\n    <div class=\"ht-head\">\n      <div>\n        <span class=\"ht-eb\">Tienda<\/span>\n        <h2 id=\"htTitle\">Piezas de madera maciza, <em>hechas por encargo en nuestro taller.<\/em><\/h2>\n      <\/div>\n      <a class=\"ht-all\" id=\"htAll\" href=\"\/tienda-studiotablas\/\">Ver toda la tienda <b aria-hidden=\"true\">\u2197<\/b><\/a>\n    <\/div>\n    <div class=\"ht-tabs\" id=\"htTabs\" role=\"group\" aria-label=\"Filtrar por tipo de pieza\"><\/div>\n    <ul class=\"ht-grid\" id=\"htGrid\" aria-live=\"polite\">\n      <li class=\"ht-skel\"><div class=\"ht-media\"><\/div><\/li><li class=\"ht-skel\"><div class=\"ht-media\"><\/div><\/li><li class=\"ht-skel\"><div class=\"ht-media\"><\/div><\/li><li class=\"ht-skel\"><div class=\"ht-media\"><\/div><\/li>\n    <\/ul>\n    <p class=\"ht-foot\"><span>Tres acabados en todas las piezas: roble natural, roble envejecido y nogal.<\/span><a href=\"\/producto\/muestras-madera-maciza\/\">Pedir muestras de madera<\/a><\/p>\n    <noscript><p style=\"margin-top:20px\"><a href=\"\/tienda-studiotablas\/\" style=\"text-decoration:underline\">Ver la tienda<\/a><\/p><\/noscript>\n  <\/div>\n<\/section>\n<script data-no-optimize=\"1\" id=\"ht-js\">\n(function(){\n  var root=document.getElementById('ht-shop');if(!root||root.getAttribute('data-ht'))return;root.setAttribute('data-ht','1');\n  var LIVE=\/studiotablas\\.com$\/.test(location.hostname);\n  var API=LIVE?'\/wp-json\/wc\/store\/v1\/products?per_page=100':'\/wp-json\/wc\/store\/v1\/products?per_page=100';\n  var SHOP='\/tienda-studiotablas\/',MAX=7,SAMPLE_CAT='caja-de-muestras';\n  var COLLS=[['luma','LUMA'],['mode','MODE'],['norma','NORMA'],['natura','NATURA'],['riva','RIVA'],['vela','VELA'],['soma','SOMA'],['lina','LINA']];\n  \/* pesta\u00f1as: [clave, texto, categor\u00edas de WooCommerce, ?tipo= de la tienda] *\/\n  var TABS=[\n    ['comedor','Mesas de comedor',['mesa-redonda-extensible','mesa-de-comedor','mesa-alta'],'mesas-de-comedor,mesas-extensibles,mesas-altas'],\n    ['centro','Mesas de centro y auxiliares',['mesa-de-centro','mesa-de-centro-nido','mesa-auxiliar'],'mesas-de-centro,mesas-auxiliares'],\n    ['bancos','Bancos',['banco'],'bancos'],\n    ['dormitorio','Dormitorio',['mesita-de-noche','cabecero'],'mesitas-de-noche,cabeceros'],\n    ['escritorios','Escritorios',['escritorio'],'escritorios'],\n    ['baldas','Baldas flotantes',['baldas'],'baldas']\n  ];\n  var $=function(id){return document.getElementById(id);};\n  var grid=$('htGrid'),tabsEl=$('htTabs'),all=$('htAll'),items=[],sample=null,cur='todo';\n  function esc(s){return String(s==null?'':s).replace(\/[&<>\"']\/g,function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c];});}\n  function money(minor,unit){var v=Number(minor)\/Math.pow(10,unit==null?2:unit),p=(v%1?v.toFixed(2):String(Math.round(v))).split('.');return p[0].replace(\/\\B(?=(\\d{3})+(?!\\d))\/g,'.')+(p[1]?','+p[1]:'')+' \u20ac';}\n  function shape(p){\n    var cats=(p.categories||[]).map(function(c){return c.slug;}),coll=null;\n    COLLS.forEach(function(c){if(cats.indexOf(c[0])>-1)coll=c;});\n    var tab=null;TABS.forEach(function(t){if(!tab&&t[2].some(function(s){return cats.indexOf(s)>-1;}))tab=t[0];});\n    var name=p.name||'';if(coll)name=name.replace(new RegExp('\\\\s*\\\\b'+coll[1]+'\\\\b\\\\s*','i'),' ').replace(\/\\s+\/g,' ').trim();\n    name=name.toLowerCase();name=name.charAt(0).toUpperCase()+name.slice(1);\n    var pr=p.prices||{},r=pr.price_range,min=r&&r.min_amount?Number(r.min_amount):Number(pr.price),from=!!(r&&r.min_amount!==r.max_amount),im=p.images||[];\n    return {url:p.permalink,name:name,coll:coll,cats:cats,tab:tab,price:(from?'<small>Desde<\/small> ':'')+money(min,pr.currency_minor_unit),img1:im[0]||null,img2:im[1]||null};\n  }\n  function img(im,cls,eager){\n    if(!im)return '';\n    return '<img class=\"'+cls+'\" data-no-lazy=\"1\" src=\"'+esc(im.src)+'\"'+(im.srcset?' srcset=\"'+esc(im.srcset)+'\" sizes=\"(max-width:820px) 70vw, (max-width:1100px) 32vw, 340px\"':'')+' alt=\"'+esc(cls==='ht-img1'?(im.alt||''):'')+'\" loading=\"'+(eager?'eager':'lazy')+'\" decoding=\"async\">';\n  }\n  function card(it,i){\n    return '<li class=\"ht-card\" style=\"--i:'+i+'\"><a href=\"'+esc(it.url)+'\"><div class=\"ht-media\">'+img(it.img1,'ht-img1',false)+img(it.img2,'ht-img2',false)+'<span class=\"ht-cta\">Ver pieza <b aria-hidden=\"true\">\u2197<\/b><\/span><\/div>'+\n      '<div class=\"ht-info\">'+(it.coll?'<span class=\"ht-coll\">'+it.coll[1]+'<\/span>':'')+'<h3 class=\"ht-name\">'+esc(it.name)+'<\/h3><span class=\"ht-price\">'+it.price+'<\/span><\/div><\/a><\/li>';\n  }\n  function promo(i){\n    return '<li class=\"ht-card ht-promo\" style=\"--i:'+i+'\"><a href=\"'+esc(sample.url)+'\"><div class=\"ht-media\">'+img(sample.img1,'ht-img1',false)+'<\/div>'+\n      '<div class=\"ht-promo-txt\"><span class=\"ht-coll\">Antes de decidir<\/span><h3 class=\"ht-name\">Muestras de madera maciza<\/h3>'+\n      '<p>Toca la madera y compara los tres acabados en tu casa.<\/p><span class=\"ht-go\">'+sample.price+' \u00b7 Pedir <b aria-hidden=\"true\">\u2197<\/b><\/span><\/div><\/a><\/li>';\n  }\n  \/* \u00abTodo\u00bb: una pieza de cada tipo por turnos, para que no salgan solo baldas *\/\n  function mix(list){\n    var groups={},order=TABS.map(function(t){groups[t[0]]=[];return t[0];});list.forEach(function(it){groups[it.tab].push(it);});\n    var out=[],left=true;while(left){left=false;order.forEach(function(k){if(groups[k].length){out.push(groups[k].shift());left=true;}});}\n    return out;\n  }\n  function render(){\n    var list=cur==='todo'?mix(items):items.filter(function(i){return i.tab===cur;});\n    var more=list.length>MAX;list=list.slice(0,MAX);\n    var html=list.map(card);if(sample)html.push(promo(html.length));\n    grid.innerHTML=html.join('');grid.scrollLeft=0;\n    var t=TABS.filter(function(x){return x[0]===cur;})[0];\n    all.href=t?SHOP+'?tipo='+t[3]:SHOP;\n    all.firstChild.nodeValue=t?'Ver '+t[1].toLowerCase()+' ':'Ver toda la tienda ';\n    Array.prototype.forEach.call(tabsEl.children,function(b){b.setAttribute('aria-pressed',b.getAttribute('data-k')===cur?'true':'false');});\n  }\n  tabsEl.addEventListener('click',function(e){var b=e.target.closest('.ht-tab');if(!b)return;cur=b.getAttribute('data-k');render();});\n  fetch(API,{credentials:'same-origin'}).then(function(r){if(!r.ok)throw 0;return r.json();}).then(function(d){\n    var list=d.map(shape);\n    sample=list.filter(function(i){return i.cats.indexOf(SAMPLE_CAT)>-1;})[0]||null;\n    items=list.filter(function(i){return i!==sample&&i.tab;});\n    if(!items.length)throw 0;\n    var count=function(k){return items.filter(function(i){return i.tab===k;}).length;};\n    tabsEl.innerHTML='<button type=\"button\" class=\"ht-tab\" data-k=\"todo\">Todo <sup>'+items.length+'<\/sup><\/button>'+\n      TABS.filter(function(t){return count(t[0]);}).map(function(t){return '<button type=\"button\" class=\"ht-tab\" data-k=\"'+t[0]+'\">'+t[1]+' <sup>'+count(t[0])+'<\/sup><\/button>';}).join('');\n    render();\n  }).catch(function(){grid.innerHTML='<li><a href=\"'+SHOP+'\" style=\"text-decoration:underline\">Ver la tienda<\/a><\/li>';tabsEl.hidden=true;});\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d230a93 e-con-full e-flex e-con e-parent\" data-id=\"d230a93\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6270d63 elementor-widget elementor-widget-html\" data-id=\"6270d63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  SOBRE NOSOTROS (bloque de la portada) \u00b7 Studio Tablas \u00b7 v1 DEFINITIVO \u00b7 01-10-2026\n  D\u00d3NDE: en la home, sustituye al bloque \u00abSobre nosotros \u00b7 Mobiliario a medida\u00bb (entre Tienda y Proyectos).\n         Widget \u00abHTML\u00bb en un contenedor a ancho completo y sin relleno. V\u00eddeo y foto ya en Medios. Prefijo ha-.\n-->\n<style>\n@font-face{font-family:'ha-satoshi';font-weight:300;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Light.woff2\") format(\"woff2\");}\n@font-face{font-family:'ha-satoshi';font-weight:400;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Regular.woff2\") format(\"woff2\");}\n@font-face{font-family:'ha-satoshi';font-weight:500;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Medium.woff2\") format(\"woff2\");}\n.elementor-widget-html:has(#ha-about){width:100%!important;max-width:100%!important;flex:1 1 100%!important;}\n.e-con:has(> .elementor-widget-html #ha-about){padding:0!important;}\n#ha-about{--cream:#F4F1EA;--paper:#FAF8F3;--sand:#E8E3D8;--ink:#26241F;--dark:#1E2124;--text:#4A463F;--mute:#8C877E;--line:rgba(38,36,31,.12);--ease:cubic-bezier(.2,.7,.2,1);\n  font-family:'ha-satoshi','Satoshi',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;background:var(--cream);color:var(--ink);line-height:1.55;text-align:left;-webkit-font-smoothing:antialiased;}\n#ha-about *,#ha-about *::before,#ha-about *::after{box-sizing:border-box;}\n#ha-about a{color:inherit;text-decoration:none;}\n#ha-about a:visited{color:inherit;}\n#ha-about h2,#ha-about p,#ha-about ul,#ha-about ol,#ha-about figure{margin:0;padding:0;list-style:none;font-family:inherit;color:inherit;}\n#ha-about img,#ha-about video{display:block;max-width:100%;}\n#ha-about :focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px;}\n#ha-about .ha-wrap{max-width:1440px;margin:0 auto;padding:110px 40px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:90px;align-items:center;}\n\n\/* collage *\/\n#ha-about .ha-media{position:relative;padding:0 0 70px 0;}\n#ha-about .ha-video{position:relative;aspect-ratio:1;max-width:620px;overflow:hidden;border-radius:4px;background:#111;}\n#ha-about .ha-video video{width:100%;height:100%;object-fit:cover;}\n#ha-about .ha-tag{position:absolute;left:16px;top:16px;display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cream);background:rgba(20,18,14,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:7px 12px;border-radius:30px;}\n#ha-about .ha-tag i{width:6px;height:6px;border-radius:50%;background:#E0533D;animation:ha-blink 1.6s infinite;}\n@keyframes ha-blink{50%{opacity:.25}}\n#ha-about .ha-team{position:absolute;right:0;bottom:0;width:46%;max-width:300px;background:var(--paper);padding:10px 10px 14px;border-radius:4px;box-shadow:0 30px 60px -24px rgba(20,18,14,.4);}\n#ha-about .ha-team img{width:100%;height:auto;aspect-ratio:5\/4;object-fit:cover;border-radius:2px;}\n#ha-about .ha-team figcaption{font-size:12.5px;color:var(--text);margin-top:10px;line-height:1.4;}\n#ha-about .ha-team figcaption b{display:block;color:var(--ink);font-weight:500;font-size:13.5px;}\n#ha-about .ha-mark{position:absolute;left:-14px;bottom:24px;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--mute);writing-mode:vertical-rl;transform:rotate(180deg);}\n\n\/* texto *\/\n#ha-about .ha-eb{display:block;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);}\n#ha-about h2{font-size:clamp(34px,3.8vw,58px);line-height:1.02;font-weight:300;letter-spacing:-.025em;margin-top:18px;}\n#ha-about h2 em{font-style:normal;color:var(--mute);}\n#ha-about .ha-txt{font-size:17px;color:var(--text);margin-top:24px;max-width:540px;}\n#ha-about .ha-txt strong{color:var(--ink);font-weight:500;}\n#ha-about .ha-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}\n#ha-about .ha-facts li{padding:20px 0 18px;}\n#ha-about .ha-facts li+li{padding-left:20px;border-left:1px solid var(--line);}\n#ha-about .ha-facts b{display:block;font-size:clamp(32px,3vw,44px);line-height:1;font-weight:300;letter-spacing:-.02em;}\n#ha-about .ha-facts span{display:block;font-size:13px;color:var(--text);margin-top:8px;}\n#ha-about .ha-steps{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:24px;font-size:13px;color:var(--text);}\n#ha-about .ha-steps li{display:flex;align-items:center;gap:14px;}\n#ha-about .ha-steps li+li::before{content:\"\";width:18px;height:1px;background:var(--mute);}\n#ha-about .ha-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px;}\n#ha-about .ha-btn{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:500;padding:13px 14px 13px 22px;border-radius:40px;border:1px solid var(--ink);transition:background .3s var(--ease),color .3s var(--ease);}\n#ha-about .ha-btn b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-weight:400;font-size:11px;transition:transform .45s var(--ease);}\n#ha-about .ha-btn.dark{background:var(--dark);border-color:var(--dark);color:var(--cream)!important;}\n#ha-about .ha-btn.dark b{background:rgba(244,241,234,.16);}\n#ha-about .ha-btn.light b{background:var(--sand);}\n#ha-about .ha-btn:hover b{transform:rotate(45deg);}\n#ha-about .ha-btn.light:hover{background:var(--ink);color:var(--cream)!important;}\n#ha-about .ha-btn.light:hover b{background:rgba(244,241,234,.16);}\n\n#ha-about.ha-js .ha-rv{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform 1.1s var(--ease);}\n#ha-about.ha-js .ha-rv.is-in{opacity:1;transform:none;}\n#ha-about.ha-js .ha-team.ha-rv{transition-delay:.25s;}\n\n@media (max-width:1100px){#ha-about .ha-wrap{grid-template-columns:1fr;gap:56px;padding:80px 24px;}#ha-about .ha-video{max-width:none;}#ha-about .ha-media{max-width:640px;}}\n@media (max-width:640px){\n  #ha-about .ha-wrap{padding:64px 18px;gap:40px;}\n  #ha-about .ha-media{padding-bottom:56px;}\n  #ha-about .ha-team{width:58%;padding:8px 8px 10px;}\n  #ha-about .ha-team figcaption{font-size:11.5px;}#ha-about .ha-team figcaption b{font-size:12.5px;}\n  #ha-about .ha-mark{display:none;}\n  #ha-about .ha-txt{font-size:15.5px;}\n  #ha-about .ha-facts li+li{padding-left:12px;}\n  #ha-about .ha-btn{width:100%;justify-content:space-between;}\n}\n@media (prefers-reduced-motion:reduce){#ha-about *{transition-duration:.01ms!important;animation:none!important;}#ha-about.ha-js .ha-rv{opacity:1;transform:none;}}\n<\/style>\n<section id=\"ha-about\" aria-labelledby=\"haTitle\">\n  <div class=\"ha-wrap\">\n    <div class=\"ha-media\">\n      <div class=\"ha-video ha-rv\">\n        <video id=\"haVideo\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/sn-taller.mp4\" poster=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/sn-taller-poster.webp\" muted loop playsinline autoplay preload=\"none\" aria-label=\"V\u00eddeo del taller de Studio Tablas\"><\/video>\n        <span class=\"ha-tag\"><i><\/i>En el taller<\/span>\n      <\/div>\n      <figure class=\"ha-team ha-rv\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/sn-equipo-m.webp\" alt=\"Mario Sierra y \u00c1lvaro Rodr\u00edguez, socios de Studio Tablas\" width=\"1000\" height=\"800\" loading=\"lazy\" title=\"\">\n        <figcaption><b>Mario Sierra y \u00c1lvaro Rodr\u00edguez<\/b>Socios de Studio Tablas<\/figcaption>\n      <\/figure>\n      <span class=\"ha-mark\" aria-hidden=\"true\">Granada<\/span>\n    <\/div>\n\n    <div class=\"ha-rv\">\n      <span class=\"ha-eb\">Sobre nosotros<\/span>\n      <h2 id=\"haTitle\">Mobiliario a medida, <em>hecho en nuestro taller de Granada.<\/em><\/h2>\n      <p class=\"ha-txt\">Studiotablas nace del encuentro entre el <strong>dise\u00f1o contempor\u00e1neo<\/strong> y la <strong>artesan\u00eda en madera<\/strong>. Somos un estudio-taller dedicado a crear muebles personalizados, hechos a medida y con una atenci\u00f3n especial a los detalles que convierten cada pieza en \u00fanica.<\/p>\n      <ul class=\"ha-facts\">\n        <li><b>Granada<\/b><span>Taller propio<\/span><\/li>\n        <li><b>8<\/b><span>Colecciones propias<\/span><\/li>\n        <li><b>3<\/b><span>Acabados por pieza<\/span><\/li>\n      <\/ul>\n      <ol class=\"ha-steps\" aria-label=\"As\u00ed trabajamos\">\n        <li>Se dibuja<\/li><li>Se corta<\/li><li>Se ensambla<\/li><li>Se termina a mano<\/li>\n      <\/ol>\n      <div class=\"ha-btns\">\n        <a class=\"ha-btn dark\" href=\"\/sobre-nosotros\/\">Con\u00f3cenos <b aria-hidden=\"true\">\u2197<\/b><\/a>\n        <a class=\"ha-btn light\" href=\"\/contacto\/\">Proyecto a medida <b aria-hidden=\"true\">\u2197<\/b><\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<script data-no-optimize=\"1\" id=\"ha-js\">\n(function(){\n  var root=document.getElementById('ha-about');if(!root||root.getAttribute('data-ha'))return;root.setAttribute('data-ha','1');\n  if(!('IntersectionObserver' in window))return;\n  root.classList.add('ha-js');\n  var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('is-in');io.unobserve(e.target);}});},{rootMargin:'0px 0px -10% 0px'});\n  Array.prototype.forEach.call(root.querySelectorAll('.ha-rv'),function(el){io.observe(el);});\n  var v=document.getElementById('haVideo');\n  if(matchMedia('(prefers-reduced-motion: reduce)').matches){v.removeAttribute('autoplay');v.setAttribute('controls','');return;}\n  new IntersectionObserver(function(es){if(es[0].isIntersecting){if(v.preload==='none')v.preload='auto';var p=v.play();if(p&&p.catch)p.catch(function(){});}else v.pause();},{threshold:.25}).observe(v);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-87f9ad8 e-con-full e-flex e-con e-parent\" data-id=\"87f9ad8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01bb0e2 elementor-widget elementor-widget-html\" data-id=\"01bb0e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  SERVICIOS (bloque de la portada) \u00b7 Studio Tablas \u00b7 v1 DEFINITIVO \u00b7 01-10-2026\n  D\u00d3NDE: en la home, widget \u00abHTML\u00bb a ancho completo y sin relleno. Prefijo hs-. Cada fila lleva a su p\u00e1gina de servicio.\n-->\n<style>\n@font-face{font-family:'hs-satoshi';font-weight:300;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Light.woff2\") format(\"woff2\");}\n@font-face{font-family:'hs-satoshi';font-weight:400;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Regular.woff2\") format(\"woff2\");}\n@font-face{font-family:'hs-satoshi';font-weight:500;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Medium.woff2\") format(\"woff2\");}\n.elementor-widget-html:has(#hs-svc){width:100%!important;max-width:100%!important;flex:1 1 100%!important;}\n.e-con:has(> .elementor-widget-html #hs-svc){padding:0!important;}\n#hs-svc{--cream:#F4F1EA;--paper:#FAF8F3;--sand:#E8E3D8;--ink:#26241F;--dark:#1E2124;--text:#4A463F;--mute:#8C877E;--line:rgba(38,36,31,.14);--ease:cubic-bezier(.2,.7,.2,1);\n  font-family:'hs-satoshi','Satoshi',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;background:var(--cream);color:var(--ink);line-height:1.5;text-align:left;-webkit-font-smoothing:antialiased;position:relative;overflow-x:clip;}\n#hs-svc *,#hs-svc *::before,#hs-svc *::after{box-sizing:border-box;}\n#hs-svc a{color:inherit;text-decoration:none;}\n#hs-svc a:visited{color:inherit;}\n#hs-svc h2,#hs-svc h3,#hs-svc p,#hs-svc ul{margin:0;padding:0;list-style:none;font-family:inherit;color:inherit;}\n#hs-svc img{display:block;max-width:100%;}\n#hs-svc :focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px;}\n#hs-svc .hs-wrap{max-width:1440px;margin:0 auto;padding:100px 40px 110px;}\n#hs-svc .hs-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:40px;}\n#hs-svc .hs-head > div{min-width:0;max-width:100%;}\n#hs-svc .hs-eb{display:block;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);}\n#hs-svc .hs-head h2{font-size:clamp(34px,3.8vw,58px);line-height:1.02;font-weight:300;letter-spacing:-.025em;margin-top:16px;}\n#hs-svc .hs-head h2 em{font-style:normal;color:var(--mute);}\n#hs-svc .hs-all{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:500;padding:13px 14px 13px 22px;border-radius:40px;background:var(--dark);color:var(--cream)!important;transition:background .3s var(--ease);flex:none;}\n#hs-svc .hs-all b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(244,241,234,.16);font-weight:400;font-size:11px;transition:transform .45s var(--ease);}\n#hs-svc .hs-all:hover{background:#000;}\n#hs-svc .hs-all:hover b{transform:rotate(45deg);}\n\n#hs-svc .hs-list{border-top:1px solid var(--line);}\n#hs-svc .hs-row{position:relative;display:grid;grid-template-columns:70px minmax(0,1.3fr) minmax(0,1fr) 60px;align-items:center;gap:24px;padding:34px 0;border-bottom:1px solid var(--line);}\n#hs-svc .hs-row::before{content:\"\";position:absolute;inset:0 -40px;background:var(--paper);opacity:0;transition:opacity .4s var(--ease);z-index:0;}\n#hs-svc .hs-row > *{position:relative;z-index:1;}\n#hs-svc .hs-n{font-size:12px;letter-spacing:.14em;color:var(--mute);}\n#hs-svc .hs-row h3{font-size:clamp(24px,2.6vw,40px);font-weight:300;letter-spacing:-.015em;line-height:1.1;transition:transform .55s var(--ease);}\n#hs-svc .hs-row p{font-size:15px;color:var(--text);}\n#hs-svc .hs-go{justify-self:end;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);transition:background .35s var(--ease),border-color .35s var(--ease),color .35s var(--ease),transform .45s var(--ease);}\n#hs-svc .hs-thumb{display:none;}\n#hs-svc .hs-row:hover::before,#hs-svc .hs-row:focus-visible::before{opacity:1;}\n#hs-svc .hs-row:hover h3{transform:translateX(10px);}\n#hs-svc .hs-row:hover .hs-go{background:var(--dark);border-color:var(--dark);color:var(--cream);transform:rotate(45deg);}\n\/* ilustraci\u00f3n que sigue al cursor *\/\n#hs-svc .hs-float{position:fixed;left:0;top:0;width:250px;aspect-ratio:1;border-radius:4px;overflow:hidden;background:#F4F1EA;pointer-events:none;z-index:50;opacity:0;transform:translate3d(-50%,-50%,0) scale(.8);transition:opacity .3s var(--ease),transform .4s var(--ease);box-shadow:0 30px 60px -20px rgba(20,18,14,.35);border:1px solid var(--line);}\n#hs-svc .hs-float.on{opacity:1;}\n#hs-svc .hs-float img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s var(--ease);}\n#hs-svc .hs-float img.on{opacity:1;}\n\n@media (max-width:1100px){#hs-svc .hs-wrap{padding:80px 24px 90px;}#hs-svc .hs-row{grid-template-columns:50px minmax(0,1fr) 50px;}#hs-svc .hs-row p{grid-column:2;grid-row:2;}#hs-svc .hs-go{grid-row:1\/3;grid-column:3;}#hs-svc .hs-float{display:none;}}\n@media (max-width:640px){\n  #hs-svc .hs-wrap{padding:64px 18px 72px;}\n  #hs-svc .hs-head > div{flex:1 1 100%;}\n  #hs-svc .hs-all{width:100%;justify-content:space-between;}\n  #hs-svc .hs-row{grid-template-columns:76px minmax(0,1fr);gap:4px 16px;padding:22px 0;}\n  #hs-svc .hs-n{display:none;}\n  #hs-svc .hs-thumb{display:block;grid-row:1\/3;grid-column:1;width:76px;aspect-ratio:1;border-radius:3px;overflow:hidden;background:#F4F1EA;border:1px solid var(--line);}\n  #hs-svc .hs-thumb img{width:100%;height:100%;object-fit:cover;}\n  #hs-svc .hs-row h3{grid-column:2;font-size:20px;}\n  #hs-svc .hs-row p{grid-column:2;grid-row:2;font-size:13.5px;}\n  #hs-svc .hs-go{display:none;}\n  #hs-svc .hs-row::before{inset:0 -18px;}\n}\n@media (prefers-reduced-motion:reduce){#hs-svc *{transition-duration:.01ms!important;}#hs-svc .hs-float{display:none;}}\n<\/style>\n<section id=\"hs-svc\" aria-labelledby=\"hsTitle\">\n  <div class=\"hs-wrap\">\n    <div class=\"hs-head\">\n      <div>\n        <span class=\"hs-eb\">Servicios<\/span>\n        <h2 id=\"hsTitle\">Del dise\u00f1o a la instalaci\u00f3n. <em>Todo en nuestro taller.<\/em><\/h2>\n      <\/div>\n      <a class=\"hs-all\" href=\"\/servicios\/\">Ver servicios <b aria-hidden=\"true\">\u2197<\/b><\/a>\n    <\/div>\n    <div class=\"hs-list\" id=\"hsList\">\n      <a class=\"hs-row\" href=\"\/servicios-diseno-mobiliario-a-medida\/\" data-i=\"0\"><span class=\"hs-n\">01<\/span><span class=\"hs-thumb\"><img decoding=\"async\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/se-ilus-a-medida-400.webp\" alt=\"\" loading=\"lazy\" title=\"\"><\/span><h3>Dise\u00f1o de mobiliario a medida<\/h3><p>La pieza \u00fanica como est\u00e1ndar: partimos de las medidas reales de tu espacio.<\/p><span class=\"hs-go\" aria-hidden=\"true\">\u2197<\/span><\/a>\n      <a class=\"hs-row\" href=\"\/servicios-proyectos-interiorismo-carpinteria-tecnica\/\" data-i=\"1\"><span class=\"hs-n\">02<\/span><span class=\"hs-thumb\"><img decoding=\"async\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/se-ilus-interiorismo-400.webp\" alt=\"\" loading=\"lazy\" title=\"\"><\/span><h3>Carpinter\u00eda t\u00e9cnica para interiorismo<\/h3><p>Partner de arquitectos y estudios, desde los planos hasta la instalaci\u00f3n.<\/p><span class=\"hs-go\" aria-hidden=\"true\">\u2197<\/span><\/a>\n      <a class=\"hs-row\" href=\"\/servicios-mecanizado-cnc-madera-maciza\/\" data-i=\"2\"><span class=\"hs-n\">03<\/span><span class=\"hs-thumb\"><img decoding=\"async\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/se-ilus-cnc-400.webp\" alt=\"\" loading=\"lazy\" title=\"\"><\/span><h3>Mecanizado CNC<\/h3><p>La tecnolog\u00eda corta, el oficio termina la pieza.<\/p><span class=\"hs-go\" aria-hidden=\"true\">\u2197<\/span><\/a>\n      <a class=\"hs-row\" href=\"\/lacados-y-acabados-de-alta-resistencia\/\" data-i=\"3\"><span class=\"hs-n\">04<\/span><span class=\"hs-thumb\"><img decoding=\"async\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/se-ilus-acabados-400.webp\" alt=\"\" loading=\"lazy\" title=\"\"><\/span><h3>Lacados y acabados<\/h3><p>Protecci\u00f3n para el uso diario sin alterar la esencia de la madera.<\/p><span class=\"hs-go\" aria-hidden=\"true\">\u2197<\/span><\/a>\n    <\/div>\n  <\/div>\n  <div class=\"hs-float\" id=\"hsFloat\" aria-hidden=\"true\">\n    <img decoding=\"async\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/se-ilus-a-medida.webp\" alt=\"\" loading=\"lazy\" title=\"\">\n    <img decoding=\"async\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/se-ilus-interiorismo.webp\" alt=\"\" loading=\"lazy\" title=\"\">\n    <img decoding=\"async\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/se-ilus-cnc.webp\" alt=\"\" loading=\"lazy\" title=\"\">\n    <img decoding=\"async\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/se-ilus-acabados.webp\" alt=\"\" loading=\"lazy\" title=\"\">\n  <\/div>\n<\/section>\n<script data-no-optimize=\"1\" id=\"hs-js\">\n(function(){\n  var root=document.getElementById('hs-svc');if(!root||root.getAttribute('data-hs'))return;root.setAttribute('data-hs','1');\n  if(!matchMedia('(hover:hover) and (pointer:fine)').matches||matchMedia('(prefers-reduced-motion: reduce)').matches)return;\n  var fl=document.getElementById('hsFloat'),imgs=fl.querySelectorAll('img'),x=0,y=0,cx=0,cy=0,raf=null,on=false;\n  function loop(){cx+=(x-cx)*.16;cy+=(y-cy)*.16;fl.style.transform='translate3d('+(cx+40)+'px,'+(cy-125)+'px,0) scale('+(on?1:.8)+')';raf=on||Math.abs(x-cx)>.5?requestAnimationFrame(loop):null;}\n  Array.prototype.forEach.call(root.querySelectorAll('.hs-row'),function(r){\n    r.addEventListener('mouseenter',function(e){var i=+r.getAttribute('data-i');Array.prototype.forEach.call(imgs,function(im,j){im.classList.toggle('on',j===i);});\n      if(!on){cx=x=e.clientX;cy=y=e.clientY;}on=true;fl.classList.add('on');if(!raf)raf=requestAnimationFrame(loop);});\n    r.addEventListener('mousemove',function(e){x=e.clientX;y=e.clientY;});\n  });\n  root.querySelector('.hs-list').addEventListener('mouseleave',function(){on=false;fl.classList.remove('on');});\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df96ee9 e-con-full e-flex e-con e-parent\" data-id=\"df96ee9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-faf9b09 elementor-widget elementor-widget-html\" data-id=\"faf9b09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  PROYECTOS (bloque de la portada) \u00b7 Studio Tablas \u00b7 v1 DEFINITIVO \u00b7 01-10-2026\n  D\u00d3NDE: en la home, widget \u00abHTML\u00bb a ancho completo y sin relleno (sustituye al bloque de proyectos actual). Prefijo hp-.\n  DATOS EN VIVO: los 3 proyectos m\u00e1s recientes de \u00abProyectos de autor\u00bb.\n-->\n<style>\n@font-face{font-family:'hp-satoshi';font-weight:300;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Light.woff2\") format(\"woff2\");}\n@font-face{font-family:'hp-satoshi';font-weight:400;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Regular.woff2\") format(\"woff2\");}\n@font-face{font-family:'hp-satoshi';font-weight:500;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Medium.woff2\") format(\"woff2\");}\n.elementor-widget-html:has(#hp-proj){width:100%!important;max-width:100%!important;flex:1 1 100%!important;}\n.e-con:has(> .elementor-widget-html #hp-proj){padding:0!important;}\n#hp-proj{--cream:#F4F1EA;--paper:#FAF8F3;--sand:#E8E3D8;--ink:#26241F;--dark:#1E2124;--text:#4A463F;--mute:#8C877E;--line:rgba(38,36,31,.12);--line-strong:rgba(38,36,31,.28);--ease:cubic-bezier(.2,.7,.2,1);\n  font-family:'hp-satoshi','Satoshi',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;background:var(--dark);color:var(--cream);line-height:1.5;text-align:left;-webkit-font-smoothing:antialiased;}\n#hp-proj *,#hp-proj *::before,#hp-proj *::after{box-sizing:border-box;}\n#hp-proj a{color:inherit;text-decoration:none;}\n#hp-proj a:visited{color:inherit;}\n#hp-proj h2,#hp-proj h3,#hp-proj p,#hp-proj ul{margin:0;padding:0;list-style:none;font-family:inherit;color:inherit;}\n#hp-proj img{display:block;max-width:100%;}\n#hp-proj :focus-visible{outline:2px solid var(--cream);outline-offset:3px;border-radius:2px;}\n#hp-proj .hp-wrap{max-width:1440px;margin:0 auto;padding:100px 40px 110px;}\n#hp-proj .hp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:48px;}\n#hp-proj .hp-head > div{min-width:0;max-width:100%;}\n#hp-proj .hp-eb{display:block;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgba(244,241,234,.5);}\n#hp-proj .hp-head h2{font-size:clamp(34px,3.8vw,58px);line-height:1.02;font-weight:300;letter-spacing:-.025em;margin-top:16px;max-width:820px;}\n#hp-proj .hp-head h2 em{font-style:normal;color:rgba(244,241,234,.5);}\n#hp-proj .hp-all{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:500;padding:13px 14px 13px 22px;border-radius:40px;background:var(--cream);color:var(--ink)!important;transition:background .3s var(--ease);flex:none;}\n#hp-proj .hp-all b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--cream);font-weight:400;font-size:11px;transition:transform .45s var(--ease);}\n#hp-proj .hp-all:hover{background:#fff;}\n#hp-proj .hp-all:hover b{transform:rotate(45deg);}\n#hp-proj .hp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}\n#hp-proj .hp-card{opacity:0;transform:translateY(16px);animation:hp-up .8s var(--ease) forwards;animation-delay:calc(var(--i,0)*90ms);}\n@keyframes hp-up{to{opacity:1;transform:none}}\n#hp-proj .hp-media{position:relative;aspect-ratio:4\/5;overflow:hidden;border-radius:3px;background:#2b2a26;}\n#hp-proj .hp-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.3s var(--ease);}\n#hp-proj .hp-media::after{content:\"\";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,12,9,.7) 0%,rgba(14,12,9,0) 50%);}\n#hp-proj .hp-card a:hover .hp-media img{transform:scale(1.04);}\n#hp-proj .hp-cap{position:absolute;left:22px;right:22px;bottom:20px;z-index:1;}\n#hp-proj .hp-where{display:flex;align-items:center;gap:10px;font-size:12px;color:rgba(244,241,234,.75);}\n#hp-proj .hp-tag{font-size:10px;letter-spacing:.16em;text-transform:uppercase;border:1px solid rgba(244,241,234,.45);border-radius:30px;padding:3px 9px;color:var(--cream);}\n#hp-proj .hp-cap h3{font-size:22px;font-weight:400;line-height:1.2;margin-top:10px;}\n#hp-proj .hp-arrow{position:absolute;top:18px;right:18px;z-index:1;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(244,241,234,.92);color:var(--ink);font-size:13px;transition:transform .45s var(--ease);}\n#hp-proj .hp-card a:hover .hp-arrow{transform:rotate(45deg);}\n#hp-proj .hp-skel{aspect-ratio:4\/5;border-radius:3px;background:linear-gradient(100deg,#2b2a26 30%,#34322d 50%,#2b2a26 70%);background-size:300% 100%;animation:hp-sh 1.4s linear infinite;}\n@keyframes hp-sh{from{background-position:100% 0}to{background-position:0 0}}\n@media (max-width:1100px){#hp-proj .hp-wrap{padding:80px 24px 90px;}}\n@media (max-width:820px){\n  #hp-proj .hp-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -24px;padding:0 24px 6px;scrollbar-width:none;}\n  #hp-proj .hp-grid::-webkit-scrollbar{display:none;}\n  #hp-proj .hp-grid > *{flex:0 0 78%;scroll-snap-align:start;}\n}\n@media (max-width:640px){\n  #hp-proj .hp-wrap{padding:64px 18px 72px;}\n  #hp-proj .hp-head > div{flex:1 1 100%;}\n  #hp-proj .hp-grid{margin:0 -18px;padding:0 18px 6px;scroll-padding:0 18px;}\n  #hp-proj .hp-all{width:100%;justify-content:space-between;}\n  #hp-proj .hp-cap h3{font-size:19px;}\n}\n@media (prefers-reduced-motion:reduce){#hp-proj *{animation:none!important;transition-duration:.01ms!important;}#hp-proj .hp-card{opacity:1;transform:none;}}\n<\/style>\n<section id=\"hp-proj\" aria-labelledby=\"hpTitle\">\n  <div class=\"hp-wrap\">\n    <div class=\"hp-head\">\n      <div>\n        <span class=\"hp-eb\">Proyectos<\/span>\n        <h2 id=\"hpTitle\">Proyectos a medida. <em>Mobiliario pensado para espacios reales.<\/em><\/h2>\n      <\/div>\n      <a class=\"hp-all\" href=\"\/proyectos\/\">Ver todos los proyectos <b aria-hidden=\"true\">\u2197<\/b><\/a>\n    <\/div>\n    <div class=\"hp-grid\" id=\"hpGrid\"><div class=\"hp-skel\"><\/div><div class=\"hp-skel\"><\/div><div class=\"hp-skel\"><\/div><\/div>\n    <noscript><p style=\"margin-top:20px\"><a href=\"\/proyectos\/\" style=\"text-decoration:underline\">Ver los proyectos<\/a><\/p><\/noscript>\n  <\/div>\n<\/section>\n<script data-no-optimize=\"1\" id=\"hp-js\">\n(function(){\n  var root=document.getElementById('hp-proj');if(!root||root.getAttribute('data-hp'))return;root.setAttribute('data-hp','1');\n  var LIVE=\/studiotablas\\.com$\/.test(location.hostname);\n  var API=true?'\/wp-json\/wp\/v2\/posts?categories=11&per_page=3&_embed=wp:featuredmedia&_fields=id,date,link,title,featured_media,_links,_embedded':'';\n  var PRO={1743:['Ja\u00e9n','Vivienda','Sal\u00f3n en Ja\u00e9n'],938:['Madrid','Comercio','Tienda de ropa infantil en Madrid'],391:['Granada','Vivienda','Almacenaje con baldas flotantes'],2208:['Granada','Vivienda','Estanter\u00eda empotrada en azul'],2183:['','Vivienda','Librer\u00edas a medida']};\n  var esc=function(s){return String(s==null?'':s).replace(\/[&<>\"']\/g,function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c];});};\n  var txt=function(h){var d=document.createElement('div');d.innerHTML=h||'';return (d.textContent||'').replace(\/\\s+\/g,' ').trim();};\n  fetch(API,{credentials:'same-origin'}).then(function(r){if(!r.ok)throw 0;return r.json();}).then(function(d){\n    var ps=d.sort(function(a,b){return b.date<a.date?-1:1;}).slice(0,3);if(!ps.length)throw 0;\n    document.getElementById('hpGrid').innerHTML=ps.map(function(p,i){\n      var m=p._embedded&&p._embedded['wp:featuredmedia']&&p._embedded['wp:featuredmedia'][0],s=m&&m.media_details&&m.media_details.sizes||{};\n      var img=(s.large||s.medium_large||{}).source_url||(m&&m.source_url)||'',f=PRO[p.id]||['','',txt(p.title.rendered)];\n      return '<article class=\"hp-card\" style=\"--i:'+i+'\"><a href=\"'+esc(p.link)+'\"><div class=\"hp-media\">'+(img?'<img src=\"'+esc(img)+'\" alt=\"'+esc((m&&m.alt_text)||'')+'\" loading=\"lazy\" decoding=\"async\" data-no-lazy=\"1\">':'')+\n        '<span class=\"hp-arrow\" aria-hidden=\"true\">\u2197<\/span><div class=\"hp-cap\"><p class=\"hp-where\">'+(f[1]?'<span class=\"hp-tag\">'+esc(f[1])+'<\/span>':'')+(f[0]?'<span>'+esc(f[0])+'<\/span>':'')+'<\/p><h3>'+esc(f[2])+'<\/h3><\/div><\/div><\/a><\/article>';\n    }).join('');\n  }).catch(function(){document.getElementById('hpGrid').innerHTML='<p><a href=\"\/proyectos\/\" style=\"text-decoration:underline\">Ver los proyectos<\/a><\/p>';});\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4015a7e e-con-full e-flex e-con e-parent\" data-id=\"4015a7e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33b8e28 elementor-widget elementor-widget-html\" data-id=\"33b8e28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  BLOG (bloque de la portada) \u00b7 Studio Tablas \u00b7 v1 DEFINITIVO \u00b7 01-10-2026\n  D\u00d3NDE: en la home, widget \u00abHTML\u00bb en un contenedor a ancho completo y sin relleno (sustituye al bloque de blog actual, si lo hay).\n  DATOS EN VIVO: los 3 \u00faltimos art\u00edculos publicados. Prefijo hb-.\n-->\n<style>\n@font-face{font-family:'hb-satoshi';font-weight:300;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Light.woff2\") format(\"woff2\");}\n@font-face{font-family:'hb-satoshi';font-weight:400;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Regular.woff2\") format(\"woff2\");}\n@font-face{font-family:'hb-satoshi';font-weight:500;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Medium.woff2\") format(\"woff2\");}\n.elementor-widget-html:has(#hb-blog){width:100%!important;max-width:100%!important;flex:1 1 100%!important;}\n.e-con:has(> .elementor-widget-html #hb-blog){padding:0!important;}\n#hb-blog{--cream:#F4F1EA;--paper:#FAF8F3;--sand:#E8E3D8;--ink:#26241F;--dark:#1E2124;--text:#4A463F;--mute:#8C877E;--line:rgba(38,36,31,.12);--line-strong:rgba(38,36,31,.28);--ease:cubic-bezier(.2,.7,.2,1);\n  font-family:'hb-satoshi','Satoshi',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;background:var(--cream);color:var(--ink);line-height:1.5;text-align:left;-webkit-font-smoothing:antialiased;}\n#hb-blog *,#hb-blog *::before,#hb-blog *::after{box-sizing:border-box;}\n#hb-blog a{color:inherit;text-decoration:none;}\n#hb-blog a:visited{color:inherit;}\n#hb-blog h2,#hb-blog h3,#hb-blog p,#hb-blog ul{margin:0;padding:0;list-style:none;font-family:inherit;color:inherit;}\n#hb-blog img{display:block;max-width:100%;}\n#hb-blog :focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px;}\n#hb-blog .hb-wrap{max-width:1440px;margin:0 auto;padding:100px 40px 110px;}\n#hb-blog .hb-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:44px;}\n#hb-blog .hb-head > div{min-width:0;max-width:100%;}\n#hb-blog .hb-eb{display:block;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);}\n#hb-blog .hb-head h2{font-size:clamp(34px,3.8vw,58px);line-height:1.02;font-weight:300;letter-spacing:-.025em;margin-top:16px;}\n#hb-blog .hb-head h2 em{font-style:normal;color:var(--mute);}\n#hb-blog .hb-cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}\n#hb-blog .hb-cats a{font-size:13px;padding:7px 13px;border:1px solid var(--line-strong);border-radius:30px;transition:border-color .25s var(--ease),background .25s var(--ease);}\n#hb-blog .hb-cats a:hover{border-color:var(--ink);background:var(--paper);}\n#hb-blog .hb-all{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:500;padding:13px 14px 13px 22px;border-radius:40px;background:var(--dark);color:var(--cream)!important;transition:background .3s var(--ease);flex:none;}\n#hb-blog .hb-all b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(244,241,234,.16);font-weight:400;font-size:11px;transition:transform .45s var(--ease);}\n#hb-blog .hb-all:hover{background:#000;}\n#hb-blog .hb-all:hover b{transform:rotate(45deg);}\n\n#hb-blog .hb-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;}\n#hb-blog .hb-media{position:relative;overflow:hidden;border-radius:3px;background:var(--sand);}\n#hb-blog .hb-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease);}\n#hb-blog a:hover .hb-media img{transform:scale(1.04);}\n#hb-blog .hb-meta{display:flex;align-items:center;gap:12px;font-size:12.5px;color:var(--mute);}\n#hb-blog .hb-tag{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);border:1px solid var(--line-strong);border-radius:30px;padding:4px 10px;}\n#hb-blog .hb-big .hb-media{aspect-ratio:16\/11;}\n#hb-blog .hb-big .hb-meta{margin-top:20px;}\n#hb-blog .hb-big h3{font-size:clamp(24px,2.3vw,34px);line-height:1.12;font-weight:300;letter-spacing:-.015em;margin-top:12px;}\n#hb-blog .hb-side{display:flex;flex-direction:column;}\n#hb-blog .hb-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:22px;align-items:center;padding:0 0 28px;}\n#hb-blog .hb-side article+article .hb-row{padding-top:28px;border-top:1px solid var(--line);}\n#hb-blog .hb-side article:last-child .hb-row{padding-bottom:0;}\n#hb-blog .hb-row .hb-media{aspect-ratio:4\/3;}\n#hb-blog .hb-row h3{font-size:19px;font-weight:400;line-height:1.25;margin-top:10px;}\n#hb-blog .hb-read{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;font-weight:500;border-bottom:1px solid var(--line-strong);padding-bottom:2px;transition:border-color .3s var(--ease);}\n#hb-blog a:hover .hb-read{border-color:var(--ink);}\n#hb-blog .hb-skel{background:linear-gradient(100deg,var(--sand) 30%,#F0ECE4 50%,var(--sand) 70%);background-size:300% 100%;animation:hb-sh 1.4s linear infinite;border-radius:3px;}\n@keyframes hb-sh{from{background-position:100% 0}to{background-position:0 0}}\n#hb-blog .hb-in{opacity:0;transform:translateY(16px);animation:hb-up .8s var(--ease) forwards;animation-delay:calc(var(--i,0)*90ms);}\n@keyframes hb-up{to{opacity:1;transform:none}}\n\n@media (max-width:1100px){#hb-blog .hb-wrap{padding:80px 24px 90px;}#hb-blog .hb-grid{grid-template-columns:1fr;gap:36px;}}\n@media (max-width:640px){\n  #hb-blog .hb-wrap{padding:64px 18px 72px;}\n  #hb-blog .hb-head{margin-bottom:30px;}\n  #hb-blog .hb-head > div{flex:1 1 100%;}\n  #hb-blog .hb-cats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:20px -18px 0;padding:0 18px;}\n  #hb-blog .hb-cats::-webkit-scrollbar{display:none;}\n  #hb-blog .hb-cats a{white-space:nowrap;}\n  #hb-blog .hb-row{grid-template-columns:120px 1fr;gap:14px;}\n  #hb-blog .hb-row h3{font-size:16px;}\n  #hb-blog .hb-row .hb-meta .hb-tag{display:none;}\n  #hb-blog .hb-all{width:100%;justify-content:space-between;}\n}\n@media (prefers-reduced-motion:reduce){#hb-blog *{animation:none!important;transition-duration:.01ms!important;}#hb-blog .hb-in{opacity:1;transform:none;}}\n<\/style>\n<section id=\"hb-blog\" aria-labelledby=\"hbTitle\">\n  <div class=\"hb-wrap\">\n    <div class=\"hb-head\">\n      <div>\n        <span class=\"hb-eb\">Blog<\/span>\n        <h2 id=\"hbTitle\">Diario del taller. <em>Ideas, gu\u00edas y oficio.<\/em><\/h2>\n        <nav class=\"hb-cats\" aria-label=\"Categor\u00edas del blog\">\n          <a href=\"\/blog\/?categoria=inspiracion-y-diseno\">Inspiraci\u00f3n y dise\u00f1o<\/a>\n          <a href=\"\/blog\/?categoria=cultura-del-roble\">Cultura del roble<\/a>\n          <a href=\"\/blog\/?categoria=guia-de-cuidados\">Gu\u00eda de cuidados<\/a>\n        <\/nav>\n      <\/div>\n      <a class=\"hb-all\" href=\"\/blog\/\">Ver todo el blog <b aria-hidden=\"true\">\u2197<\/b><\/a>\n    <\/div>\n    <div class=\"hb-grid\" id=\"hbGrid\">\n      <div class=\"hb-skel\" style=\"aspect-ratio:16\/11\"><\/div>\n      <div class=\"hb-side\"><div class=\"hb-skel\" style=\"height:150px;margin-bottom:28px\"><\/div><div class=\"hb-skel\" style=\"height:150px\"><\/div><\/div>\n    <\/div>\n    <noscript><p style=\"margin-top:20px\"><a href=\"\/blog\/\" style=\"text-decoration:underline\">Ver los art\u00edculos del blog<\/a><\/p><\/noscript>\n  <\/div>\n<\/section>\n<script data-no-optimize=\"1\" id=\"hb-js\">\n(function(){\n  var root=document.getElementById('hb-blog');if(!root||root.getAttribute('data-hb'))return;root.setAttribute('data-hb','1');\n  var LIVE=\/studiotablas\\.com$\/.test(location.hostname);\n  var API=true?'\/wp-json\/wp\/v2\/posts?per_page=3&categories_exclude=1,11&_embed=wp:featuredmedia&_fields=id,date,link,title,categories,featured_media,_links,_embedded':'';\n  var LABEL=[[69,'Gu\u00eda de cuidados'],[68,'Inspiraci\u00f3n y dise\u00f1o'],[67,'Cultura del roble']];\n  var UP='https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/10\/';\n  var FALLBACK={7801:UP+'hr-10-vela-dormitorio-m.webp',7798:UP+'hr-12-riva-bar-m.webp'};\n  var MES=['ene','feb','mar','abr','may','jun','jul','ago','sept','oct','nov','dic'];\n  var esc=function(s){return String(s==null?'':s).replace(\/[&<>\"']\/g,function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c];});};\n  var txt=function(h){var d=document.createElement('div');d.innerHTML=h||'';return (d.textContent||'').replace(\/\\s+\/g,' ').trim();};\n  function shape(p){\n    var m=p._embedded&&p._embedded['wp:featuredmedia']&&p._embedded['wp:featuredmedia'][0],s=m&&m.media_details&&m.media_details.sizes||{};\n    var cat=LABEL.filter(function(c){return (p.categories||[]).indexOf(c[0])>-1;})[0];\n    var x=new Date(p.date);\n    return {url:p.link,title:txt(p.title.rendered).replace(\/\\s*\\|\\s*Studio Tablas\\s*$\/i,''),date:p.date,fecha:x.getDate()+' '+MES[x.getMonth()]+' '+x.getFullYear(),\n      img:(s.medium_large||s.large||s.medium||{}).source_url||(m&&m.source_url)||FALLBACK[p.id]||'',big:(s.large||s.medium_large||{}).source_url||(m&&m.source_url)||FALLBACK[p.id]||'',alt:(m&&m.alt_text)||'',cat:cat?cat[1]:''};\n  }\n  function media(p,src){return '<div class=\"hb-media\">'+(src?'<img src=\"'+esc(src)+'\" alt=\"'+esc(p.alt)+'\" loading=\"lazy\" decoding=\"async\" data-no-lazy=\"1\">':'')+'<\/div>';}\n  function meta(p){return '<p class=\"hb-meta\">'+(p.cat?'<span class=\"hb-tag\">'+esc(p.cat)+'<\/span>':'')+'<time datetime=\"'+esc(p.date)+'\">'+p.fecha+'<\/time><\/p>';}\n  fetch(API,{credentials:'same-origin'}).then(function(r){if(!r.ok)throw 0;return r.json();}).then(function(d){\n    var ps=d.map(shape).sort(function(a,b){return b.date<a.date?-1:1;}).slice(0,3);if(!ps.length)throw 0;\n    var a=ps[0],h='<article class=\"hb-big hb-in\" style=\"--i:0\"><a href=\"'+esc(a.url)+'\">'+media(a,a.big)+meta(a)+'<h3>'+esc(a.title)+'<\/h3><span class=\"hb-read\">Leer art\u00edculo <span aria-hidden=\"true\">\u2197<\/span><\/span><\/a><\/article><div class=\"hb-side\">';\n    ps.slice(1).forEach(function(p,i){h+='<article class=\"hb-in\" style=\"--i:'+(i+1)+'\"><a class=\"hb-row\" href=\"'+esc(p.url)+'\">'+media(p,p.img)+'<div>'+meta(p)+'<h3>'+esc(p.title)+'<\/h3><span class=\"hb-read\">Leer <span aria-hidden=\"true\">\u2197<\/span><\/span><\/div><\/a><\/article>';});\n    document.getElementById('hbGrid').innerHTML=h+'<\/div>';\n  }).catch(function(){document.getElementById('hbGrid').innerHTML='<p><a href=\"\/blog\/\" style=\"text-decoration:underline\">Ver los art\u00edculos del blog<\/a><\/p>';});\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b60fc6 e-con-full e-flex e-con e-parent\" data-id=\"8b60fc6\" 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-965b9cc elementor-widget elementor-widget-html\" data-id=\"965b9cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  PREGUNTAS FRECUENTES (bloque de la portada) \u00b7 Studio Tablas \u00b7 v1 DEFINITIVO \u00b7 01-10-2026\n  D\u00d3NDE: en la home, widget \u00abHTML\u00bb a ancho completo y sin relleno, en lugar del acorde\u00f3n actual. Prefijo hq-. Sin JavaScript.\n  SEO: incluye datos estructurados FAQPage. Si el acorde\u00f3n antiguo (o un plugin SEO) ya genera FAQ en la home, quitar el antiguo para no duplicar.\n  TEXTOS A REVISAR: preguntas 02, 04 y 05 (nuevas, de Claude, con los datos de \u00abC\u00f3mo comprar\u00bb), entradilla y botones.\n-->\n<style>\n@font-face{font-family:'hq-satoshi';font-weight:300;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Light.woff2\") format(\"woff2\");}\n@font-face{font-family:'hq-satoshi';font-weight:400;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Regular.woff2\") format(\"woff2\");}\n@font-face{font-family:'hq-satoshi';font-weight:500;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Medium.woff2\") format(\"woff2\");}\n.elementor-widget-html:has(#hq-faq){width:100%!important;max-width:100%!important;flex:1 1 100%!important;}\n.e-con:has(> .elementor-widget-html #hq-faq){padding:0!important;}\n#hq-faq{--cream:#F4F1EA;--paper:#FAF8F3;--sand:#E8E3D8;--ink:#26241F;--dark:#1E2124;--text:#4A463F;--mute:#8C877E;--line:rgba(38,36,31,.14);--line-strong:rgba(38,36,31,.3);--ease:cubic-bezier(.2,.7,.2,1);\n  font-family:'hq-satoshi','Satoshi',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;background:var(--paper);color:var(--ink);line-height:1.5;text-align:left;-webkit-font-smoothing:antialiased;interpolate-size:allow-keywords;}\n#hq-faq *,#hq-faq *::before,#hq-faq *::after{box-sizing:border-box;}\n#hq-faq a{color:inherit;text-decoration:none;}\n#hq-faq a:visited{color:inherit;}\n#hq-faq h2,#hq-faq h3,#hq-faq p{margin:0;padding:0;font-family:inherit;color:inherit;}\n#hq-faq :focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px;}\n#hq-faq .hq-wrap{max-width:1440px;margin:0 auto;padding:110px 40px 120px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px;align-items:start;}\n#hq-faq .hq-side{position:sticky;top:120px;}\n#hq-faq .hq-eb{display:block;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);}\n#hq-faq .hq-side h2{font-size:clamp(34px,3.6vw,54px);line-height:1.03;font-weight:300;letter-spacing:-.025em;margin-top:16px;max-width:520px;}\n#hq-faq .hq-side h2 em{font-style:normal;color:var(--mute);}\n#hq-faq .hq-lead{font-size:16px;color:var(--text);margin-top:22px;max-width:400px;}\n#hq-faq .hq-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px;}\n#hq-faq .hq-btn{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:500;padding:13px 14px 13px 22px;border-radius:40px;background:var(--ink);color:var(--cream)!important;transition:background .3s var(--ease);}\n#hq-faq .hq-btn b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--cream);color:var(--ink);font-weight:400;font-size:11px;transition:transform .45s var(--ease);}\n#hq-faq .hq-btn:hover{background:#000;}\n#hq-faq .hq-btn:hover b{transform:rotate(45deg);}\n#hq-faq .hq-btn.hq-ghost{background:transparent;color:var(--ink)!important;border:1px solid var(--line-strong);padding:12px 22px;}\n#hq-faq .hq-btn.hq-ghost:hover{background:var(--ink);color:var(--cream)!important;border-color:var(--ink);}\n#hq-faq .hq-list{border-top:1px solid var(--line-strong);}\n#hq-faq details{border-bottom:1px solid var(--line);}\n#hq-faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:46px minmax(0,1fr) 40px;align-items:center;gap:12px;padding:26px 0;}\n#hq-faq summary::-webkit-details-marker{display:none;}\n#hq-faq summary::marker{content:\"\";}\n#hq-faq .hq-n{font-size:12px;font-weight:500;letter-spacing:.08em;color:var(--mute);font-variant-numeric:tabular-nums;}\n#hq-faq summary h3{font-size:clamp(18px,1.55vw,22px);font-weight:400;line-height:1.3;letter-spacing:-.01em;transition:transform .5s var(--ease);}\n#hq-faq summary:hover h3{transform:translateX(6px);}\n#hq-faq .hq-pm{position:relative;justify-self:end;width:36px;height:36px;border-radius:50%;border:1px solid var(--line-strong);transition:background .35s var(--ease),border-color .35s var(--ease),transform .5s var(--ease);}\n#hq-faq .hq-pm::before,#hq-faq .hq-pm::after{content:\"\";position:absolute;left:50%;top:50%;width:12px;height:1.5px;margin:-.75px 0 0 -6px;background:var(--ink);transition:background .35s var(--ease);}\n#hq-faq .hq-pm::after{transform:rotate(90deg);}\n#hq-faq summary:hover .hq-pm{border-color:var(--ink);}\n#hq-faq details[open] .hq-pm{background:var(--ink);border-color:var(--ink);transform:rotate(45deg);}\n#hq-faq details[open] .hq-pm::before,#hq-faq details[open] .hq-pm::after{background:var(--cream);}\n#hq-faq details::details-content{height:0;overflow:clip;transition:height .5s var(--ease),content-visibility .5s allow-discrete;}\n#hq-faq details[open]::details-content{height:auto;}\n#hq-faq .hq-a{padding:0 52px 30px 58px;font-size:16px;color:var(--text);max-width:720px;}\n#hq-faq details[open] .hq-a{animation:hq-in .6s var(--ease) both;}\n@keyframes hq-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}\n#hq-faq .hq-a a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong);}\n#hq-faq .hq-a a:hover{text-decoration-color:var(--ink);}\n#hq-faq .hq-more{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;font-size:14px;color:var(--mute);}\n#hq-faq .hq-more a{color:var(--ink);font-weight:500;border-bottom:1px solid var(--line-strong);padding-bottom:2px;transition:border-color .3s var(--ease);}\n#hq-faq .hq-more a:hover{border-color:var(--ink);}\n@media (max-width:1100px){#hq-faq .hq-wrap{padding:90px 24px 100px;gap:56px;}}\n@media (max-width:900px){\n  #hq-faq .hq-wrap{grid-template-columns:minmax(0,1fr);gap:44px;}\n  #hq-faq .hq-side{position:static;}\n}\n@media (max-width:640px){\n  #hq-faq .hq-wrap{padding:68px 18px 76px;}\n  #hq-faq .hq-btns{flex-direction:column;}\n  #hq-faq .hq-btn{width:100%;justify-content:space-between;}\n  #hq-faq .hq-btn.hq-ghost{justify-content:center;}\n  #hq-faq summary{grid-template-columns:30px minmax(0,1fr) 36px;gap:8px;padding:22px 0;}\n  #hq-faq .hq-pm{width:32px;height:32px;}\n  #hq-faq .hq-a{padding:0 0 26px 38px;font-size:15px;}\n  #hq-faq .hq-more{flex-direction:column;align-items:flex-start;gap:8px;}\n}\n@media (prefers-reduced-motion:reduce){#hq-faq *{animation:none!important;transition-duration:.01ms!important;}}\n<\/style>\n<section id=\"hq-faq\" aria-labelledby=\"hqTitle\">\n  <div class=\"hq-wrap\">\n    <div class=\"hq-side\">\n      <span class=\"hq-eb\">Studio Tablas \u00b7 Preguntas frecuentes<\/span>\n      <h2 id=\"hqTitle\">Lo que nos preguntan <em>antes de encargar una pieza.<\/em><\/h2>\n      <p class=\"hq-lead\">Si tu duda no est\u00e1 aqu\u00ed, escr\u00edbenos. Te respondemos personalmente desde el taller.<\/p>\n      <div class=\"hq-btns\">\n        <a class=\"hq-btn\" href=\"\/contacto\/\">Hablar con el taller <b aria-hidden=\"true\">\u2197<\/b><\/a>\n        <a class=\"hq-btn hq-ghost\" href=\"\/producto\/muestras-madera-maciza\/\">Pedir muestras de madera<\/a>\n      <\/div>\n    <\/div>\n    <div>\n      <div class=\"hq-list\">\n        <details name=\"hq-acc\" open>\n          <summary><span class=\"hq-n\">01<\/span><h3>\u00bfD\u00f3nde se fabrican los muebles de Studio Tablas?<\/h3><span class=\"hq-pm\" aria-hidden=\"true\"><\/span><\/summary>\n          <p class=\"hq-a\">Toda nuestra producci\u00f3n se realiza \u00edntegramente en nuestro taller artesanal en Espa\u00f1a, combinando t\u00e9cnicas de ebanister\u00eda tradicional con tecnolog\u00edas de precisi\u00f3n.<\/p>\n        <\/details>\n        <details name=\"hq-acc\">\n          <summary><span class=\"hq-n\">02<\/span><h3>\u00bfCu\u00e1nto tarda en llegar mi pedido?<\/h3><span class=\"hq-pm\" aria-hidden=\"true\"><\/span><\/summary>\n          <p class=\"hq-a\">Cada pieza se fabrica por encargo. La fabricaci\u00f3n lleva entre 3 y 6 semanas, seg\u00fan el modelo y el acabado. Despu\u00e9s, el env\u00edo tarda unos 3 d\u00edas laborables.<\/p>\n        <\/details>\n        <details name=\"hq-acc\">\n          <summary><span class=\"hq-n\">03<\/span><h3>\u00bfPuedo personalizar las medidas de un producto?<\/h3><span class=\"hq-pm\" aria-hidden=\"true\"><\/span><\/summary>\n          <p class=\"hq-a\">Absolutamente. Aunque ofrecemos tama\u00f1os est\u00e1ndar, podemos adaptar casi cualquier dise\u00f1o a las dimensiones espec\u00edficas que necesite tu proyecto. <a href=\"\/contacto\/\">Contacta con nosotros<\/a> para un presupuesto a medida.<\/p>\n        <\/details>\n        <details name=\"hq-acc\">\n          <summary><span class=\"hq-n\">04<\/span><h3>\u00bfHac\u00e9is env\u00edos fuera de Espa\u00f1a?<\/h3><span class=\"hq-pm\" aria-hidden=\"true\"><\/span><\/summary>\n          <p class=\"hq-a\">S\u00ed. Enviamos a toda Europa y a Estados Unidos. El env\u00edo es gratuito en pedidos desde 600 \u20ac; por debajo de esa cifra cuesta 45 \u20ac.<\/p>\n        <\/details>\n        <details name=\"hq-acc\">\n          <summary><span class=\"hq-n\">05<\/span><h3>\u00bfPuedo ver la madera y los acabados antes de comprar?<\/h3><span class=\"hq-pm\" aria-hidden=\"true\"><\/span><\/summary>\n          <p class=\"hq-a\">S\u00ed. Tenemos una <a href=\"\/producto\/muestras-madera-maciza\/\">caja de muestras<\/a> con nuestros acabados por 45 \u20ac. Ese importe se descuenta despu\u00e9s de tu pedido.<\/p>\n        <\/details>\n        <details name=\"hq-acc\">\n          <summary><span class=\"hq-n\">06<\/span><h3>\u00bfQu\u00e9 tratamiento recibe la madera para su protecci\u00f3n?<\/h3><span class=\"hq-pm\" aria-hidden=\"true\"><\/span><\/summary>\n          <p class=\"hq-a\">Aplicamos barnices de alta dureza que crean una capa impermeable. Esto evita la absorci\u00f3n de l\u00edquidos y protege la madera de manchas, manteniendo su tacto natural y sedoso.<\/p>\n        <\/details>\n      <\/div>\n      <p class=\"hq-more\"><span>\u00bfVas a comprar online por primera vez?<\/span><a href=\"\/contacto\/\">Escr\u00edbenos tu duda<\/a><\/p>\n    <\/div>\n  <\/div>\n<\/section>\n<script type=\"application\/ld+json\">\n{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[\n{\"@type\":\"Question\",\"name\":\"\u00bfD\u00f3nde se fabrican los muebles de Studio Tablas?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Toda nuestra producci\u00f3n se realiza \u00edntegramente en nuestro taller artesanal en Espa\u00f1a, combinando t\u00e9cnicas de ebanister\u00eda tradicional con tecnolog\u00edas de precisi\u00f3n.\"}},\n{\"@type\":\"Question\",\"name\":\"\u00bfCu\u00e1nto tarda en llegar mi pedido?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Cada pieza se fabrica por encargo. La fabricaci\u00f3n lleva entre 3 y 6 semanas, seg\u00fan el modelo y el acabado. Despu\u00e9s, el env\u00edo tarda unos 3 d\u00edas laborables.\"}},\n{\"@type\":\"Question\",\"name\":\"\u00bfPuedo personalizar las medidas de un producto?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Absolutamente. Aunque ofrecemos tama\u00f1os est\u00e1ndar, podemos adaptar casi cualquier dise\u00f1o a las dimensiones espec\u00edficas que necesite tu proyecto. Contacta con nosotros para un presupuesto a medida.\"}},\n{\"@type\":\"Question\",\"name\":\"\u00bfHac\u00e9is env\u00edos fuera de Espa\u00f1a?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\u00ed. Enviamos a toda Europa y a Estados Unidos. El env\u00edo es gratuito en pedidos desde 600 \u20ac; por debajo de esa cifra cuesta 45 \u20ac.\"}},\n{\"@type\":\"Question\",\"name\":\"\u00bfPuedo ver la madera y los acabados antes de comprar?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\u00ed. Tenemos una caja de muestras con nuestros acabados por 45 \u20ac. Ese importe se descuenta despu\u00e9s de tu pedido.\"}},\n{\"@type\":\"Question\",\"name\":\"\u00bfQu\u00e9 tratamiento recibe la madera para su protecci\u00f3n?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Aplicamos barnices de alta dureza que crean una capa impermeable. Esto evita la absorci\u00f3n de l\u00edquidos y protege la madera de manchas, manteniendo su tacto natural y sedoso.\"}}\n]}\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-446fc96 e-con-full e-flex e-con e-parent\" data-id=\"446fc96\" 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-41a36bc elementor-widget elementor-widget-html\" data-id=\"41a36bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  CLIENTES (bloque de la portada) \u00b7 Studio Tablas \u00b7 v1 DEFINITIVO \u00b7 01-10-2026\n  D\u00d3NDE: en la home, widget \u00abHTML\u00bb a ancho completo y sin relleno, en lugar del carrusel actual. Prefijo hl-. Sin JavaScript.\n  LOGOS: los que ya est\u00e1n en Medios (uploads\/2026\/04). No hay que subir nada. Para a\u00f1adir uno: copiar un <li> en LAS DOS listas.\n  TEXTO A REVISAR: \u00abHoteles, comercios e instituciones que ya tienen piezas de nuestro taller.\u00bb\n-->\n<style>\n@font-face{font-family:'hl-satoshi';font-weight:300;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Light.woff2\") format(\"woff2\");}\n@font-face{font-family:'hl-satoshi';font-weight:400;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Regular.woff2\") format(\"woff2\");}\n@font-face{font-family:'hl-satoshi';font-weight:500;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Medium.woff2\") format(\"woff2\");}\n.elementor-widget-html:has(#hl-cli){width:100%!important;max-width:100%!important;flex:1 1 100%!important;}\n.e-con:has(> .elementor-widget-html #hl-cli){padding:0!important;}\n#hl-cli{--cream:#F4F1EA;--paper:#FAF8F3;--sand:#E8E3D8;--ink:#26241F;--text:#4A463F;--mute:#8C877E;--line:rgba(38,36,31,.14);--line-strong:rgba(38,36,31,.3);--ease:cubic-bezier(.2,.7,.2,1);--cell:280px;--speed:46s;\n  font-family:'hl-satoshi','Satoshi',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;background:var(--cream);color:var(--ink);line-height:1.5;text-align:left;-webkit-font-smoothing:antialiased;overflow-x:clip;}\n#hl-cli *,#hl-cli *::before,#hl-cli *::after{box-sizing:border-box;}\n#hl-cli h2,#hl-cli p,#hl-cli ul{margin:0;padding:0;list-style:none;font-family:inherit;color:inherit;}\n#hl-cli img{display:block;max-width:none;}\n#hl-cli .hl-wrap{max-width:1440px;margin:0 auto;padding:96px 40px 40px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;}\n#hl-cli .hl-wrap > div{min-width:0;}\n#hl-cli .hl-eb{display:block;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);}\n#hl-cli h2{font-size:clamp(30px,3.2vw,48px);line-height:1.05;font-weight:300;letter-spacing:-.025em;margin-top:16px;max-width:760px;}\n#hl-cli h2 em{font-style:normal;color:var(--mute);}\n#hl-cli .hl-note{font-size:15px;color:var(--text);max-width:340px;}\n#hl-cli .hl-band{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:100px;overflow:hidden;\n  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);}\n#hl-cli .hl-track{display:flex;width:max-content;animation:hl-run var(--speed) linear infinite;}\n#hl-cli .hl-band:hover .hl-track{animation-play-state:paused;}\n@keyframes hl-run{to{transform:translateX(-50%)}}\n#hl-cli .hl-list{display:flex;flex:none;}\n#hl-cli .hl-list li{flex:none;width:var(--cell);height:170px;display:grid;place-items:center;border-right:1px solid var(--line);}\n#hl-cli .hl-list img{height:var(--h,46px);width:auto;opacity:.7;filter:grayscale(1);transition:opacity .45s var(--ease),transform .6s var(--ease);}\n#hl-cli .hl-list li:hover img{opacity:1;transform:scale(1.05);}\n@media (max-width:1100px){#hl-cli .hl-wrap{padding:80px 24px 36px;}#hl-cli .hl-band{margin-bottom:84px;}}\n@media (max-width:640px){\n  #hl-cli{--cell:190px;--speed:36s;}\n  #hl-cli .hl-wrap{padding:64px 18px 30px;}\n  #hl-cli .hl-list li{height:120px;}\n  #hl-cli .hl-list img{height:calc(var(--h,46px)*.72);}\n  #hl-cli .hl-band{margin-bottom:68px;}\n}\n@media (prefers-reduced-motion:reduce){\n  #hl-cli .hl-track{animation:none;width:auto;justify-content:center;}\n  #hl-cli .hl-list{flex-wrap:wrap;justify-content:center;}\n  #hl-cli .hl-list[aria-hidden]{display:none;}\n  #hl-cli .hl-band{-webkit-mask-image:none;mask-image:none;}\n}\n<\/style>\n<section id=\"hl-cli\" aria-labelledby=\"hlTitle\">\n  <div class=\"hl-wrap\">\n    <div>\n      <span class=\"hl-eb\">Clientes<\/span>\n      <h2 id=\"hlTitle\">Clientes con los que <em>hemos trabajado.<\/em><\/h2>\n    <\/div>\n    <p class=\"hl-note\">Hoteles, comercios e instituciones que ya tienen piezas de nuestro taller.<\/p>\n  <\/div>\n  <div class=\"hl-band\">\n    <div class=\"hl-track\">\n      <ul class=\"hl-list\">\n        <li><img loading=\"lazy\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/04\/logo-social-proot-studiotablas-02.webp\" alt=\"Escuela Superior de Arte y Dise\u00f1o de Andaluc\u00eda\" width=\"1506\" height=\"529\" style=\"--h:72px\" loading=\"lazy\" decoding=\"async\" data-no-lazy=\"1\" title=\"\"><\/li>\n        <li><img loading=\"lazy\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/04\/logo-social-proot-studiotablas-03.webp\" alt=\"Hammam Al \u00c1ndalus\" width=\"1791\" height=\"529\" style=\"--h:62px\" loading=\"lazy\" decoding=\"async\" data-no-lazy=\"1\" title=\"\"><\/li>\n        <li><img loading=\"lazy\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/04\/logo-social-proot-studiotablas-04.webp\" alt=\"Diputaci\u00f3n de Granada\" width=\"599\" height=\"529\" style=\"--h:104px\" loading=\"lazy\" decoding=\"async\" data-no-lazy=\"1\" title=\"\"><\/li>\n        <li><img loading=\"lazy\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/04\/logo-social-proot-studiotablas-05.webp\" alt=\"Petite Siesta\" width=\"863\" height=\"529\" style=\"--h:92px\" loading=\"lazy\" decoding=\"async\" data-no-lazy=\"1\" title=\"\"><\/li>\n        <li><img loading=\"lazy\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/04\/logo-social-proot-studiotablas-06.webp\" alt=\"Philadelfia hotel ciudad\" width=\"1302\" height=\"529\" style=\"--h:78px\" loading=\"lazy\" decoding=\"async\" data-no-lazy=\"1\" title=\"\"><\/li>\n        <li><img loading=\"lazy\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/04\/logo-social-proot-studiotablas-07.webp\" alt=\"Reez\" width=\"1288\" height=\"529\" style=\"--h:72px\" loading=\"lazy\" decoding=\"async\" data-no-lazy=\"1\" title=\"\"><\/li>\n        <li><img loading=\"lazy\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/04\/logo-social-proot-studiotablas-08.webp\" alt=\"Soluciones Gr\u00e1ficas S2\" width=\"1463\" height=\"529\" style=\"--h:64px\" loading=\"lazy\" decoding=\"async\" data-no-lazy=\"1\" title=\"\"><\/li>\n      <\/ul>\n      <ul class=\"hl-list\" aria-hidden=\"true\">\n        <li><img loading=\"lazy\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/04\/logo-social-proot-studiotablas-02.webp\" alt=\"\" width=\"1506\" height=\"529\" style=\"--h:72px\" loading=\"lazy\" decoding=\"async\" data-no-lazy=\"1\" title=\"\"><\/li>\n        <li><img loading=\"lazy\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/04\/logo-social-proot-studiotablas-03.webp\" alt=\"\" width=\"1791\" height=\"529\" style=\"--h:62px\" loading=\"lazy\" decoding=\"async\" data-no-lazy=\"1\" title=\"\"><\/li>\n        <li><img loading=\"lazy\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/04\/logo-social-proot-studiotablas-04.webp\" alt=\"\" width=\"599\" height=\"529\" style=\"--h:104px\" loading=\"lazy\" decoding=\"async\" data-no-lazy=\"1\" title=\"\"><\/li>\n        <li><img loading=\"lazy\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/04\/logo-social-proot-studiotablas-05.webp\" alt=\"\" width=\"863\" height=\"529\" style=\"--h:92px\" loading=\"lazy\" decoding=\"async\" data-no-lazy=\"1\" title=\"\"><\/li>\n        <li><img loading=\"lazy\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/04\/logo-social-proot-studiotablas-06.webp\" alt=\"\" width=\"1302\" height=\"529\" style=\"--h:78px\" loading=\"lazy\" decoding=\"async\" data-no-lazy=\"1\" title=\"\"><\/li>\n        <li><img loading=\"lazy\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/04\/logo-social-proot-studiotablas-07.webp\" alt=\"\" width=\"1288\" height=\"529\" style=\"--h:72px\" loading=\"lazy\" decoding=\"async\" data-no-lazy=\"1\" title=\"\"><\/li>\n        <li><img loading=\"lazy\" src=\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/04\/logo-social-proot-studiotablas-08.webp\" alt=\"\" width=\"1463\" height=\"529\" style=\"--h:64px\" loading=\"lazy\" decoding=\"async\" data-no-lazy=\"1\" title=\"\"><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c343724 e-con-full e-flex e-con e-parent\" data-id=\"c343724\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-afbad5d elementor-widget elementor-widget-html\" data-id=\"afbad5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  CONTACTO 4 TALLER \u00b7 Studio Tablas \u00b7 v1 DEFINITIVO \u00b7 01-10-2026\n  4 \u00b7 EL TALLER: widget \u00abHTML\u00bb al final, en un contenedor a ancho completo y sin relleno. Mapa dibujado (sin cookies de Google).\n-->\n<style>\n@font-face{font-family:'ct-satoshi';font-weight:300;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Light.woff2\") format(\"woff2\");}\n@font-face{font-family:'ct-satoshi';font-weight:400;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Regular.woff2\") format(\"woff2\");}\n@font-face{font-family:'ct-satoshi';font-weight:500;font-style:normal;font-display:swap;src:url(\"https:\/\/studiotablas.com\/wp-content\/uploads\/2026\/02\/Satoshi-Medium.woff2\") format(\"woff2\");}\n.elementor-widget-html:has(#ct-visit){width:100%!important;max-width:100%!important;flex:1 1 100%!important;}\n.e-con:has(> .elementor-widget-html #ct-visit){padding-left:0!important;padding-right:0!important;}\n#ct-visit{--cream:#F4F1EA;--paper:#FAF8F3;--sand:#E8E3D8;--ink:#26241F;--dark:#1E2124;--text:#4A463F;--mute:#8C877E;--line:rgba(38,36,31,.12);--ease:cubic-bezier(.2,.7,.2,1);\n  font-family:'ct-satoshi','Satoshi',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;background:var(--cream);color:var(--ink);line-height:1.55;text-align:left;-webkit-font-smoothing:antialiased;}\n#ct-visit *,#ct-visit *::before,#ct-visit *::after{box-sizing:border-box;}\n#ct-visit a{color:inherit;text-decoration:none;}\n#ct-visit h2,#ct-visit p{margin:0;font-family:inherit;color:inherit;}\n#ct-visit .ct-wrap{max-width:1440px;margin:0 auto;padding:80px 40px 110px;}\n#ct-visit .ct-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--paper);}\n#ct-visit .ct-info{padding:44px 40px;display:flex;flex-direction:column;justify-content:space-between;gap:30px;}\n#ct-visit .ct-eb{display:block;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-bottom:16px;}\n#ct-visit h2{font-size:clamp(30px,3vw,44px);line-height:1.05;font-weight:300;letter-spacing:-.02em;}\n#ct-visit h2 em{font-style:normal;color:var(--mute);}\n#ct-visit .ct-addr{font-size:17px;margin-top:20px;}\n#ct-visit .ct-note{font-size:14px;color:var(--text);margin-top:8px;}\n#ct-visit .ct-pend{background:#F6E27A;color:#26241F;padding:0 4px;border-radius:2px;font-weight:500;}\n#ct-visit .ct-actions{display:flex;gap:10px;flex-wrap:wrap;}\n#ct-visit .ct-btn{display:inline-flex;align-items:center;gap:12px;font-size:13.5px;font-weight:500;padding:12px 14px 12px 20px;border-radius:40px;border:1px solid var(--ink);transition:background .3s var(--ease),color .3s var(--ease);}\n#ct-visit .ct-btn b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--sand);font-weight:400;font-size:11px;transition:transform .45s var(--ease);}\n#ct-visit .ct-btn:hover{background:var(--ink);color:var(--cream);}\n#ct-visit .ct-btn:hover b{transform:rotate(45deg);background:rgba(244,241,234,.16);}\n#ct-visit .ct-btn.dark{background:var(--dark);color:var(--cream);border-color:var(--dark);}\n#ct-visit .ct-btn.dark b{background:rgba(244,241,234,.16);}\n#ct-visit .ct-map{position:relative;min-height:360px;background:#EDE8DE;overflow:hidden;}\n#ct-visit .ct-map svg{position:absolute;inset:0;width:100%;height:100%;}\n#ct-visit .ct-pin{position:absolute;left:56%;top:48%;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:8px;}\n#ct-visit .ct-pin span{background:var(--dark);color:var(--cream);font-size:12px;letter-spacing:.04em;padding:8px 12px;border-radius:30px;white-space:nowrap;box-shadow:0 10px 24px -8px rgba(20,18,14,.4);}\n#ct-visit .ct-pin i{width:14px;height:14px;border-radius:50%;background:var(--dark);border:3px solid var(--cream);box-shadow:0 0 0 1px var(--dark);position:relative;}\n#ct-visit .ct-pin i::after{content:\"\";position:absolute;inset:-12px;border-radius:50%;border:1px solid var(--dark);opacity:0;animation:ct-ping 2.4s var(--ease) infinite;}\n@keyframes ct-ping{0%{transform:scale(.4);opacity:.7}100%{transform:scale(1.6);opacity:0}}\n#ct-visit .ct-coord{position:absolute;left:18px;bottom:16px;font-size:11px;letter-spacing:.14em;color:#8C877E;}\n@media (max-width:900px){#ct-visit .ct-wrap{padding:56px 24px 80px;}#ct-visit .ct-card{grid-template-columns:1fr;}#ct-visit .ct-map{min-height:260px;}}\n@media (max-width:640px){#ct-visit .ct-wrap{padding:40px 18px 64px;}#ct-visit .ct-info{padding:28px 20px;}}\n@media (prefers-reduced-motion:reduce){#ct-visit .ct-pin i::after{animation:none;}#ct-hero *,#ct-visit *{transition-duration:.01ms!important;}}\n<\/style>\n<section id=\"ct-visit\" aria-labelledby=\"ctVisit\">\n  <div class=\"ct-wrap\">\n    <div class=\"ct-card\">\n      <div class=\"ct-info\">\n        <div>\n          <span class=\"ct-eb\">El taller<\/span>\n          <h2 id=\"ctVisit\">Ven a ver la madera <em>de cerca.<\/em><\/h2>\n          <p class=\"ct-addr\">Calle Ja\u00e9n, 14<br>18340 Fuente Vaqueros, Granada<\/p>\n          <p class=\"ct-note\"><b style=\"font-weight:500;color:var(--ink)\">Horario:<\/b> de lunes a viernes, de 8:00 a 17:00.<\/p>\n        <\/div>\n        <div class=\"ct-actions\">\n          <a class=\"ct-btn dark\" href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&amp;destination=Calle%20Ja%C3%A9n%2C%2014%2C%2018340%20Fuente%20Vaqueros%2C%20Granada\" target=\"_blank\" rel=\"noopener\">C\u00f3mo llegar <b aria-hidden=\"true\">\u2197<\/b><\/a>\n          <a class=\"ct-btn\" href=\"https:\/\/share.google\/RiDiTtOigeof6RBzi\" target=\"_blank\" rel=\"noopener\">Rese\u00f1as en Google <b aria-hidden=\"true\">\u2197<\/b><\/a>\n        <\/div>\n      <\/div>\n      <div class=\"ct-map\" role=\"img\" aria-label=\"Mapa: el taller de Studio Tablas est\u00e1 en la calle Ja\u00e9n, 14, Fuente Vaqueros (Granada)\">\n        <svg viewBox=\"0 0 600 400\" preserveAspectRatio=\"xMidYMid slice\" aria-hidden=\"true\">\n          <defs><pattern id=\"ctGrid\" width=\"24\" height=\"24\" patternUnits=\"userSpaceOnUse\"><path d=\"M24 0H0V24\" fill=\"none\" stroke=\"rgba(38,36,31,.06)\"\/><\/pattern><\/defs>\n          <rect width=\"600\" height=\"400\" fill=\"url(#ctGrid)\"\/>\n          <g fill=\"none\" stroke=\"#FAF8F3\" stroke-linecap=\"round\">\n            <path d=\"M-20 300 C 120 280, 220 250, 330 190 S 520 80, 640 60\" stroke-width=\"18\"\/>\n            <path d=\"M80 -20 L 170 420\" stroke-width=\"12\"\/><path d=\"M-20 120 L 640 170\" stroke-width=\"10\"\/>\n            <path d=\"M420 -20 C 400 120, 360 220, 380 420\" stroke-width=\"12\"\/><path d=\"M200 420 C 260 330, 300 300, 336 192\" stroke-width=\"8\"\/>\n            <path d=\"M-20 360 L 640 330\" stroke-width=\"7\"\/><path d=\"M520 -20 L 470 420\" stroke-width=\"7\"\/>\n          <\/g>\n          <g fill=\"none\" stroke=\"rgba(38,36,31,.18)\" stroke-dasharray=\"3 5\"><circle cx=\"336\" cy=\"192\" r=\"70\"\/><circle cx=\"336\" cy=\"192\" r=\"140\"\/><\/g>\n          <g fill=\"rgba(38,36,31,.07)\"><rect x=\"200\" y=\"40\" width=\"70\" height=\"46\" rx=\"3\"\/><rect x=\"460\" y=\"230\" width=\"90\" height=\"60\" rx=\"3\"\/><rect x=\"40\" y=\"160\" width=\"60\" height=\"80\" rx=\"3\"\/><rect x=\"250\" y=\"300\" width=\"80\" height=\"50\" rx=\"3\"\/><\/g>\n          <text x=\"22\" y=\"30\" font-family=\"sans-serif\" font-size=\"11\" letter-spacing=\"2\" fill=\"rgba(38,36,31,.45)\">N \u2191<\/text>\n        <\/svg>\n        <div class=\"ct-pin\"><span>Studio Tablas \u00b7 Taller<\/span><i><\/i><\/div>\n        <span class=\"ct-coord\">GRANADA \u00b7 ESPA\u00d1A<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Meubles en ch\u00eane massif fabriqu\u00e9s \u00e0 la main \u00e0 Grenade. Tables, \u00e9tag\u00e8res et bancs sur mesure aux finitions artisanales. Livraison dans toute l'Europe.<\/p>","protected":false},"author":1,"featured_media":5087,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"googlesitekit_rrm_CAow_s7CDA:productID":"","footnotes":""},"class_list":["post-3324","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/studiotablas.com\/fr\/wp-json\/wp\/v2\/pages\/3324","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studiotablas.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studiotablas.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studiotablas.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studiotablas.com\/fr\/wp-json\/wp\/v2\/comments?post=3324"}],"version-history":[{"count":100,"href":"https:\/\/studiotablas.com\/fr\/wp-json\/wp\/v2\/pages\/3324\/revisions"}],"predecessor-version":[{"id":8364,"href":"https:\/\/studiotablas.com\/fr\/wp-json\/wp\/v2\/pages\/3324\/revisions\/8364"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studiotablas.com\/fr\/wp-json\/wp\/v2\/media\/5087"}],"wp:attachment":[{"href":"https:\/\/studiotablas.com\/fr\/wp-json\/wp\/v2\/media?parent=3324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}