/* Capçalera compartida. La navegació central no depèn dels controls laterals. */
.site-header{position:sticky;top:0;z-index:30;background:var(--marro);color:var(--veix);font-family:var(--font-text);--header-logo-width:160px;--header-progress:1;--nav-balance:0px;--nav-gap:clamp(1.25rem,2vw,2rem)}
.site-header--home{position:sticky;top:0;--header-progress:0}
.site-header-row{position:relative;width:calc(100% - 2 * clamp(1rem,4vw,4rem));height:94px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #fff0d52e}
.site-header-center{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:calc(var(--nav-gap) / 2 * (1 + var(--header-progress)));width:max-content;transform:translate(calc(-50% + var(--nav-balance) * var(--header-progress)),-50%)}
.site-nav-desktop{display:flex;align-items:center;gap:var(--nav-gap);flex-shrink:0}
.site-nav-desktop a{position:relative;font-size:.9rem;line-height:1.5;padding:.8rem 0;white-space:nowrap;color:var(--veix)}
.site-nav-desktop a::after{content:"";position:absolute;bottom:.35rem;left:0;right:0;height:2px;background:var(--taronja);transform:scaleX(0);transform-origin:left;transition:transform .15s}
.site-nav-desktop a:hover::after,.site-nav-desktop a[aria-current]::after{transform:scaleX(1)}
.site-header-brand{display:block;flex-shrink:0;width:calc(var(--header-logo-width) * var(--header-progress));overflow:visible}
.site-header-brand img{display:block;width:var(--header-logo-width);max-width:none;height:auto}
.site-home-brand{visibility:hidden;pointer-events:none}.is-compact .site-home-brand{visibility:visible;pointer-events:auto}
.site-header-date{display:flex;flex-direction:column;gap:.15rem;line-height:1.4;font-size:.72rem;letter-spacing:.09em;white-space:nowrap;text-align:left}
.site-header-date span:last-child{color:var(--taronja);font-size:.62rem;letter-spacing:.2em}
.site-ticket{position:relative;margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;gap:.7rem;justify-content:center;background:var(--taronja);color:var(--marro);border:1px solid var(--taronja);border-radius:100px;padding:.6rem 1.2rem .5rem;font-family:var(--font-titol);font-weight:normal;text-transform:uppercase;letter-spacing:.02em;font-size:1.55rem;line-height:1;min-height:44px;transition:background .15s}
.site-ticket:hover{background:var(--veix);border-color:var(--veix)}
.site-mobile-menu{display:none}.site-header a:focus-visible,.site-mobile-menu summary:focus-visible{outline:2px solid var(--taronja);outline-offset:5px}
.site-header--home.is-scrolling{box-shadow:0 3px 12px #00000012}
.hero-logo.is-header-source{visibility:hidden!important}
.site-logo-flight{position:fixed;top:0;left:0;z-index:40;pointer-events:none;max-width:none;height:auto;transform-origin:top left;will-change:transform;width:520px}.site-logo-flight[hidden]{display:none}
html:has(.site-header),body:has(.site-header){overflow-x:clip;overflow-y:visible}
body:has(.site-header--home) #entrades,body:has(.site-header--home) #artistes,body:has(.site-header--home) #faqs{scroll-margin-top:110px}
@media(min-width:760px){.site-header--home + .hero{margin-top:clamp(2.5rem,4vw,4rem)}}
@media(max-width:1199px){
.site-header{--header-logo-width:145px}
.site-header-row{height:80px;position:static}
.site-header-center{transform:translate(-50%,-50%);gap:0}
.site-header-brand{width:var(--header-logo-width)}
.site-nav-desktop,.site-header-date{display:none}
.site-ticket{font-size:1.1rem;padding:.4rem .75rem;gap:.4rem;min-height:44px}
.site-mobile-menu{display:block;margin-right:auto}
.site-mobile-menu summary{min-height:44px;display:flex;align-items:center;gap:.65rem;list-style:none;cursor:pointer;color:var(--veix);font-size:.78rem}
.site-mobile-menu summary::-webkit-details-marker{display:none}
.site-menu-icon{position:relative;width:22px;height:14px;display:inline-block;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
.site-menu-icon::after{content:"";height:2px;position:absolute;left:0;right:0;top:4px;background:currentColor}
.site-mobile-menu[open] .site-menu-icon{border:0}
.site-mobile-menu[open] .site-menu-icon::before,.site-mobile-menu[open] .site-menu-icon::after{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:currentColor;transform:rotate(45deg)}
.site-mobile-menu[open] .site-menu-icon::after{transform:rotate(-45deg)}
.site-mobile-panel{position:absolute;top:100%;left:0;right:0;background:var(--marro);border-top:1px solid #fff0d533;box-shadow:0 14px 20px #0003;padding:1rem 4% 1.5rem;max-height:calc(100dvh - 90px);overflow:auto;overscroll-behavior:contain}
.site-mobile-panel a{display:block;padding:.75rem 1rem;border-bottom:1px solid #fff0d526;font-family:var(--font-text);font-size:1rem;font-weight:400;line-height:1.5;color:var(--veix)}
.site-mobile-panel a[aria-current]{color:var(--taronja)}
}
@media(max-width:420px){.site-header{--header-logo-width:105px}.site-header-row{height:76px}.site-menu-label{font-size:.7rem}.site-mobile-menu summary{gap:.4rem}}
@media(prefers-reduced-motion:reduce){.site-nav-desktop a::after,.site-ticket{transition:none}}

.artistes-accions{display:flex;justify-content:center;margin-top:3.5rem}
.hero-btn.artistes-comprar{display:inline-block;background-color:var(--veix);color:var(--marro)}

/* Les àncores de les interiors també deixen espai per a la capçalera fixa. */
body:has(.site-header--inner) main [id]{scroll-margin-top:110px}

@media(max-width:1199px){.site-mobile-panel a:last-child{border-bottom:0}}

/* +Info: desplegable discret integrat en la capçalera. */
.site-info-menu{position:relative;flex-shrink:0}
.site-info-menu summary{position:relative;display:flex;align-items:center;gap:.45rem;list-style:none;cursor:pointer;font:inherit;font-size:.9rem;line-height:1.5;padding:.8rem 0;color:var(--veix)}
.site-info-menu summary::-webkit-details-marker{display:none}
.site-info-menu summary::after{content:"";position:absolute;bottom:.35rem;left:0;right:0;height:2px;background:var(--taronja);transform:scaleX(0);transform-origin:left;transition:transform .15s}
.site-info-menu summary:hover::after,.site-info-menu[open] summary::after{transform:scaleX(1)}
.site-info-arrow{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.site-info-menu[open] .site-info-arrow{transform:rotate(225deg);margin-top:3px;color:var(--taronja)}
.site-info-menu summary:focus-visible{outline:2px solid var(--taronja);outline-offset:5px}
.site-info-panel{position:absolute;top:calc(100% + .35rem);left:-1.1rem;width:max-content;min-width:230px;padding:.45rem 1.1rem .65rem;background:var(--marro);border:0;border-radius:0 0 4px 4px;box-shadow:0 6px 10px #00000012}
.site-nav-desktop .site-info-panel a{display:block;padding:.65rem 0;font-size:.8rem;font-weight:400;border:0;transition:color .15s}
.site-nav-desktop .site-info-panel a::after{display:none}
.site-nav-desktop .site-info-panel a:hover,.site-nav-desktop .site-info-panel a:focus-visible{color:var(--taronja)}
@media(prefers-reduced-motion:reduce){.site-info-menu summary::after,.site-nav-desktop .site-info-panel a{transition:none}}

/* Horaris: accés des dels artistes i estat actiu del submenú. */
.artistes-accions{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:3.5rem}
.hero-btn.artistes-horaris{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;border:2px solid var(--marro);color:var(--marro);font-size:clamp(1.35rem,2.8vw,2rem);padding:.58em 1.1em .4em}
.hero-btn.artistes-horaris span{font-family:var(--font-text);font-size:.7em;line-height:1}
@media(max-width:600px){.artistes-accions{margin-top:2.4rem;gap:.7rem}.hero-btn.artistes-horaris{width:100%;max-width:320px}}
.site-nav-desktop .site-info-panel a[aria-current]{color:var(--taronja)}
.site-info-menu:has(a[aria-current]) summary::after{transform:scaleX(1)}