/* =========================================================================
   Amics de Vallirana · web.css
   Estils propis de la web, a sobre del sistema de disseny (tokens.css + bundle.css).
   Aquí només hi ha el que els dissenys fan fora dels components del sistema.
   ========================================================================= */

/* 0 · L'atribut hidden sempre amaga, encara que el component tingui display propi
   (p. ex. .cev-window és flex: sense això, la llista es veia sota el mapa). */
[hidden]{display:none!important}

/* 1 · Esquelet sense sidebar ---------------------------------------------- */
.site-app{--app-pad:var(--frame-gap);--wide-max:1520px;--topbar-h:72px;grid-template-columns:minmax(0,1fr)}
.cev-bottombox{left:var(--frame-gap)}
.site-container{margin-inline:max(var(--space-5), calc((100% - var(--content-max)) / 2))}
@media (max-width:1023px){.site-app{padding:var(--app-pad)}}
@media (max-width:640px){.site-app{--app-pad:var(--space-2);--topbar-h:64px;padding:var(--app-pad)}.site-container{margin-inline:0}}
/* Barra superior, portada i peu van de vora a vora: surten del marge de .site-app
   (marges negatius) i el seu contingut s'alinea a una amplada màxima més generosa. */

/* 2 · Barra superior (la de la portada, per a totes les pàgines) ---------- */
/* Ocupa tot l'ample i queda enganxada a la vora de dalt (només les cantonades de sota
   són arrodonides). A la portada queda damunt de les imatges. És sticky dins de .site-head (barra + capçalera de la pàgina): quan la capçalera
   s'acaba, la barra puja amb ella i desapareix. */
.site-head{position:relative}
/* A la portada la barra aguanta una mica més: fins que hi arriba la secció següent.
   La caixa s'allarga per sota sense moure res (alçada + marge negatiu). */
.site-head--home{--head-extra:calc(clamp(48px,6vw,88px) + var(--space-4))}
.site-head--home::after{content:"";display:block;height:var(--head-extra);margin-bottom:calc(-1 * var(--head-extra));pointer-events:none}
.site-topbar{position:sticky;top:0;z-index:40;display:flex;flex-wrap:nowrap;align-items:center;gap:20px;height:var(--topbar-h);margin:calc(-1 * var(--app-pad)) calc(-1 * var(--app-pad)) var(--space-4);padding-inline:max(var(--space-5), calc((100% - 2 * var(--app-pad) - var(--wide-max)) / 2 + var(--app-pad)));border-radius:0 0 var(--radius-window) var(--radius-window);background:var(--sidebar-bg);box-shadow:var(--shadow-raised)}
.site-topbar .cev-brand{flex:0 0 auto}
.site-nav{flex:1 1 auto;min-width:0;display:flex;flex-wrap:nowrap;align-items:center;justify-content:safe center;gap:var(--space-1);overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.site-nav::-webkit-scrollbar{display:none}
.site-nav a{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:16px;font-weight:600;color:var(--sidebar-text);text-decoration:none}
.site-nav a .cev-icon{width:20px;height:20px}
.site-nav a:hover{background:var(--sidebar-item-hover);color:var(--sidebar-text)}
.site-nav a[aria-current="page"]{background:var(--sidebar-item-active-bg);color:var(--sidebar-item-active-text)}
.site-topbar__cta{flex:0 0 auto}
/* El botó fa 40 px, l'alçada dels enllaços del menú: tota la barra queda a una mateixa línia. */
.site-topbar__cta.cev-btn{--btn-h:40px;padding:0 14px;font-size:15px}
.site-topbar__cta[aria-current="page"]{background:var(--sky-100);border-color:var(--white)}
/* Quan no hi cap tot: primer s'amaga el nom del centre (queda el símbol CEV),
   després els textos del menú (queden les icones). */
@media (max-width:1299px){.site-topbar .cev-brand__text{display:none}}
@media (max-width:1019px){
  .site-topbar{gap:var(--space-3);padding-inline:var(--space-4)}
  .site-nav__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .site-nav a{padding:10px}
}
@media (max-width:640px){
  .site-topbar{padding-inline:var(--space-3)}
}
@media (max-width:560px){
  .site-topbar__cta .site-topbar__cta-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .site-topbar__cta.cev-btn{width:var(--btn-h);padding:0}
  .site-topbar .cev-brand__mark{width:44px;height:44px}
}
@media (max-width:380px){
  .site-topbar{gap:var(--space-2);padding-inline:var(--space-2)}
  .site-nav{gap:0}
  .site-nav a{padding:var(--space-2) 6px}
}

/* 3 · Títols d'apartat ------------------------------------------------------ */
/* Un sol estil a tot el web: majúscules grans i en negreta, amb la lletra de sempre, sense fons ni filets.
   Si el títol porta un número (arxiu), un recompte, un enllaç o unes pestanyes, van a la mateixa línia (.site-cap);
   l'últim element se'n va a la dreta. No el fan servir el títol principal de cada pàgina (eyebrow + .cev-h1),
   la fletxa de la portada ni els apartats que porten el títol dins del seu dibuix (entrada, segell, carpeta, postal). */
.site-titol{margin:0 0 var(--space-5);font-size:clamp(28px,1.8vw + 14px,42px);font-weight:700;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;color:var(--heading);text-wrap:balance}
.site-cap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-5)}
.site-cap>.site-titol{margin:0}
.site-cap>.site-titol~:last-child{margin-left:auto}
.site-cap__meta{margin:0;font-size:16px;color:var(--text-muted);font-variant-numeric:tabular-nums}
.site-cap__meta:empty{display:none}
.site-cap .arx-sig{min-width:50px;height:36px;font-size:17px}
@media (max-width:560px){.site-cap>.arx-sig+.site-titol{flex:1 1 0;min-width:0}}
/* Dins d'un bloc que ja separa els elements (gap), el títol no hi afegeix marge. */
.soci-form>.site-titol,.soci-motius>.site-titol,.contacte-seu>.site-titol{margin:0}

/* 3b · Franges de color per temes ------------------------------------------- */
/* Els apartats amb fons propi el porten de banda a banda de la pàgina; el contingut es queda dins dels marges.
   .franja        informació pràctica (blau molt clar): agenda, consulta, formularis, col·laboracions
   .franja--col   col·leccions que es recorren (blau clar, #DBEBFF): catàlegs i arxius, amb les llistes en pantalles blanques
   El color s'estén fins als laterals amb una ombra sòlida, retallada per dalt i per baix (no crea scroll lateral).
   Si la franja és l'últim apartat de la pàgina, el color baixa per sota de les cantonades arrodonides del peu. */
.franja{--franja-bg:var(--sky-100);position:relative;background:var(--franja-bg);box-shadow:0 0 0 100vmax var(--franja-bg);clip-path:inset(0 -100vmax)}
main>.franja:last-child{clip-path:inset(0 -100vmax calc(-1 * (var(--frame-gap) + var(--radius-window))))}
.franja--col{--franja-bg:#DBEBFF}
.franja--col .site-titol{color:var(--blue-night)}
.franja--col .arx-sig{border-color:var(--blue-night);background:transparent;color:var(--blue-night)}
.franja--col .site-cap__meta,.franja--col .arx-intro,.franja--col .arx-ordre{color:var(--blue-night)}
.franja--col .arx-eines{border-bottom-color:rgba(26,54,80,.25)}
/* A l'arxiu d'activitats, les darreres i totes van en pantalles blanques, com el catàleg de publicacions */
.franja--col .act-bloc,.franja--col>.cev-empty{padding:clamp(16px,2.5vw,28px);border-radius:var(--radius-md);background:var(--window-bg)}
.home-sec.franja{padding-block:clamp(32px,4vw,56px)}
/* Vores suaus: cada franja es fon amb el que té a sobre (--de) i a sota (--a) amb un degradat en S dins del seu
   marge (--fosa), on no hi ha text. Entre dues franges, la de sota comença amb el color de la de dalt (si és el
   mateix, no es nota); sobre el peu no n'hi ha. El degradat arriba als laterals amb border-image, que pinta fora
   de la caixa sense crear scroll lateral. Els navegadors que no l'entenen ensenyen la franja llisa de sempre. */
main>.franja{--fosa:clamp(32px,4vw,56px);--de:var(--page-bg);--a:var(--page-bg);border-image:linear-gradient(var(--de),color-mix(in oklab,var(--de) 85%,var(--franja-bg)) calc(var(--fosa) * .25),color-mix(in oklab,var(--de) 50%,var(--franja-bg)) calc(var(--fosa) * .5),color-mix(in oklab,var(--de) 15%,var(--franja-bg)) calc(var(--fosa) * .75),var(--franja-bg) var(--fosa),var(--franja-bg) calc(100% - var(--fosa)),color-mix(in oklab,var(--a) 15%,var(--franja-bg)) calc(100% - var(--fosa) * .75),color-mix(in oklab,var(--a) 50%,var(--franja-bg)) calc(100% - var(--fosa) * .5),color-mix(in oklab,var(--a) 85%,var(--franja-bg)) calc(100% - var(--fosa) * .25),var(--a)) fill 0 / 0 / 0 100vmax}
main>.franja:has(+.franja),main>.franja:last-child{--a:var(--franja-bg)}
main>.franja+.franja{--de:var(--sky-100)}
main>.franja--col+.franja{--de:#DBEBFF}

/* 4 · Portada ---------------------------------------------------------------- */
/* Títols de la portada: en majúscules i negreta, cadascun amb la forma d'un objecte d'arxiu
   (etiqueta, entrada, segell amb carpeta, filet i postal). */

/* La portada va de vora a vora i puja fins a dalt de tot, perquè la barra quedi damunt de les imatges.
   És gairebé tan alta com la pantalla (com a màxim, la proporció 4:3 de les imatges) perquè es vegin senceres. */
.home-hero-wrap.site-container{position:relative;margin:calc(-1 * var(--topbar-h) - var(--space-4)) calc(-1 * var(--app-pad)) 0}
.home-hero{--hero-pad:max(var(--space-5), calc((100% - var(--wide-max)) / 2));position:relative;display:flex;align-items:flex-end;min-height:clamp(620px,96vh,75vw);min-height:clamp(620px,96svh,75vw);padding:calc(var(--topbar-h) + var(--space-8)) var(--hero-pad) var(--space-8);border-radius:0 0 var(--radius-window) var(--radius-window);background:var(--blue-night);box-shadow:var(--shadow-window)}
/* Les imatges es retallen dins de .home-hero__fotos (no a tota la portada) perquè els resultats del cercador puguin sortir per sota. */
.home-hero__fotos{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
.home-hero__track{position:absolute;inset:0;display:flex;transition:transform 900ms cubic-bezier(.65,0,.35,1)}
.home-hero__slide{position:relative;flex:0 0 100%;height:100%;margin:0}
.home-hero__slide>img{display:block;width:100%;height:100%;object-fit:cover}
.home-hero__slide>figcaption{position:absolute;right:var(--hero-pad);bottom:var(--space-5);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:var(--window-bg);color:var(--text);font-size:15px}
.home-hero__card{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);width:min(100%,600px);padding:var(--space-6);border-radius:var(--radius-window);background:var(--window-bg);box-shadow:var(--shadow-raised)}
/* El cercador de tot el web va sol, a la dreta de la portada, sota els punts de les imatges:
   una sola caixa amb la lupa, el camp i el botó a dins. */
.home-hero__search{position:absolute;top:calc(var(--topbar-h) + var(--space-4) + 32px + var(--space-3));right:var(--hero-pad);z-index:2;width:min(480px,calc(100% - 2 * var(--hero-pad)))}
.home-hero__search .home-hero__searchbox{border-color:var(--window-bg);box-shadow:var(--shadow-raised)}
.home-hero__search .home-hero__searchbox:focus-within{border-color:var(--focus-ring);box-shadow:0 0 0 3px rgba(50,144,230,.25),var(--shadow-raised)}
.home-label-sm{font-size:13px;font-weight:700;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:var(--heading)}
.home-hero__searchbox{display:flex;align-items:center;gap:var(--space-2);height:56px;padding:0 6px 0 var(--space-4);border:1.5px solid var(--line-strong);border-radius:var(--radius-md);background:var(--window-bg);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}
.home-hero__searchbox:focus-within{border-color:var(--focus-ring);box-shadow:0 0 0 3px rgba(50,144,230,.25)}
.home-hero__searchbox>.cev-icon{flex:none;width:20px;height:20px;color:var(--accent)}
.home-hero__searchbox input{flex:1 1 0;width:0;min-width:0;height:100%;padding:0;border:0;background:none;font:inherit;font-size:17px;color:var(--text);outline:none}
.home-hero__searchbox input::placeholder{color:var(--text-muted)}
.home-hero__searchbox>.cev-btn{--btn-h:42px;flex:none;padding:0 16px;background:var(--blue-steel);color:var(--white)}
.home-hero__searchbox>.cev-btn:hover{background:var(--blue-deep);color:var(--white)}
.home-hero__dots{position:absolute;top:calc(var(--topbar-h) + var(--space-4));right:var(--hero-pad);z-index:1;display:flex;align-items:center;gap:var(--space-2);height:32px}
.home-hero__dots button{width:10px;height:10px;padding:0;border:0;border-radius:var(--radius-pill);background:var(--window-bg);opacity:.6;cursor:pointer;transition:width 300ms}
.home-hero__dots button[aria-current="true"]{width:28px;opacity:1}
@media (max-width:640px){
  .home-hero{--hero-pad:var(--space-3);flex-direction:column;align-items:stretch;gap:var(--space-4);padding:124px var(--hero-pad) 64px}
  .home-hero__search{position:relative;top:auto;right:auto;width:auto;margin-bottom:auto}
  .home-hero__card{padding:var(--space-5)}
  .home-hero__searchbox{padding-left:var(--space-3)}
  .home-hero__searchbox>.cev-btn{padding:0 12px}
  .home-hero__dots{top:calc(var(--topbar-h) + var(--space-3))}
}

/* 4b · Cercador del web (cerca.js, a la portada i a la 404) ------------------ */
/* Els resultats surten sota el camp, en una llista plana per grups, com un índex. */
.site-cerca .home-hero__searchbox{position:relative}
.site-cerca__panell{position:absolute;top:calc(100% + var(--space-2));left:-1.5px;right:-1.5px;z-index:30;max-height:min(70vh,560px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:var(--space-3);border-radius:var(--radius-md);background:var(--window-bg);box-shadow:var(--shadow-float)}
.site-cerca__estat{margin:0;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);font-size:14px;color:var(--text-muted)}
.site-cerca__grup{margin:0;padding:var(--space-4) var(--space-4) var(--space-1);font-size:13px;font-weight:700;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:var(--heading)}
.site-cerca__grup>span{margin-left:4px;font-weight:600;color:var(--text-muted)}
.site-cerca__llista{margin:0;padding:0;list-style:none}
.site-cerca__llista>li+li{border-top:1px solid var(--line)}
.site-cerca__res{display:grid;gap:2px;padding:var(--space-2) var(--space-4);color:var(--text);text-decoration:none}
.site-cerca__res:hover{background:var(--sky-50)}
.site-cerca__res:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;background:var(--sky-50)}
.site-cerca__titol{font-weight:700;line-height:1.3;color:var(--heading)}
.site-cerca__meta{font-size:14px;line-height:1.35;color:var(--text-muted)}
.site-cerca__text{font-size:14px;line-height:1.45;color:var(--text)}
.site-cerca mark{border-radius:2px;background:var(--sky-200);color:inherit}
.site-cerca__mes{margin:var(--space-1) var(--space-2) 0}
/* A la pàgina on porta un resultat, les paraules cercades queden marcades (site.js), com amb Ctrl+F. */
.site-marca{border-radius:2px;background:var(--sky-200);color:var(--ink);box-shadow:0 0 0 2px var(--sky-200)}
.site-marca.is-actual{background:var(--blue-bright);color:var(--white);box-shadow:0 0 0 2px var(--blue-bright)}

/* Apartats de la portada: més junts, i l'enllaç «Més informació» discret al final del text */
.home-sec{position:relative;padding-block:clamp(20px,2.5vw,32px)}
.home-more{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--link);text-decoration:none;white-space:nowrap}
.home-more .cev-icon{width:16px;height:16px;transition:transform var(--dur-base) var(--ease-out)}
.home-more:hover{color:var(--link-hover);text-decoration:underline;text-underline-offset:3px}
.home-more:hover .cev-icon{transform:translateX(3px)}
.home-more--light{color:var(--sky-100)}
.home-more--light:hover{color:var(--white)}
.home-more--end{display:flex;width:fit-content;margin:var(--space-4) 0 0 auto}

