{"id":8499,"date":"2026-08-18T14:35:56","date_gmt":"2026-08-18T14:35:56","guid":{"rendered":"https:\/\/jazzfest.javistudiora.com\/trienio-60-aniversario\/"},"modified":"2026-09-14T19:08:48","modified_gmt":"2026-09-14T19:08:48","slug":"trienio-60-aniversario","status":"publish","type":"page","link":"https:\/\/jazz.barcelona\/es\/trienio-60-aniversario\/","title":{"rendered":"Trienio 60 aniversario"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8499\" class=\"elementor elementor-8499 elementor-7076\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-trihero0 e-flex e-con-boxed e-con e-parent\" data-id=\"trihero0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-trihero1 e-con-full e-flex e-con e-child\" data-id=\"trihero1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-tritit1 elementor-widget elementor-widget-heading\" data-id=\"tritit1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">TRIENIO<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-tritit2 elementor-widget elementor-widget-heading\" data-id=\"tritit2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">60 A\u00d1OS<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac31a682 jz-nocaps elementor-widget elementor-widget-heading\" data-id=\"ac31a682\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">2026 \u2013 2028<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-triintro elementor-widget elementor-widget-text-editor\" data-id=\"triintro\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Para entender el alcance de este trienio conmemorativo, es necesario realizar un recorrido imprescindible por las arterias de la historia del jazz en la ciudad. La nuestra no es una cronolog\u00eda recta ni un c\u00e1lculo de oficina: es un relato vivo, una sucesi\u00f3n de interrupciones, pasi\u00f3n anal\u00f3gica, visitas de leyendas y una fidelidad inalterable a la m\u00fasica en directo. Entre la fundaci\u00f3n del certamen en el oto\u00f1o de 1966 y la futura uni\u00f3n de a\u00f1os y ediciones en 2028, la ciudad ha sido testigo de un milagro cultural que se resiste al algoritmo y a las modas ef\u00edmeras.<br><\/p><p>Os invitamos a zambulliros en este eje cronol\u00f3gico y recorrer los hitos que han convertido el festival en una de las instituciones m\u00e1s respetadas e indomables de Europa.<br><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-trivid0 e-con-full e-flex e-con e-child\" data-id=\"trivid0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-trivshc elementor-widget elementor-widget-shortcode\" data-id=\"trivshc\" 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-trienni-video-css\">\n.jztv{width:100%;}\n\/* \u26a0\ufe0f Ratio 16:9 amb padding-top (NO aspect-ratio): dins un contenidor flex\n   d'Elementor, una caixa amb aspect-ratio i fill absolut NO propaga la seva\n   al\u00e7ada al pare (el pare col\u200c\u00b7\u200clapsava a ~2px i el v\u00eddeo es superposava amb el\n   contingut de sota, sobretot a m\u00f2bil). El padding-top s\u00ed que dona al\u00e7ada real. *\/\n.jztv__box{\n\tposition:relative;width:100%;height:0;padding-top:56.25%;overflow:hidden;background:#000;\n\tborder:1px solid var(--e-global-color-jzwhite);cursor:pointer;\n}\n.jztv__vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:0;}\n\/* El contenidor Elementor del v\u00eddeo (trivid0) \u00e9s flex i col\u200c\u00b7\u200clapsava a ~3px\n   d'al\u00e7ada: el v\u00eddeo en sortia i es superposava amb el contingut de sota (sobretot\n   a m\u00f2bil). El forcem a flux de bloc perqu\u00e8 respecti l'al\u00e7ada real del v\u00eddeo.\n   \u00c9s el mateix id a CA (7076) i ES (8499). *\/\n.elementor-element-trivid0{display:block!important;}\n\/* play en blanc, centrat, sense estat hover (com demanava el client) *\/\n.jztv__play{\n\tposition:absolute;left:50%;top:50%;transform:translate(-50%,-50%);\n\twidth:4.5rem;height:4.5rem;border:0;background:transparent;padding:0;cursor:pointer;\n\tdisplay:flex;align-items:center;justify-content:center;\n\tfilter:drop-shadow(0 2px 10px rgba(0,0,0,.55));\n}\n.jztv__play svg{width:100%;height:100%;fill:#fff;}\n\/* lightbox *\/\n.jztv-lb{\n\tposition:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;\n\tbackground:rgba(0,0,0,.92);padding:clamp(1rem,4vw,3rem);\n}\n.jztv-lb[hidden]{display:none;}\n.jztv-lb__vid{\n\twidth:auto;max-width:min(92vw,80rem);max-height:86vh;aspect-ratio:16\/9;\n\tbackground:#000;border:1px solid var(--e-global-color-jzwhite);display:block;\n}\n.jztv-lb__close{\n\tposition:absolute;top:clamp(.75rem,2.5vw,1.5rem);right:clamp(.75rem,2.5vw,1.5rem);\n\twidth:2.75rem;height:2.75rem;border:1px solid var(--e-global-color-jzwhite);border-radius:50%;\n\tbackground:transparent;color:var(--e-global-color-jzwhite);cursor:pointer;\n\tdisplay:flex;align-items:center;justify-content:center;line-height:1;\n\tfont-family:var(--e-global-typography-accent-font-family),sans-serif;font-size:1.25rem;\n\ttransition:background-color .2s ease,color .2s ease;\n}\n.jztv-lb__close:hover{background:var(--e-global-color-jzwhite);color:var(--e-global-color-jzblack);}\n<\/style>\n<div class=\"jztv-lb\" id=\"jztvLightbox\" hidden aria-hidden=\"true\">\n\t<button class=\"jztv-lb__close\" type=\"button\" aria-label=\"Tancar\">&#10005;<\/button>\n<\/div>\n<script id=\"jazz-trienni-video-js\">\n(function(){\n\tfunction inlinePlay(v){ if(v){ v.muted=true; var p=v.play(); if(p&&p.catch) p.catch(function(){}); } }\n\tdocument.querySelectorAll('.jztv__vid').forEach(inlinePlay);\n\n\tvar lb=document.getElementById('jztvLightbox');\n\tvar current=null;\n\tfunction open(src){\n\t\tif(!lb) return;\n\t\tclose();\n\t\tvar v=document.createElement('video');\n\t\tv.className='jztv-lb__vid';\n\t\tv.src=src; v.controls=true; v.autoplay=true; v.loop=true; v.playsInline=true;\n\t\tv.setAttribute('playsinline',''); v.muted=false;\n\t\tlb.insertBefore(v, lb.firstChild);\n\t\tcurrent=v;\n\t\tlb.hidden=false; lb.setAttribute('aria-hidden','false');\n\t\tdocument.documentElement.style.overflow='hidden';\n\t\tvar p=v.play(); if(p&&p.catch) p.catch(function(){ v.muted=false; });\n\t}\n\tfunction close(){\n\t\tif(current){ try{current.pause();}catch(e){} current.remove(); current=null; }\n\t\tif(lb){ lb.hidden=true; lb.setAttribute('aria-hidden','true'); }\n\t\tdocument.documentElement.style.overflow='';\n\t}\n\tdocument.addEventListener('click', function(e){\n\t\tvar box=e.target.closest('.jztv__box');\n\t\tif(box){ var v=box.querySelector('.jztv__vid'); open(v?v.currentSrc||v.src:box.getAttribute('data-src')); return; }\n\t\tif(e.target.closest('.jztv-lb__close')){ close(); return; }\n\t\tif(e.target===lb){ close(); return; } \/\/ clic al fons\n\t});\n\tdocument.addEventListener('keydown', function(e){ if(e.key==='Escape') close(); });\n})();\n<\/script>\n\t\t<div class=\"jztv\">\n\t<div class=\"jztv__box\" data-src=\"https:\/\/jazzfest.javistudiora.com\/wp-content\/uploads\/2026\/08\/hello-jazz-es.mp4\" role=\"button\" tabindex=\"0\" aria-label=\"Reproducir el v\u00eddeo con sonido\">\n\t\t<video class=\"jztv__vid\" autoplay muted loop playsinline preload=\"metadata\" poster=\"https:\/\/jazzfest.javistudiora.com\/wp-content\/uploads\/2026\/09\/trienni-video-poster.jpg\">\n\t\t\t<source src=\"https:\/\/jazzfest.javistudiora.com\/wp-content\/uploads\/2026\/08\/hello-jazz-es.mp4\" type=\"video\/mp4\">\n\t\t<\/video>\n\t\t<span class=\"jztv__play\" aria-hidden=\"true\">\n\t\t\t<svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n\t\t<\/span>\n\t<\/div>\n<\/div>\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-trieix00 e-con-full e-flex e-con e-parent\" data-id=\"trieix00\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-trieixsc elementor-widget elementor-widget-shortcode\" data-id=\"trieixsc\" 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-trienni\">\n\/* \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n   \u2551  1. TOKENS                                                            \u2551\n   \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d *\/\n.tri{\n\t\/* Amplada de la targeta: formula, mai un valor fix. El \"pas\" (el que et\n\t   mous d'un any al seguent) es aquesta amplada + el buit. *\/\n\t--tri-fita-ample: clamp(21rem, 46vw, 58rem);\n\t--tri-gap: clamp(2.5rem, 6vw, 8rem);\n\n\t\/* Banda on viuen la linia, els punts i les formes. Proporcional a la\n\t   targeta, com al Figma. *\/\n\t--tri-eix: clamp(2.5rem, calc(var(--tri-fita-ample) * .12), 5rem);\n\t\/* On cau la linia dins de la banda. Al 50% quedava tant espai mort a sota\n\t   que el text baixava massa i costava de llegir; al 76% el contingut puja i\n\t   les formes tenen mes lloc per creixer cap amunt. *\/\n\t--tri-eix-y: .76;\n\t--tri-punt: clamp(.7rem, calc(var(--tri-fita-ample) * .023), 1.1rem);\n\n\t--tri-marge: 2rem;\n\t--tri-fosa: clamp(2rem, 7vw, 10rem);   \/* esvaiment dels costats *\/\n\t--tri-escala: 1;                        \/* ajust si el text no cap d'alt *\/\n\t--tri-hdr: 4.5rem;                      \/* alcada real de la capcalera (JS) *\/\n\t--tri-cap: calc(var(--tri-hdr) + 3.25rem);\n\n\t--tri-color: var(--e-global-color-jz05);\n\t--tri-titol: var(--e-global-typography-secondary-font-family), sans-serif;\n\t--tri-etiq:  var(--e-global-typography-accent-font-family), sans-serif;\n\tcolor: var(--e-global-color-jzwhite);\n}\n.tri *{box-sizing:border-box;}\n\n\/* \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n   \u2551  2. ESTRUCTURA COMPARTIDA                                             \u2551\n   \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d *\/\n.tri-bloc{position:relative;}\n.tri-bloc__pin{display:flex;flex-direction:column;}\n\n.tri-bloc__cap{\n\tposition:absolute; top:calc(var(--tri-hdr) + .75rem); left:0; right:0;\n\tz-index:3;\n\tpadding:0 var(--tri-marge);\n\tdisplay:flex; align-items:center; gap:1rem;\n}\n.tri .tri-bloc__etiqueta{\n\tmargin:0;\n\tbackground:var(--tri-color);\n\tcolor:var(--e-global-color-jzblack);\n\tfont-family:var(--tri-titol);\n\tfont-size:var(--e-global-typography-secondary-font-size);\n\tfont-weight:var(--e-global-typography-secondary-font-weight);\n\tline-height:var(--e-global-typography-secondary-line-height);\n\ttext-transform:uppercase;\n\tpadding:.35em .7em;\n}\n.tri .tri-bloc__compte{\n\tmargin:0; flex:none;\n\tfont-family:var(--tri-etiq);\n\tfont-size:var(--e-global-typography-accent-font-size);\n\tletter-spacing:.06em;\n\tcolor:color-mix(in srgb, var(--e-global-color-jzwhite) 45%, transparent);\n\tfont-variant-numeric:tabular-nums;\n}\n.tri .tri-bloc__compte b{color:var(--tri-color);font-weight:inherit;}\n\n\/* \u2500\u2500 Fons \u2500\u2500 *\/\n.tri-fons{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;}\n.tri-fons span{position:absolute;display:block;}\n.tri-bloc.is-viu .tri-fons span{will-change:transform;}\n.tri-fons__glow{\n\twidth:56rem;height:56rem;border-radius:50%;\n\ttop:-18rem;left:4vw;\n\tbackground:radial-gradient(circle at 42% 42%, var(--tri-color) 0%, transparent 66%);\n\topacity:.09;\n\ttransform:translate3d(calc(var(--x,0) * -0.08px),0,0);\n}\n.tri-fons__forma{\n\t--w: calc(clamp(20rem, 30vw, 40rem) * var(--fs,1));\n\twidth:var(--w); height:calc(var(--w) * var(--r,.5));\n\tright:var(--fx,-13vw); top:var(--fy,11%);\n\tbackground:no-repeat center \/ contain;\n\t\/* Prou desenfocada per ser una taca de color i mai una figura que competeixi\n\t   amb el text. *\/\n\topacity:.28;\n\tfilter:blur(26px) saturate(1.25);\n\ttransform:translate3d(calc(var(--x,0) * -0.09px),0,0) rotate(var(--fr,-4deg));\n}\n\n\/* \u2500\u2500 Fita \u2500\u2500 *\/\n.tri-fita{\n\tposition:relative;\n\t\/* --p: quant ha arribat \u00b7 --f: quant esta en focus \u00b7 --v: presencia *\/\n\t--p:1; --p2:1; --p3:1; --f:1; --v:1;\n\topacity:calc(.24 + .76 * var(--v));\n}\n\/* \u26a0\ufe0f El desenfoc de focus va NOM\u00c9S al text, no pas a la foto: si es posava a\n   tota la fita, la imatge s'emborronava abans d'arribar al centre. Aix\u00ed la foto\n   es mant\u00e9 sempre n\u00edtida. *\/\n.tri-fita__data, .tri-fita__any, .tri-fita__text{\n\tfilter:blur(calc((1 - var(--f)) * 1.8px));\n}\n.tri-fita--lluny{visibility:hidden;}\n.tri-fita__marca{position:relative;}\n\n\/* El punt: cercle dibuixat a ma, com al Figma *\/\n.tri-fita__punt{\n\tposition:absolute;\n\twidth:var(--tri-punt); height:var(--tri-punt);\n\tborder-radius:47% 53% 51% 49% \/ 52% 48% 53% 47%;\n\tbackground:var(--e-global-color-jzblack);\n\tbox-shadow:inset 0 0 0 2px var(--tri-color);\n\tz-index:2;\n}\n.tri-fita__punt::after{\n\tcontent:\"\"; position:absolute; inset:2px; border-radius:inherit;\n\tbackground:var(--tri-color);\n\ttransform:scale(var(--p));\n}\n.tri-fita__punt::before{\n\tcontent:\"\"; position:absolute; inset:calc(var(--tri-punt) * -.45);\n\tborder-radius:50%;\n\tborder:1px solid var(--tri-color);\n\topacity:calc(var(--f) * .5);\n\ttransform:scale(calc(.55 + .45 * var(--f)));\n}\n\/* Pols d'una sola volta quan l'any queda al centre. *\/\n.tri-fita__punt i{\n\tposition:absolute; inset:0; border-radius:50%;\n\tborder:1px solid var(--tri-color);\n\topacity:0; pointer-events:none;\n}\n.tri-fita--focus .tri-fita__punt i{animation:tri-pols .9s cubic-bezier(.2,.7,.3,1);}\n@keyframes tri-pols{\n\tfrom{transform:scale(1);opacity:.85;}\n\tto  {transform:scale(3.4);opacity:0;}\n}\n\n\/* \u2500\u2500 Contingut \u2500\u2500 *\/\n.tri .tri-fita__data{\n\tfont-family:var(--tri-etiq);\n\tfont-size:var(--e-global-typography-accent-font-size);\n\tfont-weight:var(--e-global-typography-accent-font-weight);\n\tline-height:var(--e-global-typography-accent-line-height);\n\ttext-transform:uppercase;\n\tcolor:var(--e-global-color-jzwhite);\n\tmargin:0 0 .35rem;\n\topacity:var(--p2);\n\ttransform:translateY(calc((1 - var(--p2)) * .8rem));\n}\n\/* L'any: la mida surt del NOMBRE DE XIFRES perque \"1977-1979\" no desbordi mai,\n   i tambe mira l'alcada de la finestra. *\/\n.tri .tri-fita__any{\n\tmargin:0 0 .7rem;\n\tfont-family:\"Druk\", var(--tri-titol);\n\tfont-weight:500;\n\tfont-size:calc(var(--tri-escala) * min(\n\t\tcalc(var(--tri-fita-ample) \/ (var(--nx,4) * .46)),\n\t\tclamp(4.25rem, 13vw, 15.5rem),\n\t\t24vh\n\t));\n\tline-height:.94;\n\tcolor:var(--tri-color);\n\tdisplay:flex; flex-wrap:nowrap;\n\ttransition:text-shadow .55s ease;\n}\n.tri .tri-fita--focus .tri-fita__any{\n\ttext-shadow:0 0 3.5rem color-mix(in srgb, var(--tri-color) 22%, transparent);\n}\n.tri-fita__xifra{\n\tdisplay:inline-block;\n\t--pi: clamp(0, calc((var(--p) - var(--o,0)) \/ .5), 1);\n\tclip-path: inset(calc((1 - var(--pi)) * 105%) 0 0 0);\n\ttransform: translateY(calc((1 - var(--pi)) * .22em)) scaleY(calc(.88 + .12 * var(--pi)));\n\ttransform-origin: bottom;\n\topacity: calc(.12 + .88 * var(--pi));\n\tfilter: blur(calc((1 - var(--pi)) * 7px));\n}\n\/* Xifra que ja hi era a l'any anterior: apareix de seguida i sense desenfoc. *\/\n.tri-fita__xifra--seg{\n\t--pi: clamp(0, calc(var(--p) \/ .2), 1);\n\tfilter:none;\n\topacity:calc(.35 + .65 * var(--pi));\n}\n.tri .tri-fita__titol{\n\tmargin:0 0 calc(1.4rem * var(--tri-escala));\n\tfont-family:var(--tri-titol);\n\tfont-size:calc(var(--e-global-typography-secondary-font-size) * var(--tri-escala));\n\tfont-weight:800;\n\tline-height:var(--e-global-typography-secondary-line-height);\n\ttext-transform:uppercase;\n\tcolor:var(--e-global-color-jzwhite);\n\toverflow:hidden;\n}\n.tri .tri-fita__titol span{\n\tdisplay:block;\n\tclip-path: inset(0 calc((1 - var(--p2)) * 100%) 0 0);\n\ttransform: translateY(calc((1 - var(--p2)) * .5em));\n}\n\/* \u2500\u2500 El text i la foto, un al costat de l'altre \u2500\u2500\n   Sense foto, `__baix` \u00e9s el text sol. Amb foto, es fa una fila: text a\n   l'esquerra i la foto AL COSTAT, a la dreta. *\/\n.tri-fita__text{min-width:0;}\n.tri-fita--amb-foto .tri-fita__baix{\n\tdisplay:flex;\n\tgap:clamp(1.25rem, 2.4vw, 2.75rem);\n\talign-items:flex-start;\n}\n.tri-fita--amb-foto .tri-fita__text{flex:1 1 auto;}\n.tri-fita__foto{margin:0;}\n.tri-fita--amb-foto .tri-fita__foto{\n\tflex:0 0 clamp(12rem, 33%, 20rem);\n\t\/* Es revela amb el mateix scroll que la resta i \"entra\" des de la dreta,\n\t   de manera que sembla que surti al costat a mesura que baixes. *\/\n\topacity:var(--p3);\n\ttransform:translate3d(calc((1 - var(--p)) * 1.4rem), calc((1 - var(--p3)) * 1.1rem), 0);\n\ttransition:opacity .4s ease;\n}\n\/* La placa: totes les fotos ocupen la MATEIXA caixa (proporci\u00f3 fixa) i s'hi\n   retallen amb `cover`, aix\u00ed no depenen del seu aspect ratio i totes es\n   veuen igual de grans \u2014les apa\u00efsades ja no queden petites\u2014. Es pot clicar\n   per veure-la sencera. *\/\n\/* \u26a0\ufe0f \u00c9s un <button>: el tema li posa fons, cantonades rodones i estil de\n   pastilla, i toca la mida de les imatges de dins. Es reseteja fort perqu\u00e8 la\n   caixa sigui un rectangle net i la foto l'empleni de veritat. *\/\n.tri-fita__foto-obre{\n\tdisplay:block; width:100%; padding:0 !important; margin:0; cursor:pointer;\n\tbackground:none !important; -webkit-appearance:none; appearance:none;\n\tposition:relative; overflow:hidden;\n\taspect-ratio:4 \/ 5;\n\tborder:1px solid color-mix(in srgb, var(--tri-color) 55%, transparent) !important;\n\tborder-radius:0 !important; box-shadow:0 1rem 2.75rem rgba(0,0,0,.45) !important;\n\tfont-size:0; line-height:0; outline:none;\n}\n.tri-fita__foto-obre img{\n\twidth:100% !important; height:100% !important; max-width:none !important; display:block;\n\tobject-fit:cover; object-position:center;\n\ttransition:transform .5s cubic-bezier(.2,.7,.3,1);\n}\n.tri-fita__foto-obre:hover img,\n.tri-fita__foto-obre:focus-visible img{transform:scale(1.045);}\n\/* Pista de \"ampliar\" en passar-hi per damunt. *\/\n.tri-fita__foto-obre::after{\n\tcontent:\"\"; position:absolute; right:.6rem; bottom:.6rem;\n\twidth:2rem; height:2rem; border-radius:50%;\n\tbackground:rgba(0,0,0,.55) center \/ .9rem no-repeat\n\t\turl(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'\/%3E%3Cpath d='M21 21l-4-4M11 8v6M8 11h6'\/%3E%3C\/svg%3E\");\n\topacity:0; transform:scale(.8); transition:opacity .25s ease, transform .25s ease;\n}\n.tri-fita__foto-obre:hover::after,\n.tri-fita__foto-obre:focus-visible::after{opacity:1; transform:scale(1);}\n.tri-fita__foto-obre:focus-visible{outline:2px solid var(--tri-color); outline-offset:3px;}\n.tri .tri-fita__foto figcaption{\n\tfont-family:var(--tri-etiq);\n\tfont-size:var(--e-global-typography-accent-font-size);\n\ttext-transform:uppercase; letter-spacing:.02em;\n\tcolor:var(--tri-color);\n\topacity:.85; margin-top:.6rem;\n}\n\n\/* \u2500\u2500 El visor de la foto a pantalla completa \u2500\u2500 *\/\n.tri-lb{\n\tposition:fixed; inset:0; z-index:100000;\n\tdisplay:flex; flex-direction:column; align-items:center; justify-content:center;\n\tgap:1rem; padding:clamp(1rem,4vw,3rem);\n\tbackground:rgba(0,0,0,.95); opacity:0; transition:opacity .25s ease; outline:none;\n}\n.tri-lb.is-obert{opacity:1;}\n.tri-lb[hidden]{display:none;}\n.tri-lb__img{max-width:min(100%,72rem); max-height:82vh; display:block; object-fit:contain;\n\tbox-shadow:0 1.5rem 4rem rgba(0,0,0,.6);}\n.tri-lb__peu{\n\tfont-family:var(--tri-etiq);\n\tfont-size:var(--e-global-typography-accent-font-size);\n\ttext-transform:uppercase; letter-spacing:.02em;\n\tcolor:var(--e-global-color-jzwhite); opacity:.85; text-align:center; margin:0;\n}\n.tri-lb__x{\n\tposition:absolute; top:clamp(.75rem,3vw,1.75rem); right:clamp(.9rem,3vw,2rem);\n\tbackground:none !important; border:0 !important; box-shadow:none !important;\n\tborder-radius:0 !important; padding:.25rem; margin:0; cursor:pointer; line-height:0;\n\tcolor:var(--e-global-color-jzwhite); opacity:.9; outline:none;\n\ttransition:opacity .2s ease, transform .2s ease;\n}\n.tri-lb__x:hover{opacity:1; transform:scale(1.1);}\n.tri-lb__x:focus-visible{outline:2px solid var(--e-global-color-jzwhite); outline-offset:6px;}\n.tri-lb__x svg{display:block;}\n@media (prefers-reduced-motion: reduce){ .tri-lb,.tri-fita__foto-obre img{transition:none;} }\n.tri .tri-fita__cos{\n\tfont-family:var(--tri-etiq);\n\tfont-size:calc(.9375rem * var(--tri-escala));\n\tline-height:1.5;\n\tcolor:var(--e-global-color-jzwhite);\n\tmax-width:52rem;\n\topacity:calc(.1 + .9 * var(--p3));\n\ttransform:translateY(calc((1 - var(--p3)) * 1.2rem));\n}\n.tri .tri-fita__cos p{margin:0 0 1em;}\n.tri .tri-fita__cos p:last-child{margin-bottom:0;}\n\n\/* \u2500\u2500 Formes sobre la linia \u2500\u2500\n   Cada una s'ancora per la SEVA linia de terra (`--b`), no per la vora de\n   dalt, i `--m` es el maxim que aquest ancoratge li permet sense sortir-se\u2019n. *\/\n.tri-deco{\n\tposition:absolute;\n\tbackground:no-repeat center \/ contain;\n\tpointer-events:none; z-index:1;\n\topacity:calc(var(--p2) * .95);\n\tanimation:tri-surar 9s ease-in-out infinite;\n}\n@keyframes tri-surar{\n\t0%,100%{translate:0 0;rotate:0deg;}\n\t50%    {translate:0 -.28rem;rotate:.7deg;}\n}\n\n\/* \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n   \u2551  3. MODE FIXAT HORITZONTAL (escriptori)                               \u2551\n   \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d *\/\n.tri--fix .tri-bloc__pin{\n\tposition:sticky; top:0;\n\theight:100vh; height:100svh;\n\tpadding:var(--tri-cap) 0 2rem;\n\toverflow:hidden;\n}\n.tri--fix .tri-bloc__vista{\n\tflex:1; min-height:0;\n\tdisplay:flex;\n\talign-items:flex-start;\n\toverflow:hidden;\n\tposition:relative; z-index:1;\n\t-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--tri-fosa),#000 calc(100% - var(--tri-fosa)),transparent 100%);\n\t        mask-image:linear-gradient(90deg,transparent 0,#000 var(--tri-fosa),#000 calc(100% - var(--tri-fosa)),transparent 100%);\n}\n.tri--fix .tri-bloc__tira{\n\tdisplay:flex; align-items:stretch; gap:var(--tri-gap);\n\tpadding:0 var(--tri-marge);\n\tposition:relative;\n\t\/* sense aixo la tira s'encongeix a l'ample del contenidor (es un flex item)\n\t   i el recorregut surt mal calculat *\/\n\twidth:max-content; flex:none;\n\ttransform:translate3d(calc(var(--x,0) * -1px),0,0);\n}\n.tri-bloc.is-viu .tri-bloc__tira{will-change:transform;}\n.tri--fix .tri-marge{flex:0 0 auto;width:0;}\n\n.tri--fix .tri-fita{\n\tflex:0 0 var(--tri-fita-ample);\n\tmax-width:var(--tri-fita-ample);\n\tdisplay:grid;\n\tgrid-template-rows:var(--tri-eix) 1fr;\n\talign-content:start;\n}\n.tri--fix .tri-fita--dest{--tri-fita-ample:clamp(23rem, 54vw, 66rem);}\n.tri--fix .tri-fita__punt{\n\tleft:0; top:calc(var(--tri-eix) * var(--tri-eix-y));\n\ttransform:translateY(-50%) scale(calc(.6 + .4 * var(--p) + .16 * var(--f)));\n}\n.tri--fix .tri-fita__cont{\n\tpadding-top:.25rem;\n\ttransform:translate3d(calc((1 - var(--p)) * 1.1rem), calc((1 - var(--p)) * 1.75rem), 0)\n\t          scale(calc(.975 + .025 * var(--v)));\n\ttransform-origin:left top;\n}\n\/* Micro-profunditat: l'any, el titol i el cos no arriben del tot alhora ni\n   des del mateix lloc. Es un detall minim, pero es el que fa que la targeta\n   sembli que es MUNTA en lloc d'apar\u00e8ixer sencera. *\/\n.tri--fix .tri-fita__titol span{transform:translate3d(calc((1 - var(--p2)) * .6rem), calc((1 - var(--p2)) * .5em), 0);}\n.tri--fix .tri-fita__cos{transform:translate3d(calc((1 - var(--p3)) * .9rem), calc((1 - var(--p3)) * 1.2rem), 0);}\n\n\/* Linia de temps: del primer punt a l'ultim. El JS en mesura lloc i llargada. *\/\n.tri--fix .tri-linia{\n\tposition:absolute;\n\tleft:var(--tri-linia-a,0px); width:var(--tri-linia-b,0px);\n\ttop:calc(var(--tri-eix) * var(--tri-eix-y)); height:2px; margin-top:-1px;\n\tbackground:rgba(255,255,255,.16);\n}\n.tri--fix .tri-linia i{\n\tposition:absolute; inset:0;\n\tbackground:color-mix(in srgb, var(--tri-color) 60%, transparent);\n\ttransform:scaleX(var(--pe,0)); transform-origin:left center;\n}\n.tri--fix .tri-linia b{\n\tposition:absolute; top:50%; left:calc(var(--pe,0) * 100%);\n\twidth:.5rem; height:.5rem; margin:-.25rem 0 0 -.25rem;\n\tborder-radius:50%;\n\tbackground:var(--tri-color);\n\tbox-shadow:0 0 .75rem .125rem color-mix(in srgb, var(--tri-color) 55%, transparent);\n\topacity:calc(.25 + .75 * var(--mou,0));\n\ttransform:scale(calc(.7 + .5 * var(--mou,0)));\n}\n\/* L'apartat del trienni en curs: la linia no acaba, es dissol cap a la dreta. *\/\n.tri--fix .tri-bloc--futur .tri-linia{\n\t-webkit-mask-image:linear-gradient(90deg,#000 0,#000 45%,transparent 100%);\n\t        mask-image:linear-gradient(90deg,#000 0,#000 45%,transparent 100%);\n}\n\n\/* Formes: dins de la banda de l'eix, ancorades per la seva linia de terra. *\/\n.tri--fix .tri-deco--ini{\n\t--h: calc(var(--tri-eix) * var(--m,.5) * .95 * var(--s,1));\n\theight:var(--h); width:calc(var(--h) \/ var(--r,.43));\n\tleft:calc(var(--tri-punt) * 2.6);\n\ttop:calc(var(--tri-eix) * var(--tri-eix-y) - var(--h) * var(--b,.5));\n}\n.tri--fix .tri-deco--mig{\n\t--h: calc(var(--tri-eix) * var(--m,.5) * .74 * var(--s,1));\n\theight:var(--h); width:calc(var(--h) \/ var(--r,.45));\n\tleft:calc(var(--tri-fita-ample) * .36);\n\ttop:calc(var(--tri-eix) * var(--tri-eix-y) - var(--h) * var(--b,.5));\n\topacity:calc(var(--p2) * .82);\n\tanimation-duration:11s; animation-direction:reverse; animation-delay:-3s;\n}\n\/* La bola d'aquesta forma esta al 94,2% x \/ 39,5% y de la imatge: aixi cau\n   just sobre l'ultim punt. Es la forma que \"acaba al punt\". *\/\n.tri--fix .tri-deco--fi{\n\t--w: calc(var(--tri-punt) \/ .0728);\n\t--h: calc(var(--w) * var(--r,.3));\n\twidth:var(--w); height:var(--h);\n\tleft:calc(var(--tri-punt) \/ 2 - var(--w) * .9002);\n\ttop:calc(var(--tri-eix) * var(--tri-eix-y) - var(--h) * .4241);\n}\n\n\/* \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n   \u2551  4. MODE LLISTA (tactil, pantalles petites o baixes)                  \u2551\n   \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d *\/\n.tri--llista{--tri-marge:1.5rem;--tri-punt:1rem;}\n.tri--llista .tri-bloc{margin-bottom:.5rem;}\n.tri--llista .tri-bloc__pin{padding:0 0 2.5rem;}\n.tri--llista .tri-fons{display:none;}\n\n.tri--llista .tri-bloc__cap{\n\tposition:sticky; top:var(--tri-hdr); z-index:5;\n\tpadding:.75rem var(--tri-marge);\n\tbackground:var(--e-global-color-jzblack);\n\tbox-shadow:0 1px 0 color-mix(in srgb, var(--tri-color) 35%, transparent);\n}\n.tri--llista .tri-bloc__etiqueta{font-size:.75rem;line-height:1.3;}\n.tri--llista .tri-bloc__compte{display:none;}\n\n.tri--llista .tri-bloc__vista{display:block;}\n.tri--llista .tri-bloc__tira{\n\tdisplay:block;\n\tpadding:1.75rem var(--tri-marge) 0;\n\tperspective:1100px;\n}\n.tri--llista .tri-linia,\n.tri--llista .tri-marge,\n.tri--llista .tri-deco{display:none;}\n\n.tri--llista .tri-fita{\n\tdisplay:block;\n\tpadding:0 0 2.75rem 2.5rem;\n\topacity:1; filter:none;\n\t--p:0; --p2:0; --p3:0; --f:0; --v:1;\n}\n.tri--llista .tri-fita.is-vist{--p:1;--p2:1;--p3:1;--f:1;}\n.tri--llista .tri-fita--lluny{visibility:visible;}\n\n\/* Cada fita porta el seu tram de linia, que s'omple en entrar. *\/\n.tri--llista .tri-fita::before,\n.tri--llista .tri-fita::after{\n\tcontent:\"\"; position:absolute;\n\tleft:.5rem; top:.6rem; bottom:-.1rem; width:2px;\n}\n.tri--llista .tri-fita::before{background:rgba(255,255,255,.14);}\n.tri--llista .tri-fita::after{\n\tbackground:var(--tri-color); opacity:.6;\n\ttransform:scaleY(0); transform-origin:top;\n\ttransition:transform .8s cubic-bezier(.22,.7,.3,1) .04s;\n}\n.tri--llista .tri-fita.is-vist::after{transform:scaleY(1);}\n.tri--llista .tri-fita:last-child::before,\n.tri--llista .tri-fita:last-child::after{bottom:auto;height:3rem;}\n\n.tri--llista .tri-fita__marca{position:static;}\n.tri--llista .tri-fita__punt{\n\tleft:.5rem; top:.6rem;\n\ttransform:translate(-50%,-50%) scale(0);\n}\n.tri--llista .tri-fita.is-vist .tri-fita__punt{\n\tanimation:tri-punt-entra .5s cubic-bezier(.2,1.45,.4,1) both;\n}\n@keyframes tri-punt-entra{\n\tfrom{transform:translate(-50%,-50%) scale(0);}\n\tto  {transform:translate(-50%,-50%) scale(1);}\n}\n\n\/* L'any entra com una targeta: puja i s'endreca. Tota la coreografia cau dins\n   del mig segon, perque es llegeixi com UNA sola entrada i no com peces\n   desfasades. *\/\n.tri--llista .tri-fita__cont{\n\topacity:0;\n\ttransform:translate3d(0, 2rem, 0) rotateX(4deg);\n\ttransform-origin:0 0;\n\ttransition:opacity .45s ease-out, transform .75s cubic-bezier(.16,1,.3,1);\n}\n.tri--llista .tri-fita.is-vist .tri-fita__cont{opacity:1;transform:none;}\n.tri--llista .tri-fita__data{transition:opacity .34s ease .06s, transform .34s ease .06s;}\n.tri--llista .tri-fita__xifra{\n\ttransition:opacity .34s ease, transform .6s cubic-bezier(.16,1,.3,1);\n\ttransition-delay:calc(.08s + var(--o,0) * .42s);\n}\n\/* Profunditat dins de la targeta: l'any, el titol i el cos no venen del mateix\n   lloc ni a la mateixa velocitat. Es el detall que fa que sembli que la fita\n   es MUNTA en lloc d'apar\u00e8ixer sencera. *\/\n.tri--llista .tri-fita__any{transform:translate3d(calc((1 - var(--p)) * -.5rem),0,0);}\n.tri--llista .tri-fita__titol span{transform:translate3d(calc((1 - var(--p2)) * .7rem), calc((1 - var(--p2)) * .4em), 0);}\n.tri--llista .tri-fita__cos{transform:translate3d(calc((1 - var(--p3)) * 1rem), calc((1 - var(--p3)) * .9rem), 0);}\n.tri--llista .tri-fita__titol span{transition:opacity .38s ease .16s, transform .65s cubic-bezier(.16,1,.3,1) .16s;}\n.tri--llista .tri-fita__cos{transition:opacity .4s ease .22s, transform .7s cubic-bezier(.16,1,.3,1) .22s;}\n\n.tri--llista .tri-fita__any{\n\tfont-size:min(calc((100vw - 5.5rem) \/ (var(--nx,4) * .5)), 4.5rem);\n\tmargin-bottom:.35rem; text-shadow:none;\n}\n.tri--llista .tri-fita--focus .tri-fita__any{text-shadow:none;}\n.tri--llista .tri-fita__titol{font-size:1rem;margin-bottom:.8rem;}\n.tri--llista .tri-fita__cos{font-size:.875rem;line-height:1.5;max-width:none;}\n\/* Al m\u00f2bil la foto va SOTA el text, no al costat. *\/\n.tri--llista .tri-fita--amb-foto .tri-fita__baix{flex-direction:column;gap:1rem;}\n.tri--llista .tri-fita--amb-foto .tri-fita__foto{flex:none;width:100%;max-width:20rem;transform:none;}\n\n\/* \u2500\u2500 Profunditat al mobil \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   Les capes de fons es queden ENGANXADES (`sticky`) mentre l'apartat passa:\n   nomes amb aixo ja hi ha profunditat, perque el text es mou i el fons no.\n   A sobre, si el navegador les suporta, hi van animacions de scroll NATIVES\n   (`animation-timeline: view()`), que el navegador resol al COMPOSITOR: es a\n   dir, parallax de veritat sense ni un fotograma de feina al fil principal.\n   Les dues capes van a velocitats diferents; aquesta diferencia es la que es\n   percep com a profunditat. *\/\n.tri--llista .tri-fons{display:block;overflow:clip;}\n.tri--llista .tri-fons__glow,\n.tri.is-lleuger.tri--llista .tri-fons__forma{\n\tdisplay:block;\n\tposition:sticky; right:auto; bottom:auto;\n\ttransform:none;\n}\n.tri--llista .tri-fons__glow{\n\ttop:8vh; width:32rem; height:32rem;\n\tmargin:0 0 -32rem -13rem;\n\topacity:.18;\n}\n.tri.is-lleuger.tri--llista .tri-fons__forma{\n\t--w:min(74vw, 21rem);\n\twidth:var(--w); height:calc(var(--w) * var(--r,.5));\n\ttop:42vh;\n\tmargin:0 -10vw -34vh auto;\n\topacity:.4;\n\tfilter:blur(14px) saturate(1.3);\n}\n@supports (animation-timeline: view()){\n\t.tri--llista .tri-fons__glow,\n\t.tri.is-lleuger.tri--llista .tri-fons__forma{\n\t\tanimation-duration:auto;\n\t\tanimation-timing-function:linear;\n\t\tanimation-fill-mode:both;\n\t\tanimation-timeline:view();\n\t\tanimation-range:cover 0% cover 100%;\n\t}\n\t.tri--llista .tri-fons__glow{animation-name:tri-flota-lent;}\n\t.tri.is-lleuger.tri--llista .tri-fons__forma{animation-name:tri-flota;}\n}\n@keyframes tri-flota      {from{translate:0 13vh;}  to{translate:0 -13vh;}}\n@keyframes tri-flota-lent {from{translate:0 5vh;}   to{translate:0 -5vh;}}\n\n\/* \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n   \u2551  5. APARELLS MODESTOS \u00b7 SENSE JS \u00b7 MOVIMENT REDUIT                    \u2551\n   \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d *\/\n\/* El que costa de veritat al mobil no son els colors sino els desenfocs, les\n   mascares a pantalla completa i els `clip-path` animats sobre tipografia\n   gegant (repintat sencer a cada fotograma). *\/\n.tri.is-lleuger .tri-fita{filter:none;}\n.tri.is-lleuger .tri-fita__xifra{filter:none;}\n.tri.is-lleuger .tri-fita__any,\n.tri.is-lleuger .tri-fita--focus .tri-fita__any{text-shadow:none;}\n.tri.is-lleuger .tri-fons__forma{display:none;}\n.tri.is-lleuger .tri-fons__glow{opacity:.16;}\n.tri.is-lleuger .tri-linia b{box-shadow:none;}\n.tri.is-lleuger .tri-deco{animation:none;}\n.tri.is-lleuger .tri-bloc__vista{-webkit-mask-image:none;mask-image:none;}\n.tri.is-lleuger .tri-fita__xifra{\n\tclip-path:none;\n\ttransform:translateY(calc((1 - var(--pi)) * .3em));\n\topacity:var(--pi);\n}\n.tri.is-lleuger .tri-fita__titol span{\n\tclip-path:none;\n\topacity:var(--p2);\n\ttransform:translateY(calc((1 - var(--p2)) * .35em));\n}\n\n\/* Sense JS: llista plana i tot visible. *\/\n.tri:not(.is-js) .tri-bloc__tira{padding:1.5rem var(--tri-marge) 0;}\n.tri:not(.is-js) .tri-fita{\n\tdisplay:block; padding:0 0 3rem;\n\topacity:1; filter:none;\n\t--p:1;--p2:1;--p3:1;--f:1;--v:1;\n}\n.tri:not(.is-js) .tri-linia,\n.tri:not(.is-js) .tri-marge,\n.tri:not(.is-js) .tri-deco,\n.tri:not(.is-js) .tri-fita__punt{display:none;}\n\n@media (prefers-reduced-motion: reduce){\n\t.tri-bloc__pin{position:static !important;height:auto !important;overflow:visible !important;}\n\t.tri-bloc__tira{transform:none !important;}\n\t.tri-fita{opacity:1 !important;filter:none !important;--p:1;--p2:1;--p3:1;--f:1;--v:1;}\n\t.tri-fita__cont{transform:none !important;opacity:1 !important;transition:none !important;}\n\t.tri-fita__xifra{clip-path:none;transform:none;opacity:1;filter:none;}\n\t.tri-fita__titol span{clip-path:none;transform:none;}\n\t.tri-fita__punt{transform:translate(-50%,-50%) scale(1) !important;animation:none !important;}\n\t.tri-deco{animation:none;}\n\t.tri-fita--lluny{visibility:visible;}\n}\n\n@media (max-width:1024px){\n\t.tri{--tri-marge:1.75rem;}\n}\n<\/style>\n<script>\n(function () {\n\t'use strict';\n\n\t\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\t   L'EIX DEL TRIENNI\n\n\t   Dos modes, un sol codi:\n\t     \u00b7 FIXAT   \u2014 l'apartat es queda enganxat i la tira d'anys es desplaca\n\t                 en horitzontal, LINEALMENT amb el scroll (1 px = 1 px).\n\t     \u00b7 LLISTA  \u2014 tactil, pantalla petita o baixa: una columna normal, amb\n\t                 les fites animant-se un sol cop en entrar.\n\n\t   \u26a0\ufe0f\u26a0\ufe0f NO ES TOCA L'ENTRADA DE L'USUARI. Ni roda, ni gestos, ni ancoratge,\n\t   ni \"stops\". Nomes es llegeix on esta el scroll i es tradueix a posicio.\n\t   Es la recepta estandard d'aquest patro (equival al `pin + scrub` de GSAP\n\t   ScrollTrigger amb `ease: \"none\"`), i la seva documentacio marca el fet de\n\t   posar-hi una corba com l'error mes habitual: trenca la intuicio de \"quant\n\t   m'he mogut\". Aixo es el que fa que vagi igual de be amb roda, trackpad,\n\t   barra de desplacament, teclat i cerca-al-text.\n\n\t   I amb Lenis no cal fer res: mou el scroll REAL de la finestra, aixi que\n\t   nomes llegint `scrollY` cada fotograma ja n'heretem la suavitat.\n\t   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\tvar LLUNY = 2.2;    \/* passos des del centre a partir dels quals es desconnecta *\/\n\n\tvar arrel, blocs = [], mode = 'fix';\n\tvar corrent = false, actius = 0, enFocus = null;\n\n\t\/* La llista mana quan el dit es l'entrada, quan no hi ha ample per a una\n\t   targeta o quan la finestra es de debo massa baixa per al text.\n\t   \u26a0\ufe0f El llindar d'alcada era 700px i es menjava finestres d'escriptori\n\t   corrents: amb la barra de marcadors i el zoom del sistema al 125%, una\n\t   pantalla de 1080 es queda en ~690px de vista i l'eix horitzontal saltava\n\t   a llista sense cap motiu. Ara nomes salta per sota de 560px, i encara\n\t   aixi 650px es el minim mesurat perque la targeta hi capigui sencera. *\/\n\tvar MQ = window.matchMedia('(max-width: 1024px), (pointer: coarse), (max-height: 650px)');\n\n\tfunction modest() {\n\t\tif (window.matchMedia('(pointer: coarse)').matches) return true;\n\t\treturn (navigator.hardwareConcurrency || 8) <= 4 || (navigator.deviceMemory || 8) <= 4;\n\t}\n\n\t\/* \u2500\u2500 arrencada \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\tfunction init() {\n\t\tarrel = document.querySelector('.tri');\n\t\tif (!arrel) return;\n\n\t\tarrel.classList.add('is-js');\n\t\tif (modest()) arrel.classList.add('is-lleuger');\n\n\t\tif (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n\t\t\tarrel.classList.add('tri--llista');\n\t\t\ttotVisible();\n\t\t\treturn;\n\t\t}\n\n\t\tmode = MQ.matches ? 'llista' : 'fix';\n\t\tarrel.classList.add(mode === 'fix' ? 'tri--fix' : 'tri--llista');\n\t\tif (MQ.addEventListener) {\n\t\t\t\/\/ Canviar de mode a mitja pagina no te sentit; nomes pot passar\n\t\t\t\/\/ redimensionant una finestra d'escriptori.\n\t\t\tMQ.addEventListener('change', function () { location.reload(); });\n\t\t}\n\n\t\tcapcalera();\n\t\twindow.addEventListener('resize', arrossega(capcalera, 150));\n\n\t\tif (mode === 'llista') { llista(); return; }\n\t\tfixat();\n\t}\n\n\t\/* Alcada REAL de la capcalera del lloc: calculada a ull el titol de\n\t   l'apartat sortia tallat per sota del header. *\/\n\tfunction capcalera() {\n\t\tvar h = document.querySelector('.elementor-location-header') || document.querySelector('header');\n\t\tif (!h) return;\n\t\tvar a = h.getBoundingClientRect().height;\n\t\tif (a > 20 && a < 240) arrel.style.setProperty('--tri-hdr', Math.round(a) + 'px');\n\t}\n\n\tfunction totVisible() {\n\t\tvar f = arrel.querySelectorAll('[data-tri-fita]');\n\t\tfor (var i = 0; i < f.length; i++) f[i].classList.add('is-vist');\n\t}\n\n\t\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\t   MODE LLISTA \u2014 cap treball per fotograma\n\t   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\tfunction llista() {\n\t\tif (!('IntersectionObserver' in window)) { totVisible(); return; }\n\t\tvar io = new IntersectionObserver(function (e) {\n\t\t\tfor (var i = 0; i < e.length; i++) {\n\t\t\t\tif (!e[i].isIntersecting) continue;\n\t\t\t\te[i].target.classList.add('is-vist');\n\t\t\t\tio.unobserve(e[i].target);          \/\/ una vegada i prou\n\t\t\t}\n\t\t}, { rootMargin: '0px 0px -10% 0px', threshold: 0.01 });\n\n\t\tvar f = arrel.querySelectorAll('[data-tri-fita]');\n\t\tfor (var i = 0; i < f.length; i++) io.observe(f[i]);\n\t}\n\n\t\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\t   MODE FIXAT\n\t   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\tfunction fixat() {\n\t\tblocs = [].map.call(arrel.querySelectorAll('[data-tri-bloc]'), function (el) {\n\t\t\tvar fites = [].slice.call(el.querySelectorAll('[data-tri-fita]'));\n\t\t\treturn {\n\t\t\t\tel: el,\n\t\t\t\tpin   : el.querySelector('.tri-bloc__pin'),\n\t\t\t\tvista : el.querySelector('[data-tri-vista]'),\n\t\t\t\ttira  : el.querySelector('[data-tri-tira]'),\n\t\t\t\tlinia : el.querySelector('[data-tri-linia]'),\n\t\t\t\tini   : el.querySelector('[data-tri-inici]'),\n\t\t\t\tfi    : el.querySelector('[data-tri-final]'),\n\t\t\t\tcompte: el.querySelector('[data-tri-compte]'),\n\t\t\t\tfites : fites,\n\t\t\t\tesc   : fites.map(function () { return {}; }),\n\t\t\t\tescB  : {},\n\t\t\t\toff: [], amp: [], pas: [], punts: [], parades: [],\n\t\t\t\tdist: 0, alt: 0, liniaB: 1, ample: 0,\n\t\t\t\txAnt: 0, focus: -1, visible: false\n\t\t\t};\n\t\t});\n\t\tif (!blocs.length) return;\n\n\t\tmesura();\n\n\t\tif ('IntersectionObserver' in window) {\n\t\t\tvar io = new IntersectionObserver(function (e) {\n\t\t\t\tfor (var i = 0; i < e.length; i++) {\n\t\t\t\t\tvar b = quin(e[i].target);\n\t\t\t\t\tif (!b || b.visible === e[i].isIntersecting) continue;\n\t\t\t\t\tb.visible = e[i].isIntersecting;\n\t\t\t\t\tb.el.classList.toggle('is-viu', b.visible);   \/\/ capa nomes on cal\n\t\t\t\t\tactius += b.visible ? 1 : -1;\n\t\t\t\t}\n\t\t\t\tif (actius < 0) actius = 0;\n\t\t\t\tarrenca();\n\t\t\t}, { rootMargin: '60% 0px' });\n\t\t\tfor (var i = 0; i < blocs.length; i++) io.observe(blocs[i].el);\n\t\t} else {\n\t\t\tfor (var j = 0; j < blocs.length; j++) {\n\t\t\t\tblocs[j].visible = true;\n\t\t\t\tblocs[j].el.classList.add('is-viu');\n\t\t\t}\n\t\t\tactius = blocs.length;\n\t\t}\n\n\t\tvar remesura = arrossega(mesura, 150);\n\t\twindow.addEventListener('resize', remesura);\n\t\tif ('ResizeObserver' in window) new ResizeObserver(remesura).observe(arrel);\n\t\tif (document.fonts && document.fonts.ready) document.fonts.ready.then(mesura);\n\t\twindow.addEventListener('load', mesura);\n\t\tdocument.addEventListener('visibilitychange', arrenca);\n\n\t\tarrenca();\n\t}\n\n\tfunction quin(el) {\n\t\tfor (var i = 0; i < blocs.length; i++) if (blocs[i].el === el) return blocs[i];\n\t\treturn null;\n\t}\n\n\tfunction arrenca() {\n\t\tif (corrent || document.hidden || !actius) return;\n\t\tcorrent = true;\n\t\trequestAnimationFrame(bucle);\n\t}\n\n\t\/* \u2500\u2500 mesura: tot el que despres el bucle nomes ha de llegir \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\tfunction mesura() {\n\t\tif (mode !== 'fix' || !blocs.length) return;\n\t\tcapcalera();\n\t\tvar vh = window.innerHeight;\n\n\t\tfor (var i = 0; i < blocs.length; i++) {\n\t\t\tvar b = blocs[i], n = b.fites.length;\n\t\t\tif (!n) continue;\n\n\t\t\tb.el.style.height = 'auto';\n\n\t\t\t\/\/ (a) Si el text no cap d'ALT, l'apartat encongeix la seva\n\t\t\t\/\/     tipografia el just. Iteratiu: la banda de l'eix i els marges\n\t\t\t\/\/     NO escalen amb el text, aixi que la relacio no es lineal.\n\t\t\tvar lliure = b.vista.clientHeight, escala = 1;\n\t\t\tb.tira.style.setProperty('--tri-escala', '1');\n\t\t\tfor (var it = 0; it < 3 && lliure > 0; it++) {\n\t\t\t\tvar maxAlt = 0;\n\t\t\t\tfor (var q = 0; q < n; q++) maxAlt = Math.max(maxAlt, b.fites[q].offsetHeight);\n\t\t\t\tif (maxAlt <= lliure - 4) break;\n\t\t\t\tescala = Math.max(0.74, escala * ((lliure - 6) \/ maxAlt));\n\t\t\t\tb.tira.style.setProperty('--tri-escala', escala.toFixed(3));\n\t\t\t\tif (escala <= 0.74) break;\n\t\t\t}\n\n\t\t\t\/\/ (b) Marges de mitja pantalla a cada punta: son els que fan que la\n\t\t\t\/\/     PRIMERA i l'ULTIMA fita puguin quedar centrades com la resta.\n\t\t\tvar ample = b.vista.clientWidth;\n\t\t\tb.ample = ample;\n\t\t\tif (b.ini) b.ini.style.width = Math.max(0, (ample - b.fites[0].offsetWidth) \/ 2) + 'px';\n\t\t\tif (b.fi)  b.fi.style.width  = Math.max(0, (ample - b.fites[n - 1].offsetWidth) \/ 2) + 'px';\n\n\t\t\t\/\/ (c) Posicions\n\t\t\tb.off = []; b.amp = []; b.parades = []; b.punts = [];\n\t\t\tfor (var j = 0; j < n; j++) {\n\t\t\t\tvar f = b.fites[j];\n\t\t\t\tb.off[j] = f.offsetLeft;\n\t\t\t\tb.amp[j] = f.offsetWidth;\n\t\t\t\tb.parades[j] = f.offsetLeft - (ample - f.offsetWidth) \/ 2;\n\t\t\t\tb.punts[j]   = f.offsetLeft - b.fites[0].offsetLeft;\n\t\t\t}\n\t\t\tb.pas = [];\n\t\t\tfor (var k = 0; k < n; k++) {\n\t\t\t\tb.pas[k] = n < 2 ? b.amp[k]\n\t\t\t\t\t: (k < n - 1 ? b.off[k + 1] - b.off[k] : b.off[k] - b.off[k - 1]);\n\t\t\t\tif (!b.pas[k]) b.pas[k] = b.amp[k] || 1;\n\t\t\t}\n\n\t\t\t\/\/ (d) Recorregut i alcada del bloc: EXACTAMENT 1 px de scroll per\n\t\t\t\/\/     cada px que ha de recorrer la tira. Aquesta es la formula.\n\t\t\tb.dist = Math.max(0, b.tira.scrollWidth - ample);\n\t\t\tb.alt  = vh + b.dist;\n\t\t\tb.el.style.height = b.alt + 'px';\n\n\t\t\t\/\/ (e) Linia: del primer punt a l'ultim\n\t\t\tif (b.linia) {\n\t\t\t\tvar pd = b.fites[0].querySelector('.tri-fita__punt');\n\t\t\t\tvar punt = pd ? pd.offsetWidth : 0;\n\t\t\t\tvar llarg = b.punts[n - 1];\n\t\t\t\tif (b.el.classList.contains('tri-bloc--futur')) llarg = Math.max(llarg, 0) + ample;\n\t\t\t\telse if (llarg < 1) llarg = b.amp[0] * 0.85;\n\t\t\t\tb.liniaB = Math.max(1, llarg);\n\t\t\t\tb.tira.style.setProperty('--tri-linia-a', (b.off[0] + punt \/ 2) + 'px');\n\t\t\t\tb.tira.style.setProperty('--tri-linia-b', b.liniaB + 'px');\n\t\t\t}\n\n\t\t\tb.escB = {};\n\t\t}\n\t\tarrenca();\n\t}\n\n\t\/* Quina fraccio de la linia s'ha de pintar per a una posicio `x`.\n\t   Es calcula en l'espai dels PUNTS (que no es el de les parades: la parada\n\t   descompta el centrat, que depen de l'amplada de cada fita). Per aixo la\n\t   punta cau exactament sobre el punt quan un any esta centrat. *\/\n\tfunction avanc(b, x) {\n\t\tvar n = b.fites.length;\n\t\tif (n < 2) return b.dist > 0 ? x \/ b.dist : 0;\n\t\tif (x <= b.parades[0]) return 0;\n\t\tif (x >= b.parades[n - 1]) return b.punts[n - 1] \/ b.liniaB;\n\t\tfor (var i = 0; i < n - 1; i++) {\n\t\t\tif (x <= b.parades[i + 1]) {\n\t\t\t\tvar d = b.parades[i + 1] - b.parades[i];\n\t\t\t\tvar t = d > 0 ? (x - b.parades[i]) \/ d : 0;\n\t\t\t\treturn (b.punts[i] + (b.punts[i + 1] - b.punts[i]) * t) \/ b.liniaB;\n\t\t\t}\n\t\t}\n\t\treturn b.punts[n - 1] \/ b.liniaB;\n\t}\n\n\t\/* Nomes escriu si el valor ha canviat. Amb aixo, quan res no es mou no hi\n\t   ha ni una sola invalidacio d'estils. *\/\n\tfunction posa(est, el, nom, val) {\n\t\tif (est[nom] === val) return;\n\t\test[nom] = val;\n\t\tel.style.setProperty(nom, val);\n\t}\n\n\t\/* \u2500\u2500 el bucle: totes les LECTURES abans que totes les ESCRIPTURES \u2500\u2500\u2500\u2500\u2500 *\/\n\tfunction bucle() {\n\t\tif (document.hidden || !actius) { corrent = false; return; }\n\n\t\tvar vh = window.innerHeight, feina = [];\n\n\t\tfor (var i = 0; i < blocs.length; i++) {\n\t\t\tvar b = blocs[i];\n\t\t\tif (!b.visible || !b.fites.length || b.dist <= 0) continue;\n\t\t\tvar dalt = b.el.getBoundingClientRect().top;   \/\/ unica lectura\n\t\t\tif (dalt > vh || dalt < -b.alt) continue;\n\t\t\tvar x = -dalt;\n\t\t\tif (x < 0) x = 0; else if (x > b.dist) x = b.dist;\n\t\t\tfeina.push({ b: b, x: x });\n\t\t}\n\n\t\tfor (var k = 0; k < feina.length; k++) {\n\t\t\tvar w = feina[k], bb = w.b, x = w.x;\n\n\t\t\tvar mou = Math.abs(x - bb.xAnt) \/ 26;\n\t\t\tif (mou > 1) mou = 1;\n\t\t\tbb.xAnt = x;\n\n\t\t\tposa(bb.escB, bb.pin, '--x',   x.toFixed(1));\n\t\t\tposa(bb.escB, bb.pin, '--pe',  clamp(avanc(bb, x)).toFixed(4));\n\t\t\tposa(bb.escB, bb.pin, '--mou', mou.toFixed(2));\n\n\t\t\tvar mig = bb.ample \/ 2, n = bb.fites.length, nou = -1;\n\n\t\t\tfor (var m = 0; m < n; m++) {\n\t\t\t\tvar el = bb.fites[m], est = bb.esc[m];\n\t\t\t\t\/\/ distancia del centre de la fita al centre de la finestra, en\n\t\t\t\t\/\/ passos locals. Tot aritmetica: cap lectura del DOM.\n\t\t\t\tvar rel = (bb.off[m] + bb.amp[m] \/ 2 - x - mig) \/ bb.pas[m];\n\t\t\t\tvar d = rel < 0 ? -rel : rel;\n\n\t\t\t\tif (d > LLUNY) {\n\t\t\t\t\tif (!est.lluny) { est.lluny = true; el.classList.add('tri-fita--lluny'); }\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\tif (est.lluny) { est.lluny = false; el.classList.remove('tri-fita--lluny'); }\n\n\t\t\t\t\/\/ --p es direccional (la fita es CONSTRUEIX mentre arriba);\n\t\t\t\t\/\/ --f i --v son simetrics (les dues bandes s'han de comportar\n\t\t\t\t\/\/ igual, si no la pantalla queda buida per un costat).\n\t\t\t\tvar p = clamp(1 - rel \/ 0.95);\n\t\t\t\tvar f = clamp(1 - (d > 0.20 ? d - 0.20 : 0) \/ 0.52);\n\n\t\t\t\tposa(est, el, '--p',  p.toFixed(3));\n\t\t\t\tposa(est, el, '--p2', clamp((p - 0.16) \/ 0.62).toFixed(3));\n\t\t\t\tposa(est, el, '--p3', clamp((p - 0.32) \/ 0.56).toFixed(3));\n\t\t\t\tposa(est, el, '--f',  f.toFixed(3));\n\t\t\t\tposa(est, el, '--v',  clamp(1 - (d > 0.25 ? d - 0.25 : 0) \/ 1.15).toFixed(3));\n\n\t\t\t\tif (f > 0.985) nou = m;\n\t\t\t}\n\n\t\t\t\/\/ El focus canvia poques vegades: resplendor i pols van per classe,\n\t\t\t\/\/ no per calcul a cada fotograma.\n\t\t\tif (nou !== -1 && nou !== bb.focus) {\n\t\t\t\tbb.focus = nou;\n\t\t\t\tif (enFocus) enFocus.classList.remove('tri-fita--focus');\n\t\t\t\tenFocus = bb.fites[nou];\n\t\t\t\tvoid enFocus.offsetWidth;\n\t\t\t\tenFocus.classList.add('tri-fita--focus');\n\t\t\t\tif (bb.compte) bb.compte.textContent = (nou + 1 < 10 ? '0' : '') + (nou + 1);\n\t\t\t}\n\t\t}\n\n\t\trequestAnimationFrame(bucle);\n\t}\n\n\tfunction clamp(v) { return v < 0 ? 0 : v > 1 ? 1 : v; }\n\tfunction arrossega(fn, ms) {\n\t\tvar t; return function () { clearTimeout(t); t = setTimeout(fn, ms); };\n\t}\n\n\tif (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);\n\telse init();\n})();\n<\/script>\n\t<div class=\"tri\"><section class=\"tri-bloc\" data-tri-bloc style=\"--tri-color:var(--e-global-color-jz05)\" aria-label=\"1. Los precedentes: la semilla\"><div class=\"tri-bloc__pin\"><div class=\"tri-fons\" aria-hidden=\"true\"><span class=\"tri-fons__glow\"><\/span><span class=\"tri-fons__forma\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/Mesa-de-trabajo-4-copia-2.webp);--r:1.1611;--fx:-13vw;--fy:11%;--fr:-4deg;--fs:1.00\"><\/span><\/div><div class=\"tri-bloc__cap\"><p class=\"tri-bloc__etiqueta\">1. Los precedentes: la semilla <span>(1920\u20131966)<\/span><\/p><p class=\"tri-bloc__compte\" aria-hidden=\"true\"><b data-tri-compte>01<\/b>\/05<\/p><\/div><div class=\"tri-bloc__vista\" data-tri-vista><div class=\"tri-bloc__tira\" data-tri-tira><div class=\"tri-linia\" data-tri-linia aria-hidden=\"true\"><i><\/i><b><\/b><\/div><div class=\"tri-marge tri-marge--ini\" data-tri-inici aria-hidden=\"true\"><\/div><article class=\"tri-fita tri-fita--amb-foto\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><span class=\"tri-deco tri-deco--ini\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/Mesa-de-trabajo-2-copia-2.webp);--r:0.4158;--b:0.789;--s:1;--m:0.96324461343473\"><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__any\" aria-label=\"1920\"><span class=\"tri-fita__xifra\" style=\"--o:0.0000\" aria-hidden=\"true\">1<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.1125\" aria-hidden=\"true\">9<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.2250\" aria-hidden=\"true\">2<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">0<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>El primer desembarco del jazz en la ciudad<\/span><\/h3><div class=\"tri-fita__cos\"><p>Barcelona abre las puertas a un sonido nuevo llegado de Estados Unidos que aterriz\u00f3 en la ciudad condal con una clara influencia parisina. Pronto, los espacios nocturnos de la ciudad se impregnan de esta fiebre urbana con la visita de figuras como Josephine Baker con la orquesta Demon's Jazz.<\/p>\n<p>Barcelona empieza a establecer un v\u00ednculo visceral con el jazz y se posiciona como la puerta de entrada mediterr\u00e1nea de las nuevas corrientes europeas.<\/p>\n<\/div><\/div><figure class=\"tri-fita__foto\"><button type=\"button\" class=\"tri-fita__foto-obre\" data-tri-lb=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7050.webp\" aria-label=\"Ampliar la imatge\"><img decoding=\"async\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7050.webp\" alt=\"El primer desembarco del jazz en la ciudad\" loading=\"lazy\" style=\"object-position:center center\"><\/button><\/figure><\/div><\/div><\/article><article class=\"tri-fita\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__data\">31 de enero de<\/p><p class=\"tri-fita__any\" aria-label=\"1936\"><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">1<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">9<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.2250\" aria-hidden=\"true\">3<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">6<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>La conquista del Palau<\/span><\/h3><div class=\"tri-fita__cos\"><p>Organizado por el Hot Club de Barcelona (creado un a\u00f1o antes) de Pere Casadevall, el Palau de la M\u00fasica Catalana acoge el primer concierto de jazz de su historia con un cartel triple memorable: Benny Carter, el Quinteto del Hot Club de Francia (con Django Reinhardt y St\u00e9phane Grappelli) y la Orquesta del Hot Club de Barcelona.<\/p>\n<p>El jazz demuestra su capacidad de habitar un templo de la m\u00fasica cl\u00e1sica y abre un camino de rigor que d\u00e9cadas despu\u00e9s continuar\u00eda el festival.<\/p>\n<\/div><\/div><\/div><\/div><\/article><article class=\"tri-fita\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__any\" aria-label=\"1955\"><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">1<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">9<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.2250\" aria-hidden=\"true\">5<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">5<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>La visita de Satchmo al Windsor<\/span><\/h3><div class=\"tri-fita__cos\"><p>El ic\u00f3nico trompetista de Nueva Orleans, Louis Armstrong, aterriza en la ciudad para ofrecer una serie de conciertos en el desaparecido cine Windsor de la Diagonal.<\/p>\n<p>El concierto de Satchmo sacude a la afici\u00f3n local y se convierte en el gran hito jazz\u00edstico de la Barcelona prefestival, algo que alimenta la necesidad de crear un evento internacional estable.<\/p>\n<\/div><\/div><\/div><\/div><\/article><article class=\"tri-fita tri-fita--amb-foto\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__data\">9 de enero de<\/p><p class=\"tri-fita__any\" aria-label=\"1960\"><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">1<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">9<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.2250\" aria-hidden=\"true\">6<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">0<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>La cava de la Plaza Real<\/span><\/h3><div class=\"tri-fita__cos\"><p>Ubicado en el s\u00f3tano de la Plaza Real, nace el club Jamboree gracias a Joan Rosell\u00f3. El concierto inaugural lo lidera un joven Tete Montoliu. Pronto, la sala se convierte en el refugio de m\u00fasicos como Dexter Gordon, Chet Baker u Ornette Coleman.<\/p>\n<p>La cava funciona como el laboratorio del que surgir\u00eda, pocos a\u00f1os despu\u00e9s, la infraestructura del festival.<\/p>\n<\/div><\/div><figure class=\"tri-fita__foto\"><button type=\"button\" class=\"tri-fita__foto-obre\" data-tri-lb=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7053.webp\" aria-label=\"Ampliar la imatge\"><img decoding=\"async\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7053-1024x576.webp\" alt=\"La cava de la Plaza Real\" loading=\"lazy\" style=\"object-position:center center\"><\/button><\/figure><\/div><\/div><\/article><article class=\"tri-fita tri-fita--amb-foto\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><span class=\"tri-deco tri-deco--fi\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/Mesa-de-trabajo-3-copia-4.webp);--r:0.4158\"><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__data\">25 de gener de<\/p><p class=\"tri-fita__any\" aria-label=\"1966\"><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">1<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">9<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">6<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">6<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>El preludio may\u00fasculo<\/span><\/h3><div class=\"tri-fita__cos\"><p>Joan Rosell\u00f3, el hombre de las gafas oscuras del Jamboree, se arriesga a organizar un concierto de costes elevad\u00edsimos que re\u00fane en un doble programa la orquesta de Duke Ellington y Ella Fitzgerald acompa\u00f1ada por el tr\u00edo de Jimmy Jones.<\/p>\n<p>El \u00e9xito clamoroso de aquella noche hist\u00f3rica demuestra que la ciudad est\u00e1 preparada para una gran cita anual: en oto\u00f1o de ese mismo a\u00f1o naci\u00f3 el festival.<\/p>\n<\/div><\/div><figure class=\"tri-fita__foto\"><button type=\"button\" class=\"tri-fita__foto-obre\" data-tri-lb=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7054.webp\" aria-label=\"Ampliar la imatge\"><img decoding=\"async\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7054-1018x1024.webp\" alt=\"El preludio may\u00fasculo\" loading=\"lazy\" style=\"object-position:center center\"><\/button><\/figure><\/div><\/div><\/article><div class=\"tri-marge tri-marge--fi\" data-tri-final aria-hidden=\"true\"><\/div><\/div><\/div><\/div><\/section><section class=\"tri-bloc\" data-tri-bloc style=\"--tri-color:var(--e-global-color-jz02)\" aria-label=\"2. La primera \u00e9poca: leyendas y desfase\"><div class=\"tri-bloc__pin\"><div class=\"tri-fons\" aria-hidden=\"true\"><span class=\"tri-fons__glow\"><\/span><span class=\"tri-fons__forma\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/Mesa-de-trabajo-2.webp);--r:0.4158;--fx:-8vw;--fy:19%;--fr:7deg;--fs:1.25\"><\/span><\/div><div class=\"tri-bloc__cap\"><p class=\"tri-bloc__etiqueta\">2. La primera \u00e9poca: leyendas y desfase <span>(1966\u20131979)<\/span><\/p><p class=\"tri-bloc__compte\" aria-hidden=\"true\"><b data-tri-compte>01<\/b>\/04<\/p><\/div><div class=\"tri-bloc__vista\" data-tri-vista><div class=\"tri-bloc__tira\" data-tri-tira><div class=\"tri-linia\" data-tri-linia aria-hidden=\"true\"><i><\/i><b><\/b><\/div><div class=\"tri-marge tri-marge--ini\" data-tri-inici aria-hidden=\"true\"><\/div><article class=\"tri-fita tri-fita--amb-foto\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><span class=\"tri-deco tri-deco--ini\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/Mesa-de-trabajo-2.webp);--r:0.4158;--b:0.4988;--s:1;--m:0.47885075818037\"><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__data\">3\u20136 de noviembre de<\/p><p class=\"tri-fita__any\" aria-label=\"1966\"><span class=\"tri-fita__xifra\" style=\"--o:0.0000\" aria-hidden=\"true\">1<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.1125\" aria-hidden=\"true\">9<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.2250\" aria-hidden=\"true\">6<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">6<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>El nacimiento de un festival \u00fanico<\/span><\/h3><div class=\"tri-fita__cos\"><p>Con el apoyo de los j\u00f3venes del Jubilee Jazz Club, Rosell\u00f3 presenta la primera edici\u00f3n del Festival Internacional de Jazz de Barcelona con un men\u00fa inigualable de cuatro d\u00edas en el Palau de la M\u00fasica: Dave Brubeck Quartet, Max Roach, Sonny Rollins, Stan Getz con Astrud Gilberto y Gary Burton, y el Tete Montoliu Tr\u00edo.<\/p>\n<p>Nace el primer festival internacional de jazz de Espa\u00f1a con artistas de primer nivel mundial y fija as\u00ed un list\u00f3n de exigencia art\u00edstica que ha perdurado seis d\u00e9cadas.<\/p>\n<\/div><\/div><figure class=\"tri-fita__foto\"><button type=\"button\" class=\"tri-fita__foto-obre\" data-tri-lb=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7055.webp\" aria-label=\"Ampliar la imatge\"><img decoding=\"async\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7055-785x1024.webp\" alt=\"El nacimiento de un festival \u00fanico\" loading=\"lazy\" style=\"object-position:center center\"><\/button><\/figure><\/div><\/div><\/article><article class=\"tri-fita tri-fita--amb-foto\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__data\">12 de noviembre de<\/p><p class=\"tri-fita__any\" aria-label=\"1967\"><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">1<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">9<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">6<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">7<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>\u00abEl fugitivo\u00bb: el concierto sin Miles<\/span><\/h3><div class=\"tri-fita__cos\"><p>Horas antes de su actuaci\u00f3n, Miles Davis huye a Nueva York dejando a la organizaci\u00f3n y a la banda sin margen de maniobra. Dos tercios del p\u00fablico reclaman la devoluci\u00f3n del importe, pero Wayne Shorter, Herbie Hancock, Ron Carter y Tony Williams deciden subir al escenario.<\/p>\n<p>El Wayne Shorter Quartet firma uno de los conciertos m\u00e1s creativos y apasionados de la historia del Palau y demuestra la madurez de un p\u00fablico que supo valorar la genialidad del cuarteto sin su l\u00edder.<\/p>\n<\/div><\/div><figure class=\"tri-fita__foto\"><button type=\"button\" class=\"tri-fita__foto-obre\" data-tri-lb=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7056-scaled.webp\" aria-label=\"Ampliar la imatge\"><img decoding=\"async\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7056-698x1024.webp\" alt=\"\u00abEl fugitivo\u00bb: el concierto sin Miles\" loading=\"lazy\" style=\"object-position:center center\"><\/button><\/figure><\/div><\/div><\/article><article class=\"tri-fita tri-fita--amb-foto\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__any\" aria-label=\"1973\"><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">1<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">9<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.2250\" aria-hidden=\"true\">7<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">3<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>El encuentro de dos gigantes: Miles Davis &#038; B.B. King<\/span><\/h3><div class=\"tri-fita__cos\"><p>Un d\u00eda despu\u00e9s de ofrecer uno de sus dos conciertos en el Palau (el primero se cancel\u00f3), Miles Davis asiste como espectador al recital del rey del blues, B.B. King, que lo invita a subir al escenario. Con la trompeta de un m\u00fasico de la banda de King, Miles dibuja unas frases de blues l\u00edricas y transparentes: un momento \u00fanico en el que el trompetista mira atr\u00e1s para reencontrarse con la ra\u00edz del g\u00e9nero.<\/p>\n<\/div><\/div><figure class=\"tri-fita__foto\"><button type=\"button\" class=\"tri-fita__foto-obre\" data-tri-lb=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7057-scaled.webp\" aria-label=\"Ampliar la imatge\"><img decoding=\"async\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7057-774x1024.webp\" alt=\"El encuentro de dos gigantes: Miles Davis &#038; B.B. King\" loading=\"lazy\" style=\"object-position:center center\"><\/button><\/figure><\/div><\/div><\/article><article class=\"tri-fita\" data-tri-fita style=\"--nx:9\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><span class=\"tri-deco tri-deco--fi\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/Mesa-de-trabajo-3-copia-4.webp);--r:0.4158\"><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__any\" aria-label=\"1977\u20131979\"><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">1<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">9<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">7<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.1500\" aria-hidden=\"true\">7<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.2000\" aria-hidden=\"true\">\u2013<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.2500\" aria-hidden=\"true\">1<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3000\" aria-hidden=\"true\">9<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3500\" aria-hidden=\"true\">7<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.4000\" aria-hidden=\"true\">9<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>La pausa hist\u00f3rica<\/span><\/h3><div class=\"tri-fita__cos\"><p>Asfixiado por la falta de recursos y la inestabilidad pol\u00edtica de la Transici\u00f3n, el Hot Club tira la toalla al final de la edici\u00f3n de 1976. Barcelona se queda sin festival durante tres oto\u00f1os consecutivos.<\/p>\n<p>Este silencio de tres a\u00f1os genera la fractura entre el a\u00f1o de fundaci\u00f3n (1966) y el recuento de ediciones de la muestra.<\/p>\n<\/div><\/div><\/div><\/div><\/article><div class=\"tri-marge tri-marge--fi\" data-tri-final aria-hidden=\"true\"><\/div><\/div><\/div><\/div><\/section><section class=\"tri-bloc\" data-tri-bloc style=\"--tri-color:var(--e-global-color-jz01)\" aria-label=\"3. La transici\u00f3n y el nacimiento de TheProject\"><div class=\"tri-bloc__pin\"><div class=\"tri-fons\" aria-hidden=\"true\"><span class=\"tri-fons__glow\"><\/span><span class=\"tri-fons__forma\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/Mesa-de-trabajo-3-copia-4.webp);--r:0.4158;--fx:-17vw;--fy:13%;--fr:-10deg;--fs:1.45\"><\/span><\/div><div class=\"tri-bloc__cap\"><p class=\"tri-bloc__etiqueta\">3. La transici\u00f3n y el nacimiento de TheProject <span>(1980\u20131989)<\/span><\/p><p class=\"tri-bloc__compte\" aria-hidden=\"true\"><b data-tri-compte>01<\/b>\/04<\/p><\/div><div class=\"tri-bloc__vista\" data-tri-vista><div class=\"tri-bloc__tira\" data-tri-tira><div class=\"tri-linia\" data-tri-linia aria-hidden=\"true\"><i><\/i><b><\/b><\/div><div class=\"tri-marge tri-marge--ini\" data-tri-inici aria-hidden=\"true\"><\/div><article class=\"tri-fita tri-fita--amb-foto\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><span class=\"tri-deco tri-deco--ini\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/Mesa-de-trabajo-2-copia-2.webp);--r:0.4158;--b:0.789;--s:1;--m:0.96324461343473\"><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__any\" aria-label=\"1980\"><span class=\"tri-fita__xifra\" style=\"--o:0.0000\" aria-hidden=\"true\">1<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.1125\" aria-hidden=\"true\">9<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.2250\" aria-hidden=\"true\">8<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">0<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>La resurrecci\u00f3n desde la trinchera urbana<\/span><\/h3><div class=\"tri-fita__cos\"><p>Despu\u00e9s de cuatro a\u00f1os de oscuridad, Valent\u00ed Grau, V\u00edctor Jou y Enric Vilardeb\u00f2 resucitan la cita con cuatro conciertos en el Palau, con la intenci\u00f3n de romper con todo aquello que cre\u00edan que representaba el Hot Club de Barcelona.<\/p>\n<p>Dizzy Gillespie se declara \u00abcasi catal\u00e1n\u00bb en el escenario y el festival inicia una apertura hacia los nuevos sonidos y la cultura de club.<\/p>\n<\/div><\/div><figure class=\"tri-fita__foto\"><button type=\"button\" class=\"tri-fita__foto-obre\" data-tri-lb=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7059.webp\" aria-label=\"Ampliar la imatge\"><img decoding=\"async\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7059-1024x674.webp\" alt=\"La resurrecci\u00f3n desde la trinchera urbana\" loading=\"lazy\" style=\"object-position:center center\"><\/button><\/figure><\/div><\/div><\/article><article class=\"tri-fita tri-fita--amb-foto\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__any\" aria-label=\"1985\"><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">1<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">9<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">8<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">5<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>Tensiones en el piano y el debut de McFerrin<\/span><\/h3><div class=\"tri-fita__cos\"><p>Keith Jarrett protagoniza un concierto hist\u00f3rico pero marcado por la inclinaci\u00f3n del escenario del Palau y problemas de gesti\u00f3n. En la misma edici\u00f3n, un joven Bobby McFerrin debuta a voz sola dejando al p\u00fablico boquiabierto.<\/p>\n<p>La muestra evidencia la necesidad de una gesti\u00f3n profesionalizada para estar a la altura de los grandes de la escena internacional.<\/p>\n<\/div><\/div><figure class=\"tri-fita__foto\"><button type=\"button\" class=\"tri-fita__foto-obre\" data-tri-lb=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7060.webp\" aria-label=\"Ampliar la imatge\"><img decoding=\"async\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7060-1024x699.webp\" alt=\"Tensiones en el piano y el debut de McFerrin\" loading=\"lazy\" style=\"object-position:center center\"><\/button><\/figure><\/div><\/div><\/article><article class=\"tri-fita tri-fita--amb-foto\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__data\">8 de marzo de<\/p><p class=\"tri-fita__any\" aria-label=\"1988\"><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">1<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">9<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">8<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">8<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>La despedida de Chet Baker y el nacimiento de TheProject<\/span><\/h3><div class=\"tri-fita__cos\"><p>Tito Ramoneda y Joan Rosell\u00f3 (que no tiene nada que ver con el creador del Jamboree) fundan TheProject y organizan en Zeleste el \u00faltimo concierto en Barcelona de Chet Baker, poco antes de que muriera en \u00c1msterdam. En oto\u00f1o, la empresa asume la producci\u00f3n de la 20.\u00aa edici\u00f3n del festival.<\/p>\n<p>Aquel concierto marca el inicio del compromiso de TheProject con el festival: la empresa asume su producci\u00f3n en 1988 y la direcci\u00f3n ejecutiva plena a partir de 1989 para salvarlo de la desaparici\u00f3n o de la absorci\u00f3n institucional.<\/p>\n<\/div><\/div><figure class=\"tri-fita__foto\"><button type=\"button\" class=\"tri-fita__foto-obre\" data-tri-lb=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7061.webp\" aria-label=\"Ampliar la imatge\"><img decoding=\"async\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7061-1024x689.webp\" alt=\"La despedida de Chet Baker y el nacimiento de TheProject\" loading=\"lazy\" style=\"object-position:center center\"><\/button><\/figure><\/div><\/div><\/article><article class=\"tri-fita tri-fita--amb-foto\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><span class=\"tri-deco tri-deco--fi\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/Mesa-de-trabajo-3-copia-4.webp);--r:0.4158\"><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__any\" aria-label=\"1989\"><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">1<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">9<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">8<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">9<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>La salvaci\u00f3n de la marca en la era ol\u00edmpica<\/span><\/h3><div class=\"tri-fita__cos\"><p>Con la puesta en marcha de la Olimpiada Cultural, la administraci\u00f3n plantea absorber el festival de jazz dentro del Festival de Oto\u00f1o. Ramoneda y Rosell\u00f3 comunican al delegado de Cultura del Ayuntamiento, Ferran Mascarell, que se niegan a dejar perder la identidad de la muestra.<\/p>\n<p>TheProject asume el riesgo financiero privado y programa en el Palau d'Esports a Miles Davis y Pat Metheny, conciertos que salvan el festival e inauguran la etapa m\u00e1s estable y duradera de su historia.<\/p>\n<\/div><\/div><figure class=\"tri-fita__foto\"><button type=\"button\" class=\"tri-fita__foto-obre\" data-tri-lb=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7062-scaled.webp\" aria-label=\"Ampliar la imatge\"><img decoding=\"async\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7062-680x1024.webp\" alt=\"La salvaci\u00f3n de la marca en la era ol\u00edmpica\" loading=\"lazy\" style=\"object-position:center center\"><\/button><\/figure><\/div><\/div><\/article><div class=\"tri-marge tri-marge--fi\" data-tri-final aria-hidden=\"true\"><\/div><\/div><\/div><\/div><\/section><section class=\"tri-bloc\" data-tri-bloc style=\"--tri-color:var(--e-global-color-jz04)\" aria-label=\"4. Consolidaci\u00f3n, ritos y retratos\"><div class=\"tri-bloc__pin\"><div class=\"tri-fons\" aria-hidden=\"true\"><span class=\"tri-fons__glow\"><\/span><span class=\"tri-fons__forma\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/Mesa-de-trabajo-2-copia-2.webp);--r:0.4158;--fx:-6vw;--fy:23%;--fr:5deg;--fs:1.30\"><\/span><\/div><div class=\"tri-bloc__cap\"><p class=\"tri-bloc__etiqueta\">4. Consolidaci\u00f3n, ritos y retratos <span>(1990\u20132008)<\/span><\/p><p class=\"tri-bloc__compte\" aria-hidden=\"true\"><b data-tri-compte>01<\/b>\/07<\/p><\/div><div class=\"tri-bloc__vista\" data-tri-vista><div class=\"tri-bloc__tira\" data-tri-tira><div class=\"tri-linia\" data-tri-linia aria-hidden=\"true\"><i><\/i><b><\/b><\/div><div class=\"tri-marge tri-marge--ini\" data-tri-inici aria-hidden=\"true\"><\/div><article class=\"tri-fita tri-fita--amb-foto\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><span class=\"tri-deco tri-deco--ini\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/Mesa-de-trabajo-2.webp);--r:0.4158;--b:0.4988;--s:1;--m:0.47885075818037\"><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__any\" aria-label=\"1993\"><span class=\"tri-fita__xifra\" style=\"--o:0.0000\" aria-hidden=\"true\">1<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.1125\" aria-hidden=\"true\">9<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.2250\" aria-hidden=\"true\">9<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">3<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>El eterno Ray Charles, el reloj de Nina Simone y los 60 de Tete<\/span><\/h3><div class=\"tri-fita__cos\"><p>El festival celebra sus bodas de plata con un Ray Charles sin fecha de caducidad que enloquece el Palau de la M\u00fasica Catalana. Nina Simone se convierte en la otra gran protagonista colgando un reloj gigante en el piano para medir de manera inflexible los 70 minutos de concierto. La 25.\u00aa tambi\u00e9n conmemora los 60 a\u00f1os de Tete Montoliu.<\/p>\n<p>La muestra se consolida como una cita indispensable en la que la tradici\u00f3n local y las glorias internacionales conviven al mismo nivel.<\/p>\n<\/div><\/div><figure class=\"tri-fita__foto\"><button type=\"button\" class=\"tri-fita__foto-obre\" data-tri-lb=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7063-scaled.webp\" aria-label=\"Ampliar la imatge\"><img decoding=\"async\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7063-660x1024.webp\" alt=\"El eterno Ray Charles, el reloj de Nina Simone y los 60 de Tete\" loading=\"lazy\" style=\"object-position:center center\"><\/button><\/figure><\/div><\/div><\/article><article class=\"tri-fita tri-fita--amb-foto\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__any\" aria-label=\"1997\"><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">1<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">9<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">9<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">7<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>El adi\u00f3s a Tete Montoliu y el nacimiento de Spain<\/span><\/h3><div class=\"tri-fita__cos\"><p>La muerte de uno de los pilares de la historia del certamen, el maestro Tete Montoliu, convierte la 29.\u00aa edici\u00f3n en un homenaje al pianista de la ciudad. Aquel mismo a\u00f1o, Michel Camilo y Tomatito se unen en el Palau para probar un proyecto que se convertir\u00eda en el m\u00edtico \u00e1lbum <em>Spain<\/em>.<\/p>\n<p>El festival consolida su capacidad de generar encuentros \u00fanicos entre la tradici\u00f3n del jazz, el flamenco y el sentimiento local.<\/p>\n<\/div><\/div><figure class=\"tri-fita__foto\"><button type=\"button\" class=\"tri-fita__foto-obre\" data-tri-lb=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7064.webp\" aria-label=\"Ampliar la imatge\"><img decoding=\"async\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7064-1024x666.webp\" alt=\"El adi\u00f3s a Tete Montoliu y el nacimiento de Spain\" loading=\"lazy\" style=\"object-position:center center\"><\/button><\/figure><\/div><\/div><\/article><article class=\"tri-fita tri-fita--amb-foto\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__any\" aria-label=\"2002\"><span class=\"tri-fita__xifra\" style=\"--o:0.0000\" aria-hidden=\"true\">2<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.1125\" aria-hidden=\"true\">0<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.2250\" aria-hidden=\"true\">0<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">2<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>La estabilidad de Damm y el debut de Norah Jones<\/span><\/h3><div class=\"tri-fita__cos\"><p>La entrada de Voll Damm aporta una estabilidad financiera in\u00e9dita a largo plazo. En la misma edici\u00f3n, una Norah Jones debutante llena el Palau pocos meses despu\u00e9s de publicar su primer disco.<\/p>\n<p>El festival asegura su modelo de organizaci\u00f3n privada con apoyo institucional para planificar su crecimiento con a\u00f1os de antelaci\u00f3n.<\/p>\n<\/div><\/div><figure class=\"tri-fita__foto\"><button type=\"button\" class=\"tri-fita__foto-obre\" data-tri-lb=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7065.webp\" aria-label=\"Ampliar la imatge\"><img decoding=\"async\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7065-1024x681.webp\" alt=\"La estabilidad de Damm y el debut de Norah Jones\" loading=\"lazy\" style=\"object-position:center center\"><\/button><\/figure><\/div><\/div><\/article><article class=\"tri-fita\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__any\" aria-label=\"2003\"><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">2<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">0<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">0<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">3<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>El rigor del \u00abRetrato de artista\u00bb y la cantera local<\/span><\/h3><div class=\"tri-fita__cos\"><p>Joan Anton Cararach asume la direcci\u00f3n art\u00edstica. Bajo su visi\u00f3n se introducen pilares estructurales como el \u00abRetrato de artista\u00bb, las clases magistrales en el Conservatorio Liceu, la Nit Fresh Sound y la proyecci\u00f3n de j\u00f3venes talentos locales como Llibert Fortuny.<\/p>\n<p>El certamen deja de ser una simple sucesi\u00f3n de conciertos para convertirse en un proyecto cultural integrado, pedag\u00f3gico y comprometido con la escena catalana.<\/p>\n<\/div><\/div><\/div><\/div><\/article><article class=\"tri-fita tri-fita--amb-foto\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__any\" aria-label=\"2005\"><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">2<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">0<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">0<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">5<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>La lecci\u00f3n magistral de Dave Brubeck y la big band en el TNC<\/span><\/h3><div class=\"tri-fita__cos\"><p>Dave Brubeck vuelve al certamen casi 40 a\u00f1os despu\u00e9s de haberlo inaugurado en 1966 para dar una lecci\u00f3n de vitalidad. Adem\u00e1s, Chick Corea graba en DVD el directo con su banda <em>Touchstone<\/em> en el Palau y Llibert Fortuny llena el TNC con su XXL Big Band.<\/p>\n<p>Se produce una uni\u00f3n perfecta entre la memoria de los fundadores y la fuerza de la nueva generaci\u00f3n de m\u00fasicos del pa\u00eds.<\/p>\n<\/div><\/div><figure class=\"tri-fita__foto\"><button type=\"button\" class=\"tri-fita__foto-obre\" data-tri-lb=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7067.webp\" aria-label=\"Ampliar la imatge\"><img decoding=\"async\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7067-1024x677.webp\" alt=\"La lecci\u00f3n magistral de Dave Brubeck y la big band en el TNC\" loading=\"lazy\" style=\"object-position:left center\"><\/button><\/figure><\/div><\/div><\/article><article class=\"tri-fita tri-fita--amb-foto\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__any\" aria-label=\"2006\"><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">2<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">0<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">0<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">6<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>La g\u00e9nesis de \u00a1De Caj\u00f3n!: el di\u00e1logo natural entre el jazz y el flamenco<\/span><\/h3><div class=\"tri-fita__cos\"><p>La c\u00e1lida recepci\u00f3n de figuras del g\u00e9nero como Michel Camilo y Tomatito impulsa a TheProject a crear una marca propia para el flamenco: De Caj\u00f3n!, un espacio de rigor dise\u00f1ado para acoger la improvisaci\u00f3n, el comp\u00e1s y la sabidur\u00eda del <em>cante<\/em> sin acotaciones puristas.<\/p>\n<p>Desde su debut se convierte en un pilar estructural del oto\u00f1o musical de la ciudad. La serie demuestra que el jazz y el flamenco no son universos distantes, sino dos maneras de profesar la misma verdad org\u00e1nica sobre un escenario.<\/p>\n<\/div><\/div><figure class=\"tri-fita__foto\"><button type=\"button\" class=\"tri-fita__foto-obre\" data-tri-lb=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7068-scaled.webp\" aria-label=\"Ampliar la imatge\"><img decoding=\"async\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7068-656x1024.webp\" alt=\"La g\u00e9nesis de \u00a1De Caj\u00f3n!: el di\u00e1logo natural entre el jazz y el flamenco\" loading=\"lazy\" style=\"object-position:center center\"><\/button><\/figure><\/div><\/div><\/article><article class=\"tri-fita tri-fita--amb-foto\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><span class=\"tri-deco tri-deco--fi\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/Mesa-de-trabajo-3-copia-4.webp);--r:0.4158\"><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__any\" aria-label=\"2008\"><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">2<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">0<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">0<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">8<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>40\u00aa edici\u00f3n y el libro del festival<\/span><\/h3><div class=\"tri-fita__cos\"><div>Las 40 ediciones se inauguran con un d\u00fao de pianos entre padre e hijo marca de la casa, Bebo y Chucho Vald\u00e9s. Bebo hace historia al ser el primer artista en recibir la Medalla de Oro del festival. Se presenta el libro hist\u00f3rico oficial <i>1966-2008: 40 ediciones de un festival \u00fanico<\/i>, escrito por Joan Anton Cararach y Guillem Vidal.  <\/p>\n<p>Se fija as\u00ed la memoria de la muestra, lo que demuestra la solidez de un proyecto sostenido por el compromiso de su p\u00fablico.<\/p><\/div><\/p>\n<\/div><\/div><figure class=\"tri-fita__foto\"><button type=\"button\" class=\"tri-fita__foto-obre\" data-tri-lb=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/09\/670O3566.webp\" aria-label=\"Ampliar la imatge\"><img decoding=\"async\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/09\/670O3566-1024x683.webp\" alt=\"40\u00aa edici\u00f3n y el libro del festival\" loading=\"lazy\" style=\"object-position:center center\"><\/button><\/figure><\/div><\/div><\/article><div class=\"tri-marge tri-marge--fi\" data-tri-final aria-hidden=\"true\"><\/div><\/div><\/div><\/div><\/section><section class=\"tri-bloc\" data-tri-bloc style=\"--tri-color:var(--e-global-color-jz03)\" aria-label=\"5. La era contempor\u00e1nea y los nuevos vientos\"><div class=\"tri-bloc__pin\"><div class=\"tri-fons\" aria-hidden=\"true\"><span class=\"tri-fons__glow\"><\/span><span class=\"tri-fons__forma\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/Mesa-de-trabajo-4-copia-2.webp);--r:1.1611;--fx:-15vw;--fy:15%;--fr:-7deg;--fs:1.05\"><\/span><\/div><div class=\"tri-bloc__cap\"><p class=\"tri-bloc__etiqueta\">5. La era contempor\u00e1nea y los nuevos vientos <span>(2009\u20132025)<\/span><\/p><p class=\"tri-bloc__compte\" aria-hidden=\"true\"><b data-tri-compte>01<\/b>\/05<\/p><\/div><div class=\"tri-bloc__vista\" data-tri-vista><div class=\"tri-bloc__tira\" data-tri-tira><div class=\"tri-linia\" data-tri-linia aria-hidden=\"true\"><i><\/i><b><\/b><\/div><div class=\"tri-marge tri-marge--ini\" data-tri-inici aria-hidden=\"true\"><\/div><article class=\"tri-fita tri-fita--amb-foto\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><span class=\"tri-deco tri-deco--ini\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/Mesa-de-trabajo-2-copia-2.webp);--r:0.4158;--b:0.789;--s:1;--m:0.96324461343473\"><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__any\" aria-label=\"2012\"><span class=\"tri-fita__xifra\" style=\"--o:0.0000\" aria-hidden=\"true\">2<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.1125\" aria-hidden=\"true\">0<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.2250\" aria-hidden=\"true\">1<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">2<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>La eclosi\u00f3n de la Sant Andreu Jazz Band<\/span><\/h3><div class=\"tri-fita__cos\"><div>La formaci\u00f3n pedag\u00f3gica dirigida por Joan Chamorro act\u00faa en el festival y revela al mundo el talento de una joven Andrea Motis y de una nueva cantera de m\u00fasicos.<\/p>\n<p>El festival se revalida como el gran escaparate y catalizador del talento surgido de las escuelas de m\u00fasica de Barcelona.<\/p><\/div><\/p>\n<\/div><\/div><figure class=\"tri-fita__foto\"><button type=\"button\" class=\"tri-fita__foto-obre\" data-tri-lb=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7070.webp\" aria-label=\"Ampliar la imatge\"><img decoding=\"async\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7070.webp\" alt=\"La eclosi\u00f3n de la Sant Andreu Jazz Band\" loading=\"lazy\" style=\"object-position:center center\"><\/button><\/figure><\/div><\/div><\/article><article class=\"tri-fita tri-fita--amb-foto\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__any\" aria-label=\"2014\"><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">2<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">0<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">1<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">4<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>El legado de Wayne Shorter<\/span><\/h3><div class=\"tri-fita__cos\"><p>El legendario saxofonista Wayne Shorter y su cuarteto, uno de los m\u00e1s grandes de la historia, se convierte en el gran nombre de la edici\u00f3n y protagoniza el ciclo de residencia de aquel a\u00f1o con un concierto monumental en L'Auditori.<\/p>\n<p>Se reafirma el v\u00ednculo de afecto y respeto mutuo entre las grandes figuras de la historia del jazz y la ciudad.<\/p>\n<\/div><\/div><figure class=\"tri-fita__foto\"><button type=\"button\" class=\"tri-fita__foto-obre\" data-tri-lb=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7071.webp\" aria-label=\"Ampliar la imatge\"><img decoding=\"async\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7071-754x1024.webp\" alt=\"El legado de Wayne Shorter\" loading=\"lazy\" style=\"object-position:center center\"><\/button><\/figure><\/div><\/div><\/article><article class=\"tri-fita tri-fita--amb-foto\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__any\" aria-label=\"2018\"><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">2<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">0<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">1<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">8<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>Medio siglo de ediciones de jazz en Barcelona<\/span><\/h3><div class=\"tri-fita__cos\"><p>Cincuenta ediciones ininterrumpidas de m\u00fasica desde la reanudaci\u00f3n. Aquel a\u00f1o es inaugurado por Chucho Vald\u00e9s, padrino del festival tras recibir la Medalla de Oro en 2014. Andrea Motis se reafirma como una de las referencias del jazz nacional protagonizando un d\u00fao in\u00e9dito con Ignasi Terraza, protagonista del \u00abRetrato de artista\u00bb de aquel a\u00f1o.<\/p>\n<p>Se consolida el festival privado de jazz m\u00e1s antiguo y prestigioso de Espa\u00f1a, mantenido gracias al compromiso de un p\u00fablico exigente.<\/p>\n<\/div><\/div><figure class=\"tri-fita__foto\"><button type=\"button\" class=\"tri-fita__foto-obre\" data-tri-lb=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7072.webp\" aria-label=\"Ampliar la imatge\"><img decoding=\"async\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7072-1024x684.webp\" alt=\"Medio siglo de ediciones de jazz en Barcelona\" loading=\"lazy\" style=\"object-position:center center\"><\/button><\/figure><\/div><\/div><\/article><article class=\"tri-fita tri-fita--amb-foto\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__any\" aria-label=\"2020\"><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">2<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">0<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.2250\" aria-hidden=\"true\">2<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">0<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>La llama en tiempo de pandemia<\/span><\/h3><div class=\"tri-fita__cos\"><p>Se celebra una edici\u00f3n excepcional con aforos reducidos, protocolos estrictos y un \u00abRetrato de artista\u00bb dedicado a S\u00edlvia P\u00e9rez Cruz. Debido a las restricciones por la pandemia, lo que deber\u00eda ser el \u00faltimo concierto de La Locomotora Negra en el festival se convierte en una gira de despedida que acaba finalmente dentro de la edici\u00f3n 2021.<\/p>\n<p>Se produce una demostraci\u00f3n de resiliencia cultural: el festival no se detuvo y defendi\u00f3 el valor del directo cuando m\u00e1s falta hac\u00eda.<\/p>\n<\/div><\/div><figure class=\"tri-fita__foto\"><button type=\"button\" class=\"tri-fita__foto-obre\" data-tri-lb=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7073.webp\" aria-label=\"Ampliar la imatge\"><img decoding=\"async\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7073-1024x392.webp\" alt=\"La llama en tiempo de pandemia\" loading=\"lazy\" style=\"object-position:center center\"><\/button><\/figure><\/div><\/div><\/article><article class=\"tri-fita tri-fita--amb-foto\" data-tri-fita style=\"--nx:4\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><span class=\"tri-deco tri-deco--fi\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/Mesa-de-trabajo-3-copia-4.webp);--r:0.4158\"><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__any\" aria-label=\"2022\"><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">2<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">0<\/span><span class=\"tri-fita__xifra tri-fita__xifra--seg\" style=\"--o:0\" aria-hidden=\"true\">2<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3375\" aria-hidden=\"true\">2<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>El esp\u00edritu indomable del demonio<\/span><\/h3><div class=\"tri-fita__cos\"><p>La comunicaci\u00f3n de la campa\u00f1a de aquel a\u00f1o abraza la afilada cita de Henry van Dyke de 1921 (\u00abLa m\u00fasica jazz fue inventada por demonios...\u00bb) para reivindicar el car\u00e1cter rebelde, marginal y sin concesiones del g\u00e9nero.<\/p>\n<p>Hay un posicionamiento conceptual firme de la marca contra la correcci\u00f3n pol\u00edtica y la homogeneizaci\u00f3n comercial.<\/p>\n<\/div><\/div><figure class=\"tri-fita__foto\"><button type=\"button\" class=\"tri-fita__foto-obre\" data-tri-lb=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7074.webp\" aria-label=\"Ampliar la imatge\"><img decoding=\"async\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7074-1024x682.webp\" alt=\"El esp\u00edritu indomable del demonio\" loading=\"lazy\" style=\"object-position:center center\"><\/button><\/figure><\/div><\/div><\/article><div class=\"tri-marge tri-marge--fi\" data-tri-final aria-hidden=\"true\"><\/div><\/div><\/div><\/div><\/section><section class=\"tri-bloc tri-bloc--futur\" data-tri-bloc style=\"--tri-color:var(--e-global-color-jz02)\" aria-label=\"6. El presente: el Trienio de la Resoluci\u00f3n\"><div class=\"tri-bloc__pin\"><div class=\"tri-fons\" aria-hidden=\"true\"><span class=\"tri-fons__glow\"><\/span><span class=\"tri-fons__forma\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/Mesa-de-trabajo-2.webp);--r:0.4158;--fx:-10vw;--fy:14%;--fr:9deg;--fs:1.20\"><\/span><\/div><div class=\"tri-bloc__cap\"><p class=\"tri-bloc__etiqueta\">6. El presente: el Trienio de la Resoluci\u00f3n <span>(2026\u20132028)<\/span><\/p><p class=\"tri-bloc__compte\" aria-hidden=\"true\"><b data-tri-compte>01<\/b>\/01<\/p><\/div><div class=\"tri-bloc__vista\" data-tri-vista><div class=\"tri-bloc__tira\" data-tri-tira><div class=\"tri-linia\" data-tri-linia aria-hidden=\"true\"><i><\/i><b><\/b><\/div><div class=\"tri-marge tri-marge--ini\" data-tri-inici aria-hidden=\"true\"><\/div><article class=\"tri-fita tri-fita--dest tri-fita--amb-foto\" data-tri-fita style=\"--nx:9\"><div class=\"tri-fita__marca\" aria-hidden=\"true\"><span class=\"tri-fita__punt\"><i><\/i><\/span><span class=\"tri-deco tri-deco--ini\" style=\"background-image:url(https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/Mesa-de-trabajo-2.webp);--r:0.4158;--b:0.4988;--s:1;--m:0.47885075818037\"><\/span><\/div><div class=\"tri-fita__cont\"><p class=\"tri-fita__any\" aria-label=\"2026\u20132028\"><span class=\"tri-fita__xifra\" style=\"--o:0.0000\" aria-hidden=\"true\">2<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.0500\" aria-hidden=\"true\">0<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.1000\" aria-hidden=\"true\">2<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.1500\" aria-hidden=\"true\">6<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.2000\" aria-hidden=\"true\">\u2013<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.2500\" aria-hidden=\"true\">2<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3000\" aria-hidden=\"true\">0<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.3500\" aria-hidden=\"true\">2<\/span><span class=\"tri-fita__xifra\" style=\"--o:0.4000\" aria-hidden=\"true\">8<\/span><\/p><div class=\"tri-fita__baix\"><div class=\"tri-fita__text\"><h3 class=\"tri-fita__titol\"><span>El Trienio de los 60 A\u00f1os: la resoluci\u00f3n del desfase<\/span><\/h3><div class=\"tri-fita__cos\"><p>En 2026 el festival cumple 60 a\u00f1os desde el primer acorde de aquel 3 de noviembre de 1966. En lugar de un \u00fanico aniversario, TheProject dise\u00f1a un trienio que se extiende hasta 2028, a\u00f1o en el que se alcanzar\u00e1 la 60.\u00aa edici\u00f3n f\u00edsica, hecho hist\u00f3rico que cerrar\u00e1 definitivamente el par\u00e9ntesis de los a\u00f1os setenta.<\/p>\n<p>2026 marca el primer pilar de este di\u00e1logo: un manifiesto de resistencia anal\u00f3gica, rigor y fiesta que celebra el pasado, tutela el presente y garantiza el futuro de la m\u00fasica en directo en Barcelona.<\/p>\n<\/div><\/div><figure class=\"tri-fita__foto\"><button type=\"button\" class=\"tri-fita__foto-obre\" data-tri-lb=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7075.webp\" aria-label=\"Ampliar la imatge\"><img decoding=\"async\" src=\"https:\/\/jazz.barcelona\/wp-content\/uploads\/2026\/08\/tri-7075-1024x540.webp\" alt=\"El Trienio de los 60 A\u00f1os: la resoluci\u00f3n del desfase\" loading=\"lazy\" style=\"object-position:center center\"><\/button><\/figure><\/div><\/div><\/article><div class=\"tri-marge tri-marge--fi\" data-tri-final aria-hidden=\"true\"><\/div><\/div><\/div><\/div><\/section><\/div><div class=\"tri-lb\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Imatge ampliada\" tabindex=\"-1\" hidden><button type=\"button\" class=\"tri-lb__x\" aria-label=\"Tancar\"><svg viewBox=\"0 0 24 24\" width=\"26\" height=\"26\" aria-hidden=\"true\"><path d=\"M6 6l12 12M18 6L6 18\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"\/><\/svg><\/button><img decoding=\"async\" class=\"tri-lb__img\" alt=\"\" src=\"\"><p class=\"tri-lb__peu\"><\/p><\/div><script id=\"jazz-trienni-lb-js\">\n(function () {\n\tvar lb = document.querySelector('.tri-lb');\n\tif (!lb || lb.dataset.jzLb) return;\n\tlb.dataset.jzLb = '1';\n\tvar img = lb.querySelector('.tri-lb__img'),\n\t\tpeu = lb.querySelector('.tri-lb__peu'),\n\t\ttanca = lb.querySelector('.tri-lb__x'),\n\t\tultim = null;\n\n\tfunction obre(src, text) {\n\t\tif (!src) return;\n\t\tultim = document.activeElement;\n\t\timg.setAttribute('src', src);\n\t\tif (text) { peu.textContent = text; peu.hidden = false; }\n\t\telse { peu.textContent = ''; peu.hidden = true; }\n\t\tlb.hidden = false;\n\t\trequestAnimationFrame(function () { lb.classList.add('is-obert'); });\n\t\tdocument.documentElement.style.overflow = 'hidden';\n\t\tdocument.documentElement.classList.add('jzv-obert');   \/\/ amaga la cap\u00e7alera fixa\n\t\tlb.focus();\n\t}\n\tfunction tancaLb() {\n\t\tlb.classList.remove('is-obert');\n\t\tdocument.documentElement.style.overflow = '';\n\t\tdocument.documentElement.classList.remove('jzv-obert');\n\t\twindow.setTimeout(function () {\n\t\t\tlb.hidden = true;\n\t\t\timg.removeAttribute('src');\n\t\t\tif (ultim && ultim.focus) ultim.focus();\n\t\t}, 250);\n\t}\n\n\tdocument.addEventListener('click', function (e) {\n\t\tvar b = e.target.closest('.tri-fita__foto-obre');\n\t\tif (!b) return;\n\t\te.preventDefault();\n\t\tobre(b.getAttribute('data-tri-lb'), b.getAttribute('data-tri-peu'));\n\t});\n\ttanca.addEventListener('click', tancaLb);\n\tlb.addEventListener('click', function (e) { if (e.target === lb) tancaLb(); });\n\tdocument.addEventListener('keydown', function (e) {\n\t\tif (e.key === 'Escape' && !lb.hidden) tancaLb();\n\t});\n})();\n<\/script>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-311373b e-flex e-con-boxed e-con e-parent\" data-id=\"311373b\" 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-ffaa37e elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"ffaa37e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\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>TRIENIO 60 A\u00d1OS 2026 \u2013 2028 Para entender el alcance de este trienio conmemorativo, es necesario realizar un recorrido imprescindible por las arterias de la historia del jazz en la ciudad. La nuestra no es una cronolog\u00eda recta ni un c\u00e1lculo de oficina: es un relato vivo, una sucesi\u00f3n de interrupciones, pasi\u00f3n anal\u00f3gica, visitas de [&hellip;]<\/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":"Trienio de los 60 a\u00f1os - Festival Jazz Barcelona","rank_math_description":"De 1920 a 2028: el recorrido del jazz en Barcelona y el trienio que cierra el desfase entre los a\u00f1os de festival y el n\u00famero de ediciones.","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-8499","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/jazz.barcelona\/es\/wp-json\/wp\/v2\/pages\/8499","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=8499"}],"version-history":[{"count":1,"href":"https:\/\/jazz.barcelona\/es\/wp-json\/wp\/v2\/pages\/8499\/revisions"}],"predecessor-version":[{"id":8502,"href":"https:\/\/jazz.barcelona\/es\/wp-json\/wp\/v2\/pages\/8499\/revisions\/8502"}],"wp:attachment":[{"href":"https:\/\/jazz.barcelona\/es\/wp-json\/wp\/v2\/media?parent=8499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}