{"id":8491,"date":"2026-08-19T15:54:25","date_gmt":"2026-08-19T15:54:25","guid":{"rendered":"https:\/\/jazzfest.javistudiora.com\/escenarios\/"},"modified":"2026-09-03T16:25:39","modified_gmt":"2026-09-03T16:25:39","slug":"escenarios","status":"publish","type":"page","link":"https:\/\/jazz.barcelona\/es\/escenarios\/","title":{"rendered":"Escenarios"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8491\" class=\"elementor elementor-8491 elementor-7140\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-jzem0000 e-con-full e-flex e-con e-parent\" data-id=\"jzem0000\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-jzem0001 elementor-widget elementor-widget-jazz-marquee\" data-id=\"jzem0001\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"jazz-marquee.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style id=\"jazz-marquee-css\">\n\/* La marquesina va SEMPRE a amplada completa (edge-to-edge), sense els paddings\n   laterals del contenidor, a TOTS els dispositius. Trenca la caixa amb amplada\n   de viewport; el .jzmq ja porta overflow:hidden + contain:paint per no generar\n   scroll horitzontal. *\/\n.elementor-widget-jazz-marquee{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;}\n.elementor-widget-jazz-marquee > .elementor-widget-container{padding-left:0 !important;padding-right:0 !important;}\n.jzmq{\n\t--jzmq-fons: var(--e-global-color-jz01);\n\t--jzmq-color: var(--e-global-color-jzblack);\n\t--jzmq-alt: 2.875rem;\n\t--jzmq-gap: 2.5rem;\n\t\/* Velocitat en pixels per segon: aixi TOTES les marquesines van igual de\n\t   rapides, digui el que digui el text. Amb una duracio fixa passava el\n\t   contrari: com mes llarga la paraula, mes distancia en el mateix temps. *\/\n\t--jzmq-vel: 45;\n\t--jzmq-temps: 40s;\n\tposition:relative;\n\twidth:100%;\n\theight:var(--jzmq-alt);\n\tbackground:var(--jzmq-fons);\n\toverflow:hidden;\n\tdisplay:flex; align-items:center;\n\t\/* que no generi scroll horitzontal a la pagina *\/\n\tcontain:paint;\n}\n.jzmq__pista{\n\tdisplay:flex; flex:none;\n\twidth:max-content;\n\twill-change:transform;\n\tbackface-visibility:hidden;\n\t\/* Sense JavaScript la marquesina es mou igualment, amb l'animacio de CSS. *\/\n\tanimation:jzmq-corre var(--jzmq-temps) linear infinite;\n}\n.jzmq--dre .jzmq__pista{animation-direction:reverse;}\n\/* Quan el JS agafa el timo, l'animacio de CSS fa nosa. *\/\n.jzmq.is-viu .jzmq__pista{animation:none;}\n.jzmq__grup{display:flex;flex:none;gap:var(--jzmq-gap);padding-right:var(--jzmq-gap);}\n\/* Especificitat baixa a proposit (0,1,0): aixi els controls de tipografia\n   del widget \u2014que Elementor escriu com `.elementor-element-x .jzmq__txt`\u2014\n   sempre guanyen, encara que aquest <style> vagi despres al document. *\/\n.jzmq__txt{\n\tflex:none; white-space:nowrap;\n\tcolor:var(--jzmq-color);\n\tfont-family:var(--e-global-typography-jzseccio-font-family), sans-serif;\n\tfont-weight:var(--e-global-typography-jzseccio-font-weight);\n\tfont-size:var(--e-global-typography-jzseccio-font-size);\n\tline-height:1;\n\ttext-transform:var(--e-global-typography-jzseccio-text-transform);\n}\n\/* Dos grups identics: quan el primer ha recorregut el seu ample, el segon ja\n   ocupa el seu lloc i el bucle no fa salt. *\/\n@keyframes jzmq-corre{\n\tfrom{transform:translate3d(0,0,0);}\n\tto  {transform:translate3d(-50%,0,0);}\n}\n@media (prefers-reduced-motion: reduce){\n\t.jzmq__pista{animation:none;transform:none !important;}\n}\n<\/style>\n<script id=\"jazz-marquee-js\">\n(function () {\n\t'use strict';\n\n\tif (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n\tvar arrel = document.scrollingElement || document.documentElement;\n\tvar marquesines = [];\n\tvar anterior = 0, ultimY = arrel.scrollTop, empenta = 0, corrent = false;\n\n\t\/* Si un grup no cobreix la pantalla, s'hi afegeixen repeticions: aixi el\n\t   text no deixa mai un buit en monitors molt amples. *\/\n\tfunction omple(m) {\n\t\tvar grups = m.el.querySelectorAll('.jzmq__grup');\n\t\tif (grups.length < 2) return;\n\t\tvar base = grups[0], guarda = 0;\n\t\twhile (base.getBoundingClientRect().width < window.innerWidth * 1.2 && guarda < 16) {\n\t\t\tvar c = base.firstElementChild.cloneNode(true);\n\t\t\tbase.appendChild(c);\n\t\t\tgrups[1].appendChild(c.cloneNode(true));\n\t\t\tguarda++;\n\t\t}\n\t\tm.ample = grups[0].getBoundingClientRect().width;\n\t\t\/* Reserva per si el JS no arriba a moure res: la duracio de l'animacio\n\t\t   de CSS es calcula perque doni la mateixa velocitat demanada. *\/\n\t\tif (m.ample && m.vel) {\n\t\t\tm.el.style.setProperty('--jzmq-temps', (m.ample \/ m.vel).toFixed(2) + 's');\n\t\t}\n\t}\n\n\tfunction mesura(m) {\n\t\tm.vel = parseFloat(getComputedStyle(m.el).getPropertyValue('--jzmq-vel')) || 45;\n\t\tomple(m);\n\t}\n\n\tfunction frame(t) {\n\t\tvar dt = anterior ? Math.min((t - anterior) \/ 1000, 0.05) : 0.016;\n\t\tanterior = t;\n\n\t\t\/* Velocitat de l'scroll, suavitzada. Lenis mou l'scroll real de la\n\t\t   finestra, o sigui que llegint scrollTop ja ve esmorteit. *\/\n\t\tvar y = arrel.scrollTop;\n\t\tvar vScroll = (y - ultimY) \/ (dt || 0.016);\n\t\tultimY = y;\n\t\tempenta += (vScroll - empenta) * Math.min(1, dt * 6);\n\t\tif (Math.abs(empenta) < 1) empenta = 0;\n\n\t\tfor (var i = 0; i < marquesines.length; i++) {\n\t\t\tvar m = marquesines[i];\n\t\t\tif (!m.visible || !m.ample) continue;\n\n\t\t\t\/* Pujant, la marquesina se'n va cap a l'altre costat; parat, es queda\n\t\t\t   tal com anava. Es el gest classic de les marquesines amb scroll. *\/\n\t\t\tif (m.inverteix) {\n\t\t\t\tif (empenta > 20) m.sentit = m.sentitBase;\n\t\t\t\telse if (empenta < -20) m.sentit = -m.sentitBase;\n\t\t\t}\n\n\t\t\tvar extra = m.reacciona ? Math.min(Math.abs(empenta) * m.factor, 900) : 0;\n\t\t\tm.pos -= (m.vel + extra) * m.sentit * dt;\n\n\t\t\t\/\/ bucle infinit en tots dos sentits\n\t\t\tif (m.pos <= -m.ample) m.pos += m.ample;\n\t\t\telse if (m.pos > 0) m.pos -= m.ample;\n\n\t\t\tm.pista.style.transform = 'translate3d(' + m.pos.toFixed(2) + 'px,0,0)';\n\t\t}\n\t\trequestAnimationFrame(frame);\n\t}\n\n\tfunction registra(el) {\n\t\tif (el.dataset.jzmqLlest) return;\n\t\tel.dataset.jzmqLlest = '1';\n\n\t\tvar pista = el.querySelector('.jzmq__pista');\n\t\tif (!pista) return;\n\n\t\tvar m = {\n\t\t\tel: el,\n\t\t\tpista: pista,\n\t\t\tpos: 0,\n\t\t\tample: 0,\n\t\t\tvel: 45,\n\t\t\tvisible: true,\n\t\t\tsentitBase: el.classList.contains('jzmq--dre') ? -1 : 1,\n\t\t\treacciona: el.getAttribute('data-scroll') !== 'no',\n\t\t\tinverteix: el.getAttribute('data-inverteix') !== 'no',\n\t\t\tfactor: parseFloat(el.getAttribute('data-empenta')) || 0.35\n\t\t};\n\t\tm.sentit = m.sentitBase;\n\t\tmesura(m);\n\t\tel.classList.add('is-viu');\n\t\tmarquesines.push(m);\n\n\t\tif (window.IntersectionObserver) {\n\t\t\tnew IntersectionObserver(function (e) {\n\t\t\t\tm.visible = e[0].isIntersecting;\n\t\t\t}, { rootMargin: '120px' }).observe(el);\n\t\t}\n\t\tif (!corrent) { corrent = true; requestAnimationFrame(frame); }\n\t}\n\n\tfunction tots() {\n\t\tvar l = document.querySelectorAll('[data-jzmq]');\n\t\tfor (var i = 0; i < l.length; i++) registra(l[i]);\n\t}\n\tfunction remesura() {\n\t\tfor (var i = 0; i < marquesines.length; i++) mesura(marquesines[i]);\n\t}\n\n\tif (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', tots);\n\telse tots();\n\n\t\/\/ La lletra de marca carrega tard i canvia les amplades: cal tornar a mesurar.\n\tif (document.fonts && document.fonts.ready) document.fonts.ready.then(remesura);\n\n\tvar espera;\n\twindow.addEventListener('resize', function () {\n\t\tclearTimeout(espera);\n\t\tespera = setTimeout(function () { tots(); remesura(); }, 200);\n\t});\n\n\tif (window.jQuery) {\n\t\tjQuery(window).on('elementor\/frontend\/init', function () {\n\t\t\tif (window.elementorFrontend && elementorFrontend.hooks) {\n\t\t\t\telementorFrontend.hooks.addAction('frontend\/element_ready\/jazz-marquee.default', tots);\n\t\t\t}\n\t\t});\n\t}\n})();\n<\/script>\n\t<div class=\"jzmq\" data-jzmq data-text=\"ESCENARIOS\" data-scroll=\"si\" data-inverteix=\"si\" data-empenta=\"0.35\" aria-hidden=\"true\"><div class=\"jzmq__pista\"><div class=\"jzmq__grup\"><span class=\"jzmq__txt\">ESCENARIOS<\/span><span class=\"jzmq__txt\">ESCENARIOS<\/span><span class=\"jzmq__txt\">ESCENARIOS<\/span><span class=\"jzmq__txt\">ESCENARIOS<\/span><span class=\"jzmq__txt\">ESCENARIOS<\/span><span class=\"jzmq__txt\">ESCENARIOS<\/span><span class=\"jzmq__txt\">ESCENARIOS<\/span><span class=\"jzmq__txt\">ESCENARIOS<\/span><\/div><div class=\"jzmq__grup\"><span class=\"jzmq__txt\">ESCENARIOS<\/span><span class=\"jzmq__txt\">ESCENARIOS<\/span><span class=\"jzmq__txt\">ESCENARIOS<\/span><span class=\"jzmq__txt\">ESCENARIOS<\/span><span class=\"jzmq__txt\">ESCENARIOS<\/span><span class=\"jzmq__txt\">ESCENARIOS<\/span><span class=\"jzmq__txt\">ESCENARIOS<\/span><span class=\"jzmq__txt\">ESCENARIOS<\/span><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-jzel0000 e-flex e-con-boxed e-con e-parent\" data-id=\"jzel0000\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-jzescpg0 e-con-boxed e-flex e-con e-parent\" data-id=\"jzescpg0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-jzescpgsc elementor-widget elementor-widget-shortcode\" data-id=\"jzescpgsc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style id=\"jazz-escenaris-css\">\n.jzesc{color:var(--e-global-color-jzwhite);position:relative;}\n.jzesc *{box-sizing:border-box;}\n\/* El contingut per damunt de les formes decoratives (que van a z-index:0). *\/\n.jzesc__titol,.jzesc__intro,.jzesc__grid,.jzesc__cta{position:relative;z-index:1;}\n.jzesc .jzesc__titol{\n\tmargin:0 0 1.5rem;\n\tfont-family:var(--e-global-typography-jzseccio-font-family), sans-serif;\n\tfont-weight:var(--e-global-typography-jzseccio-font-weight);\n\tfont-size:var(--e-global-typography-jzseccio-font-size);\n\tline-height:var(--e-global-typography-jzseccio-line-height);\n\ttext-transform:var(--e-global-typography-jzseccio-text-transform);\n\tcolor:var(--e-global-color-jz01);\n}\n.jzesc .jzesc__intro{\n\tmax-width:48rem;margin:0 0 2.75rem;\n\tfont-family:var(--e-global-typography-text-font-family), sans-serif;\n\tfont-weight:var(--e-global-typography-text-font-weight);\n\tfont-size:var(--e-global-typography-text-font-size);\n\tline-height:var(--e-global-typography-text-line-height);\n}\n.jzesc__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem 2rem;}\n\/* Targeta a l'estil de la web (com les de Concerts): foto + nom en COLOR (sempre\n   visible) + filet + info (adre\u00e7a \/ metro) + \u00abVeure escenari \u2192\u00bb. Cada targeta\n   cicla un dels 4 colors de marca. *\/\n.jzesc__it{display:flex;flex-direction:column;min-width:0;text-decoration:none;color:var(--e-global-color-jzwhite);--jzc:var(--e-global-color-jz01);}\n.jzesc__mask{position:relative;overflow:hidden;width:100%;aspect-ratio:4\/3;background:#141414;}\n.jzesc__foto{position:absolute;inset:0;background:#141414 center\/cover no-repeat;transition:transform .55s cubic-bezier(.2,.7,.3,1);}\n.jzesc__foto[data-buit]{background:linear-gradient(135deg,#1f1f1f,#0f0f0f);}\n.jzesc__it:hover .jzesc__foto,.jzesc__it:focus-visible .jzesc__foto{transform:scale(1.06);}\n.jzesc .jzesc__nom{\n\tmargin:1.2rem 0 0;color:var(--jzc);\n\tfont-family:var(--e-global-typography-secondary-font-family), sans-serif;\n\tfont-weight:var(--e-global-typography-secondary-font-weight);\n\tfont-size:clamp(1.25rem, 1.05rem + .5vw, 1.6rem);\n\tline-height:1.06;\n\ttext-transform:var(--e-global-typography-secondary-text-transform);\n\toverflow-wrap:anywhere;\n}\n.jzesc .jzesc__filet{border:0;border-top:2px solid var(--jzc);margin:.95rem 0 .9rem;}\n.jzesc .jzesc__info{\n\tfont-family:var(--e-global-typography-accent-font-family), sans-serif;\n\tfont-weight:var(--e-global-typography-accent-font-weight);\n\tfont-size:var(--e-global-typography-accent-font-size);\n\tline-height:1.55;text-transform:uppercase;color:var(--e-global-color-jzwhite);\n}\n.jzesc .jzesc__info span{display:block;}\n.jzesc .jzesc__info b{font-weight:inherit;opacity:.55;}\n\/* Bot\u00f3 \u00abM\u00c9S INFO\u00bb \u2014 la pastilla real de la web (com les targetes de Concerts),\n   no una fletxa inventada. Contorn blanc, s'omple al passar per la targeta. *\/\n.jzesc .jzesc__mesinfo{\n\talign-self:flex-start;display:inline-flex;align-items:center;justify-content:center;\n\tmargin-top:1.35rem;min-height:2.75rem;padding:.7rem 2.1rem;\n\tborder:1px solid var(--e-global-color-jzwhite);border-radius:5rem;\n\tcolor:var(--e-global-color-jzwhite);text-decoration:none;\n\tfont-family:var(--e-global-typography-accent-font-family), sans-serif;\n\tfont-weight:var(--e-global-typography-accent-font-weight);\n\tfont-size:var(--e-global-typography-accent-font-size);\n\tline-height:var(--e-global-typography-accent-line-height);\n\ttext-transform:uppercase;\n\ttransition:background-color .2s ease,color .2s ease;\n}\n.jzesc .jzesc__it:hover .jzesc__mesinfo,.jzesc .jzesc__it:focus-visible .jzesc__mesinfo{\n\tbackground:var(--e-global-color-jzwhite);color:var(--e-global-color-jzblack);\n}\n.jzesc__it--c1{--jzc:var(--e-global-color-jz01);}\n.jzesc__it--c2{--jzc:var(--e-global-color-jz03);}\n.jzesc__it--c3{--jzc:var(--e-global-color-jz02);}\n.jzesc__it--c4{--jzc:var(--e-global-color-jz04);}\n.jzesc__cta{display:flex;justify-content:center;margin-top:3rem;}\n\/* Doble ancoratge `.jzesc .jzesc__btn` (0,2,0) per guanyar el color d'enlla\u00e7\n   global del kit (`.elementor-kit-8 a` 0,1,1), que si no el pinta taronja. *\/\n.jzesc .jzesc__btn{\n\tdisplay:inline-flex;align-items:center;justify-content:center;\n\tmin-height:3.25rem;padding:.95rem 2.75rem;\n\tborder:1px solid var(--e-global-color-jzwhite);border-radius:5rem;\n\tcolor:var(--e-global-color-jzwhite);text-decoration:none;white-space:nowrap;\n\tfont-family:var(--e-global-typography-accent-font-family), sans-serif;\n\tfont-weight:var(--e-global-typography-accent-font-weight);\n\tfont-size:var(--e-global-typography-accent-font-size);\n\tline-height:var(--e-global-typography-accent-line-height);\n\ttext-transform:uppercase;\n\ttransition:background-color .2s ease,color .2s ease;\n}\n.jzesc .jzesc__btn:hover{background:var(--e-global-color-jzwhite);color:var(--e-global-color-jzblack);}\n@media (max-width:1024px){ .jzesc__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 1.75rem;} }\n@media (max-width:767px){ .jzesc__grid{grid-template-columns:1fr;gap:2.5rem;} .jzesc__intro{margin-bottom:2rem;} }\n\n\/* Rodones de l\u00ednia de metro dins la targeta del grid (mateixes que al detall,\n   una mica m\u00e9s petites). El color de cada l\u00ednia el posa `jazz_metro_html()`\n   com a estil inline. *\/\n\/* Especificitat .jzesc__info .jzesc__metro ... (0,3,0) per guanyar\n   `.jzesc__info span{display:block}` (0,2,1), que si no fa que els roundels\n   siguin display:block i descol\u200c\u00b7\u200cloca l'al\u00e7ada. *\/\n.jzesc__info .jzesc__metro{margin-top:.4rem;}\n.jzesc__info .jzesc__metro .jzarr__metros{display:flex;flex-direction:column;gap:.45rem;}\n.jzesc__info .jzesc__metro .jzarr__parada{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;line-height:1;}\n.jzesc__info .jzesc__metro .jzml{\n\tdisplay:inline-flex !important;align-items:center;justify-content:center;\n\twidth:1.5rem;height:1.5rem;min-width:1.5rem;border-radius:50%;flex:0 0 auto;\n\tfont-family:var(--e-global-typography-accent-font-family), sans-serif;\n\tfont-weight:700;font-size:.68rem;line-height:1;color:#fff;\n}\n.jzesc__info .jzesc__metro .jzarr__nom{\n\tdisplay:inline-block;line-height:1.1;\n\tfont-family:var(--e-global-typography-accent-font-family), sans-serif;\n\tfont-weight:var(--e-global-typography-accent-font-weight);\n\tfont-size:.8rem;\n\ttext-transform:uppercase;color:var(--e-global-color-jzwhite);\n}\n.jzesc--unic .jzesc__titol{margin-bottom:1.25rem;}\n.jzesc--unic .jzesc__intro{max-width:34rem;margin-bottom:2.25rem;}\n\/* align-items:stretch perqu\u00e8 la columna de text ocupi la mateixa al\u00e7ada que la\n   imatge\/slider i puguem REPARTIR el text (t\u00edtol dalt, CTA baix) en lloc de\n   deixar-lo surant al centre (el client: \u00abque no quedin suspesos\u00bb). *\/\n\/* Columna de text ancorada A DALT (abans anava centrada verticalment i el bloc\n   quedava \u00absurant\u00bb al mig). T\u00edtol, intro i bot\u00f3 van junts a dalt. *\/\n.jzesc__unicrow{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:clamp(2rem,4vw,4.5rem);align-items:flex-start;}\n.jzesc__uniccol{flex:1 1 40%;max-width:44%;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;}\n.jzesc__uniccol .jzesc__titol{margin-bottom:1.25rem;}\n.jzesc__uniccol .jzesc__intro{margin-bottom:2rem;}\n.jzesc__uniccol .jzesc__btn{align-self:flex-start;}\n.jzesc__gran{position:relative;overflow:hidden;display:block;flex:1 1 50%;max-width:52%;aspect-ratio:4\/3;background:#141414;text-decoration:none;}\n@media (max-width:900px){ .jzesc__unicrow{flex-direction:column;align-items:stretch;} .jzesc__uniccol,.jzesc__gran{max-width:100%;flex-basis:100%;} .jzesc__gran{aspect-ratio:16\/9;} }\n.jzesc__granfoto{position:absolute;inset:0;background:#141414 center\/cover no-repeat;transition:transform .6s cubic-bezier(.2,.7,.3,1);}\n.jzesc__granfoto[data-buit]{background:linear-gradient(135deg,#1f1f1f,#0f0f0f);}\n.jzesc__gran:hover .jzesc__granfoto,.jzesc__gran:focus-visible .jzesc__granfoto{transform:scale(1.04);}\n.jzesc__gran::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.78) 100%);pointer-events:none;}\n.jzesc .jzesc__grannom{position:absolute;left:clamp(1.25rem,3vw,2.5rem);bottom:clamp(1.1rem,2.5vw,2rem);z-index:1;margin:0;color:var(--e-global-color-jzwhite);\n\tfont-family:var(--e-global-typography-secondary-font-family), sans-serif;\n\tfont-weight:var(--e-global-typography-secondary-font-weight);\n\tfont-size:clamp(1.5rem,1rem+2.2vw,2.75rem);line-height:1;text-transform:var(--e-global-typography-secondary-text-transform);}\n\n\/* \u2500\u2500 SLIDESHOW d'escenaris (mode home) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Mateix marc visual que `.jzesc__gran`, per\u00f2 amb diverses diapositives\n   que es fonen (fade), punts a sota i fletxes als costats. *\/\n.jzesc__slider{position:relative;flex:1 1 50%;max-width:52%;min-width:0;}\n.jzesc__stage{position:relative;width:100%;aspect-ratio:4\/3;overflow:hidden;background:#141414;}\n.jzesc__slide{position:absolute;inset:0;display:block;z-index:1;opacity:0;visibility:hidden;text-decoration:none;pointer-events:none;transition:opacity .8s ease,visibility .8s ease;}\n.jzesc__slide.is-active{opacity:1;visibility:visible;z-index:2;pointer-events:auto;}\n.jzesc__slide::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.78) 100%);pointer-events:none;}\n.jzesc__slide:hover .jzesc__granfoto,.jzesc__slide:focus-visible .jzesc__granfoto{transform:scale(1.04);}\n\/* Fletxes de navegaci\u00f3 \u2014 pastilla rodona transl\u00facida, s'omple de blanc en hover. *\/\n.jzesc .jzesc__arrow{\n\tposition:absolute;top:50%;transform:translateY(-50%);z-index:3;\n\twidth:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;\n\tpadding:0;border:1px solid rgba(255,255,255,.6);border-radius:50%;\n\tbackground:rgba(0,0,0,.38);color:var(--e-global-color-jzwhite);cursor:pointer;line-height:0;\n\t-webkit-appearance:none;appearance:none;\n\ttransition:background-color .2s ease,color .2s ease,border-color .2s ease;\n}\n.jzesc .jzesc__arrow:hover,.jzesc .jzesc__arrow:focus-visible{background:var(--e-global-color-jzwhite);color:var(--e-global-color-jzblack);border-color:var(--e-global-color-jzwhite);}\n.jzesc__arrow svg{width:1.15rem;height:1.15rem;display:block;}\n.jzesc__arrow--prev{left:.85rem;}\n.jzesc__arrow--next{right:.85rem;}\n\/* Punts sota la imatge. L'actiu, ple del color de marca. *\/\n.jzesc__dots{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.15rem;}\n.jzesc .jzesc__dot{\n\twidth:.72rem;height:.72rem;padding:0;border-radius:50%;cursor:pointer;\n\tborder:1px solid var(--e-global-color-jzwhite);background:transparent;line-height:0;\n\t-webkit-appearance:none;appearance:none;\n\ttransition:background-color .2s ease,transform .2s ease,border-color .2s ease;\n}\n.jzesc .jzesc__dot:hover{background:rgba(255,255,255,.45);}\n.jzesc .jzesc__dot.is-active{background:var(--e-global-color-jz01);border-color:var(--e-global-color-jz01);transform:scale(1.15);}\n@media (max-width:900px){ .jzesc__slider{max-width:100%;flex-basis:100%;} .jzesc__stage{aspect-ratio:16\/9;} }\n@media (max-width:767px){ .jzesc .jzesc__arrow{width:2.4rem;height:2.4rem;} .jzesc__arrow--prev{left:.5rem;} .jzesc__arrow--next{right:.5rem;} }\n<\/style>\n\t<style id=\"jazz-formes-css\">\n.jzforma{\n\tposition:absolute;\n\tleft:var(--jzf-x,50%);\n\ttop:var(--jzf-dalt,0);\n\twidth:var(--jzf-w,14rem);\n\topacity:var(--jzf-op,1);\n\trotate:var(--jzf-gir,0deg);\n\t\/* Mai per damunt del contingut, i mai clicable. *\/\n\tz-index:0;\n\tpointer-events:none;\n\tdisplay:block;\n\tline-height:0;\n}\n.jzforma--baix{top:auto;bottom:var(--jzf-baix,0);}\n.jzforma img{display:block;width:100%;height:auto;transform:scale(var(--jzf-mx,1),var(--jzf-my,1));}\n\n\/* El widget no ha d'ocupar lloc ni obrir un buit al flex de la secci\u00f3: es treu\n   del flux i s'estira damunt del contenidor que el cont\u00e9. *\/\n.elementor-widget-jazz-forma{\n\tposition:absolute;inset:0;\n\tmargin:0 !important;padding:0 !important;\n\tpointer-events:none;z-index:0;\n}\n\/* Perqu\u00e8 els percentatges es mesurin respecte de la CAIXA DE CONTINGUT i no de\n   la finestra: aix\u00ed la forma acompanya el contingut a qualsevol amplada. *\/\n.e-con-inner:has(.jzforma){position:relative;}\n\/* Les formes surten de la caixa a posta, per\u00f2 mai han de fer que la p\u00e0gina es\n   pugui arrossegar de costat: la secci\u00f3 que en porta les retalla pels costats.\n   Es fa amb `clip` i no pas amb `hidden` perqu\u00e8 `hidden` convertiria la secci\u00f3\n   en una caixa de despla\u00e7ament i trencaria el que hi ha enganxat a dalt. *\/\n.e-con:has(.jzforma){overflow-x:clip;}\n\/* El widget va posicionat i per tant es pintaria PER SOBRE del contingut que\n   ve despr\u00e9s, encara que tingui z-index 0. Els germans s'aixequen a la capa 1. *\/\n\/* \u26a0\ufe0f Una forma NO \u00e9s contingut: si a la secci\u00f3 n'hi ha m\u00e9s d'una, la segona i\n   la tercera tamb\u00e9 casaven aqu\u00ed i tornaven al flux, i cada una obria un buit\n   de la separaci\u00f3 del flex (a les FAQS empenyien el text 600 px avall). *\/\n.elementor-widget-jazz-forma ~ .elementor-element:not(.elementor-widget-jazz-forma),\n.elementor-widget-jazz-forma ~ .e-con{position:relative;z-index:1;}\n\n@media (max-width:767px){\n\t.jzforma--nomobil{display:none;}\n\t\/* Al m\u00f2bil no hi ha marges on amagar-se: es fan petites i es queden\n\t   al fons, per no acostar-se mai al text. *\/\n\t.jzforma{width:calc(var(--jzf-w,14rem) * .62);opacity:calc(var(--jzf-op,1) * .8);}\n}\n\n\/* \u2500\u2500 moviment \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   `translate`, `rotate` i `scale` s\u00f3n propietats independents: aix\u00ed el\n   parallax (translate) i l'entrada (scale) no es trepitgen, cosa que s\u00ed\n   que passaria si totes dues escrivissin `transform`. *\/\n@supports (animation-timeline: view()){\n\t.jzforma{\n\t\tanimation-name:jzforma-entra, jzforma-parallax;\n\t\t\/* \u26a0\ufe0f `duration:auto` per separat: la drecera `animation` la posaria a 0s\n\t\t   i no es veuria res. *\/\n\t\tanimation-duration:auto, auto;\n\t\tanimation-timing-function:ease-out, linear;\n\t\tanimation-fill-mode:both, both;\n\t\tanimation-timeline:view(), view();\n\t\tanimation-range:entry 0% entry 55%, cover 0% cover 100%;\n\t}\n\t@keyframes jzforma-entra{\n\t\tfrom{opacity:0;scale:.86;}\n\t\tto  {opacity:var(--jzf-op,1);scale:1;}\n\t}\n\t@keyframes jzforma-parallax{\n\t\tfrom{translate:0 var(--jzf-prof,3rem);}\n\t\tto  {translate:0 calc(var(--jzf-prof,3rem) * -1);}\n\t}\n}\n@media (prefers-reduced-motion: reduce){\n\t.jzforma{animation:none !important;translate:none !important;scale:none !important;opacity:var(--jzf-op,1) !important;}\n}\n<\/style>\n\t\t<div class=\"jzesc\">\n\t\t\t\t\t\t<div class=\"jzesc__grid\">\n\t\t\t\t\t\t\t<a class=\"jzesc__it jzesc__it--c1\" href=\"https:\/\/jazz.barcelona\/es\/espais\/apolo\/\">\n\t\t\t\t\t<span class=\"jzesc__mask\"><span class=\"jzesc__foto\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/apolo-768x532.webp)\"><\/span><\/span>\n\t\t\t\t\t<h3 class=\"jzesc__nom\">Apolo<\/h3>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"jzesc__it jzesc__it--c2\" href=\"https:\/\/jazz.barcelona\/es\/espais\/paralelo-62\/\">\n\t\t\t\t\t<span class=\"jzesc__mask\"><span class=\"jzesc__foto\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/09\/Parallel-62-vacio-768x512.webp)\"><\/span><\/span>\n\t\t\t\t\t<h3 class=\"jzesc__nom\">Paral\u200c\u00b7\u200clel 62<\/h3>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"jzesc__it jzesc__it--c3\" href=\"https:\/\/jazz.barcelona\/es\/espais\/park-guell\/\">\n\t\t\t\t\t<span class=\"jzesc__mask\"><span class=\"jzesc__foto\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/09\/park-guell-at-sunrise-768x534.jpg)\"><\/span><\/span>\n\t\t\t\t\t<h3 class=\"jzesc__nom\">Park G\u00fcell<\/h3>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"jzesc__it jzesc__it--c4\" href=\"https:\/\/jazz.barcelona\/es\/espais\/teatro-auditorio-emma-vilarasau\/\">\n\t\t\t\t\t<span class=\"jzesc__mask\"><span class=\"jzesc__foto\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/09\/Teatre-Auditori-Emma-Vilarasau-vacio-1-768x576.webp)\"><\/span><\/span>\n\t\t\t\t\t<h3 class=\"jzesc__nom\">Teatro-Auditorio Emma Vilarasau<\/h3>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"jzesc__it jzesc__it--c1\" href=\"https:\/\/jazz.barcelona\/es\/espais\/auditorio-foro-ccib\/\">\n\t\t\t\t\t<span class=\"jzesc__mask\"><span class=\"jzesc__foto\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/auditori-forum-ccib-768x576.webp)\"><\/span><\/span>\n\t\t\t\t\t<h3 class=\"jzesc__nom\">Auditorio Foro CCIB<\/h3>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"jzesc__it jzesc__it--c2\" href=\"https:\/\/jazz.barcelona\/es\/espais\/barcelona-international-jazz-day\/\">\n\t\t\t\t\t<span class=\"jzesc__mask\"><span class=\"jzesc__foto\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/Barcelona-JAzz-Day-768x432.jpg)\"><\/span><\/span>\n\t\t\t\t\t<h3 class=\"jzesc__nom\">Barcelona International Jazz Day<\/h3>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"jzesc__it jzesc__it--c3\" href=\"https:\/\/jazz.barcelona\/es\/espais\/conservatorio-liceo\/\">\n\t\t\t\t\t<span class=\"jzesc__mask\"><span class=\"jzesc__foto\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/conservatori-liceu.webp)\"><\/span><\/span>\n\t\t\t\t\t<h3 class=\"jzesc__nom\">Conservatorio Liceo<\/h3>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"jzesc__it jzesc__it--c4\" href=\"https:\/\/jazz.barcelona\/es\/espais\/jamboree\/\">\n\t\t\t\t\t<span class=\"jzesc__mask\"><span class=\"jzesc__foto\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/09\/Jamboree-vacio-768x512.webp)\"><\/span><\/span>\n\t\t\t\t\t<h3 class=\"jzesc__nom\">Jamboree<\/h3>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"jzesc__it jzesc__it--c1\" href=\"https:\/\/jazz.barcelona\/es\/espais\/jamboree-3\/\">\n\t\t\t\t\t<span class=\"jzesc__mask\"><span class=\"jzesc__foto\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/jamboree-3-768x518.webp)\"><\/span><\/span>\n\t\t\t\t\t<h3 class=\"jzesc__nom\">Jamboree 3<\/h3>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"jzesc__it jzesc__it--c2\" href=\"https:\/\/jazz.barcelona\/es\/espais\/el-auditorio\/\">\n\t\t\t\t\t<span class=\"jzesc__mask\"><span class=\"jzesc__foto\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/lauditori-768x576.webp)\"><\/span><\/span>\n\t\t\t\t\t<h3 class=\"jzesc__nom\">El Auditorio<\/h3>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"jzesc__it jzesc__it--c3\" href=\"https:\/\/jazz.barcelona\/es\/espais\/el-auditorio-sala-2\/\">\n\t\t\t\t\t<span class=\"jzesc__mask\"><span class=\"jzesc__foto\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/09\/L_Auditori-Sala-2-vacio-768x512.webp)\"><\/span><\/span>\n\t\t\t\t\t<h3 class=\"jzesc__nom\">El Auditorio Sala 2<\/h3>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"jzesc__it jzesc__it--c4\" href=\"https:\/\/jazz.barcelona\/es\/espais\/la-paloma\/\">\n\t\t\t\t\t<span class=\"jzesc__mask\"><span class=\"jzesc__foto\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/la-paloma-768x576.webp)\"><\/span><\/span>\n\t\t\t\t\t<h3 class=\"jzesc__nom\">La Paloma<\/h3>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"jzesc__it jzesc__it--c1\" href=\"https:\/\/jazz.barcelona\/es\/espais\/palacio-de-la-musica-catalana\/\">\n\t\t\t\t\t<span class=\"jzesc__mask\"><span class=\"jzesc__foto\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/palau-de-la-musica-catalana-768x421.webp)\"><\/span><\/span>\n\t\t\t\t\t<h3 class=\"jzesc__nom\">Palacio de la M\u00fasica Catalana<\/h3>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t<span class=\"jzforma jzforma--nomobil \" style=\"--jzf-mx:1;--jzf-my:1;--jzf-x:86%;--jzf-w:8.5rem;--jzf-gir:0deg;--jzf-prof:4rem;--jzf-op:1;--jzf-dalt:0rem;\" aria-hidden=\"true\"><img loading=\"lazy\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/Mesa-de-trabajo-3-copia-9.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\"><\/span><span class=\"jzforma jzforma--baix jzforma--nomobil \" style=\"--jzf-mx:1;--jzf-my:1;--jzf-x:4%;--jzf-w:7rem;--jzf-gir:0deg;--jzf-prof:-3rem;--jzf-op:1;--jzf-baix:1rem;\" aria-hidden=\"true\"><img loading=\"lazy\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/Mesa-de-trabajo-4-copia-2.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\"><\/span>\t<\/div>\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\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>ESCENARIOSESCENARIOSESCENARIOSESCENARIOSESCENARIOSESCENARIOSESCENARIOSESCENARIOSESCENARIOSESCENARIOSESCENARIOSESCENARIOSESCENARIOSESCENARIOSESCENARIOSESCENARIOS<\/p>\n","protected":false},"author":7378,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"rank_math_title":"Escenarios %sep% %sitename%","rank_math_description":"Las salas donde suena el Festival de Jazz de Barcelona: Palacio de la M\u00fasica, L'Auditori, Jamboree, Apolo, La Paloma y m\u00e1s.","rank_math_focus_keyword":"","rank_math_canonical_url":"","rank_math_facebook_title":"","rank_math_facebook_description":"","rank_math_facebook_image":"","rank_math_twitter_title":"","rank_math_twitter_description":"","rank_math_twitter_image":"","rank_math_robots":"","url_spotify":"","url_spotify_2":"","footnotes":""},"class_list":["post-8491","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/jazz.barcelona\/es\/wp-json\/wp\/v2\/pages\/8491","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jazz.barcelona\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jazz.barcelona\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jazz.barcelona\/es\/wp-json\/wp\/v2\/users\/7378"}],"replies":[{"embeddable":true,"href":"https:\/\/jazz.barcelona\/es\/wp-json\/wp\/v2\/comments?post=8491"}],"version-history":[{"count":1,"href":"https:\/\/jazz.barcelona\/es\/wp-json\/wp\/v2\/pages\/8491\/revisions"}],"predecessor-version":[{"id":8492,"href":"https:\/\/jazz.barcelona\/es\/wp-json\/wp\/v2\/pages\/8491\/revisions\/8492"}],"wp:attachment":[{"href":"https:\/\/jazz.barcelona\/es\/wp-json\/wp\/v2\/media?parent=8491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}