/* Qui som: etiqueta amb punta; el text de dins s'alinea amb el paràgraf de sota.
   Al costat dret, la masia es fon amb el fons. */
.home-qui{isolation:isolate;margin-inline:calc(-1 * var(--app-pad));overflow:hidden}
.home-qui__bg{position:absolute;top:0;right:0;bottom:0;width:62%;z-index:-1;pointer-events:none;-webkit-mask:linear-gradient(90deg,#0000,#000 50%),linear-gradient(180deg,#0000,#000 22%,#000 70%,#0000);-webkit-mask-composite:source-in;mask:linear-gradient(90deg,#0000,#000 50%),linear-gradient(180deg,#0000,#000 22%,#000 70%,#0000);mask-composite:intersect}
.home-qui__bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 65%}
.home-tag{--tag-pad:clamp(14px,2vw,24px);position:relative;isolation:isolate;width:fit-content;max-width:calc(100% + var(--tag-pad) - 1.2em - 10px);margin:0 0 0 calc(-1 * var(--tag-pad));padding:8px var(--tag-pad);border-radius:7px 0 0 7px;background:var(--blue-deep);color:var(--white);font-size:clamp(20px,1.4vw + 10px,32px);font-weight:700;line-height:1.15;letter-spacing:.03em;text-transform:uppercase;text-wrap:balance}
/* La punta és un quadrat girat 45° (fa tota l'alçada, sigui d'una línia o de dues) amb el vèrtex arrodonit; va per sota del text. */
.home-tag::after{content:"";position:absolute;top:50%;right:0;z-index:-1;height:70.71%;aspect-ratio:1;border-radius:0 6px 0 0;background:inherit;transform:translate(50%,-50%) rotate(45deg)}
.home-intro{max-width:var(--prose-max);margin:var(--space-4) 0 var(--space-5);font-size:18px;line-height:1.6}
.home-intro .home-more{margin-left:var(--space-1)}
.home-qui__folders{max-width:820px}
@media (max-width:760px){.home-qui__bg{width:100%;opacity:.45}}

/* Carpetes de «Qui som» (s'obren en passar-hi per sobre) */
.home-folders{display:flex;flex-direction:row;align-items:stretch;gap:0;min-height:280px;padding:0;overflow:hidden}
.home-folder{position:relative;flex:0 0 88px;min-width:0;overflow:hidden;cursor:pointer;background:var(--window-tint-bg);transition:flex 550ms cubic-bezier(.65,0,.35,1),background 300ms}
.home-folder+.home-folder{border-left:1px solid var(--line)}
.home-folder.is-open{flex:1 1 0%;background:var(--window-bg);cursor:default}
.home-folder__tab{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-5) 0;transition:opacity 250ms;pointer-events:none}
.home-folder__tab .cev-feature__icon{background:var(--window-bg)}
.home-folder__tab span:last-child{writing-mode:vertical-rl;transform:rotate(180deg);font-size:20px;font-weight:700;color:var(--heading)}
.home-folder.is-open .home-folder__tab{opacity:0}
.home-folder__body{position:relative;display:grid;align-content:start;gap:var(--space-4);min-width:300px;max-width:680px;padding:var(--space-6);opacity:0;transition:opacity 300ms}
.home-folder.is-open .home-folder__body{opacity:1;transition-delay:200ms}
@container cev (max-width:640px){
  .home-folders{flex-direction:column}
  .home-folder,.home-folder.is-open{flex:none;cursor:default;background:var(--window-bg)}
  .home-folder+.home-folder{border-left:0;border-top:1px solid var(--line)}
  .home-folder__tab{display:none}
  .home-folder__body{min-width:0;opacity:1;padding:var(--space-5)}
}

/* Carpeta amb pestanya: les xifres de l'arxiu són les fitxes de dins */
.home-file{filter:drop-shadow(0 10px 24px rgba(26,54,80,.16))}
.home-file__tab{display:inline-flex;align-items:center;margin:0 0 -1px;padding:12px 60px 10px var(--space-5);border-radius:var(--radius-window) 0 0 0;background:var(--blue-deep);color:var(--white);font-size:clamp(17px,.8vw + 11px,22px);font-weight:700;line-height:1.2;letter-spacing:.03em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 36px) 0,100% 100%,0 100%)}
.home-file__body{display:grid;gap:var(--space-5);padding:clamp(16px,3vw,32px);border-radius:0 var(--radius-window) var(--radius-window) var(--radius-window);background:var(--blue-deep)}
.home-file .cev-stat{border-color:transparent;box-shadow:none}
.home-file__body>.home-more{justify-self:end;white-space:normal}
.home-file--light{filter:drop-shadow(0 12px 28px rgba(10,24,40,.35))}
.home-file--light .home-file__tab,.home-file--light .home-file__body{background:var(--sky-50)}
.home-file--light .home-file__tab{color:var(--blue-deep)}
.home-file--light .cev-stat{box-shadow:var(--shadow-window)}
.cev-stat__value--pending{font-size:17px;line-height:1.3;font-weight:400;font-style:italic;letter-spacing:0;color:var(--text-muted)}
@media (max-width:560px){.home-file__tab{padding-right:48px;font-size:15px}}

.site-more{display:flex;align-items:center;gap:var(--space-2);font-weight:700;color:var(--link)}
.site-more .cev-icon{width:16px;height:16px}

/* L'arxiu: el títol és un segell de tinta; al costat, la carpeta amb les xifres */
.home-archive__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,4vw,56px);width:100%}
.home-archive .cev-parallax__quote{margin:0}
@media (max-width:900px){.home-archive__grid{grid-template-columns:minmax(0,1fr)}}
.home-stamp{display:inline-block;padding:6px 14px;border:4px double currentColor;border-radius:6px;color:var(--sky-100);font-size:clamp(18px,.8vw + 12px,24px);font-weight:700;line-height:1.1;letter-spacing:.14em;text-transform:uppercase;transform:rotate(-4deg);transform-origin:left center}

/* Banda de l'arxiu: segon enllaç en blanc */
.site-link-light{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700;color:var(--white);text-decoration:none}
.site-link-light:hover{color:var(--white);text-decoration:underline}
.site-link-light .cev-icon{width:16px;height:16px}

/* Revistes de la portada */
.home-magazines{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-7) var(--space-6)}
.home-magazine{display:grid;align-content:start;gap:var(--space-4);color:var(--text);text-decoration:none;transition:transform var(--dur-base) var(--ease-out)}
.home-magazine:hover{transform:translateY(-4px);color:var(--text)}
.home-magazine__cover{position:relative;display:flex;flex-direction:column;aspect-ratio:3/4;padding:var(--space-5) var(--space-5) var(--space-5) calc(var(--space-5) + 14px);overflow:hidden;border-radius:4px var(--radius-window) var(--radius-window) 4px;box-shadow:6px 6px 0 var(--sky-200),12px 12px 0 var(--sky-100),var(--shadow-raised);color:var(--white)}
.home-magazine__cover::before{content:"";position:absolute;top:0;bottom:0;left:0;width:14px;background:var(--blue-night);opacity:.45}
.home-magazine__cover::after{content:"";position:absolute;top:0;bottom:0;left:14px;width:1px;background:var(--white);opacity:.25}
.home-magazine__head{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-2);border-bottom:1px solid var(--sky-200);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sky-100)}
.home-magazine__title{margin:var(--space-5) 0 0;font-size:clamp(34px,3.4vw,46px);line-height:.98;font-weight:700;text-wrap:balance}
.home-magazine__foot{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-3);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--sky-200);font-size:15px;color:var(--sky-100)}
.home-magazine__foot .cev-icon{width:28px;height:28px}
.home-magazine__info{display:grid;gap:var(--space-1);padding-right:12px}
.home-magazine__info .site-more{margin-top:var(--space-2)}
/* Al mòbil, portada petita al costat del text: la llista no s'allarga tant */
@media (max-width:560px){
  .home-magazines{gap:var(--space-5)}
  .home-magazine{grid-template-columns:112px minmax(0,1fr);align-items:center}
  .home-magazine__cover{padding:var(--space-3) var(--space-2) var(--space-3) 24px;border-radius:3px var(--radius-md) var(--radius-md) 3px;box-shadow:4px 4px 0 var(--sky-200),var(--shadow-window)}
  .home-magazine__cover::before{width:10px}
  .home-magazine__cover::after{left:10px}
  .home-magazine__head,.home-magazine__foot{display:none}
  .home-magazine__title{margin:0;font-size:19px;line-height:1.05}
  .home-magazine__info{padding-right:0}
}

/* Activitats: el títol és una entrada, amb osques i línia de tall */
.home-ticket{--notch:9px;display:flex;align-items:stretch;width:fit-content;margin:0 0 var(--space-4);border-radius:8px;background:var(--blue-action);color:var(--white);font-size:clamp(20px,1vw + 12px,28px);font-weight:700;line-height:1.1;letter-spacing:.03em;text-transform:uppercase;-webkit-mask:radial-gradient(circle var(--notch) at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle var(--notch) at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat}
.home-ticket__stub{display:grid;place-items:center;padding:0 14px 0 22px;border-right:2px dashed rgba(255,255,255,.6)}
.home-ticket__stub .cev-icon{width:22px;height:22px}
.home-ticket>span:last-child{padding:12px 28px 12px 16px}

/* Contacte: una postal de correu aeri, amb segell dentat */
.home-postcard{padding:10px;border-radius:var(--radius-window);background:repeating-linear-gradient(-45deg,var(--blue-action) 0 16px,var(--white) 16px 26px,var(--blue-mist) 26px 42px,var(--white) 42px 52px);box-shadow:var(--shadow-window)}
.home-postcard__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-5);padding:clamp(20px,3.5vw,40px);border-radius:calc(var(--radius-window) - 6px);background:var(--window-bg)}
.home-postcard__text{display:grid;justify-items:start;gap:var(--space-3);max-width:var(--prose-max)}
.home-postcard__title{margin:0;font-size:clamp(24px,1.4vw + 12px,34px);font-weight:700;line-height:1.1;letter-spacing:.03em;text-transform:uppercase;color:var(--blue-steel)}
.home-postcard__sub{margin:0;font-size:20px;font-weight:600;line-height:1.3;color:var(--heading)}
.home-postcard__text>p:not([class]){margin:0;font-size:18px;line-height:1.6;color:var(--text-muted)}
.home-postcard__text>.cev-btn{margin-top:var(--space-2)}
.home-postcard__stamp{--r:5px;--s:16px;display:grid;justify-items:center;align-content:center;gap:var(--space-2);width:128px;aspect-ratio:4/5;padding:18px;background:var(--sky-100);transform:rotate(4deg);-webkit-mask:linear-gradient(#000 0 0) center/calc(100% - 2 * var(--r)) calc(100% - 2 * var(--r)) no-repeat,radial-gradient(circle var(--r),#0000 97%,#000) calc(var(--s) / -2) calc(var(--s) / -2)/var(--s) var(--s) round;mask:linear-gradient(#000 0 0) center/calc(100% - 2 * var(--r)) calc(100% - 2 * var(--r)) no-repeat,radial-gradient(circle var(--r),#0000 97%,#000) calc(var(--s) / -2) calc(var(--s) / -2)/var(--s) var(--s) round}
.home-postcard__stamp img{width:100%;height:auto;border-radius:6px}
.home-postcard__stamp span{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-steel)}
@media (max-width:560px){
  .home-postcard__stamp{width:76px;padding:10px}
  .home-postcard__stamp span{display:none}
}

/* 5 · Peu ------------------------------------------------------------------ */
/* Va de vora a vora i fins a baix de tot (només les cantonades de dalt arrodonides).
   Per sota hi queda una franja del mateix color on s'atura la bottombox sense tapar-lo. */
.site-app .cev-main{padding-bottom:0}
.site-app .cev-footer{position:relative;z-index:1;width:auto;margin:0 calc(-1 * var(--app-pad)) calc(-1 * var(--app-pad));padding-inline:max(clamp(20px,4vw,56px), calc((100% - 2 * var(--app-pad) - var(--wide-max)) / 2 + var(--app-pad)));padding-bottom:calc(var(--space-5) + var(--cev-bottombox-space, 0px));border-radius:var(--radius-window) var(--radius-window) 0 0}
@container cev (min-width:981px){.cev-footer__grid{grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr) minmax(0,1.7fr) minmax(0,1.3fr)}}
.cev-footer__contact{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);column-gap:var(--space-6);row-gap:2px}
/* Un correu llarg no surt de la columna: es parteix a l'arrova (site.js hi posa <wbr>) o, si cal, on calgui. */
.cev-footer__contact dd{overflow-wrap:anywhere}
.site-footer-notice{margin-top:var(--space-2);font-size:14px;color:var(--sky-200)}
/* Xarxes socials, sota el text de l'associació: icones en un requadre fi; la que no té adreça, apagada */
.site-xarxes{display:flex;gap:var(--space-2);margin:0;padding:0;list-style:none}
.site-xarxes a,.site-xarxes .is-pendent{display:grid;place-items:center;width:44px;height:44px;border:1.5px solid rgba(159,173,196,.45);border-radius:var(--radius-md);color:var(--bottombar-link)}
.site-xarxes a:hover{border-color:var(--white);background:rgba(255,255,255,.08);color:var(--white)}
.site-xarxes .cev-icon{width:22px;height:22px}
.site-xarxes .is-pendent{opacity:.4;cursor:help}
/* Butlletí: correu, casella de consentiment i botó, un sota l'altre */
.site-butlleti{gap:var(--space-3)}
.site-butlleti .cev-btn{align-self:flex-start}
.cev-footer .cev-check{font-size:14px;color:var(--bottombar-text)}

/* 6 · Qui som -------------------------------------------------------------- */
.about-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-6)}
.about-aside{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:var(--space-5)}
.about-text{flex:2.4 1 440px;min-width:0;display:flex;flex-direction:column;gap:var(--space-5);font-size:18px;line-height:1.7;text-wrap:pretty}
.about-text>*+*{margin-top:0}
/* La fotografia de «La història» comença a la vora esquerra de la pàgina (--bleed: del marge del contingut fins a la vora)
   i s'esvaeix cap a la dreta, per sota del text. Com que toca la vora, no porta cantonades arrodonides ni ombra. */
.about-fade{--bleed:calc((100cqi - min(100cqi, var(--content-max))) / 2 + clamp(16px,2.5vw,32px) + var(--app-pad));position:relative;z-index:0;margin-right:-160px;margin-left:calc(-1 * var(--bleed));-webkit-mask-image:linear-gradient(to right,#000 40%,transparent 100%);mask-image:linear-gradient(to right,#000 40%,transparent 100%)}
.about-fade .cev-photo{border-radius:0;box-shadow:none}
.about-text--over{position:relative;z-index:1}
.about-small{font-size:16px;color:var(--text-muted)}
.about-junta{display:flex;flex-wrap:wrap;gap:var(--space-5) var(--space-6);padding:var(--space-4) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-junta>div{flex:1 1 120px;display:flex;flex-direction:column;gap:var(--space-1)}
.about-junta strong{font-size:22px;font-weight:700;line-height:1.2;color:var(--heading)}
@media (max-width:760px){.about-fade{margin-right:0}}

/* Cronologia (columna dreta de «Qui som»): eix vertical amb una bombolla per fet (l'any a dins) i el fet a la
   dreta, darrere d'un guionet. L'eix continua per sota de l'últim fet i s'esvaeix: el futur encara s'ha d'escriure. */
.qs-amb-eix{display:grid;grid-template-columns:minmax(0,1fr) 280px;column-gap:clamp(32px,4vw,56px)}
.qs-amb-eix__cos{min-width:0}
/* L'eix comença a l'altura del títol de «Qui som» i acaba on comença el de «Col·laboracions»
   (el marge negatiu el fa entrar dins de l'espai de dalt d'aquell apartat); els fets s'hi reparteixen. */
/* Va per sobre de la franja de «Col·laboracions»: si no, el fons de la franja tapa el tros final de l'eix. */
.qs-eix{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0;padding-top:clamp(48px,6vw,88px);margin-bottom:calc(-1 * clamp(48px,6vw,88px))}
.qs-eix__llista{position:relative;flex:1;display:flex;flex-direction:column;justify-content:space-between;margin:0;padding:0 0 160px;list-style:none}
@media (max-width:1100px){
  /* En pantalles estretes, la cronologia va entre «Qui som» i «La història». */
  .qs-amb-eix{grid-template-columns:minmax(0,1fr)}
  .qs-amb-eix__cos{display:contents}
  #qui-som{order:1}
  .qs-eix{order:2;padding-top:0;margin-bottom:0}
  .qs-eix__llista{justify-content:flex-start;padding-bottom:140px}
  #historia{order:3}
  #junta{order:4}
}
.qs-eix__llista::before{content:"";position:absolute;top:28px;bottom:0;left:28px;width:6px;margin-left:-3px;border-radius:3px;background:linear-gradient(var(--blue-mist),var(--blue-mist) calc(100% - 180px),rgba(131,165,211,0))}
.qs-fita{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;column-gap:var(--space-3);padding-bottom:var(--space-5)}
.qs-fita__any{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--blue-action);box-shadow:0 0 0 5px var(--page-bg);color:var(--white);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.qs-fita:first-child .qs-fita__any{background:var(--blue-steel);font-size:16px;box-shadow:0 0 0 5px var(--page-bg),0 0 0 8px var(--blue-mist)}
.qs-fita__text{position:relative;padding:17px 0 0 22px;font-size:16px;line-height:1.4;color:var(--text)}
.qs-fita__text::before{content:"";position:absolute;left:0;top:27px;width:14px;height:2px;border-radius:1px;background:var(--blue-mist)}
.qs-fita:first-child .qs-fita__text{font-weight:700;color:var(--heading)}

/* La junta: l'actual en una fila (càrrec i nom) i, a sota, les persones que n'han format part */
#juntaActual{margin-bottom:var(--space-7)}
/* Han format part de la junta: noms en columnes; a sota del nom, el càrrec i el període si se saben */
.qs-exjunta{columns:3 220px;column-gap:clamp(24px,3vw,48px);margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.qs-exjunta li{display:grid;gap:2px;break-inside:avoid;padding:var(--space-3) var(--space-1);border-bottom:1px solid var(--line)}
.qs-exjunta strong{font-size:17px;font-weight:600;line-height:1.35;color:var(--heading)}
.qs-exjunta small{font-size:14px;line-height:1.35;color:var(--text-muted)}
.qs-juntes__buit{margin:0}

/* Col·laboracions: títol centrat i les entitats en files centrades i desplaçades, sense jerarquia.
   Cada logo va dins d'un quadrat amb les cantonades arrodonides (els logos solen ser quadrats). */
.site-titol--centre{text-align:center}
.qs-collab{--tile:clamp(92px,9vw,128px);--gap:clamp(20px,3vw,44px);display:grid;justify-items:center;gap:var(--space-5);margin-top:var(--space-6)}
.qs-collab__fila{display:flex;justify-content:center;gap:var(--gap)}
.qs-collab__fila.is-desplacada{transform:translateX(calc((var(--tile) + var(--gap)) / 2))}
.qs-entitat{display:grid;justify-items:center;align-content:start;gap:var(--space-2);width:var(--tile);color:var(--text);text-align:center;text-decoration:none}
.qs-entitat__logo{display:grid;place-items:center;width:var(--tile);aspect-ratio:1;overflow:hidden;border-radius:var(--radius-window);background:var(--window-bg);box-shadow:inset 0 0 0 1.5px var(--line);transition:box-shadow var(--dur-fast)}
.qs-entitat__logo img{width:74%;height:74%;object-fit:contain}
.qs-entitat__inicials{font-size:calc(var(--tile) * .26);font-weight:700;letter-spacing:.04em;color:var(--blue-steel)}
.qs-entitat__nom{font-size:14px;line-height:1.3;color:var(--text-muted)}
a.qs-entitat:hover .qs-entitat__logo{box-shadow:inset 0 0 0 2px var(--accent)}
a.qs-entitat:hover .qs-entitat__nom{color:var(--link)}

/* Fotografia final de «Qui som»: de banda a banda, s'esvaeix per dalt i passa per sota del peu */
.qs-final{position:relative;height:clamp(220px,26vw,400px);margin:clamp(16px,3vw,40px) calc(-1 * var(--app-pad)) calc(-1 * (var(--radius-window) + var(--frame-gap)));-webkit-mask:linear-gradient(180deg,#0000,#000 62%);mask:linear-gradient(180deg,#0000,#000 62%)}
.qs-final img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 80%}

/* Capçalera amb fotografia de banda a banda (Qui som). Com la portada, puja per sota de la barra superior;
   el títol (el mateix de la resta de pàgines, en blanc) i la descripció van a dalt a l'esquerra, alineats
   amb el contingut de la pàgina, sobre un degradat fosc perquè es llegeixin damunt de qualsevol foto. */
.foto-hero{--pad-x:calc(var(--app-pad) + (100% - min(100%, var(--content-max))) / 2 + clamp(16px,2.5vw,32px));position:relative;isolation:isolate;display:flex;align-items:flex-start;min-height:clamp(540px,84vh,780px);min-height:clamp(540px,84svh,780px);margin:calc(-1 * var(--topbar-h) - var(--space-4)) calc(-1 * var(--app-pad)) 0;padding:calc(var(--topbar-h) + clamp(40px,6vw,88px)) var(--pad-x) clamp(48px,6vw,88px);overflow:hidden;border-radius:0 0 var(--radius-window) var(--radius-window);background:var(--blue-night);box-shadow:var(--shadow-window)}
.foto-hero__img{position:absolute;inset:0;z-index:-2}
.foto-hero__img img{display:block;width:100%;height:100%;object-fit:cover}
.foto-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(26,54,80,.9) 0%,rgba(26,54,80,.72) 34%,rgba(26,54,80,.2) 66%,rgba(26,54,80,0) 100%),linear-gradient(180deg,rgba(26,54,80,.55),rgba(26,54,80,0) 32%)}
.foto-hero__text{display:grid;justify-items:start;gap:var(--space-4);max-width:480px}
.foto-hero__text>*{margin:0}
.foto-hero .cev-eyebrow{color:var(--sky-200)}
.foto-hero .cev-h1{color:var(--white)}
.foto-hero .cev-h1 .cev-accent{color:var(--blue-mist)}
.foto-hero__desc{margin-top:var(--space-2)!important;font-size:clamp(18px,.4vw + 16px,21px);line-height:1.65;color:var(--sky-100)}
@media (max-width:640px){
  .foto-hero{min-height:clamp(480px,80svh,640px)}
  .foto-hero::before{background:linear-gradient(180deg,rgba(26,54,80,.8),rgba(26,54,80,.62) 60%,rgba(26,54,80,.35))}
}

/* 7 · Catàleg -------------------------------------------------------------- */
.cat-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:center;gap:var(--space-7)}
.cat-hero__text{display:grid;gap:var(--space-4);max-width:520px}
.cat-hero__text>p:last-of-type{font-size:18px;line-height:1.6;color:var(--text-muted)}

.cat-tabs{display:flex;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-md);background:var(--blue-steel)}
.cat-tabs button{display:flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border:0;border-radius:8px;background:transparent;color:var(--white);font-size:16px;font-weight:700;cursor:pointer;transition:background 200ms,color 200ms}
.cat-tabs button .cev-icon{width:16px;height:16px}
.cat-tabs button[aria-selected="true"]{background:var(--window-bg);color:var(--blue-night)}

/* Mapa */
.cat-mappanel{display:grid;gap:var(--space-4);padding:var(--space-4)}
.cat-map{position:relative;height:clamp(420px,70vh,680px);overflow:hidden;border-radius:var(--radius-md);background:var(--window-tint-bg);border:1px solid var(--line)}
.cat-map svg{display:block;width:100%;height:100%;touch-action:none;overscroll-behavior:contain;cursor:grab}
.cat-map svg:active{cursor:grabbing}
.street-casing polyline,.street-fill polyline{fill:none;stroke-linecap:round;stroke-linejoin:round}
.street-casing polyline{stroke:var(--sky-200)}
.street-fill polyline{stroke:var(--white)}
.street-fill polyline.is-steps{stroke-dasharray:1 .8;stroke-linecap:butt}
/* El mapa no és text: res no s'hi selecciona en passar-hi o arrossegar. */
.cat-map{-webkit-user-select:none;user-select:none}
#labelsLayer{pointer-events:none}
#labelsLayer text{font-size:3.4px;font-weight:600;fill:var(--ink-muted);stroke:var(--white);stroke-width:.9px;paint-order:stroke;stroke-linejoin:round;pointer-events:none;letter-spacing:.02em}
svg.is-far #labelsLayer{display:none}
/* Estats dels edificis: colors de la paleta, separats per lluminositat
   (no catalogat sky-200 · públic blue-mist · catalogat blue-action · destruït ratllat blue-night). */
.cat-map{--st-nocatalogat:var(--sky-200);--st-public:var(--blue-mist);--st-catalogat:var(--blue-action);--st-destruit:var(--blue-night)}
/* Els no catalogats i els públics van junts en uns quants <path>; els catalogats, un <path>
   cadascun (es poden tocar). Parell-senar: els patis interiors queden buits. */
.building{fill:var(--st-nocatalogat);fill-rule:evenodd;stroke:var(--blue-slate);stroke-width:.5;vector-effect:non-scaling-stroke}
.building.st-public{fill:var(--st-public);stroke:var(--blue-steel)}
.building.st-catalogat{fill:var(--st-catalogat);stroke:var(--blue-night);stroke-width:.8}
.building.st-destruit{fill:url(#hatch-destruit);stroke:var(--st-destruit);stroke-width:1.2;stroke-dasharray:3 2}
.hatch-bg{fill:var(--sky-50)}
.hatch-line{fill:var(--st-destruit)}
path.building.st-nocatalogat,path.building.st-public{pointer-events:none}
.cat-map.is-tech svg{cursor:crosshair}
circle.marker{stroke:var(--white);stroke-width:2;vector-effect:non-scaling-stroke;cursor:pointer}
circle.marker.st-catalogat{fill:var(--st-catalogat)}
circle.marker.st-destruit{fill:var(--st-destruit)}
circle.marker:hover{filter:brightness(1.25)}
circle.marker.is-selected{fill:var(--blue-bright);stroke:var(--blue-night);stroke-width:3}
.street-fill polyline.is-track{stroke-dasharray:4 2;stroke-linecap:butt}
.street-fill polyline.is-foot{stroke-dasharray:2 1.2;stroke-linecap:butt}
.street-fill polyline.is-tunnel{stroke:var(--blue-slate);stroke-dasharray:6 4;stroke-linecap:butt;opacity:.6}
.building.is-clickable{cursor:pointer}
.building.is-clickable:hover{filter:brightness(1.18)}
.building.is-selected{fill:var(--blue-bright);stroke:var(--blue-night);stroke-width:2.5;stroke-dasharray:none;filter:none}
.building.is-picked{fill:var(--blue-bright);stroke:var(--blue-night);stroke-width:2.5}
/* Nivells de zoom (data-lod, el posa cataleg.js): de lluny, taques i vies principals. */
.taca{fill:var(--sky-200);stroke:none}
#taquesLayer{display:none}
.cat-map[data-lod="far"] #taquesLayer{display:inline}
.cat-map[data-lod="far"] #buildingsLayer,
.cat-map[data-lod="far"] #markersLayer,
.cat-map[data-lod="far"] .street-casing,
.cat-map[data-lod="far"] .k-small{display:none}
.cat-map[data-lod="far"] .street-fill polyline{vector-effect:non-scaling-stroke;stroke-width:1px}
.cat-map[data-lod="far"] .street-fill .k-major{stroke-width:3px}

/* Bombolles (de lluny) i fletxes de la vora (a distància mitjana), damunt del mapa. */
.cat-map__overlay{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.cat-pin{--pin:var(--action-bg);position:absolute;left:0;top:0;display:grid;place-items:center;width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);padding:0;border:2px solid var(--white);border-radius:50%;background:var(--pin);color:var(--white);font:700 15px/1 'Source Sans 3',sans-serif;font-variant-numeric:tabular-nums;box-shadow:0 0 0 5px color-mix(in srgb,var(--pin) 22%,transparent),var(--shadow-window);cursor:pointer;pointer-events:auto;transition:box-shadow var(--dur-fast,150ms)}
.cat-pin.st-destruit{--pin:var(--blue-night)}
.cat-pin:hover{box-shadow:0 0 0 8px color-mix(in srgb,var(--pin) 30%,transparent),var(--shadow-raised)}
.cat-pin:focus-visible{outline:3px solid var(--blue-bright);outline-offset:4px}
.cat-pin--single{box-shadow:var(--shadow-window)}
.cat-pin--group .cat-pin__n{font-size:calc(var(--size) * .36 + 4px)}
.cat-pin__arrow{position:absolute;inset:0;display:none;pointer-events:none}
.cat-pin--edge .cat-pin__arrow{display:block}
/* Triangle enganxat a la bombolla, cap a fora (cataleg.js gira el contenidor cap a l'element). */
.cat-pin--edge .cat-pin__arrow::before{content:"";position:absolute;top:50%;left:100%;width:0;height:0;margin:-7px 0 0 1px;border-style:solid;border-width:7px 0 7px 10px;border-color:transparent transparent transparent var(--pin)}
.cev-cat--grup::before{border-radius:50%;background:var(--action-bg);box-shadow:0 0 0 3px rgba(31,105,173,.22)}

.cat-map__controls{position:absolute;right:var(--space-3);bottom:var(--space-3);z-index:2;display:flex;flex-direction:column;gap:var(--space-2)}
.cat-map__controls .cev-btn{box-shadow:var(--shadow-window)}
.cat-map__scale{position:absolute;left:var(--space-3);bottom:var(--space-3);z-index:2;padding:4px 8px;border-radius:var(--radius-sm);background:rgba(255,255,255,.85);font-size:13px;color:var(--text-muted)}
.cat-map__scalebar{height:3px;margin-bottom:3px;background:var(--text-muted)}
.cat-map__hint{position:absolute;left:var(--space-3);top:var(--space-3);z-index:2;max-width:min(360px,calc(100% - 24px));padding:6px 12px;border-radius:var(--radius-md);background:rgba(255,255,255,.9);font-size:14px;color:var(--text-muted)}
.cat-legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}
.cat-legend__end{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}
/* Mode tècnic: enllaç discret, a l'abast de tothom. */
.cat-tech{display:inline-flex;align-items:center;gap:6px;padding:4px 6px;border:0;border-radius:var(--radius-sm);background:none;color:var(--text-muted);font-size:14px;cursor:pointer}
.cat-tech .cev-icon{width:16px;height:16px}
.cat-tech:hover{color:var(--link);text-decoration:underline}
.cat-tech[aria-pressed="true"]{background:var(--sky-100);color:var(--link);font-weight:600}
.cev-cat--nocatalogat{--cat:var(--sky-200)}
.cev-cat--public{--cat:var(--blue-mist)}
.cev-cat--catalogat{--cat:var(--blue-action)}
.cev-cat--destruit::before{background:repeating-linear-gradient(45deg,var(--blue-night) 0 2px,var(--sky-50) 2px 4px);box-shadow:inset 0 0 0 1px var(--blue-night)}

/* Mode identificadors (cataleg.html?ids) */
.cat-ids{position:absolute;left:var(--space-3);top:var(--space-3);z-index:2;display:grid;gap:var(--space-2);width:min(520px,calc(100% - 24px));padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--window-bg);box-shadow:var(--shadow-float);font-size:15px;line-height:1.45}
.cat-ids__row{display:flex;gap:var(--space-2)}
.cat-ids__row .cev-input{flex:1 1 auto;min-width:0;min-height:40px;padding:6px 10px;font-size:15px;font-variant-numeric:tabular-nums}
.cat-map.is-fullscreen{position:fixed;inset:0;z-index:80;height:auto;border-radius:0}

/* Fitxa damunt del mapa */
.cat-popup{position:absolute;top:var(--space-3);right:var(--space-3);bottom:var(--space-3);z-index:3;width:min(360px,calc(100% - 24px));overflow-y:auto;box-shadow:var(--shadow-float);transform:translateX(calc(100% + 24px));visibility:hidden;transition:transform var(--dur-base) var(--ease-out),visibility 0s linear var(--dur-base)}
.cat-popup.is-open{transform:none;visibility:visible;transition:transform var(--dur-base) var(--ease-out)}
.cat-popup__close{position:absolute;top:var(--space-2);right:var(--space-2);z-index:1}
.cat-popup .cev-fitxa__photos{grid-template-columns:minmax(0,1fr)}
.cat-popup .cev-fitxa__photos .cev-photo{aspect-ratio:4/3}
.cat-popup .cev-empty{min-height:120px}
.cat-popup .cev-fitxa__head{padding-right:44px}
.cat-popup .cev-fitxa__desc{white-space:pre-line}
/* Connectada (té id al full) o no: un punt de color davant del text, discret. */
.cev-fitxa__ref.is-connectada::before,.cev-fitxa__ref.is-provisional::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;vertical-align:1px}
.cev-fitxa__ref.is-connectada::before{background:var(--blue-action)}
.cev-fitxa__ref.is-provisional::before{box-shadow:inset 0 0 0 1.5px var(--blue-slate)}
/* «Més informació»: desplegable al final de la fitxa (any i adreces antigues). */
.cat-more{border-top:1px solid var(--window-border);padding-top:var(--space-3)}
.cat-more>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--window-tint-bg);color:var(--link);font-size:15px;font-weight:700;cursor:pointer;list-style:none}
.cat-more>summary::-webkit-details-marker{display:none}
.cat-more>summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform var(--dur-fast) var(--ease-out)}
.cat-more[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
.cat-more>summary:hover{background:var(--sky-200)}
.cat-more__list{display:grid;gap:var(--space-1);margin:var(--space-3) 0 0}
.cat-more__list dt{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
.cat-more__list dd{margin:0 0 var(--space-2);font-size:16px}
.cat-more__addrs{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none}
.cat-more__addr{display:inline-flex;flex-direction:column;padding:4px 10px;border-radius:var(--radius-md);background:var(--sky-100);color:var(--blue-steel);font-size:14px;font-weight:600;line-height:1.3}
.cat-more__addr small{font-size:12px;font-weight:400;color:var(--text-muted)}
.cat-popup__choices{display:grid;gap:var(--space-2);padding-right:44px;font-size:14px;color:var(--text-muted)}
.cat-popup__choices>div{display:flex;flex-wrap:wrap;gap:6px}
.cat-popup__choices button{padding:4px 10px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--window-bg);color:var(--text);font-size:14px;font-weight:600;cursor:pointer}
.cat-popup__choices button[aria-pressed="true"]{border-color:var(--accent);background:var(--sky-100);color:var(--link)}
@media (max-width:640px){
  .cat-popup{top:auto;left:var(--space-2);right:var(--space-2);bottom:var(--space-2);width:auto;max-height:70%;transform:translateY(calc(100% + 24px))}
}

/* Llista */
.cat-listpanel{padding:0;overflow:hidden;gap:0}
.cat-filters{display:grid;gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid var(--line);background:var(--window-tint-bg)}
.cat-filters__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}
.cat-search{flex:1 1 280px;display:flex;align-items:center;gap:var(--space-2);height:48px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--window-bg);color:var(--text-muted)}
.cat-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font-size:17px;color:var(--text)}
.cat-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px rgba(50,144,230,.28)}
.cat-seg{display:flex;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--window-bg)}
.cat-seg button{height:38px;padding:0 var(--space-3);border:0;border-radius:8px;background:transparent;color:var(--text);font-size:15px;font-weight:600;cursor:pointer}
.cat-seg button[aria-pressed="true"]{background:var(--accent);color:var(--white)}
.cat-count{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--line);font-size:16px;color:var(--text-muted)}
/* La llista és una finestra de 6 edificis (cataleg.js en fixa l'alçada): els que pugen
   queden tapats pel cercador i els de sota s'esvaeixen en blanc fins arribar al final. */
.cat-count{position:relative;z-index:1;transition:box-shadow var(--dur-base) var(--ease-out)}
.cat-listpanel.is-scrolled .cat-count{box-shadow:0 6px 12px -8px rgba(26,54,80,.35)}
.cat-scroll{position:relative}
.cat-scroll__area{overflow-y:auto;overscroll-behavior-y:auto;scroll-padding-bottom:72px;scrollbar-width:thin;scrollbar-color:var(--blue-slate) transparent}
.cat-scroll__area:focus{outline:none}
.cat-scroll::after{content:"";position:absolute;left:0;right:0;bottom:0;height:72px;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--window-bg) 85%);pointer-events:none;transition:opacity var(--dur-base) var(--ease-out)}
.cat-scroll.is-end::after,.cat-scroll.is-short::after{opacity:0}
.cat-rows{margin:0;padding:0;list-style:none}
.cat-rows li{border-bottom:1px solid var(--line)}
.cat-rows a,.cat-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);padding:var(--space-4) var(--space-5);color:var(--text);text-decoration:none}
.cat-rows a:hover{background:var(--window-tint-bg);color:var(--text)}
.cat-row__ref{flex:0 0 56px;font-size:13px;letter-spacing:.02em;color:var(--text-muted);font-variant-numeric:tabular-nums}
.cat-row__name{flex:1 1 200px;min-width:0;display:grid;gap:2px}
.cat-row__name strong{font-size:18px;color:var(--heading)}
.cat-row__name span{font-size:16px;color:var(--text-muted)}
.cat-row__state{flex:0 1 120px}
.cat-row__end{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-5);margin-left:auto;color:var(--text-muted);font-size:15px}
.cat-row__end>span{display:flex;align-items:center;gap:var(--space-1);min-width:40px}
.cat-row__end .cev-icon--sm{width:16px;height:16px}
.cat-row__end>.cev-icon{color:var(--link)}
.cat-list-empty{padding:var(--space-5)}

/* 8 · Arxiu i publicacions ------------------------------------------------- */
/* La pàgina és una sala d'arxiu. A la capçalera, un moble de dos prestatges fa de mapa:
   llibres (I · catàleg), caixes d'arxiu (II · fons), un fitxer (III · consulta) i arxivadors
   (IV · projectes). Cada apartat porta el seu número en un teixell, l'etiqueta del llom. */
.arx-sig{display:inline-grid;place-items:center;flex:none;min-width:44px;height:30px;padding:0 8px;border:1.5px solid var(--blue-steel);border-radius:4px;background:var(--white);color:var(--blue-steel);font-size:15px;font-weight:700;line-height:1;letter-spacing:.06em;transition:background var(--dur-fast),color var(--dur-fast)}

/* Capçalera: text i índex a l'esquerra; el moble arriba fins a la vora dreta de la pantalla
   (--bleed = el marge que queda entre el contingut i la vora). */
.arx-hero{--bleed:calc((100cqi - min(100cqi, var(--content-max))) / 2 + clamp(16px,2.5vw,32px) + var(--app-pad));display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,4.5vw,64px);padding-block:clamp(8px,1.5vw,16px) clamp(40px,5vw,72px)}
.arx-hero__text{display:grid;justify-items:start;gap:var(--space-4)}
.arx-hero__text>.cev-h1,.arx-hero__text>.cev-lead{margin:0}
.arx-hero__text>.cev-lead{max-width:38ch}
.arx-index{width:100%;margin-top:var(--space-3)}
.arx-index ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.arx-index a{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:var(--space-4);padding:12px 4px;border-bottom:1px solid var(--line);color:var(--heading);font-size:19px;font-weight:600;line-height:1.25;text-decoration:none;transition:color var(--dur-fast)}
.arx-index .arx-sig{justify-self:start}
.arx-index a>.cev-icon{width:18px;height:18px;color:var(--link);opacity:0;transform:translateX(-6px);transition:opacity var(--dur-fast),transform var(--dur-base) var(--ease-out)}
.arx-index a:hover,.arx-index a.is-lit{color:var(--link)}
.arx-index a:hover .arx-sig,.arx-index a.is-lit .arx-sig{background:var(--blue-steel);color:var(--white)}
.arx-index a:hover>.cev-icon,.arx-index a.is-lit>.cev-icon{opacity:1;transform:none}

/* El moble. Tot es mesura en --u perquè s'encongeixi sencer en pantalles petites. */
.arx-moble{--u:1px;--shelf-h:calc(196 * var(--u));display:grid;margin-right:calc(-1 * var(--bleed));padding:calc(14 * var(--u)) 0 calc(18 * var(--u)) calc(14 * var(--u));overflow:hidden;border-radius:var(--radius-window) 0 0 var(--radius-window);background:var(--blue-night);box-shadow:var(--shadow-raised)}
.arx-prestatge{display:flex;align-items:flex-end;gap:calc(3 * var(--u));height:var(--shelf-h);padding:0 calc(18 * var(--u));overflow:hidden;background:radial-gradient(90% 120% at 12% 0,rgba(131,165,211,.26),transparent 65%),linear-gradient(rgba(10,22,34,.6),transparent calc(30 * var(--u))),var(--blue-deep)}
.arx-taula{height:calc(16 * var(--u));background:linear-gradient(var(--blue-mist) 0 1px,var(--blue-steel-hover) 1px calc(5 * var(--u)),var(--blue-steel) calc(5 * var(--u)) calc(100% - 2px),rgba(0,0,0,.3) calc(100% - 2px))}
.arx-grup{display:flex;align-items:flex-end;gap:calc(3 * var(--u));height:100%;color:inherit;text-decoration:none}
/* Llom de llibre: dues franges de daurat (aquí, del color del text) i el teixell a baix */
.arx-llom{--w:30;--h:.85;--c:var(--blue-steel);--t:var(--white);position:relative;flex:none;display:flex;justify-content:center;width:calc(var(--w) * var(--u));height:calc(var(--shelf-h) * var(--h));padding:calc(18 * var(--u)) 0 calc(38 * var(--u));border-radius:calc(3 * var(--u)) calc(3 * var(--u)) 0 0;background:linear-gradient(90deg,rgba(0,0,0,.22),rgba(255,255,255,.14) 20%,rgba(255,255,255,0) 46%,rgba(0,0,0,.16)),var(--c);color:var(--t);transition:transform var(--dur-base) var(--ease-out)}
.arx-llom::before,.arx-llom::after{content:"";position:absolute;left:0;right:0;height:calc(6 * var(--u));border-block:calc(1.5 * var(--u)) solid currentColor;opacity:.4}
.arx-llom::before{top:calc(8 * var(--u))}
.arx-llom::after{bottom:calc(8 * var(--u))}
.arx-llom__t{writing-mode:vertical-rl;transform:rotate(180deg);max-height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(13 * var(--u));font-weight:700;line-height:1;letter-spacing:.08em;text-transform:uppercase}
.arx-llom[data-titol] .arx-llom__t{font-size:calc(11 * var(--u));letter-spacing:.05em}
.arx-llom--inclinat{transform:rotate(6deg);transform-origin:0 100%;margin-right:calc(var(--shelf-h) * var(--h) * .105)}
.arx-teixell{position:absolute;left:50%;bottom:calc(18 * var(--u));display:grid;place-items:center;width:62%;height:calc(14 * var(--u));transform:translateX(-50%);border-radius:calc(2 * var(--u));background:var(--white);color:var(--blue-night);font-size:calc(10 * var(--u));font-weight:700;line-height:1;letter-spacing:.04em}
.arx-pila{flex:none;display:flex;flex-direction:column;align-items:flex-start;margin:0 calc(10 * var(--u)) 0 calc(4 * var(--u))}
.arx-pila>span{display:block;width:calc(var(--w) * var(--u));height:calc(15 * var(--u));border-radius:calc(2 * var(--u));background:linear-gradient(rgba(255,255,255,.16),rgba(255,255,255,0) 40%,rgba(0,0,0,.2)),var(--c)}
.arx-pila>span:nth-child(2){height:calc(19 * var(--u));margin-left:calc(-6 * var(--u))}
.arx-pila>span:nth-child(3){margin-left:calc(5 * var(--u))}
/* Caixa d'arxiu: forat per al dit a dalt i etiqueta amb el nom del fons */
.arx-caixa{--c:var(--sky-200);position:relative;flex:none;display:flex;flex-direction:column;align-items:center;width:calc(64 * var(--u));height:calc(var(--shelf-h) * .9);padding:calc(30 * var(--u)) 0 calc(38 * var(--u));border-radius:calc(3 * var(--u)) calc(3 * var(--u)) 0 0;background:linear-gradient(90deg,rgba(0,0,0,.12),rgba(255,255,255,.22) 16%,rgba(255,255,255,0) 40%,rgba(0,0,0,.1)),var(--c);color:var(--blue-night);text-decoration:none}
.arx-caixa::before{content:"";position:absolute;top:calc(11 * var(--u));left:50%;width:44%;height:calc(10 * var(--u));transform:translateX(-50%);border-radius:var(--radius-pill);background:var(--blue-night);box-shadow:inset 0 calc(2 * var(--u)) calc(3 * var(--u)) rgba(0,0,0,.6)}
.arx-caixa__et,.arx-arxivador__et{writing-mode:vertical-rl;transform:rotate(180deg);max-height:100%;overflow:hidden;padding:calc(8 * var(--u)) calc(5 * var(--u));border-radius:calc(2 * var(--u));background:var(--white);font-size:calc(11 * var(--u));font-weight:700;line-height:1;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.arx-caixa__et{border:1px solid var(--blue-slate)}
/* Fitxer de consulta: fitxes que sobresurten (una guia amb pestanya), portaetiquetes i nansa */
.arx-fitxer{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;gap:calc(7 * var(--u));width:calc(88 * var(--u));height:calc(var(--shelf-h) * .46);margin:0 calc(8 * var(--u));padding-top:calc(14 * var(--u));border-radius:calc(4 * var(--u)) calc(4 * var(--u)) 0 0;background:linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,0) 35%),var(--blue-mist);color:var(--blue-night);text-decoration:none}
.arx-fitxer::before,.arx-fitxer::after{content:"";position:absolute;transition:transform var(--dur-base) var(--ease-out)}
.arx-fitxer::before{left:10%;right:10%;bottom:100%;height:calc(16 * var(--u));border-radius:calc(2 * var(--u)) calc(2 * var(--u)) 0 0;background:linear-gradient(var(--white) 0 calc(100% - 4 * var(--u)),var(--sky-200) 0)}
.arx-fitxer::after{left:20%;width:26%;bottom:calc(100% + 16 * var(--u) - 1px);height:calc(10 * var(--u));border-radius:calc(3 * var(--u)) calc(3 * var(--u)) 0 0;background:var(--blue-bright)}
.arx-fitxer__et{padding:calc(3 * var(--u)) calc(9 * var(--u));border:calc(1.5 * var(--u)) solid var(--blue-steel);border-radius:calc(2 * var(--u));background:var(--white);font-size:calc(11 * var(--u));font-weight:700;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}
.arx-fitxer__nansa{width:calc(30 * var(--u));height:calc(9 * var(--u));border:calc(3 * var(--u)) solid var(--blue-steel);border-top:0;border-radius:0 0 var(--radius-pill) var(--radius-pill)}
.arx-fitxer .arx-teixell{bottom:calc(8 * var(--u));width:auto;padding:0 calc(5 * var(--u))}
/* Arxivador: etiqueta a dalt i forat per al dit a baix (com el de la portada) */
.arx-arxivador{--c:var(--blue-action);position:relative;flex:none;display:flex;flex-direction:column;align-items:center;width:calc(40 * var(--u));height:calc(var(--shelf-h) * .92);padding:calc(14 * var(--u)) 0 calc(64 * var(--u));border-radius:calc(3 * var(--u)) calc(3 * var(--u)) 0 0;background:linear-gradient(90deg,rgba(0,0,0,.2),rgba(255,255,255,.12) 24%,rgba(255,255,255,0) 50%,rgba(0,0,0,.14)),var(--c);color:var(--blue-night);text-decoration:none}
.arx-arxivador::after{content:"";position:absolute;left:50%;bottom:calc(14 * var(--u));width:calc(20 * var(--u));height:calc(20 * var(--u));margin-left:calc(-10 * var(--u));border-radius:50%;background:var(--blue-night);box-shadow:0 0 0 calc(3 * var(--u)) var(--sky-200),inset 0 calc(2 * var(--u)) calc(4 * var(--u)) rgba(0,0,0,.5)}
.arx-arxivador .arx-teixell{bottom:calc(44 * var(--u))}
/* En passar-hi (o per l'apartat de l'índex), l'objecte surt una mica del prestatge.
   Els llibres ho fan en onada quan s'il·lumina tot el catàleg des de l'índex. */
.arx-caixa,.arx-arxivador{transition:transform var(--dur-base) var(--ease-out)}
.arx-grup .arx-llom:hover,.arx-grup.is-lit .arx-llom,a.arx-caixa:hover,.arx-caixa.is-lit,a.arx-arxivador:hover,.arx-arxivador.is-lit{transform:translateY(calc(-14 * var(--u)))}
.arx-grup .arx-llom--inclinat:hover,.arx-grup.is-lit .arx-llom--inclinat{transform:translateY(calc(-14 * var(--u))) rotate(6deg)}
.arx-grup.is-lit .arx-llom{transition-delay:calc(var(--i, 0) * 22ms)}
.arx-fitxer:hover::before,.arx-fitxer:hover::after,.arx-fitxer.is-lit::before,.arx-fitxer.is-lit::after{transform:translateY(calc(-9 * var(--u)))}
@media (max-width:1100px){.arx-moble{--u:.9px}}
@media (max-width:900px){
  .arx-hero{grid-template-columns:minmax(0,1fr)}
  .arx-moble{--u:.92px}
}
@media (max-width:560px){.arx-moble{--u:.72px}}
@media (max-width:400px){.arx-moble{--u:.68px}}
@media (max-width:360px){.arx-moble{--u:.62px}}

/* Apartats de l'arxiu (també a Activitats): espai i text d'entrada sota el títol */
.arx-sec{padding-block:clamp(32px,4vw,56px)}
.arx-sec[id],.arx-registre tr[id]{scroll-margin-top:var(--space-5)}
.arx-intro{max-width:var(--prose-max);margin:0 0 var(--space-6);font-size:18px;line-height:1.6;color:var(--text-muted)}

/* I · Catàleg de publicacions: eines, portades (o llista) i la fitxa que s'obre sota la fila */
/* El catàleg va en una franja de col·lecció (.franja--col) i les publicacions, en una pantalla blanca, per pàgines
   posades una al costat de l'altra: 10 a la llista i 5 a les portades. A sota hi ha la barra de pàgines (números i
   fletxes); la pàgina nova entra pel costat de la fletxa. */
.arx-marc{scroll-margin-top:var(--space-5)}
.arx-pantalla{overflow:hidden;border-radius:var(--radius-md);background:var(--window-bg)}
.arx-pagina{overflow-x:clip}
.arx-pantalla--portades .arx-pagina{padding:clamp(20px,3vw,36px)}
.arx-pagina[data-entra]>.arx-llibres{animation:arx-entra var(--dur-base) var(--ease-out)}
.arx-pagina[data-entra="esquerra"]{--dx:-56px}
@keyframes arx-entra{from{opacity:0;transform:translateX(var(--dx,56px))}}
.arx-pantalla .arx-llibres--llista{border-top:0}
.arx-pantalla .arx-llibres--llista>.arx-item:last-child{border-bottom:0}
.arx-pantalla>.arx-cap{padding:var(--space-4) var(--space-5)}
.arx-pagines{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4);border-top:1px solid var(--line)}
.arx-pagines__rang{font-size:15px;color:var(--text-muted);font-variant-numeric:tabular-nums}
.arx-pagines__botons{display:flex;align-items:center;gap:var(--space-1)}
.arx-pagines button{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 var(--space-2);border:0;border-radius:8px;background:transparent;color:var(--link);font:inherit;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer}
.arx-pagines button:hover{background:var(--sky-50)}
.arx-pagines button[aria-current="page"]{background:var(--accent);color:var(--white)}
.arx-pagines button:disabled{background:none;color:var(--blue-slate);cursor:default}
.arx-pagines .cev-icon{width:20px;height:20px}
.arx-pagines__punts{min-width:24px;color:var(--text-muted);text-align:center}
@media (prefers-reduced-motion:reduce){.arx-pagina[data-entra]>.arx-llibres{animation:none}}
/* Botó que ara no es pot fer servir: gris i ratllat */
.cat-seg button:disabled{color:var(--blue-slate);background:repeating-linear-gradient(-45deg,transparent 0 5px,var(--sky-100) 5px 10px);cursor:not-allowed}
.arx-avis{margin:0 0 var(--space-5);padding:var(--space-3) var(--space-4);border:1.5px dashed var(--blue-mist);border-radius:var(--radius-md);background:var(--sky-100);color:var(--blue-steel);font-size:15px;line-height:1.5}
.arx-eines{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--line)}
.arx-cerca.cat-search{flex:1 1 240px;height:44px}
.arx-eines .cat-seg button{height:36px}
.arx-ordre{display:flex;align-items:center;gap:var(--space-2);font-size:15px;color:var(--text-muted)}
.arx-ordre .cev-select{width:auto;min-height:44px;padding-block:8px;font-size:16px}
.arx-llibres{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-7) clamp(20px,2.5vw,36px);margin:0;padding:0;list-style:none}
@container cev (max-width:820px){.arx-llibres{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container cev (max-width:560px){.arx-llibres{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-4)}}
.arx-item{min-width:0}
.arx-llibre{display:grid;align-content:start;gap:var(--space-3);width:100%;padding:0;border:0;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.arx-llibre:focus-visible{outline:3px solid var(--focus-ring);outline-offset:6px;border-radius:4px}
/* Portada: la foto si n'hi ha; si no, una de dibuixada amb el color de la sèrie */
.arx-coberta{--c:var(--blue-steel);--t:var(--white);container-type:inline-size;position:relative;display:flex;flex-direction:column;aspect-ratio:2/3;padding:12% 10% 10% 16%;overflow:hidden;border-radius:2px 5px 5px 2px;background:linear-gradient(115deg,rgba(255,255,255,.12),rgba(255,255,255,0) 42%),var(--c);color:var(--t);box-shadow:0 1px 1px rgba(26,54,80,.18),0 14px 22px -12px rgba(26,54,80,.5);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}
.arx-coberta::before{content:"";position:absolute;top:0;bottom:0;left:0;width:7%;background:linear-gradient(90deg,rgba(0,0,0,.3),rgba(255,255,255,.2) 55%,rgba(0,0,0,.12))}
.arx-coberta--brand{--c:var(--blue-action)}
.arx-coberta--mist{--c:var(--blue-mist);--t:var(--blue-night)}
.arx-coberta--night{--c:var(--blue-night)}
.arx-coberta__serie{padding-bottom:3cqi;border-bottom:1px solid currentColor;font-size:6.5cqi;font-weight:700;line-height:1.2;letter-spacing:.14em;text-transform:uppercase}
.arx-coberta__titol{display:-webkit-box;margin-top:7cqi;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:6;font-size:11.5cqi;font-weight:700;line-height:1.08;text-wrap:balance;overflow-wrap:anywhere}
.arx-coberta__num{margin-top:auto;font-size:30cqi;font-weight:700;line-height:.9;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.arx-coberta__marca{margin-top:auto;padding-top:3cqi;border-top:1px solid currentColor;font-size:6cqi;font-weight:700;line-height:1.2;letter-spacing:.14em}
.arx-coberta__num+.arx-coberta__marca{margin-top:5cqi}
.arx-coberta--foto{padding:0;background:var(--sky-200)}
.arx-coberta--foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@container (max-width:100px){.arx-coberta>*{display:none}}
.arx-llibre:hover .arx-coberta,.arx-llibre[aria-expanded="true"] .arx-coberta{transform:translateY(-4px);box-shadow:0 1px 1px rgba(26,54,80,.18),0 22px 28px -14px rgba(26,54,80,.55)}
.arx-llibre[aria-expanded="true"] .arx-coberta{outline:3px solid var(--blue-bright);outline-offset:4px}
.arx-llibre__info{display:grid;justify-items:start;gap:4px}
.arx-llibre__titol{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:17px;font-weight:700;line-height:1.3;color:var(--heading)}
.arx-llibre:hover .arx-llibre__titol{color:var(--link);text-decoration:underline;text-underline-offset:3px}
.arx-llibre__autor{font-size:15px;line-height:1.4}
.arx-llibre__meta{font-size:14px;line-height:1.4;color:var(--text-muted);font-variant-numeric:tabular-nums}
.arx-llibre__extra{display:none}
.arx-llibre .cev-badge{margin:4px 0 0}
/* Vista de llista: un registre per fila, com als catàlegs de biblioteca */
.arx-llibres--llista{grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid var(--line)}
.arx-llibres--llista>.arx-item{border-bottom:1px solid var(--line)}
.arx-llibres--llista .arx-llibre{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4)}
.arx-llibres--llista .arx-llibre:hover,.arx-llibres--llista .arx-llibre[aria-expanded="true"]{background:var(--sky-50)}
.arx-llibres--llista .arx-coberta{box-shadow:0 6px 10px -6px rgba(26,54,80,.5)}
.arx-llibres--llista .arx-llibre:hover .arx-coberta,.arx-llibres--llista .arx-llibre[aria-expanded="true"] .arx-coberta{transform:none;outline:0}
/* Llista compacta: el títol en una línia i, a sota, autor, any, pàgines i etiqueta seguits */
.arx-llibres--llista .arx-llibre__info{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px var(--space-3)}
.arx-llibres--llista .arx-llibre__titol{flex-basis:100%;-webkit-line-clamp:1;font-size:17px}
@container cev (max-width:560px){.arx-llibres--llista .arx-llibre__titol{-webkit-line-clamp:2}}
.arx-llibres--llista .arx-llibre .cev-badge{margin:0;min-height:22px;padding:1px 9px;font-size:12px}
.arx-llibres--llista .arx-llibre__extra{display:block;font-size:14px;color:var(--text-muted);font-variant-numeric:tabular-nums}
.arx-llibres--llista .arx-llibre__autor,.arx-llibres--llista .arx-llibre__meta{font-size:14px}
/* Fitxa: s'obre a sota de la fila del llibre, amb una punta que l'assenyala */
.arx-fitxa{grid-column:1/-1;--x:50%;scroll-margin:var(--space-6)}
.arx-llibres:not(.arx-llibres--llista)>.arx-fitxa{margin-top:calc(-1 * var(--space-4))}
.arx-fitxa__in{position:relative;display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,44px);padding:clamp(20px,3vw,36px);border-top:3px solid var(--blue-steel);background:var(--window-bg);animation:arx-obre var(--dur-base) var(--ease-out)}
.arx-fitxa__in::before{content:"";position:absolute;bottom:100%;left:var(--x);margin-left:-10px;border:10px solid transparent;border-top:0;border-bottom-color:var(--blue-steel)}
@keyframes arx-obre{from{opacity:0;transform:translateY(-6px)}}
.arx-fitxa__cos{display:grid;justify-items:start;gap:var(--space-3);min-width:0;padding-right:96px}
.arx-fitxa__cos>*{margin:0}
.arx-fitxa__titol{font-size:clamp(22px,1vw + 15px,28px);line-height:1.2;color:var(--heading);text-wrap:balance}
.arx-fitxa__sub{margin-top:calc(-1 * var(--space-2))!important;font-size:18px;line-height:1.4;color:var(--text-muted)}
.arx-dades{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:var(--space-5);width:100%;max-width:580px;border-top:1px solid var(--line)}
.arx-dades dt,.arx-dades dd{padding:8px 0;border-bottom:1px solid var(--line)}
.arx-dades dt{padding-top:11px;font-size:13px;font-weight:700;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.arx-dades dd{margin:0;font-size:16px;line-height:1.45;font-variant-numeric:tabular-nums}
.arx-fitxa__resum{max-width:var(--prose-max);font-size:17px;line-height:1.65}
.arx-fitxa__tanca{position:absolute;top:var(--space-3);right:var(--space-3)}
@container cev (max-width:640px){
  .arx-fitxa__in{grid-template-columns:minmax(0,1fr)}
  .arx-fitxa__coberta{width:min(150px,50%)}
  .arx-fitxa__cos{padding-right:0}
  .arx-dades{grid-template-columns:minmax(0,1fr)}
  .arx-dades dt{padding-bottom:0;border-bottom:0}
  .arx-dades dd{padding-top:2px}
}
/* Catàleg buit: un prestatge amb els llocs dels llibres que hi aniran */
.arx-buit{display:grid;justify-items:center;gap:var(--space-5);padding:var(--space-6) var(--space-4) var(--space-4);text-align:center}
.arx-buit__prestatge{display:flex;align-items:flex-end;gap:6px;height:130px;padding:0 20px;border-bottom:7px solid var(--blue-slate);border-radius:0 0 2px 2px}
.arx-buit__prestatge span{width:26px;height:80%;border:2px dashed var(--blue-slate);border-bottom:0;border-radius:3px 3px 0 0}
.arx-buit__prestatge span:nth-child(3n+1){width:32px;height:92%}
.arx-buit__prestatge span:nth-child(4n+2){width:22px;height:70%}
.arx-buit__prestatge span:nth-child(5n){width:36px;height:86%}
.arx-buit__text{max-width:52ch;margin:0;font-size:18px;line-height:1.6;color:var(--text-muted)}
.arx-buit__text strong{color:var(--heading)}
.arx-cap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-5) 0;font-size:17px;color:var(--text-muted)}

/* II · Continguts de l'arxiu: llibre de registre, amb el marge doble del número */
.arx-registre{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-window);background:var(--window-bg)}
.arx-registre table{width:100%;border-collapse:collapse}
.arx-registre th,.arx-registre td{padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--line);text-align:left;vertical-align:baseline}
.arx-registre thead th{padding-block:var(--space-3);border-bottom:2px solid var(--blue-steel);background:var(--sky-100);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-steel)}
.arx-registre tbody tr:last-child>*{border-bottom:0}
.arx-registre thead th:first-child,.arx-registre__num{width:76px;border-right:3px double var(--blue-mist)}
.arx-registre__num{font-size:15px;color:var(--text-muted);font-variant-numeric:tabular-nums}
.arx-registre tbody th{width:22%;font-size:19px;font-weight:700;line-height:1.3;color:var(--heading)}
.arx-registre tbody td{font-size:17px;line-height:1.55}
.arx-registre thead th:last-child,.arx-registre__vol{width:1%;text-align:right;white-space:nowrap}
.arx-volum{display:block;font-size:28px;font-weight:700;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}
.arx-volum__et{display:block;margin-top:4px;font-size:14px;color:var(--text-muted)}
.arx-registre__vol .cev-pending{font-size:15px}
.arx-registre tbody tr:target>*{animation:arx-flash 2s var(--ease-out)}
@keyframes arx-flash{0%,35%{background:var(--sky-100)}}
@container cev (max-width:560px){
  .arx-registre thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .arx-registre table,.arx-registre tbody{display:block}
  .arx-registre tbody tr{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--line)}
  .arx-registre tbody tr:last-child{border-bottom:0}
  .arx-registre tbody th,.arx-registre tbody td{display:block;width:auto;padding:0;border:0}
  .arx-registre__num{padding-right:var(--space-3)!important;border-right:3px double var(--blue-mist)!important}
  .arx-registre tbody td:not([class]),.arx-registre__vol{grid-column:2}
  .arx-registre__vol{text-align:left;white-space:normal}
  .arx-volum,.arx-volum__et{display:inline}
  .arx-volum{font-size:22px}
  .arx-volum__et{margin-left:6px}
}

/* Continguts de l'arxiu: títol, entrada i taula a l'esquerra; a la dreta, una fotografia que canvia cada 10 s
   (com la capçalera de la portada). La foto és rectangular però dins d'un marc irregular: la cantonada de dalt a
   l'esquerra és una corba que va de dalt de la taula fins a dalt de tot de l'apartat, i per aquella banda s'esvaeix
   (màscara el·líptica centrada a baix a la dreta). El títol va a dalt a la dreta, sobre la part esvaïda, i la
   descripció i els punts a sota, una mica més a l'esquerra. */
.arx-fons{--gap:clamp(24px,3vw,48px);--sec-pad:clamp(32px,4vw,56px);--bleed:calc((100cqi - min(100cqi, var(--content-max))) / 2 + clamp(16px,2.5vw,32px) + var(--app-pad));display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch;gap:var(--gap)}
.arx-fons__taula{min-width:0}
.arx-mostra{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:420px;padding:var(--space-1) 0 var(--space-6) 10%}
.arx-mostra__imatges{position:absolute;top:calc(-1 * var(--sec-pad));bottom:0;left:calc(-1 * var(--gap));right:calc(-1 * var(--bleed));z-index:-1;pointer-events:none}
.arx-mostra__imatges>*{--mask:radial-gradient(140% 120% at 100% 100%,#000 40%,#0000 95%);position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;-webkit-mask:var(--mask);-webkit-mask-composite:source-in;mask:var(--mask);mask-composite:intersect;transition:opacity 900ms ease}
/* Diapositiva amb text llarg: la foto queda suau darrere del text i es veu sencera a la part de baix. */
.arx-mostra__imatges>.is-vel{--mask:radial-gradient(140% 120% at 100% 100%,#000 40%,#0000 95%),linear-gradient(180deg,rgb(0 0 0 / .28),rgb(0 0 0 / .28) 64%,#000 94%)}
.arx-mostra__imatges>.is-on{opacity:1}
.arx-mostra__text{display:grid;gap:var(--space-3);text-shadow:0 0 18px var(--page-bg),0 0 8px var(--page-bg),0 0 2px var(--page-bg)}
.arx-mostra__diapos{display:grid}
.arx-mostra__diapo{grid-area:1/1;display:grid;justify-items:start;align-content:start;gap:var(--space-3);opacity:0;visibility:hidden;transition:opacity 600ms ease,visibility 0s linear 600ms}
.arx-mostra__diapo.is-on{opacity:1;visibility:visible;transition:opacity 600ms ease}
.arx-mostra__diapo>*{margin:0}
.arx-mostra__diapo>.site-titol{justify-self:end;text-align:right}
.arx-mostra__desc{max-width:440px;font-size:17px;line-height:1.55;color:var(--text)}
.arx-mostra__punts{display:flex;align-items:center;gap:var(--space-2);height:24px}
.arx-mostra__punts button{width:10px;height:10px;padding:0;border:0;border-radius:var(--radius-pill);background:var(--blue-steel);opacity:.35;cursor:pointer;transition:width 300ms,opacity 300ms}
.arx-mostra__punts button[aria-current="true"]{width:28px;opacity:1}
.arx-mostra__punts button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
/* Al mòbil, la foto va sota la taula, amb la mateixa corba, i el text a sota de la foto. */
@media (max-width:900px){
  .arx-fons{grid-template-columns:minmax(0,1fr)}
  .arx-mostra{min-height:0;padding:250px 0 0}
  .arx-mostra__imatges{top:0;bottom:auto;height:270px;left:calc(-1 * clamp(16px,2.5vw,32px) - var(--app-pad))}
  .arx-mostra__imatges>*,.arx-mostra__imatges>.is-vel{--mask:radial-gradient(130% 120% at 100% 100%,#000 55%,#0000 100%),linear-gradient(180deg,#000 70%,#0000)}
  .arx-mostra__diapo>.site-titol{justify-self:start;text-align:left}
}
@media (prefers-reduced-motion:reduce){.arx-mostra__imatges>*,.arx-mostra__diapo{transition:none}}
/* Títol de les fotografies de l'arxiu: el mateix estil dels títols, més petit */
.site-titol--petit{font-size:clamp(22px,.9vw + 14px,28px)}

/* III · Consulta i reproducció: normes numerades i una fitxa catalogràfica amb la citació */
/* Les normes van en dues columnes; la fitxa de la citació va dins del punt 03, sota el text. */
.arx-normes--doble{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,4vw,64px)}
.arx-normes--doble .arx-fitxeta{justify-self:stretch;width:calc(100% - 2 * var(--space-2));max-width:440px;margin:var(--space-3) var(--space-2) var(--space-2)}
.arx-normes{counter-reset:norma;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.arx-normes li{counter-increment:norma;display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:var(--space-3);padding:var(--space-5) 0;border-bottom:1px solid var(--line)}
.arx-normes li::before{content:counter(norma,decimal-leading-zero);grid-row:span 2;padding-top:3px;font-size:15px;font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums}
.arx-normes h3{margin:0 0 4px;font-size:19px;line-height:1.3;color:var(--heading)}
.arx-normes p{margin:0;font-size:17px;line-height:1.6}
/* Normes amb més d'un bloc (text, nota i botó): van dins d'un <div> a la columna del text. */
.arx-normes li>div{display:grid;justify-items:start;align-content:start;gap:var(--space-3)}
.arx-normes li>div>h3{margin:0}
/* Fitxa de 12,5 × 7,5 cm: filet blau, pautat, text de màquina d'escriure i el forat de la vareta */
.arx-fitxeta{position:relative;min-height:220px;margin:var(--space-5) var(--space-2) 0;padding:12px 28px 56px;border-radius:3px;background:repeating-linear-gradient(transparent 0 27px,var(--sky-200) 27px 28px) 0 48px/100% calc(100% - 96px) no-repeat,var(--white);box-shadow:0 1px 2px rgba(26,54,80,.18),0 12px 22px -14px rgba(26,54,80,.45);transform:rotate(-1.5deg)}
.arx-fitxeta::before{content:"";position:absolute;left:0;right:0;top:44px;border-top:2px solid var(--blue-bright)}
.arx-fitxeta::after{content:"";position:absolute;left:50%;bottom:16px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--franja-bg,var(--page-bg));box-shadow:inset 0 1px 3px rgba(26,54,80,.45)}
.arx-fitxeta figcaption{font-size:13px;font-weight:700;line-height:20px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-steel)}
.arx-fitxeta p{margin:15px 0 0;font-family:"Courier New",ui-monospace,monospace;font-size:17px;line-height:28px;color:var(--blue-night)}
.arx-fitxeta__buit{color:var(--text-muted)}
@container cev (max-width:820px){.arx-normes--doble{grid-template-columns:minmax(0,1fr)}}

/* IV · Projectes: els calaixos d'un fitxer, amb portaetiquetes i nansa */
.arx-calaixos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px;border-radius:var(--radius-window);background:linear-gradient(var(--blue-steel),var(--blue-deep))}
.arx-calaix{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-6);border-radius:6px;background:linear-gradient(var(--white),var(--sky-50) 70%,var(--sky-100));box-shadow:inset 0 -4px 0 rgba(26,54,80,.14),inset 0 1px 0 var(--white);color:var(--text);text-align:center;text-decoration:none;scroll-margin-top:var(--space-5);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}
.arx-calaix__et{margin:var(--space-2) 0 0;padding:8px 16px;border:2px solid var(--blue-slate);border-radius:3px;background:var(--white);box-shadow:inset 0 1px 3px rgba(26,54,80,.18);font-size:15px;font-weight:700;line-height:1.25;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-steel)}
.arx-calaix__nansa{width:76px;height:16px;border:4px solid var(--blue-steel);border-top:0;border-radius:0 0 var(--radius-pill) var(--radius-pill)}
.arx-calaix p{margin:var(--space-2) 0 0;max-width:34ch;font-size:16px;line-height:1.55;color:var(--text-muted)}
.arx-calaix .site-more{margin-top:auto}
.arx-calaix--obert:hover{transform:translateY(-4px);box-shadow:inset 0 -4px 0 rgba(26,54,80,.14),0 16px 24px -12px rgba(10,22,34,.6);color:var(--text)}
.arx-calaix:target{animation:arx-flash-calaix 2s var(--ease-out)}
@keyframes arx-flash-calaix{0%,35%{box-shadow:0 0 0 4px var(--blue-bright)}}
/* Segell de tinta, al final del calaix */
.arx-segell{order:1;margin-top:var(--space-1);padding:2px 10px;border:3px double currentColor;border-radius:4px;color:var(--blue-action);font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;transform:rotate(-4deg)}
@container cev (max-width:760px){.arx-calaixos{grid-template-columns:minmax(0,1fr)}}

@media (prefers-reduced-motion:reduce){
  .arx-llom,.arx-caixa,.arx-arxivador,.arx-fitxer::before,.arx-fitxer::after,.arx-coberta,.arx-calaix{transition:none}
  .arx-fitxa__in,.arx-registre tbody tr:target>*,.arx-calaix:target{animation:none}
}

/* 9 · Activitats ----------------------------------------------------------- */
/* Fa servir els títols d'apartat (.site-cap), els apartats i les normes numerades de l'arxiu (.arx-sec, .arx-normes).
   Sense finestres flotants: la pròxima cita és una entrada, i l'agenda i l'arxiu són llistes de files. */

/* Capçalera: text a l'esquerra i l'entrada de la pròxima cita a la dreta */
.act-hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(32px,5vw,72px);padding-block:clamp(16px,2.5vw,32px) clamp(40px,5vw,72px)}
.act-hero__text{display:grid;justify-items:start;gap:var(--space-4)}
.act-hero__text>*{margin:0}
.act-hero__text>.cev-lead{max-width:40ch}
@media (max-width:820px){.act-hero{grid-template-columns:minmax(0,1fr)}}

/* Entrada: taló amb la data, línia de tall amb dues osques i el cos amb la cita */
.act-entrada{--talo:clamp(88px,9vw,112px);--osca:11px;justify-self:center;width:100%;max-width:480px;filter:drop-shadow(0 12px 18px rgba(26,54,80,.18));transform:rotate(-2deg)}
.act-entrada__in{display:grid;grid-template-columns:var(--talo) minmax(0,1fr);min-height:200px;border-radius:12px;background:var(--window-bg);-webkit-mask:radial-gradient(circle var(--osca) at var(--talo) 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--osca) at var(--talo) 100%,#0000 98%,#000) bottom/100% 51% no-repeat;mask:radial-gradient(circle var(--osca) at var(--talo) 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--osca) at var(--talo) 100%,#0000 98%,#000) bottom/100% 51% no-repeat}
.act-entrada__talo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:12px 0 0 12px;background:var(--blue-action);color:var(--white);line-height:1;text-align:center}
.act-entrada__dia{font-size:clamp(40px,3.4vw,52px);font-weight:700;font-variant-numeric:tabular-nums}
.act-entrada__mes{font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.act-entrada__setmana{margin-top:6px;font-size:13px;color:var(--sky-200)}
.act-entrada__cos{display:grid;align-content:center;justify-items:start;gap:8px;padding:var(--space-5) var(--space-5) var(--space-5) var(--space-6);border-left:2px dashed var(--line-strong)}
.act-entrada__cap{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--link)}
.act-entrada__titol{font-size:clamp(20px,.8vw + 15px,24px);font-weight:700;line-height:1.25;color:var(--heading);text-decoration:none;text-wrap:balance}
a.act-entrada__titol:hover{color:var(--link);text-decoration:underline;text-underline-offset:3px}
.act-entrada__meta{display:grid;gap:4px;font-size:15px;line-height:1.4;color:var(--text-muted)}
.act-entrada__meta span{display:inline-flex;align-items:center;gap:6px}
.act-entrada__meta .cev-icon{flex:none;width:16px;height:16px}
.act-entrada--buida .act-entrada__talo{background:var(--blue-slate);color:var(--blue-night)}
.act-entrada--buida .act-entrada__titol{font-size:19px;font-weight:600;color:var(--text-muted)}
@media (max-width:560px){
  .act-entrada{--talo:76px;transform:rotate(-1deg)}
  .act-entrada__in{min-height:170px}
  .act-entrada__cos{padding:var(--space-4) var(--space-4) var(--space-4) var(--space-5)}
}

/* Agenda: filtres, calendari de paret (fix en baixar) i les cites en files */
.act-filters{display:flex;flex-wrap:wrap;gap:var(--space-1);width:fit-content;margin-bottom:var(--space-5);padding:var(--space-1);border-radius:var(--radius-md);background:var(--blue-steel)}
.act-filters button{height:38px;padding:0 var(--space-4);border:0;border-radius:8px;background:transparent;color:var(--white);font-size:16px;font-weight:700;cursor:pointer;transition:background 200ms,color 200ms}
.act-filters button:hover{background:var(--sidebar-item-hover)}
.act-filters button[aria-pressed="true"]{background:var(--window-bg);color:var(--blue-night)}
.act-agenda{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6);align-items:start}
@media (min-width:900px){
  .act-agenda{grid-template-columns:300px minmax(0,1fr)}
  .act-cal{position:sticky;top:var(--space-5)}
}
.act-cal{position:relative;display:grid;gap:var(--space-4);padding:30px var(--space-5) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-window);background:var(--window-bg)}
.act-cal::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:12px;border-radius:var(--radius-window) var(--radius-window) 0 0;background:var(--blue-steel)}
.act-cal::after{content:"";position:absolute;top:-7px;left:24%;right:24%;height:16px;background:linear-gradient(var(--blue-night),var(--blue-night)) left/6px 100% no-repeat,linear-gradient(var(--blue-night),var(--blue-night)) right/6px 100% no-repeat}
.act-cal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}
.act-cal__title{margin:0;font-size:20px;font-weight:700;color:var(--heading)}
.act-cal__nav.cev-btn{width:40px;padding:0}
.act-cal__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}
.act-cal__wd{padding-bottom:var(--space-1);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;color:var(--text-muted)}
.act-cal__day{display:grid;place-items:center;aspect-ratio:1;border:0;border-radius:var(--radius-md);background:transparent;font:inherit;font-size:16px;font-variant-numeric:tabular-nums;color:var(--text)}
.act-cal__day.is-past{color:var(--blue-slate)}
.act-cal__day.is-today{box-shadow:inset 0 0 0 2px var(--accent);font-weight:700}
.act-cal__day.has-event{background:var(--action-bg);color:var(--white);font-weight:700;cursor:pointer;transition:transform var(--dur-fast,150ms)}
.act-cal__day.has-event:hover{transform:scale(1.08)}
.act-cal__legend{display:flex;align-items:center;gap:var(--space-2);margin:0;padding-top:var(--space-3);border-top:1px solid var(--line);font-size:14px;color:var(--text-muted)}
.act-cal__dot{width:14px;height:14px;border-radius:4px;background:var(--action-bg)}
.act-month{margin:var(--space-5) 0 0;padding:0 var(--space-2) var(--space-2);font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}
.act-list>.act-month:first-child{margin-top:0}
.act-list .cev-events{gap:0;border-top:1px solid var(--line)}
.act-list li{scroll-margin:var(--space-6)}
.act-list .cev-event{align-items:start;padding:var(--space-4) var(--space-2);border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
.act-list a.cev-event:hover{transform:none;background:var(--window-bg);box-shadow:none}
.act-list .cev-date{width:64px;height:68px;background:var(--window-bg);box-shadow:inset 0 0 0 1px var(--line)}
.act-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:2px}
.act-desc{margin-top:var(--space-1);font-size:16px;line-height:1.5;color:var(--text)}
.act-empty{min-height:200px}
.act-list li.is-flash .cev-event{animation:act-flash 1.8s var(--ease-out)}
@keyframes act-flash{0%,35%{background:var(--sky-100)}}

/* Arxiu: les darreres i totes, en files d'una línia; la que té més informació s'obre a sota */
.act-bloc+.act-bloc{margin-top:var(--space-7)}
.act-sub{margin:0 0 var(--space-3);font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}
.act-reg{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.act-fila{border-bottom:1px solid var(--line)}
.act-fila__cap{display:grid;grid-template-columns:136px 108px minmax(0,1fr) minmax(0,190px) 16px;align-items:baseline;gap:var(--space-4);width:100%;padding:12px var(--space-2);border:0;background:none;color:var(--text);font:inherit;font-size:16px;line-height:1.4;text-align:left}
button.act-fila__cap{cursor:pointer}
button.act-fila__cap:hover,.act-fila__cap[aria-expanded="true"]{background:var(--window-bg)}
button.act-fila__cap:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}
.act-fila__data{font-size:15px;color:var(--text-muted);font-variant-numeric:tabular-nums}
.act-fila__tipus{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--link)}
.act-fila__titol{font-weight:600;color:var(--heading)}
.act-fila__amb{font-weight:400;color:var(--text-muted)}
.act-fila__lloc{font-size:15px;color:var(--text-muted)}
.act-fila__cap>.cev-icon{align-self:center;width:16px;height:16px;color:var(--link);transition:transform var(--dur-fast) var(--ease-out)}
.act-fila__cap[aria-expanded="true"]>.cev-icon{transform:rotate(90deg)}
.act-fila__det{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-5);padding:var(--space-1) var(--space-2) var(--space-5) calc(136px + 108px + 2 * var(--space-4) + var(--space-2));background:var(--window-bg)}
.act-fila__text{display:grid;justify-items:start;gap:var(--space-2);max-width:var(--prose-max)}
.act-fila__text p{margin:0;font-size:16px;line-height:1.6}
.act-fila__dades{display:flex;flex-wrap:wrap;gap:4px var(--space-4);color:var(--text-muted)}
.act-fila__dades span{display:inline-flex;align-items:center;gap:6px}
.act-fila__dades .cev-icon{width:16px;height:16px}
.act-fila__det img{display:block;width:140px;height:auto;border-radius:3px;box-shadow:0 8px 16px -10px rgba(26,54,80,.5)}
@container cev (max-width:760px){
  .act-fila__cap{grid-template-columns:minmax(0,1fr) auto;gap:2px var(--space-3)}
  .act-fila__data{grid-area:1/1}
  .act-fila__tipus{grid-area:1/2;justify-self:end}
  .act-fila__titol,.act-fila__lloc{grid-column:1/-1}
  .act-fila__cap>:last-child:not(.act-fila__lloc){display:none}
  .act-fila__det{grid-template-columns:minmax(0,1fr);padding-left:var(--space-2)}
}
/* Totes: cercador, tipus i el regle dels anys (cada barra fa l'alçada de les activitats d'aquell any) */
.act-eines{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);margin-bottom:var(--space-5)}
.act-cerca.cat-search{flex:1 1 260px;height:44px}
.act-eines .cat-seg,.arx-eines .cat-seg{flex-wrap:wrap;max-width:100%}
.act-eines .cat-seg button{height:36px}
.act-regle__barres,.act-regle__anys{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));column-gap:3px}
.act-regle__barres{height:104px;padding-top:22px;border-bottom:2px solid var(--blue-steel)}
.act-regle__barres button{position:relative;height:100%;padding:0;border:0;background:none;cursor:pointer}
.act-regle__barres button>span{position:absolute;left:0;right:0;bottom:0;height:var(--h);border-radius:3px 3px 0 0;background:var(--blue-mist);transition:background var(--dur-fast)}
.act-regle__barres button>em{position:absolute;left:50%;bottom:calc(var(--h) + 4px);transform:translateX(-50%);font-size:12px;font-style:normal;font-weight:700;color:var(--blue-steel);opacity:0;transition:opacity var(--dur-fast)}
.act-regle__barres button:hover>span{background:var(--blue-steel)}
.act-regle__barres button[aria-pressed="true"]>span{background:var(--blue-action)}
.act-regle__barres button:hover>em,.act-regle__barres button[aria-pressed="true"]>em{opacity:1}
.act-regle__barres button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}
.act-regle__anys{margin-top:4px;font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}
.act-regle__anys span{justify-self:center;white-space:nowrap}
.act-regle__anys span:not(:empty)::before{content:"";display:block;width:1px;height:6px;margin:0 auto 2px;background:var(--line-strong)}
.act-estat{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);margin:var(--space-5) 0 var(--space-3)}
.act-estat p{margin:0;font-size:16px;color:var(--text-muted)}
.act-any{margin:var(--space-5) 0 0;padding:0 var(--space-2) var(--space-2);font-size:20px;font-weight:700;color:var(--heading);font-variant-numeric:tabular-nums}
#pastResultats>.act-any:first-child{margin-top:0}
.act-mes{margin-top:var(--space-5)}

/* Tipus d'activitat: text i fotografia en ziga-zaga, amb el text com el de Qui som (.about-text).
   A la segona fila la fotografia va a l'esquerra i el text comença una mica més avall.
   Al final, un paràgraf a part separat amb un filet. En una sola columna, cada text va abans de la seva foto. */
.act-tipus{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:var(--space-6) clamp(32px,5vw,72px)}
.act-tipus>.cev-photo{margin-top:var(--space-2)}
.act-tipus--inversa{grid-template-columns:minmax(0,4fr) minmax(0,7fr);margin-top:clamp(32px,4vw,56px)}
.act-tipus--inversa>.about-text{padding-top:clamp(24px,5vw,72px)}
.act-tipus__final{max-width:var(--prose-max);margin:clamp(40px,5vw,64px) 0 0;padding-top:var(--space-5);border-top:1px solid var(--line);font-size:19px;line-height:1.6;color:var(--heading)}
@container cev (max-width:820px){
  .act-tipus,.act-tipus--inversa{grid-template-columns:minmax(0,1fr)}
  .act-tipus>.cev-photo{width:min(100%,460px);margin-top:0}
  .act-tipus--inversa>.cev-photo{order:1}
  .act-tipus--inversa>.about-text{padding-top:0}
}

@media (prefers-reduced-motion:reduce){
  .act-list li.is-flash .cev-event{animation:none;background:var(--sky-100)}
  .act-fila__cap>.cev-icon,.act-regle__barres button>span{transition:none}
}

/* 10 · Fes-te'n soci ------------------------------------------------------- */
/* Presentació: la imatge ocupa la dreta i s'esvaeix cap a l'esquerra, on el text hi passa per sobre. */
.soci-hero{position:relative;overflow:hidden;border-radius:var(--radius-window);background:var(--window-bg);box-shadow:var(--shadow-window)}
.soci-hero__img{position:absolute;inset:0 0 0 30%;-webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.35) 30%,#000 70%);mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.35) 30%,#000 70%)}
.soci-hero__img img{width:100%;height:100%;object-fit:cover}
.soci-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:var(--space-6);min-height:clamp(420px,52vh,560px);padding:clamp(24px,4vw,56px)}
.soci-hero__text{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);align-self:center;max-width:540px;text-shadow:0 0 18px var(--window-bg),0 0 6px var(--window-bg)}
.soci-hero__text>p:not(.cev-lead){font-size:18px;line-height:1.6}

/* Taula de quotes */
.soci-preus{gap:var(--space-2);padding:var(--space-5);box-shadow:var(--shadow-raised)}
.soci-preus__taula{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
.soci-preus__taula caption{margin-bottom:var(--space-3);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:left;color:var(--link)}
.soci-preus__taula th,.soci-preus__taula td{padding:var(--space-3) var(--space-4);text-align:left;vertical-align:top}
.soci-preus__taula th{background:var(--blue-steel);font-size:17px}
.soci-preus__taula th:first-child{border-radius:var(--radius-md) 0 0 0}
.soci-preus__taula th:last-child{border-radius:0 var(--radius-md) 0 0;background:var(--blue-night)}
.soci-preus__taula th a{color:var(--white);text-decoration:none}
.soci-preus__taula th a:hover{text-decoration:underline}
.soci-preus__taula td{border:1px solid var(--line);border-top:0}
.soci-preus__taula td+td{border-left:0}
.soci-preus__taula td:first-child{border-radius:0 0 0 var(--radius-md)}
.soci-preus__taula td:last-child{border-radius:0 0 var(--radius-md) 0}
.soci-preus__taula td small{display:block;margin-top:var(--space-1);font-size:14px;line-height:1.4;color:var(--text-muted)}
.soci-preus__preu{display:block;font-size:clamp(26px,1.2vw + 18px,34px);line-height:1.1;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}
@container cev (max-width:820px){
  .soci-hero__img{inset:0 0 auto 0;height:260px;-webkit-mask-image:linear-gradient(to bottom,#000 40%,transparent 100%);mask-image:linear-gradient(to bottom,#000 40%,transparent 100%)}
  .soci-hero__grid{grid-template-columns:minmax(0,1fr);padding-top:200px;min-height:0}
}

/* Formulari i motius */
.soci-cos{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(32px,4vw,64px)}
.soci-form{gap:var(--space-5);padding:clamp(24px,3vw,40px)}
.soci-tipus{margin:0;padding:0;border:0}
.soci-tipus legend{margin-bottom:var(--space-2)}
.soci-tipus__opcions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.soci-tipus__opcio{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--line-strong);border-radius:var(--radius-md);cursor:pointer}
.soci-tipus__opcio input{flex:0 0 auto;width:20px;height:20px;margin:2px 0 0;accent-color:var(--accent)}
.soci-tipus__opcio span{display:flex;flex-direction:column}
.soci-tipus__opcio small{font-size:14px;color:var(--text-muted)}
.soci-tipus__opcio:has(input:checked){border-color:var(--accent);background:var(--sky-50);box-shadow:inset 0 0 0 1px var(--accent)}
.soci-checks{display:grid;gap:var(--space-3)}
.soci-motius{display:flex;flex-direction:column;gap:var(--space-6);padding-top:var(--space-4)}
.soci-motius__llista{display:grid;gap:var(--space-7);margin:0;padding:0;list-style:none}
.soci-motius__llista li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-5)}
.soci-motius__llista h3{margin:0 0 4px;font-size:21px;line-height:1.3;font-weight:600;color:var(--heading)}
.soci-motius__llista p{margin:0;font-size:16px;line-height:1.5;color:var(--text-muted)}
/* Bombolla: una imatge rodona (en cianotípia) amb el número a sobre */
.soci-bombolla{position:relative;display:grid;place-items:center;width:96px;height:96px;overflow:hidden;isolation:isolate;border-radius:50%;box-shadow:0 0 0 5px var(--sky-100),var(--shadow-raised)}
.soci-bombolla img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1)}
.soci-bombolla::after{content:"";position:absolute;inset:0;background:var(--blue-night);mix-blend-mode:multiply;opacity:.75}
.soci-bombolla b{position:relative;z-index:1;font-size:40px;line-height:1;font-weight:700;color:var(--white);font-variant-numeric:tabular-nums}
@container cev (max-width:880px){.soci-cos{grid-template-columns:minmax(0,1fr)}}
@container cev (max-width:520px){
  .soci-tipus__opcions{grid-template-columns:minmax(0,1fr)}
  .soci-bombolla{width:72px;height:72px}
  .soci-bombolla b{font-size:30px}
  .soci-motius__llista{gap:var(--space-6)}
}

/* 11 · Contacte ------------------------------------------------------------ */
.contacte{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(32px,4vw,64px)}
.contacte-dades{gap:var(--space-4);padding:clamp(24px,3vw,40px)}
.contacte-titol{margin:0;font-size:22px;line-height:1.25;font-weight:700;color:var(--heading)}
.contacte-titol+*{margin-top:var(--space-1)}
.contacte-llista{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none}
.contacte-llista+.contacte-llista{padding-top:var(--space-4);border-top:1px solid var(--line)}
.contacte-llista+.contacte-titol{margin-top:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--line)}
.contacte-item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-4)}
.contacte-item>span:last-child,.contacte-item address{display:flex;flex-direction:column;gap:2px;min-width:0;font-style:normal;font-size:18px;line-height:1.4}
.contacte-item small{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
.contacte-item a{overflow-wrap:anywhere;font-weight:600}
.contacte-item address strong{color:var(--heading)}
.contacte-mapa{align-self:flex-start;margin-left:calc(-1 * var(--space-3))}
.contacte-seu{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);font-size:18px;line-height:1.6}
.contacte-seu>.cev-photo{align-self:stretch;margin-bottom:var(--space-3)}
.contacte-seu>p{margin:0;max-width:var(--prose-max)}
.contacte-avis{display:flex;align-items:flex-start;gap:var(--space-3);max-width:var(--prose-max);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--window-tint-bg);color:var(--blue-steel)}
.contacte-avis .cev-icon{flex:0 0 auto;width:24px;height:24px;margin-top:2px;color:var(--accent)}
.contacte-avis p{margin:0}
@container cev (max-width:820px){.contacte{grid-template-columns:minmax(0,1fr)}}

/* 12 · Textos legals (avís legal, privacitat, galetes) ---------------------- */
/* Són plantilles: els camps per omplir es veuen ressaltats i les notes, en una caixa discontínua. */
.legal-head{display:grid;justify-items:start;gap:var(--space-3);padding-bottom:var(--space-5)}
.legal-head .cev-h1{margin:0}
.legal-head .cev-lead{max-width:var(--prose-max);margin:0}
.legal-updated{margin:0;font-size:15px;color:var(--text-muted)}
.legal-wrap{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:clamp(24px,4vw,56px);padding-bottom:clamp(48px,6vw,88px)}
.legal{max-width:760px;font-size:17px;line-height:1.65}
.legal h2{margin-top:1.8em;font-size:24px;color:var(--heading)}
.legal>h2:first-of-type{margin-top:1.2em}
.legal-nav{position:sticky;top:var(--space-5);display:grid;gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-window);background:var(--window-bg);box-shadow:var(--shadow-window)}
.legal-nav a{color:var(--link);text-decoration:none;font-weight:600}
.legal-nav a:hover{text-decoration:underline}
.legal-nav a[aria-current="page"]{color:var(--heading);font-weight:700}
.legal-note{padding:var(--space-3) var(--space-4);border:1.5px dashed var(--blue-mist);border-radius:var(--radius-md);background:var(--sky-100);color:var(--blue-steel);font-size:15px;line-height:1.5}
.legal-note::before{content:"Nota per omplir · ";font-weight:700}
.legal-fill{padding:0 4px;border-radius:4px;background:var(--sky-200);color:var(--blue-night);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.legal-table{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--window-bg)}
.legal-table table{width:100%;min-width:640px;border-collapse:collapse;font-size:15px;line-height:1.45}
.legal-table th,.legal-table td{padding:var(--space-3);border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.legal-table thead th{background:var(--sky-100);color:var(--heading);font-weight:700}
.legal-table tbody tr:last-child>*{border-bottom:0}
.legal-table tbody th{color:var(--heading)}
@media (max-width:900px){
  .legal-wrap{grid-template-columns:minmax(0,1fr)}
  .legal-nav{position:static;order:-1}
}
/* Primera capa d'informació (art. 11 LOPDGDD) al costat dels formularis que recullen dades:
   una frase amb el responsable, la finalitat i els drets, i l'enllaç a la política sencera. */
.legal-capa{margin:0;font-size:14px;line-height:1.5;color:var(--text-muted)}
.legal-capa strong{color:var(--heading)}
.legal-capa--peu{font-size:13px;color:var(--bottombar-meta)}
.legal-capa--peu strong{color:var(--bottombar-text)}

/* 13 · Pàgina no trobada (404) ---------------------------------------------- */
.nf-head{display:grid;justify-items:start;gap:var(--space-3);padding-bottom:var(--space-5)}
.nf-head .cev-h1{margin:0}
.nf-head .cev-lead{max-width:var(--prose-max);margin:0}
.nf-head .cev-actions{margin-top:var(--space-2)}
.nf-body{display:grid;gap:clamp(32px,4vw,48px);padding-bottom:clamp(48px,6vw,88px)}
.nf-search{gap:var(--space-2);max-width:720px}
.nf-label{margin:0 0 var(--space-4)}
/* Al mòbil les seccions són files compactes (icona a l'esquerra, text a la dreta)
   perquè les sis targetes no facin la pàgina inacabable. */
@container cev (max-width:760px){
  .nf-links{gap:var(--space-3)}
  .nf-links .cev-window{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px var(--space-4);align-items:center;padding:var(--space-4)}
  .nf-links .cev-feature__icon{grid-row:span 2;width:40px;height:40px}
  .nf-links .cev-window__title{font-size:18px}
}