/* ═══════════════════════════════════════════════════════════════════════════════════════
   landing-v3.css — el full del PINTOR v3 de les landings d'Avalon.
   CALCAT de la landing publicada «Ayahuasca retreats for the UK» (weareavalon.love/ayahuasca-retreats-uk,
   plantilla d'Elementor 19526), mesurat al navegador a 1440 px el 29/09/2026 (getComputedStyle).
   Les mesures crues són a _esquemes-v3/_web/uk-front-extret.json i uk-front-detall.json.
   Tot penja de .al-landing: cap selector surt d'aquí (no toca la capçalera ni el peu d'Elementor).
   Zero !important. Mai 100vh: la portada fa servir svh.
   «suposo» = valor no mesurat (es diu al costat). Els quatre que ho eren s'han mesurat a la sonda del 29/09.
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.al-landing{
  --al-max:1230px;                                   /* .e-con-inner de totes les franges */
  --al-titol:"Cormorant Garamond",serif;             /* kit 14 · títols */
  --al-cos:"Libre Franklin",sans-serif;              /* kit 14 · cos (body) */
  --al-fons:#030303;                                 /* body */
  background:var(--al-fons);color:#fff;
  font-family:var(--al-cos);font-size:16px;line-height:1.5;
  -webkit-font-smoothing:antialiased;overflow-x:clip;
}
.al-landing *,.al-landing *::before,.al-landing *::after{box-sizing:border-box}
.al-landing img{max-width:100%;height:auto;display:block}
.al-landing a{color:#d5d5d5;text-decoration:none;transition:color .3s}
.al-landing a:hover{color:#fff}
/* El tema (Hello Elementor) posa marges als títols (h2: 8 a dalt, 16 a baix; vist el 29/09): aquí fora.
   Pes d'una classe, perquè guanyi el del tema i perdi contra totes les regles d'aquí sota. */
.al-landing :where(h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote){margin:0}
.al-landing :where(ul,ol){padding:0;list-style:none}

/* ── la franja ── */
.al-bloc{position:relative}
/* dins del cos que puja, cada bloc és opac i va per sobre del tancament que es revela (els fons propis, més avall, manen) */
:where(.al-cortina-cos) > .al-bloc{z-index:1;background-color:var(--al-fons)}
.al-marc{position:relative;max-width:var(--al-max);margin:0 auto;padding:0 15px}
.al-sobre{position:relative;z-index:2}
.al-propi{padding:50px 0 45px}                                  /* s1..s8: 50 dalt · 45 baix (mesurat a totes) */
.al-propi > .al-marc{padding-top:15px;padding-bottom:15px}      /* + el contenidor de dins (15): el títol queda a 75, com al viu (vist a 1536 el 29/09) */
.al-fons-color{background:#0c0c0c}                              /* s6: rgb(12,12,12) */
.al-fons{position:absolute;inset:0;background:center/cover no-repeat}
.al-fons-video{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .9s ease}
.al-fons-video.is-en-marxa{opacity:1}   /* el vídeo, quan ja corre; fins llavors, la foto de sota (landing.js) */
@media (prefers-reduced-motion:reduce){.al-fons-video{transition:none}}
.al-fons-video iframe{position:absolute;top:50%;left:50%;width:max(100%,177.78svh);height:max(100%,56.25vw);transform:translate(-50%,-50%);border:0}
.al-vel{position:absolute;inset:0;z-index:1;background:var(--vel-c,#000);opacity:var(--vel,.4)}   /* ::before de la franja */

/* ── la capçalera de secció: segell · títol · filet + barra ── */
.al-cap{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;text-align:center}
.al-cap__segell svg{display:block;width:81px;height:81px;margin:0 auto 6px}   /* icona 81 · widget 87 */
.al-cap__titol{font:700 28px/32px var(--al-titol);letter-spacing:1px;text-transform:uppercase;color:#fff}
.al-cap__filet{position:relative;width:470px;max-width:100%;height:42px}
.al-cap__filet::before{content:"";position:absolute;left:0;right:0;top:35px;border-top:.8px solid var(--al-filet,#333)}  /* divisor 1: 470 · 0,8 px */
.al-cap__filet::after{content:"";position:absolute;left:50%;top:36px;width:63px;margin-left:-31.5px;border-top:6px solid #fff} /* divisor 2: 63 · 6 px */
.al-propi .al-cap{--al-filet:#fff}                              /* s4 s5 s6 s8: filet blanc */
.al-propi.al-filet-fosc .al-cap{--al-filet:#333}               /* s7: #333 */
.al-cap__entrada{text-align:center;color:#fff;margin:0 auto}
.al-cap__entrada--fina{font:400 16px/24px var(--al-cos);color:#fdfdfd;max-width:1200px;margin-top:20px}        /* events */
.al-cap__entrada--forta{font:600 16px/24px var(--al-cos);max-width:847px;margin-top:35px}        /* s4 */
.al-cap__entrada--lleu{font:300 16px/25.6px var(--al-cos);max-width:506px;margin-top:20px}       /* ressenyes */
.al-cap + .al-cos{margin-top:35px}

/* ── el cos del bloc lliure ── */
.al-text{font:400 16px/24px var(--al-cos);color:#fff}
.al-text--28{line-height:28px}
.al-text p{margin:0 0 14.4px}
.al-text p:last-child{margin-bottom:0}
.al-text a{color:#bbb;text-decoration:underline}
.al-cos--partit{display:flex;gap:40px;align-items:center}
.al-cos--partit > *{flex:1 1 0;min-width:0}
.al-cos--gap20{gap:20px}
.al-cos--estira{align-items:stretch}
.al-cos--dalt{align-items:flex-start}
.al-cos--ample{margin-inline:-15px}                                 /* s3 ocupa els 1230 sencers */
.al-cos--estret{max-width:726px;margin-inline:auto}                 /* s8 */
.al-titol-columna{font:700 32px/32px var(--al-titol);color:#fff}   /* s3 */
.al-mitja{position:relative;overflow:hidden;background:#111 center/cover no-repeat}
.al-mitja img{width:100%;height:100%;object-fit:cover}
.al-mitja iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.al-mitja--16-9{aspect-ratio:16/9}
.al-mitja--16-10{aspect-ratio:615/384}
.al-mitja--300{height:300px}
.al-mitja--408{height:408px}
.al-mitja--omple{min-height:100%}
.al-mitja__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:none;border:0;cursor:pointer;padding:0}
.al-mitja__play svg{width:70px;height:70px;fill:#fff;opacity:.8;filter:drop-shadow(1px 0 6px rgba(0,0,0,.3))}   /* e-eicon-play */

/* ── llistes ── */
.al-llista--targetes{display:flex;flex-wrap:wrap;justify-content:center;gap:46px 20px}
.al-cols-3{max-width:985px;margin:60px auto 0}                      /* s4: 3 × 315 + 2 × 20 */
.al-cols-3 .al-targeta{flex:0 0 315px}
.al-cols-2{gap:20px 20px;align-content:flex-start}                   /* s5: 2 × 279 */
.al-cols-2 .al-targeta{flex:0 0 calc(50% - 10px);min-height:235px}
.al-targeta{background:rgba(12,12,12,.4);border-radius:16px;padding:20px;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center}
.al-targeta img{width:36px;height:71px;object-fit:contain}
.al-targeta h3{font:300 15px/23px var(--al-cos);color:#fff}
.al-targeta--icona{justify-content:flex-start;gap:6px}
.al-targeta--icona img{width:60px;height:60px;border-radius:50%}
.al-llista--files{margin-top:15px}
.al-fila{display:flex;align-items:center;gap:22px;padding:21px 10px}
.al-fila img{width:65px;height:65px;flex:none;object-fit:contain}  /* l'atrapasomnis és més alt que ample: no s'aixafa */
.al-fila h3{font:400 15px/23px var(--al-cos);color:#fff}
.al-fila strong{font-weight:600}

/* ── botons (kit 14) ── */
.al-boto{display:inline-block;font:500 18px/1 var(--al-titol);text-transform:uppercase;color:#fff;background:#171717;border:.8px solid #fff;border-radius:0;padding:18px 30px;text-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 37px -7px rgba(0,0,0,.25);cursor:pointer}
.al-landing a.al-boto{color:#fff;text-decoration:none}   /* dins d'una columna de text, «.al-text a» el subratllava */
.al-boto--fosc{background:#030303}
.al-boto--pla{background:#030303;border:0;padding:14px 36px 16px;letter-spacing:.1px}
.al-boto--transparent{background:transparent;border:0;padding:14px 36px;letter-spacing:.1px;box-shadow:none}

/* ── portada i tancament ── */
.al-portada{min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden}   /* mesurat: 825,2 px = l'alçada de la finestra (100vh a escriptori; aquí svh) */
.al-portada__cos{position:relative;z-index:2;width:950px;max-width:100%;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center}
.al-portada__cos .al-cap__segell svg{margin-bottom:27px}
.al-portada__titol{font:700 30px/32px var(--al-titol);letter-spacing:2px;text-transform:uppercase;color:#fff;margin-bottom:20px}
.al-portada__text{font:400 18px/27px var(--al-cos);text-align:center}
.al-tancament__titol{font:700 34px/42px var(--al-titol);letter-spacing:1px;text-transform:uppercase;color:#fff}
.al-tancament__cos .al-cap__segell svg{margin-bottom:6px}

/* ── events: carrusel i targeta (llistat 19356) ── */
.al-cataleg{padding:25px 0 20px}
.al-carrusel{position:relative;margin-top:20px}
.al-carrusel__finestra{overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:9px;scrollbar-width:none}
.al-carrusel__finestra::-webkit-scrollbar{display:none}
.al-carrusel__pista{display:flex;column-gap:37px;padding:30px 9px 10px}
.al-carrusel__fletxa{position:absolute;top:50%;width:50px;height:50px;margin-top:-25px;background:transparent;border:0;color:#fff;font:400 44px/50px var(--al-cos);cursor:pointer;z-index:2}
.al-carrusel__fletxa--ant{left:-46px}
.al-carrusel__fletxa--seg{right:-46px}
.al-ev{flex:0 0 370px;scroll-snap-align:start;background:#0e1113;display:flex;flex-direction:column}
.al-ev__img{position:relative;display:block;aspect-ratio:370/253;overflow:hidden}
.al-ev__img img{width:100%;height:100%;object-fit:cover}
.al-ev__estat{position:absolute;top:10px;right:10px;background:#202020;color:#fff;border:.8px solid rgba(255,255,255,.15);border-radius:20px;padding:10px 20px;font:300 14px/16.8px var(--al-titol);text-transform:uppercase}  /* mesurat a la sonda (29/09): «2 spots left» */
.al-ev__cos{padding:15px 15px 20px 20px;display:flex;flex-direction:column;flex:1}
.al-ev__titol{font:700 24px/28.8px var(--al-titol);margin-top:10px}
.al-ev__titol a{color:#d5d5d5}
.al-ev__data{font:300 24px/28.8px var(--al-titol);color:#fff;margin-top:10px}
.al-ev__resum{font:300 14px/21px var(--al-cos);color:#fff;margin-top:13px}
.al-ev__dades{display:grid;grid-template-columns:1fr 1fr;gap:20px 0;margin-top:auto;padding-top:22px;border-top:.8px solid #444;text-align:center;font:400 13px/18.2px var(--al-cos)}  /* filet mesurat a la sonda: hr 0,8 px rgb(68,68,68) */
.al-ev__dades span{display:flex;flex-direction:column;align-items:center;gap:4px}
.al-ev__dades img,.al-ev__dades svg{width:20px;height:20px;color:#fff}
.al-ev__botons{display:flex;gap:8px;margin-top:18px}
.al-ev__boto{flex:1;text-align:center;background:#0a0c0e;color:#d5d5d5;font:500 15px/22.5px var(--al-titol);text-transform:uppercase;padding:14px 0}
.al-ev__boto--vora{background:rgba(26,29,32,.5);border:.8px solid #fff}

/* ── trucada (bàner) ── */
.al-baner{min-height:450px;display:flex;align-items:center;justify-content:center;padding:57px 0}
.al-baner__cos{width:960px;max-width:100%;padding:10px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.al-baner__sub{font:300 24px/33.6px var(--al-titol);letter-spacing:.1px;color:#fff}
.al-baner__sub--franklin{font:400 18px/27px var(--al-cos);letter-spacing:0}   /* Libre Franklin (Isaac, 01/10): la mida i l'interlineat del text de la portada (.al-portada__text) */
.al-baner__botons{margin:0;padding:10px}

/* ── preguntes (llistat 19492 · jet-accordion) ── */
.al-preguntes{background:#030303;padding:35px 0 50px}
.al-preguntes .al-cap{max-width:600px;margin:0 auto}
.al-preguntes .al-cap__titol{max-width:580px}
.al-acordio{margin:90px 5px 0;border:.4px solid #8f8f8f}      /* 1190 d'ample · 103 px sota la barra */
.al-pregunta{border:.8px solid #8f8f8f}
.al-pregunta summary{list-style:none;cursor:pointer;padding:15px 20px;font:700 24px/36px var(--al-titol);color:#fff}
.al-pregunta summary::-webkit-details-marker{display:none}
.al-pregunta__resposta{padding:0 20px 20px;font:400 16px/24px var(--al-cos)}   /* lletra mesurada a la sonda (18/27 al telèfon); el farciment, suposo */

/* ── ressenyes (agregats) ── */
.al-ressenyes{background:#000;padding:35px 0 50px}
.al-agregats{display:flex;justify-content:center;gap:16px;margin:50px -10px 0;flex-wrap:wrap}   /* 4 × 293 + 3 × 16 = 1220 */
.al-agregat{flex:0 0 293px;min-height:300px;background:#0c0c0c;border-radius:2px;padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.al-agregat img{width:70px;height:64px;object-fit:contain}
.al-agregat__nota{font:700 31px/23px var(--al-titol);text-transform:uppercase}
.al-agregat__nom{font:700 18px/23px var(--al-titol);text-transform:uppercase;max-width:200px}
.al-agregat__sub{font:400 18px/23px var(--al-titol)}                  /* mesurat a la sonda: «Top Rated & Staff Pick» */
.al-agregat__n{font:100 18px/23px var(--al-cos)}
.al-agregat .al-boto{margin-top:auto}

/* ── butlletí ── */
.al-butlleti-bloc{background:#030303;min-height:300px;display:flex;justify-content:center}
.al-butlleti{width:1000px;max-width:100%;padding:80px 100px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.al-butlleti__form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 10px;width:641px;max-width:100%}
.al-butlleti__form input{height:40px;background:#202020;border:.8px solid #69727d;border-radius:3px;padding:8px 16px;color:#fff;font:300 16px/22.4px "Cormorand-Garamond",serif}  /* el nom té una lletra canviada al web: es calca */
.al-butlleti__form button{grid-column:1/-1;height:50px;background:rgba(0,0,0,.85);border:.8px solid rgba(255,255,255,.76);color:#fff;font:600 16px/16px var(--al-titol);text-transform:uppercase;cursor:pointer}

/* ── explora més ── */
.al-explora-bloc{background:#0a0a0a;padding:70px 0 70px}
.al-explora-bloc .al-cap{max-width:none}
.al-explora-bloc .al-cap__entrada{font:300 18px/27px var(--al-cos)}
.al-explora{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.al-explora__targeta{position:relative;min-height:300px;border-radius:6px;overflow:hidden;background:center/cover no-repeat;display:flex;align-items:center;justify-content:center;padding:10px}
.al-explora__targeta::before{content:"";position:absolute;inset:0;background:#000;opacity:.6}
.al-explora__cos{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;max-width:555px}
.al-explora__cos h3{font:700 28px/32px var(--al-titol);letter-spacing:1px;text-transform:uppercase;color:#fff}
.al-explora__cos p{font:300 18px/27px var(--al-cos)}

/* ── telèfon (el tall d'Elementor: 767 px) ── */
@media (max-width:1024px){
  .al-carrusel__fletxa--ant{left:-10px}.al-carrusel__fletxa--seg{right:-10px}
  .al-cols-3{max-width:650px}
}
@media (max-width:767px){
  .al-propi{padding:40px 0 35px}
  .al-cos--partit{flex-direction:column;gap:24px}
  .al-cos--partit.al-mobil-text-primer > .al-mitja{order:2}
  .al-cos--ample{margin-inline:0}
  .al-cap__titol{font-size:24px;line-height:28px}
  .al-portada__titol{font-size:26px;line-height:30px}
  .al-mitja--300,.al-mitja--408,.al-mitja--omple{height:auto;min-height:0;aspect-ratio:3/2;width:100%}
  .al-cols-2 .al-targeta,.al-cols-3 .al-targeta{flex:0 0 100%}
  .al-ev{flex:0 0 85%}
  .al-explora{grid-template-columns:1fr}
  .al-butlleti{padding:50px 20px}
  .al-butlleti__form{grid-template-columns:1fr}
  .al-agregat{flex:0 0 100%}
}

/* ═══════════════════════════════════════════════════════════════════════════════════════
   AFEGITS DEL PINTOR (29/09/2026, Opus). El de dalt és el full aprovat, copiat; aquí hi ha
   el que el pintor necessita per a les sis decisions del bloc lliure i per als blocs que la
   landing del Regne Unit no té. Mides de la pàgina de retirs privats d'AlabastOS
   (Lean/src/narrative/avalon/av.css, calcada d'Avalon bloc a bloc): família, centre,
   comoditats, les quatre targetes amb foto. «suposo» = sense mesura (es diu al costat).
   ═══════════════════════════════════════════════════════════════════════════════════════ */
:where(.al-landing) :where(figure,blockquote){margin:0}

/* ── el bloc lliure: repartiment, apilat, centrat, proporcions ── */
.al-cos--60-40 > .al-mitja,.al-cos--60-40 > .al-galeria{flex:0 0 40%}
.al-cos--apilat{display:flex;flex-direction:column;gap:30px}
.al-cos--centrat{align-items:center;text-align:center}
.al-cos--centrat .al-text{max-width:847px}
.al-cos__mitja--ample{width:100%}
.al-cos__mitja--centre{width:62%;max-width:760px;margin:0 auto}
.al-prop-panoramica{aspect-ratio:16/9}
.al-prop-16-10{aspect-ratio:16/10}
.al-prop-2-1{aspect-ratio:2/1}
.al-prop-21-9{aspect-ratio:21/9}
.al-prop-3-1{aspect-ratio:3/1}   /* les panoràmiques de debò (Isaac, 30/09: «16:9, 16:10 i encara molt més panoràmics») */
.al-prop-4-3{aspect-ratio:4/3}
.al-prop-quadrada{aspect-ratio:1}
.al-prop-vertical{aspect-ratio:3/4}
.al-mitja.al-prop-original{background:none}
.al-mitja.al-prop-original img{height:auto}
.al-mitja--video{cursor:pointer}
.al-mitja--video > img{position:absolute;inset:0}
.al-mitja video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.al-fons-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.al-sub{font:600 16px/24px var(--al-cos);color:#fff;margin-top:12px}
.al-titol-columna + .al-text__cos,.al-sub + .al-text__cos,.al-cap__segell + .al-titol-columna{margin-top:20px}
.al-text__cos--2,.al-text .al-llista--files{margin-top:20px}

/* galeria (mitjà «galeria» i la del centre: 3 columnes · 6 px · radi 6, av-center__gallery) */
.al-galeria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.al-galeria--1{grid-template-columns:minmax(0,1fr)}
.al-galeria--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.al-galeria--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.al-galeria__foto img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.al-galeria--centre{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 6px;padding:10px 0;margin-top:10px}
.al-galeria--centre .al-galeria__foto img{aspect-ratio:auto;height:auto}

/* botons */
.al-botons{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 0}
.al-botons--centre,.al-cos--centrat .al-botons{justify-content:center}
.al-botons--centre{margin-top:30px}
.al-boto--contorn{background:transparent}

/* llistes: 4 columnes, sobre fons, text dels elements, enllaç */
.al-cols-4 .al-targeta{flex:0 0 calc(25% - 15px)}
.al-llista--fons .al-targeta{background:#0c0c0c}
.al-targeta__text,.al-fila__text{font:300 15px/23px var(--al-cos);color:#fff}
.al-fila__text{font-weight:400}
.al-targeta__text p,.al-fila__text p{margin:0}
.al-fila__txt{display:flex;flex-direction:column;gap:4px}
.al-targeta__enllac{display:contents;color:inherit}
/* les targetes amb foto de fons (les «quatre targetes» de retirs privats: av-pillar) */
.al-targeta--foto{position:relative;min-height:300px;border-radius:6px;overflow:hidden;background:#111 center/cover no-repeat;justify-content:center;transition:transform .4s,box-shadow .3s}
.al-targeta--foto::before{content:"";position:absolute;inset:0;background:#000;opacity:.6;transition:opacity .3s}
.al-targeta--foto:hover{transform:scale(1.01);box-shadow:0 0 18px 0 rgba(0,0,0,.28)}
.al-targeta--foto:hover::before{opacity:.55}
.al-targeta--foto > *{position:relative;z-index:1}
.al-targeta--foto h3{font:400 28px/32px var(--al-titol);letter-spacing:1px;text-transform:uppercase;padding:0 20px}

/* la cita */
.al-cita{max-width:860px;margin:0 auto;text-align:center}
.al-cita__text{font:italic 400 28px/38px var(--al-titol);color:#fff}      /* suposo: sense mesura */
.al-cita__text p{margin:0}
.al-cita__autor{display:inline-flex;align-items:center;gap:12px;margin-top:24px;text-align:left}
.al-cita__autor img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.al-cita__autor b{display:block;font:700 18px/22px var(--al-titol);text-transform:uppercase}
.al-cita__autor small{display:block;font:300 14px/20px var(--al-cos)}

/* ── portada: alçades i subtítol (h1 petit d'av-hero: Cormorant 22/500) ── */
.al-portada.al-alcada-75{min-height:75svh}
.al-portada.al-alcada-50{min-height:50svh}
.al-portada__sub{font:300 24px/33.6px var(--al-titol);letter-spacing:.1px;color:#fff;margin:-4px 0 20px}   /* en lletra normal i fina, com la frase del «Book a call» (Isaac, 01/10: abans, majúscules a 500 22/24) */

/* ── el catàleg: graella, files, missatge si és buit ── */
.al-graella{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:37px;margin-top:30px}
.al-graella--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.al-graella--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.al-graella > .al-ev{flex:none}
.al-files{display:flex;flex-direction:column;gap:20px;margin-top:30px}
.al-files > .al-ev{flex-direction:row}
.al-files > .al-ev .al-ev__img{flex:0 0 370px}
.al-buit{text-align:center;font:400 16px/24px var(--al-cos);color:#fdfdfd;margin-top:30px}

/* la família (llistat 688; cap landing publicada en porta, així que no hi ha mesura: suposo) */
.al-bloc--equip{background:#030303;padding:50px 0}
.al-persona{flex:0 0 280px;scroll-snap-align:start;text-align:center}
.al-persona a{color:inherit;display:block}
.al-persona img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px}
.al-persona__nom{font:700 24px/28px var(--al-titol);text-transform:uppercase;color:#fff;margin-top:14px}
.al-persona__rol{font:300 15px/22px var(--al-cos);color:#d5d5d5;margin-top:4px}

/* el centre («See our Space»; av-center: nom Cormorant 24/400, text Libre Franklin 16/1,6, foto radi 6) */
.al-bloc--centre{background:#030303;padding:35px 0 50px}
/* el centre, com avui (vist el 30/09 a Eivissa, 1440): foto de 600 a tota l'amplada del marc (1.230), 30 px fins al
   text (590), sense cantons; «Retreat center in …» en Cormorant 400 24/36 majúscules i el text en 16/24, 20 px sota */
.al-cataleg.al-bloc--centre{padding-top:45px}                            /* el títol de la secció, a 65 de dalt */
.al-centre{gap:30px;margin-inline:-15px}
.al-cap + .al-centre{margin-top:60px}                                    /* 116 px del títol de la secció a la foto */
.al-centre > *{flex:1 1 50%}
.al-centre > .al-text{padding-right:10px}
.al-centre .al-mitja{background:none}
.al-landing .al-centre__titol{font:400 24px/36px var(--al-titol);text-transform:uppercase;color:#fff}   /* el kit hi posa 26 i 500 */
.al-centre__titol + .al-text__cos{margin-top:20px}
.al-centre .al-text__cos{font:400 16px/24px var(--al-cos)}
@media (max-width:767px){.al-centre{margin-inline:0}.al-centre > .al-text{padding-right:0}}

/* les comoditats («You will also enjoy», llistat 18753; av-amenities: 2 columnes, 34/28, 1000 d'ample) */
.al-bloc--comoditats,.al-bloc--medicines{background:#0a0a0a;padding:50px 0}
.al-graella--termes{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 28px;max-width:1000px;margin:30px auto 0}
.al-graella--termes.al-graella--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.al-graella--termes.al-graella--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.al-terme{display:flex;align-items:center}
.al-terme__icona{flex:0 0 16%;display:flex;justify-content:center;padding:6px}
.al-terme__icona img{width:100%;max-width:64px}
.al-terme__cos{flex:1 1 auto;display:flex;flex-direction:column;gap:8px}
.al-terme__titol{font:700 18px/23px var(--al-titol);text-transform:uppercase;color:#fff}
.al-terme__text{font:300 16px/1.5 var(--al-cos);color:#fff}

/* fitxes genèriques (habitacions, extres, programes) */
.al-element{flex:0 0 370px;scroll-snap-align:start;background:#0e1113;border-radius:4px;overflow:hidden}
.al-element img{width:100%;aspect-ratio:4/3;object-fit:cover}
.al-element__titol{font:600 24px/28px var(--al-titol);color:#fff;padding:16px 20px 0;text-align:center}
.al-element__text{font:400 14px/21px var(--al-cos);color:#fff;padding:8px 20px 20px;text-align:center}

/* el formulari d'Alabast (el seu plugin; si no hi és, el marc de reserva) */
.al-formulari-bloc{padding:50px 0}
.al-formulari{max-width:760px;margin:30px auto 0}
.al-formulari__marc{display:block;width:100%;border:0;background:transparent}
.al-butlleti__elementor{width:100%}

/* ── 3.2.1 (29/09): el que va sortir comparant amb la publicada ── */

/* el tema (kit 14) pinta tots els <button> de negre amb vora blanca i 12/20 de farciment, i tapava la caràtula dels vídeos */
.al-landing button.al-mitja__play,.al-landing button.al-carrusel__fletxa{background:none;border:0;border-radius:0;box-shadow:none;text-transform:none;letter-spacing:normal;min-height:0;color:#fff}
.al-landing button.al-mitja__play{padding:0}
.al-landing button.al-carrusel__fletxa{padding:0;font:400 44px/50px var(--al-cos)}
.al-landing button.al-mitja__play:hover,.al-landing button.al-mitja__play:focus,.al-landing button.al-carrusel__fletxa:hover,.al-landing button.al-carrusel__fletxa:focus{background:none;border:0;color:#fff}
.al-landing button.al-carrusel__fletxa[hidden]{display:none}           /* el tema fa «display:inline-block» a tots els botons */
/* la icona de la fletxa, com el llistat d'avui: 30 px dins de la caixa de 50; la de «següent» és la mateixa girada */
.al-landing button.al-carrusel__fletxa:not([hidden]){display:flex;align-items:center;justify-content:center}
.al-carrusel__fletxa svg{width:30px;height:30px;display:block}
.al-carrusel__fletxa--seg svg{transform:scaleX(-1)}

/* les targetes, mesurades a la UK (29/09): el contingut es reparteix (space-around); les d'icona quadrada fan
   l'alçada del seu text (S5: 279×189, icona 60×60) i porten 6 px entre la icona o la foto rodona i el que ve a sota
   (mesurat a la UK i a la corporativa, «Additional therapies»); les del segell d'Avalon porten el segell a 36×71 (S4) */
.al-landing .al-targeta--icona{justify-content:space-around;gap:6px}
.al-landing .al-cols-2{align-items:flex-start}
.al-landing .al-cols-2 .al-targeta{min-height:0}
.al-landing .al-targeta--segell img{width:36px;height:71px;border-radius:0;object-fit:contain}
.al-landing .al-targeta__text a,.al-landing .al-fila__text a{color:#fff;text-decoration:underline}
/* les files amb icona (S7 de la UK: icona 65, 12 px fins al text, negretes a 700) */
.al-landing .al-fila{gap:12px}
.al-landing .al-fila strong,.al-landing .al-fila b{font-weight:700}

/* els títols dels elements de les llistes (files i targetes): Cormorant 22/26 negreta, com avui (mesurat a «Ayahuasca retreats») */
.al-landing .al-targeta h3,.al-landing .al-fila h3{font:700 22px/26px var(--al-titol);color:#fff;text-transform:none}
.al-landing .al-targeta--foto h3{font:400 28px/32px var(--al-titol);letter-spacing:1px;text-transform:uppercase}
.al-landing .al-butlleti__form button,.al-landing .al-butlleti__form button:focus{background:rgba(0,0,0,.85);border:.8px solid rgba(255,255,255,.76);border-radius:0;color:#fff;padding:0;font:600 16px/16px var(--al-titol);text-transform:uppercase}

/* els botons, en passar-hi el ratolí (Isaac, 29/09): a blanc amb la lletra negra, i el ribet blanc si en tenien; suau.
   Les fletxes del carrusel, el play dels vídeos i les preguntes no són botons d'aquests i no canvien. */
.al-landing a.al-boto,.al-landing .al-explora__targeta .al-boto,.al-landing a.al-ev__boto,.al-landing .al-butlleti__form button{transition:background-color .5s cubic-bezier(.22,.61,.36,1),color .5s cubic-bezier(.22,.61,.36,1),border-color .5s cubic-bezier(.22,.61,.36,1),text-shadow .5s ease}
.al-landing a.al-boto:hover,.al-landing a.al-boto:focus-visible,.al-landing a.al-ev__boto:hover,.al-landing a.al-ev__boto:focus-visible,.al-landing .al-butlleti__form button:hover,.al-landing .al-butlleti__form button:focus-visible{background:#fff;color:#000;border-color:#fff;text-shadow:0 0 10px rgba(0,0,0,0)}
@media (prefers-reduced-motion:reduce){.al-landing a.al-boto,.al-landing .al-explora__targeta .al-boto,.al-landing a.al-ev__boto,.al-landing .al-butlleti__form button{transition:none}}

/* la foto que s'estira fins a baix del text (S5 d'avui: la foto és el fons de la columna) */
.al-cos--partit > .al-mitja.al-prop-omple{align-self:stretch;min-height:320px}
.al-mitja.al-prop-omple img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* la tira de fotos que passen sota el bloc (el lliscador de la galeria d'S5: 4 a la vista, 8 px, fletxes a sobre) */
.al-tira{margin-top:40px}
.al-tira .al-carrusel__pista{column-gap:8px;padding:0}
.al-tira__foto{flex:0 0 calc((100% - 24px) / 4);scroll-snap-align:start;margin:0}
.al-tira__foto img{width:100%;aspect-ratio:3/2;object-fit:cover}
.al-landing .al-tira button.al-carrusel__fletxa--ant{left:4px}
.al-landing .al-tira button.al-carrusel__fletxa--seg{right:4px}
.al-tira .al-carrusel__fletxa{text-shadow:0 0 8px rgba(0,0,0,.6)}
/* la galeria del centre («See our Space»), com avui (vist el 30/09 a Eivissa): 4 a la vista a tota l'amplada
   del marc (1.230), fotos de 303 × 202 i 6 px entre fotos */
.al-tira--centre{margin-inline:-15px;margin-bottom:20px}
.al-tira--centre .al-carrusel__pista{column-gap:6px}
.al-tira--centre .al-tira__foto{flex-basis:calc((100% - 18px) / 4)}
@media (max-width:1024px){.al-tira--centre .al-tira__foto{flex-basis:calc((100% - 6px) / 2)}}
@media (max-width:767px){.al-tira--centre{margin-inline:0}.al-tira--centre .al-tira__foto{flex-basis:85%}}

/* la franja amb la foto de fons de tota l'amplada (S4 i S5 d'avui amb «img_bg»; mesurat el 30/09 a 1440 a la corporativa
   i a Eivissa): el text a 1.210 i a l'esquerra (no a 847 centrat); la llista «al costat», a tota l'amplada (targetes
   de 581); el segon text, 840 d'ample dins d'un bloc centrat de 866, en 16/24. Els espais entre elements, de l'escala
   única (al final del full). (A la d'avui, la S4 comença 20 px més a la dreta i sobresurt 10 px del marc: no es calca.) */
.al-cos--sobre-fons > .al-text{margin-inline:-5px}
.al-cos--sobre-fons .al-llista.al-cols-2{max-width:1182px;margin:var(--al-e-xl) auto 0}
.al-cos--sobre-fons .al-llista + .al-text__cos--2{max-width:866px;padding-right:26px;margin:var(--al-e-xxl) auto 0;line-height:24px}
@media (max-width:767px){.al-cos--sobre-fons > .al-text{margin-inline:0}}

/* el segon text a sota de la foto o el vídeo (la S3 d'avui; vist el 30/09 a Eivissa): a l'ordinador, a tota
   l'amplada (1.210) i en 16/24; al mòbil, en 16/26. L'espai de sobre, de l'escala única (48; al mòbil, 24). */
.al-text--sota{margin:var(--al-e-xxl) -5px 0}
@media (max-width:767px){.al-text--sota{margin:var(--al-e-lg) 0 0;line-height:26px}}

/* el text d'un en un (Isaac 30/09, els testimonis de la corporativa): un tros cada vegada, amb la fletxa i el moviment
   del carrusel d'events. La pista pren l'alçada del tros més llarg: la franja no salta en passar. */
.al-lliscador{margin-top:0}
.al-titol-columna + .al-lliscador,.al-sub + .al-lliscador{margin-top:20px}
.al-text--lliscador{width:100%}
.al-lliscador .al-carrusel__finestra{scroll-padding-left:0}
.al-lliscador .al-carrusel__pista{column-gap:40px;padding:0}
.al-lliscador__pas{flex:0 0 100%;scroll-snap-align:start}
/* amb una foto al costat (i al telèfon) les fletxes no caben als costats: van juntes a sota, a ran del text */
.al-cos--partit .al-lliscador{padding-bottom:60px}
.al-landing .al-cos--partit .al-lliscador button.al-carrusel__fletxa{top:auto;bottom:0;margin-top:0}
.al-landing .al-cos--partit .al-lliscador button.al-carrusel__fletxa--ant{left:-10px;right:auto}
.al-landing .al-cos--partit .al-lliscador button.al-carrusel__fletxa--seg{left:40px;right:auto}
@media (max-width:1024px){
  .al-lliscador{padding-bottom:60px}
  .al-landing .al-lliscador button.al-carrusel__fletxa{top:auto;bottom:0;margin-top:0}
  .al-landing .al-lliscador button.al-carrusel__fletxa--ant{left:-10px;right:auto}
  .al-landing .al-lliscador button.al-carrusel__fletxa--seg{left:40px;right:auto}
  .al-landing .al-cos--centrat .al-lliscador button.al-carrusel__fletxa--ant{left:calc(50% - 50px)}
  .al-landing .al-cos--centrat .al-lliscador button.al-carrusel__fletxa--seg{left:50%}
}

/* ── 3.2.4 (29/09): el moviment de la casa ── */

/* el desplaçament suau de la casa (Lenis): mentre corre, el navegador no hi afegeix el seu */
html.lenis.lenis{scroll-behavior:auto}

/* la cortina i el tancament que es revela (com Mas Bossom, de sèrie): la portada es queda quieta i la resta hi puja a
   sobre; al final, el «Book a discovery call» es queda quiet mentre el bloc de sobre marxa i es descobreix, i després
   puja amb el peu de la web (que va normal). Tot ho mou landing.js amb «fixed» i «transform», no amb «sticky»: la web
   posa «overflow-x:hidden !important» al body i «sticky» no hi va. Sense JS, la pàgina queda normal. */
.al-landing.al-amb-peu{position:relative;z-index:10}
.al-cortina-cos{position:relative;z-index:1;background:var(--al-fons)}
.al-landing.al-cortina-activa > .al-bloc--portada{position:fixed;top:0;left:0;right:0;z-index:0}
.al-cortina-cos > .al-bloc--tancament.al-es-revela{z-index:0}

/* les preguntes: l'acordió de la casa (0fr→1fr, 0,4 s, la corba de la casa); com la d'avui, sense icona */
.al-landing button.al-pregunta__q{display:block;width:100%;text-align:left;background:none;border:0;border-radius:0;box-shadow:none;cursor:pointer;padding:15px 20px;font:700 24px/36px var(--al-titol);color:#fff;text-transform:none;letter-spacing:normal;min-height:0}
.al-landing button.al-pregunta__q:hover,.al-landing button.al-pregunta__q:focus{background:none;border:0;color:#fff}
/* la pregunta baixa de línia si no hi cap (el tema posa «nowrap» als botons i el títol sortia per la dreta; Isaac, 01/10);
   al telèfon, la lletra dels títols dels elements de les llistes (Cormorant 22/26 negreta) */
.al-landing button.al-pregunta__q{white-space:normal;overflow-wrap:break-word}
@media (max-width:767px){.al-landing button.al-pregunta__q{font-size:22px;line-height:26px}}
/* més suau (Isaac, 29/09): 0,65 s amb corba d'entrada i sortida, i el text que s'esvaeix en obrir-se i tancar-se */
.al-pregunta__cos{display:grid;grid-template-rows:0fr;transition:grid-template-rows .65s cubic-bezier(.65,0,.35,1)}
.al-pregunta.is-obert .al-pregunta__cos{grid-template-rows:1fr}
/* el text no s'esvaeix mai (Isaac, 29/09: «quan es plega es plega i ja»): és sempre sencer i la pregunta el tapa en plegar-se */
.al-pregunta__cos > div{overflow:hidden;min-height:0}
@media (prefers-reduced-motion:reduce){.al-pregunta__cos,.al-pregunta__cos > div{transition:none}}

/* el desplaçament suau del navegador, per als enllaços que porten a un bloc (#book…); mai si la persona el té tret */
html:has(.al-landing){scroll-behavior:smooth}
.al-landing .al-bloc[id]{scroll-margin-top:80px}                  /* la capçalera fixa d'Avalon fa 66 px */
@media (prefers-reduced-motion:reduce){html:has(.al-landing){scroll-behavior:auto}}

@media (max-width:1024px){
  .al-tira__foto{flex-basis:calc((100% - 8px) / 2)}
}
@media (max-width:767px){
  .al-cos--partit > .al-mitja.al-prop-omple{min-height:0;aspect-ratio:3/2}
  .al-tira__foto{flex-basis:85%}
}

/* un bloc que no s'ha pogut pintar (només ho veu qui edita) */
.al-avis-editor{padding:16px 0;background:#3a1d1d;color:#fff;font:400 14px/20px var(--al-cos)}

@media (max-width:1024px){
  .al-graella,.al-graella--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .al-cols-4 .al-targeta{flex:0 0 calc(50% - 10px)}
  .al-galeria--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .al-cos--partit.al-mobil-mitja-primer > .al-mitja,.al-cos--partit.al-mobil-mitja-primer > .al-galeria{order:-1}
  /* la foto, el vídeo o la galeria del costat, a sota o a sobre del text i amb la seva alçada: amb la base 0 de
     l'ordinador i «overflow:hidden», la foto feia 0 d'alçada al telèfon (vist en local el 30/09; abans només ho tenia el 60-40) */
  .al-cos--partit > .al-mitja,.al-cos--partit > .al-galeria{flex:1 1 auto;width:100%}
  .al-cos__mitja--centre{width:100%}
  .al-graella,.al-graella--2,.al-graella--4,.al-graella--termes,.al-graella--termes.al-graella--3,.al-graella--termes.al-graella--4{grid-template-columns:minmax(0,1fr)}
  .al-files > .al-ev{flex-direction:column}
  .al-files > .al-ev .al-ev__img{flex:none}
  .al-galeria,.al-galeria--centre{grid-template-columns:repeat(2,minmax(0,1fr))}
  .al-cols-4 .al-targeta{flex:0 0 100%}
  .al-targeta--foto{min-height:40svh}
  .al-targeta--foto h3{font-size:22px}
  .al-pregunta__resposta{font-size:18px;line-height:27px}
  .al-terme__titol{text-align:center}
  .al-terme__icona img{width:65px}
  .al-persona,.al-element{flex:0 0 80%}
}

/* els marges al mòbil (Isaac, 30/09, com la pàgina de retirs privats d'AlabastOS): 16 px a totes dues bandes
   per a tot, i el títol alineat amb el text (abans: text a 15, títol a 25, portada a 20, bàner a 10) */
@media (max-width:767px){
  .al-marc{padding-left:16px;padding-right:16px}
  .al-cap{padding-left:0;padding-right:0}
  .al-portada__cos,.al-baner__cos{padding-left:16px;padding-right:16px}
}

/* ══════════════════════════════════════════════════════════════════════════════════════════════════════════════
   L'ESCALA ÚNICA (Isaac, 30/09: «establir unes mides úniques i coherents que s'apliquin a totes»).
   Els espais ENTRE els elements d'un bloc surten de l'escala d'Alabast (ALABAST-DESIGN-SYSTEM §2.3:
   4 · 8 · 12 · 17 · 24 · 32 · 48 · 80) i valen per a totes les landings. Els marges de dalt i de baix de cada
   franja, el títol de la franja fins al contingut, les amplades i les lletres continuen calcats de la web d'avui.
   Regla: títol → text 24 · text → llista o segon text 24 · text (o títol) → botons 32 · entre files 12 ·
   dins la targeta: coixí 24, foto → títol 12, títol → text 8.
   ══════════════════════════════════════════════════════════════════════════════════════════════════════════════ */
.al-landing{--al-e-xs:8px;--al-e-sm:12px;--al-e-md:17px;--al-e-lg:24px;--al-e-xl:32px;--al-e-xxl:48px}

/* els títols, sempre en majúscules i amb la lletra de la resta (el de la columna feia 32 i anava en minúscules) */
.al-landing .al-titol-columna{font:700 28px/32px var(--al-titol);letter-spacing:1px;text-transform:uppercase}

/* títol → text · text → llista · text → segon text · text → botons (el paràgraf dels botons perdia el marge de dalt) */
.al-landing .al-titol-columna + .al-text__cos,.al-landing .al-sub + .al-text__cos,
.al-landing .al-titol-columna + .al-lliscador,.al-landing .al-sub + .al-lliscador{margin-top:var(--al-e-lg)}
.al-landing .al-text .al-llista,.al-landing .al-text__cos--2{margin-top:var(--al-e-lg)}
.al-landing p.al-botons{margin:var(--al-e-xl) 0 0}

/* el primer paràgraf a dalt, a tota l'amplada (opció del bloc): on va el contingut de la franja, i 32 fins a la fila */
.al-text--entrada{margin-top:35px}
.al-text--entrada + .al-cos{margin-top:var(--al-e-xl)}

/* les llistes en files: 12 entre files i sense coixí; amb icona, 17 de la icona al text; títol → text 8 */
.al-landing .al-llista--files{display:flex;flex-direction:column;gap:var(--al-e-sm)}
.al-landing .al-fila{padding:0;gap:var(--al-e-md)}
.al-landing .al-fila h3 + .al-fila__text{margin-top:var(--al-e-xs)}

/* les targetes: coixí 24, el contingut al mig; foto → títol 12; títol → text 8 */
.al-landing .al-targeta{padding:var(--al-e-lg);justify-content:center}
.al-landing .al-targeta--icona{gap:0}
.al-landing .al-targeta img + h3{margin-top:var(--al-e-sm)}
.al-landing .al-targeta h3 + .al-targeta__text{margin-top:var(--al-e-xs)}

/* la portada, el tancament i el bàner: títol → text 24; text (o títol) → botons 32 */
.al-landing .al-portada__titol,.al-landing .al-tancament__titol{margin-bottom:var(--al-e-lg)}
.al-landing .al-portada__cos .al-baner__botons{margin:var(--al-e-xl) 0 0;padding:0}
.al-landing .al-baner__cos{gap:var(--al-e-lg)}
.al-landing .al-baner__cos .al-baner__botons{margin:var(--al-e-xs) 0 0;padding:0}
.al-landing .al-portada__titol + .al-baner__botons,.al-landing .al-tancament__titol + .al-baner__botons{margin-top:var(--al-e-xs)}   /* sense text: 24 + 8 = 32 */

/* els botons de la portada, del tancament i del bàner, separats (anaven enganxats) */
.al-landing .al-baner__botons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--al-e-sm)}

/* opcions del bloc (Isaac, 30/09) — espais: compactes o amplis mouen tota l'escala dins del bloc */
.al-espais-compactes{--al-e-xs:4px;--al-e-sm:8px;--al-e-md:12px;--al-e-lg:17px;--al-e-xl:24px;--al-e-xxl:32px}
.al-espais-amplis{--al-e-xs:12px;--al-e-sm:17px;--al-e-md:24px;--al-e-lg:32px;--al-e-xl:48px;--al-e-xxl:64px}

/* alçada del bloc lliure: amb una alçada fixa, el contingut va al mig (mai 100vh: svh) */
.al-propi.al-alcada-50,.al-propi.al-alcada-75,.al-propi.al-alcada-100{display:flex;flex-direction:column;justify-content:center}
.al-propi.al-alcada-50{min-height:50svh}
.al-propi.al-alcada-75{min-height:75svh}
.al-propi.al-alcada-100{min-height:100svh}

/* amplada del text: portada i tancament (avui 950) i text apilat del bloc lliure (avui 847 centrat o tot l'ample) */
.al-portada__cos.al-amplada-estreta{width:640px}
.al-portada__cos.al-amplada-mitjana{width:847px}
.al-portada__cos.al-amplada-ampla{width:1200px}
.al-cos--apilat.al-amplada-estreta > .al-text{max-width:640px;margin-inline:auto}
.al-cos--apilat.al-amplada-mitjana > .al-text{max-width:847px;margin-inline:auto}
.al-cos--apilat.al-amplada-ampla > .al-text{max-width:1200px;margin-inline:auto}

/* «Tota l'alçada» amb la foto a sobre o a sota del text: no hi ha cap text al costat que li doni alçada i quedava a
   zero (Isaac, 30/09: «senzillament no hi ha imatge»); aquí va apaïsada, com al mòbil */
.al-cos__mitja > .al-mitja.al-prop-omple{aspect-ratio:3/2}

/* la portada i el final amb un formulari d'Alabast a la dreta (com la portada de retirs privats d'AlabastOS):
   el text a l'esquerra; a la tauleta i al mòbil, el formulari a sota */
.al-portada__fila{position:relative;z-index:2;width:1200px;max-width:100%;padding:20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:var(--al-e-xxl);align-items:center}
.al-portada--amb-formulari .al-portada__cos{width:auto;padding:0;align-items:flex-start;text-align:left}
.al-portada--amb-formulari .al-portada__text{text-align:left}
.al-portada--amb-formulari .al-cap__segell svg{margin-left:0}
.al-landing .al-portada--amb-formulari .al-baner__botons{justify-content:flex-start}
.al-portada__formulari .al-formulari__marc{display:block;width:100%;border:0;background:transparent}
@media (max-width:1023px){.al-portada__fila{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){.al-portada__fila{padding:0 16px}}

/* l'aire entre els títols i els textos (Isaac, 30/09: «els interlineats entre subtítols i textos, millor»; els dos
   gruixos dels títols es queden). Els títols escrits dins d'un text (h2, h3, h4) anaven enganxats al paràgraf de
   sota: 32 a dalt (0 si obren el text) i 12 a sota. */
.al-landing :is(.al-text__cos,.al-portada__text,.al-targeta__text,.al-fila__text) > :is(h2,h3,h4){line-height:1.2;margin:var(--al-e-xl) 0 var(--al-e-sm)}
.al-landing :is(.al-text__cos,.al-portada__text,.al-targeta__text,.al-fila__text) > :is(h2,h3,h4):first-child{margin-top:0}
/* «You will also enjoy»: el kit posa el títol a 26 px i amb 23 d'interlineat el text s'hi enganxava; i, centrats,
   els títols de les dues columnes quedaven a alçades diferents. Ara van tots a dalt i amb 8 fins al text. */
.al-landing .al-terme{align-items:flex-start}
.al-landing .al-terme__cos{gap:var(--al-e-xs)}
/* i la mida (Isaac: «massa grans, sense cap relació»): la que tenen avui a la web, 18/23 en negreta i majúscules;
   el kit de la web els hi posava 26 i 500 perquè la regla de dalt pesava menys que la seva */
.al-landing .al-terme__titol{font:700 18px/23px var(--al-titol);text-transform:uppercase}

/* el títol amb salts de línia (Pintor::titol_html): al mòbil el salt no hi és i la línia es reparteix sola */
@media (max-width:767px){.al-landing br.al-salt{display:none}}

/* els botons fora de la columna del text (grup Botons, «On van»: sota la llista o al final del bloc), a la mateixa
   distància que hi ha del text als botons */
.al-landing .al-marc > .al-botons-fora{margin-top:var(--al-e-xl)}
.al-landing .al-botons-fora p.al-botons{margin-top:0}
/* «Com el text» (el de sèrie de «Botons alineats»): els botons segueixen l'alineació del bloc o la del text, si se n'ha
   triat una; les tres de sota (triades a mà) hi passen per sobre */
.al-landing :is(.al-ab-esquerra,.al-ab-justificat) p.al-botons{justify-content:flex-start}
.al-landing .al-ab-centre p.al-botons{justify-content:center}
.al-landing .al-ab-dreta p.al-botons{justify-content:flex-end}
.al-landing :is(.al-ax-esquerra,.al-ax-justificat) p.al-botons{justify-content:flex-start}
.al-landing .al-ax-centre p.al-botons{justify-content:center}
.al-landing .al-ax-dreta p.al-botons{justify-content:flex-end}
/* on s'alineen els botons (opció de tots els blocs, «Botons alineats»); sense triar, com fins ara */
.al-landing .al-botons-a-esquerra :is(p.al-botons,.al-baner__botons){text-align:left;justify-content:flex-start;align-self:stretch}
.al-landing .al-botons-a-centre :is(p.al-botons,.al-baner__botons){text-align:center;justify-content:center;align-self:stretch}
.al-landing .al-botons-a-dreta :is(p.al-botons,.al-baner__botons){text-align:right;justify-content:flex-end;align-self:stretch}

/* el vídeo d'un bloc que es reprodueix sol (opció «Es reprodueix sol»): com els de fons, sense so i en bucle; fins que
   corre, la caràtula; cobreix la caixa sigui quina sigui la forma */
.al-mitja--sol{cursor:default;container-type:size}
.al-mitja--sol .al-fons-video iframe{width:max(100%,177.78cqh);height:max(100%,56.25cqw)}

/* ══════════════════════════════════════════════════════════════════════════════════════════════════════════════
   EL TAULER DE MIDES (Isaac, 30/09: «que sigui sempre coherent i ho puguem canviar a nivell global; res d'estils escrits
   a mà»). Les regles de sota (llistes, carrusel, espais dels blocs) només fan servir aquestes variables: per canviar un
   espai a totes les landings, es canvia aquí. L'escala és la d'Alabast: 8 · 12 · 17 · 24 · 32 · 48 · 80 · 120.
   ══════════════════════════════════════════════════════════════════════════════════════════════════════════════ */
.al-landing{
  --al-e-3xl:80px;--al-e-4xl:120px;
  --al-bloc-pad:60px;                        /* dalt i baix de cada bloc: el de dalt de «Lasting impact» fins al títol */
  --al-llista-gap:var(--al-e-lg);            /* entre targetes */
  --al-llista-min:200px;                     /* l'amplada mínima d'un element a tota l'amplada */
  --al-llista-min-costat:150px;              /* i al costat del text */
  --al-files-gap:var(--al-e-sm);             /* entre files */
  --al-files-gap-col:var(--al-e-xl);         /* entre columnes de files */
  --al-targeta-pad:var(--al-e-lg);           /* el coixí de la targeta */
  --al-targeta-pad-estreta:var(--al-e-md);   /* amb 3 o més columnes al costat del text */
  --al-targeta-foto-alt:300px;               /* l'alçada mínima de la targeta amb foto de fons */
  --al-llista-ample-1:640px;                 /* una llista d'una columna, a sota */
  --al-llista-ample-3:985px;                 /* de 3 columnes, a sota (la de la web d'avui) */
  --al-llista-ample-fons-2:1182px;           /* de 2 columnes sobre la foto de fons (la de la web d'avui) */
  --al-ic-mitjana:100px;--al-ic-gran:160px;--al-ic-molt-gran:220px;--al-ic-familia:280px;--al-ic-mobil:200px;
  --al-fletxa:50px;                          /* la fletxa del carrusel */
  --al-fletxes-alt:64px;                     /* el lloc de les fletxes, a sota del carrusel d'una llista */
  --al-carrusel-mobil:85%;                   /* al mòbil, una targeta i un tros de la següent */
  --al-vidre-fons:rgba(20,20,20,.28);--al-vidre-difumina:14px;--al-vidre-vora:rgba(255,255,255,.14);
  --al-vidre-vora-fort:rgba(255,255,255,.35);--al-vidre-vora-fosca:rgba(0,0,0,.45);
  --al-radi-targeta:0;--al-corba:round;       /* Avalon: cantonades rectes (Isaac, 30/09) */
  --al-radi-rodona:18px;--al-radi-sobria-prima:40px;--al-radi-sobria-plena:56px;   /* les corbes de la casa */
}
@media (max-width:767px){.al-landing{--al-bloc-pad:48px}}

/* ══════════════════════════════════════════════════════════════════════════════════════════════════════════════
   ELS ESPAIS DEL BLOC, IGUALS I CONSISTENTS (Isaac, 30/09: «haurien de ser iguals els paddings inferiors i superiors»,
   «a totes les seccions», «marges inexistents entre alguns elements»). Abans, el bloc lliure feia 50 a dalt i 45 a baix,
   la capçalera hi sumava 10 de coixí a dalt i les preguntes en tenien molt menys a baix; el subtítol no deixava cap espai
   fins al contingut. La portada i el final (pantalla sencera), a part.
   ══════════════════════════════════════════════════════════════════════════════════════════════════════════════ */
.al-landing .al-bloc:not(.al-portada){padding-top:var(--al-bloc-pad);padding-bottom:var(--al-bloc-pad)}
.al-landing .al-bloc .al-marc > .al-cap:first-child{padding-top:0}
.al-landing .al-bloc > .al-marc{padding-top:0;padding-bottom:0}   /* el bloc de text en sumava 15 més (75): ara tots, igual */
/* el que queda a baix de tot no hi suma cap espai: el bloc ja porta el seu (la tira de fotos del centre en sumava 20; el
   carrusel d'events, 10; la capçalera sola, 10) */
.al-landing .al-bloc .al-marc > :last-child,.al-landing .al-bloc .al-marc > :last-child > :last-child{margin-bottom:0}
.al-landing .al-bloc .al-marc > .al-cap:last-child{padding-bottom:0}
.al-landing .al-bloc .al-marc > .al-carrusel:last-child .al-carrusel__pista{padding-bottom:0}
/* el bàner («Would you like some guidance?») també: feia 450 d'alçada mínima amb el contingut al mig (165 a dalt i a
   baix); ara, com tots, i si es vol més alt, «Espai de dalt» i «Espai de baix» */
.al-landing .al-baner{min-height:0}
.al-landing .al-baner__cos{padding-top:0;padding-bottom:0}
/* l'alineació vertical del text respecte al que té al costat (Isaac, 30/09: «a tots els blocs, per defecte al mig»); el
   text d'un en un (testimonis) també es centra dins l'alçada del més llarg */
.al-landing .al-lliscador__pas{display:flex;flex-direction:column;justify-content:center}
@media (min-width:768px){
  .al-landing :is(.al-cos--partit,.al-centre,.al-portada__fila){align-items:center}
  .al-landing .al-v-dalt :is(.al-cos--partit,.al-centre,.al-portada__fila){align-items:flex-start}
  .al-landing .al-v-baix :is(.al-cos--partit,.al-centre,.al-portada__fila){align-items:flex-end}
  .al-landing .al-v-dalt .al-lliscador__pas{justify-content:flex-start}
  .al-landing .al-v-baix .al-lliscador__pas{justify-content:flex-end}
}
/* el subtítol de la capçalera → el contingut */
.al-landing .al-cap__entrada + *{margin-top:var(--al-e-xl)}
/* el segon text fora de la columna (a sota del bloc o després de la llista) */
.al-landing .al-marc > .al-text--2{margin-top:var(--al-e-xl)}
.al-landing .al-text--2 .al-text__cos{margin-top:0}
/* l'espai de dalt i de baix que es tria a cada bloc («Espai de dalt» i «Espai de baix»); al mòbil, els grans, més petits */
.al-landing .al-bloc.al-pd-0{padding-top:0}
.al-landing .al-bloc.al-pd-24{padding-top:var(--al-e-lg)}
.al-landing .al-bloc.al-pd-48{padding-top:var(--al-e-xxl)}
.al-landing .al-bloc.al-pd-80{padding-top:var(--al-e-3xl)}
.al-landing .al-bloc.al-pd-120{padding-top:var(--al-e-4xl)}
.al-landing .al-bloc.al-pb-0{padding-bottom:0}
.al-landing .al-bloc.al-pb-24{padding-bottom:var(--al-e-lg)}
.al-landing .al-bloc.al-pb-48{padding-bottom:var(--al-e-xxl)}
.al-landing .al-bloc.al-pb-80{padding-bottom:var(--al-e-3xl)}
.al-landing .al-bloc.al-pb-120{padding-bottom:var(--al-e-4xl)}
@media (max-width:767px){
  .al-landing .al-bloc.al-pd-80{padding-top:var(--al-e-xxl)}
  .al-landing .al-bloc.al-pd-120{padding-top:var(--al-e-3xl)}
  .al-landing .al-bloc.al-pb-80{padding-bottom:var(--al-e-xxl)}
  .al-landing .al-bloc.al-pb-120{padding-bottom:var(--al-e-3xl)}
}

/* ══════════════════════════════════════════════════════════════════════════════════════════════════════════════
   LES LLISTES (Isaac, 30/09: «que les llistes, amb o sense icones, amb o sense fons, amb o sense títol o descripció,
   s'acomodin bé als blocs de dues columnes o d'una»). Amb 3 columnes al costat del text en sortia una (targetes de 315 px
   fixos), «1 columna» en feia 3, i el marge de dalt canviava segons les columnes (60, o cap). Una sola regla per a totes:
   · al costat del text, «text → llista» de l'escala; a sota del bloc, el mateix que el subtítol;
   · les columnes triades (1–6) mentre cada element tingui l'amplada mínima (si no, en fa menys); al mòbil, una;
   · targetes: les d'una fila, igual d'altes, i el contingut al mig; files: amb 2–6 columnes, en graella.
   ══════════════════════════════════════════════════════════════════════════════════════════════════════════════ */
.al-landing .al-cols-1{--al-cols:1}
.al-landing .al-cols-2{--al-cols:2}
.al-landing .al-cols-3{--al-cols:3}
.al-landing .al-cols-4{--al-cols:4}
.al-landing .al-cols-5{--al-cols:5}
.al-landing .al-cols-6{--al-cols:6}
.al-landing .al-llista{--al-gap:var(--al-llista-gap);--al-min:var(--al-llista-min)}
.al-landing .al-text > .al-llista{--al-min:var(--al-llista-min-costat)}

/* on va */
.al-landing .al-marc > .al-llista{margin:var(--al-e-xl) auto 0;max-width:none}
.al-landing .al-marc > .al-llista.al-cols-3{max-width:var(--al-llista-ample-3)}
.al-landing .al-marc > .al-llista.al-cols-1{max-width:var(--al-llista-ample-1)}
.al-landing .al-text > .al-llista{margin:var(--al-e-lg) 0 0;max-width:none}
.al-landing .al-cos--sobre-fons > .al-text > .al-llista{margin:var(--al-e-xl) auto 0}
.al-landing .al-cos--sobre-fons > .al-text > .al-llista.al-cols-2{max-width:var(--al-llista-ample-fons-2)}

/* targetes */
.al-landing .al-llista--targetes{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;align-content:flex-start;gap:var(--al-gap)}
.al-landing .al-llista--targetes > .al-targeta{flex:0 0 max(min(var(--al-min),100%),calc((100% - (var(--al-cols,3) - 1) * var(--al-gap)) / var(--al-cols,3)));min-width:0;min-height:0;padding:var(--al-targeta-pad);justify-content:center}
.al-landing .al-llista--targetes > .al-targeta--foto{min-height:var(--al-targeta-foto-alt)}
.al-landing .al-text > .al-llista--targetes:is(.al-cols-3,.al-cols-4,.al-cols-5,.al-cols-6) > .al-targeta:not(.al-targeta--foto){padding:var(--al-targeta-pad-estreta)}
/* estils: «Sense targeta» (la icona, el títol i el text, sense caixa) i «Vidre esmerilat» (deixa veure, borrós, el fons) */
.al-landing .al-llista--nues > .al-targeta:not(.al-targeta--foto){background:none;border-radius:0;padding:0}
.al-landing .al-llista--vidre > .al-targeta:not(.al-targeta--foto){background:var(--al-vidre-fons);-webkit-backdrop-filter:blur(var(--al-vidre-difumina)) saturate(1.2);backdrop-filter:blur(var(--al-vidre-difumina)) saturate(1.2);border:1px solid var(--al-vidre-vora)}

/* files */
.al-landing .al-llista--files{display:flex;flex-flow:row wrap;gap:var(--al-files-gap) var(--al-files-gap-col)}
.al-landing .al-llista--files > .al-fila{flex:0 0 max(min(var(--al-min),100%),calc((100% - (var(--al-cols,1) - 1) * var(--al-files-gap-col)) / var(--al-cols,1)));min-width:0}
.al-landing .al-llista--files:not(.al-cols-1) > .al-fila{align-items:flex-start}

/* la mida de les icones i de les fotos rodones: «Petita» és la d'avui; «Com la família», la foto d'un membre */
.al-landing .al-icones-mitjana{--al-ic:var(--al-ic-mitjana)}
.al-landing .al-icones-gran{--al-ic:var(--al-ic-gran)}
.al-landing .al-icones-molt-gran{--al-ic:var(--al-ic-molt-gran)}
.al-landing .al-icones-familia{--al-ic:var(--al-ic-familia)}
.al-landing :is(.al-icones-mitjana,.al-icones-gran,.al-icones-molt-gran,.al-icones-familia) .al-targeta--icona img,
.al-landing :is(.al-icones-mitjana,.al-icones-gran,.al-icones-molt-gran,.al-icones-familia) .al-fila img:not([src*="Avalon_Sign"]){width:var(--al-ic);height:auto;aspect-ratio:1/1;max-width:100%;border-radius:50%;object-fit:cover}   /* sempre un cercle, mai un oval: si la columna és més estreta, es fa més petit (Isaac, 01/10) */
.al-landing :is(.al-icones-mitjana,.al-icones-gran,.al-icones-molt-gran,.al-icones-familia) :is(.al-targeta--segell img,.al-fila img[src*="Avalon_Sign"]){width:auto;height:calc(var(--al-ic) * 1.18);max-width:100%;object-fit:contain}
/* les icones dibuixades (SVG) es veuen senceres i sense la rodona, a totes les mides; la rodona i el retall queden
   per a les fotos (Isaac, 01/10: a mida gran, la rodona tallava l'hotel i la hamaca, i si la columna és estreta fa un oval) */
.al-landing .al-llista :is(.al-targeta--icona,.al-fila) img:is([src*=".svg"],[data-src*=".svg"],[data-lazy-src*=".svg"]){border-radius:0;object-fit:contain}

/* en carrusel: les columnes són les targetes que es veuen alhora; les fletxes, a sota i al mig */
.al-landing .al-llista-carrusel{margin:var(--al-e-xl) 0 0;padding-bottom:var(--al-fletxes-alt)}
.al-landing .al-text > .al-llista-carrusel{margin-top:var(--al-e-lg)}
.al-landing .al-llista-carrusel.al-carrusel--quiet{padding-bottom:0}
.al-landing .al-llista-carrusel .al-carrusel__finestra{scroll-padding-left:0}
.al-landing .al-llista-carrusel .al-llista--targetes{flex-wrap:nowrap;justify-content:flex-start;margin:0;max-width:none;padding:0;column-gap:var(--al-gap)}
.al-landing .al-llista-carrusel .al-llista--targetes > .al-targeta{flex:0 0 calc((100% - var(--al-extra,0px) - (var(--al-cols,3) - 1) * var(--al-gap)) / var(--al-cols,3));scroll-snap-align:start}
.al-landing .al-llista-carrusel button.al-carrusel__fletxa{top:auto;bottom:0;margin-top:0;width:var(--al-fletxa);height:var(--al-fletxa)}
.al-landing .al-llista-carrusel button.al-carrusel__fletxa--ant{left:calc(50% - var(--al-fletxa) - var(--al-e-xs) / 2);right:auto}
.al-landing .al-llista-carrusel button.al-carrusel__fletxa--seg{left:calc(50% + var(--al-e-xs) / 2);right:auto}
/* que surti del marc: arriba a la vora de la pantalla i la primera targeta queda alineada amb el text (landing.js posa
   quant hi ha fins a cada vora; sense JS, es queda dins del marc) */
.al-landing :is(.al-desborda-dreta,.al-desborda-banda){--al-extra:var(--al-sang-d,0px)}
.al-landing :is(.al-desborda-dreta,.al-desborda-banda) .al-carrusel__finestra{margin-right:calc(-1 * var(--al-sang-d,0px))}
.al-landing :is(.al-desborda-esquerra,.al-desborda-banda) .al-carrusel__finestra{margin-left:calc(-1 * var(--al-sang-e,0px));scroll-padding-left:var(--al-sang-e,0px)}
.al-landing :is(.al-desborda-esquerra,.al-desborda-banda) .al-llista--targetes{padding-left:var(--al-sang-e,0px)}
.al-landing :is(.al-desborda-dreta,.al-desborda-banda) .al-llista--targetes::after{content:"";flex:0 0 max(1px,calc(var(--al-sang-d,0px) - var(--al-gap)))}

@media (max-width:767px){
  .al-landing .al-llista.al-llista{--al-cols:1}
  .al-landing :is(.al-icones-molt-gran,.al-icones-familia){--al-ic:var(--al-ic-mobil)}
  .al-landing .al-llista-carrusel .al-llista--targetes > .al-targeta{flex-basis:var(--al-carrusel-mobil)}
}

/* «Explore more» (Isaac, 30/09): tota la targeta és l'enllaç, i passar per qualsevol punt de la targeta fa el hover del
   botó (blanc, com els altres botons). La targeta no canvia. */
.al-landing a.al-explora__targeta{color:#fff;text-decoration:none}
.al-landing a.al-explora__targeta:hover .al-boto,.al-landing a.al-explora__targeta:focus-visible .al-boto{background:#fff;color:#000;border-color:#fff;text-shadow:none}
.al-landing .al-explora{margin-top:var(--al-e-xl)}

/* quina part de la foto es veu quan la forma la retalla (opció del bloc, 0 = dalt · 100 = baix; per defecte, el mig) */
.al-landing .al-mitja > img{object-position:50% var(--al-enquadre,50%)}

/* alinear el títol i el text de cada bloc (Isaac, 30/09: «centrar títols o textos, per exemple en una columna amb targetes a
   sota»); «Com ara», el que ja fa cada presentació */
/* primer, la general del bloc («Tot el bloc»): el títol, el text i el segon text la segueixen si no en trien cap altra */
.al-landing .al-ab-esquerra :is(.al-cap,.al-titol-columna,.al-sub){text-align:left;align-items:flex-start}
.al-landing .al-ab-esquerra .al-cap__segell svg{margin-left:0;margin-right:auto}
.al-landing .al-ab-esquerra :is(.al-text__cos,.al-cap__entrada,.al-portada__text){text-align:left}
.al-landing .al-ab-centre :is(.al-cap,.al-titol-columna,.al-sub){text-align:center;align-items:center}
.al-landing .al-ab-centre .al-cap__segell svg{margin-left:auto;margin-right:auto}
.al-landing .al-ab-centre :is(.al-text__cos,.al-cap__entrada,.al-portada__text){text-align:center}
.al-landing .al-ab-dreta :is(.al-cap,.al-titol-columna,.al-sub){text-align:right;align-items:flex-end}
.al-landing .al-ab-dreta .al-cap__segell svg{margin-left:auto;margin-right:0}
.al-landing .al-ab-dreta :is(.al-text__cos,.al-cap__entrada,.al-portada__text){text-align:right}
.al-landing .al-ab-justificat :is(.al-cap,.al-titol-columna,.al-sub){text-align:left;align-items:flex-start}
.al-landing .al-ab-justificat .al-cap__segell svg{margin-left:0;margin-right:auto}
.al-landing .al-ab-justificat :is(.al-text__cos,.al-cap__entrada,.al-portada__text){text-align:justify}
/* i després, l'excepció de cada element */
.al-landing .al-at-esquerra :is(.al-cap,.al-titol-columna,.al-sub){text-align:left;align-items:flex-start}
.al-landing .al-at-centre :is(.al-cap,.al-titol-columna,.al-sub){text-align:center;align-items:center}
.al-landing .al-at-dreta :is(.al-cap,.al-titol-columna,.al-sub){text-align:right;align-items:flex-end}
.al-landing .al-at-esquerra .al-cap__segell svg{margin-left:0;margin-right:auto}
.al-landing .al-at-centre .al-cap__segell svg{margin-left:auto;margin-right:auto}
.al-landing .al-at-dreta .al-cap__segell svg{margin-left:auto;margin-right:0}
.al-landing .al-ax-esquerra :is(.al-text__cos:not(.al-text__cos--2):not(.al-text--2 *),.al-cap__entrada,.al-portada__text){text-align:left}
.al-landing .al-ax-centre :is(.al-text__cos:not(.al-text__cos--2):not(.al-text--2 *),.al-cap__entrada,.al-portada__text){text-align:center}
.al-landing .al-ax-dreta :is(.al-text__cos:not(.al-text__cos--2):not(.al-text--2 *),.al-cap__entrada,.al-portada__text){text-align:right}
.al-landing .al-ax-justificat :is(.al-text__cos:not(.al-text__cos--2):not(.al-text--2 *),.al-cap__entrada,.al-portada__text){text-align:justify}
.al-landing .al-a2-esquerra :is(.al-text__cos--2,.al-text--2 .al-text__cos){text-align:left}
.al-landing .al-a2-centre :is(.al-text__cos--2,.al-text--2 .al-text__cos){text-align:center}
.al-landing .al-a2-dreta :is(.al-text__cos--2,.al-text--2 .al-text__cos){text-align:right}
.al-landing .al-a2-justificat :is(.al-text__cos--2,.al-text--2 .al-text__cos){text-align:justify}

/* les cantonades de les targetes: rectes per defecte (Avalon) o una de les corbes de la casa (AlabastOS,
   CORBES-DE-LA-CASA: rodona · tibada · sòbria prima · sòbria plena). Els navegadors que encara no saben fer la corba
   («corner-shape») fan la cantonada rodona del mateix radi. */
.al-landing .al-cantons-rectes{--al-radi-targeta:0}
.al-landing .al-cantons-rodona{--al-radi-targeta:var(--al-radi-rodona);--al-corba:round}
.al-landing .al-cantons-tibada{--al-radi-targeta:var(--al-radi-rodona);--al-corba:superellipse(1.6)}
.al-landing .al-cantons-sobria-prima{--al-radi-targeta:var(--al-radi-sobria-prima);--al-corba:squircle}
.al-landing .al-cantons-sobria-plena{--al-radi-targeta:var(--al-radi-sobria-plena);--al-corba:squircle}
.al-landing :is(.al-targeta,.al-explora__targeta,.al-ev,.al-agregat,.al-element){border-radius:var(--al-radi-targeta);corner-shape:var(--al-corba)}
/* el ribet del vidre esmerilat: clar (el de sèrie), clar marcat, fosc o cap */
.al-landing .al-ribet-fort .al-llista--vidre > .al-targeta:not(.al-targeta--foto){border-color:var(--al-vidre-vora-fort)}
.al-landing .al-ribet-fosc .al-llista--vidre > .al-targeta:not(.al-targeta--foto){border-color:var(--al-vidre-vora-fosca)}
.al-landing .al-ribet-cap .al-llista--vidre > .al-targeta:not(.al-targeta--foto){border-color:transparent}

/* la capçalera de la web, transparent quan el final omple la pantalla (Isaac, 30/09: «així es veu a pantalla completa el
   vídeo o la imatge i queda més net»); landing.js hi posa la classe i la capçalera ja fa la transició del fons (1 s) */
html.al-capcalera-nua header.elementor-location-header :is(.elementor-sticky,.elementor-top-section){background-color:transparent!important;box-shadow:none!important}

/* ── «Al mòbil» (Isaac, 01/10): cada carrusel (targetes, llistats i galeries) tria com es veu al telèfon: una sencera,
   amb un tros de la següent, al mig amb un tros a cada costat, lliscant soles o una sota l'altra. «--al-m-ample» és
   l'amplada de cada fitxa en els modes amb tros (la posa Pintor.php). A l'ordinador, res no canvia. ── */
@media (max-width:767px){
  /* sense coixí: la primera fitxa comença a la vora del marc, sense el tros de l'anterior; ni surt del marc */
  .al-landing .al-bloc .al-carrusel:is(.al-m-sencera,.al-m-seguent,.al-m-centre,.al-m-auto) .al-carrusel__finestra{scroll-padding-left:0;scroll-padding-right:0;margin-left:0;margin-right:0}
  .al-landing .al-bloc .al-carrusel:is(.al-m-sencera,.al-m-seguent,.al-m-centre,.al-m-auto):not(.al-tira) :is(.al-carrusel__pista,.al-llista--targetes){column-gap:var(--al-llista-gap);--al-m-gap:var(--al-llista-gap);padding-left:0;padding-right:0}
  .al-landing .al-bloc .al-tira:is(.al-m-sencera,.al-m-seguent,.al-m-centre,.al-m-auto) .al-carrusel__pista{--al-m-gap:8px}
  .al-landing .al-bloc .al-tira--centre:is(.al-m-sencera,.al-m-seguent,.al-m-centre,.al-m-auto) .al-carrusel__pista{--al-m-gap:6px}
  /* l'amplada de cada fitxa */
  .al-landing .al-bloc .al-carrusel.al-m-sencera :is(.al-carrusel__pista,.al-llista--targetes) > *{flex:0 0 100%;max-width:100%;scroll-snap-align:start}
  .al-landing .al-bloc .al-carrusel:is(.al-m-seguent,.al-m-auto) :is(.al-carrusel__pista,.al-llista--targetes) > *{flex:0 0 var(--al-m-ample,85%);max-width:none;scroll-snap-align:start}
  .al-landing .al-bloc .al-carrusel.al-m-centre :is(.al-carrusel__pista,.al-llista--targetes) > *{flex:0 0 var(--al-m-ample,85%);max-width:none;scroll-snap-align:center}
  /* al mig: un espai al principi i al final, perquè la primera i l'última també quedin centrades */
  .al-landing .al-bloc .al-carrusel.al-m-centre :is(.al-carrusel__pista,.al-llista--targetes)::before,
  .al-landing .al-bloc .al-carrusel.al-m-centre :is(.al-carrusel__pista,.al-llista--targetes)::after{content:"";display:block;flex:0 0 max(0px,calc((100% - var(--al-m-ample,85%)) / 2 - var(--al-m-gap,0px)))}
  .al-landing .al-bloc .al-carrusel:is(.al-m-sencera,.al-m-seguent) :is(.al-carrusel__pista,.al-llista--targetes)::after{display:none}
  /* les fletxes, a sota i al mig (també les de les galeries), perquè no tapin la fitxa */
  .al-landing .al-bloc .al-carrusel:is(.al-m-sencera,.al-m-seguent,.al-m-centre):not(.al-carrusel--quiet){padding-bottom:var(--al-fletxes-alt)}
  .al-landing .al-bloc .al-carrusel:is(.al-m-sencera,.al-m-seguent,.al-m-centre) > button.al-carrusel__fletxa{top:auto;bottom:0;margin-top:0;width:var(--al-fletxa);height:var(--al-fletxa);text-shadow:none}
  .al-landing .al-bloc .al-carrusel:is(.al-m-sencera,.al-m-seguent,.al-m-centre) > button.al-carrusel__fletxa--ant{left:calc(50% - var(--al-fletxa) - var(--al-e-xs) / 2);right:auto}
  .al-landing .al-bloc .al-carrusel:is(.al-m-sencera,.al-m-seguent,.al-m-centre) > button.al-carrusel__fletxa--seg{left:calc(50% + var(--al-e-xs) / 2);right:auto}
  /* lliscant soles: sense fletxes ni imant (landing.js les mou) */
  .al-landing .al-bloc .al-carrusel.al-m-auto{padding-bottom:0}
  .al-landing .al-bloc .al-carrusel.al-m-auto > .al-carrusel__fletxa{display:none}
  .al-landing .al-bloc .al-carrusel.al-m-auto .al-carrusel__finestra{scroll-snap-type:none}
  /* una sota l'altra */
  .al-landing .al-bloc .al-carrusel.al-m-apilades{padding-bottom:0}
  .al-landing .al-bloc .al-carrusel.al-m-apilades > .al-carrusel__fletxa{display:none}
  .al-landing .al-bloc .al-carrusel.al-m-apilades .al-carrusel__finestra{overflow:visible;scroll-snap-type:none;margin-left:0;margin-right:0}
  .al-landing .al-bloc .al-carrusel.al-m-apilades :is(.al-carrusel__pista,.al-llista--targetes){flex-direction:column;flex-wrap:nowrap;row-gap:var(--al-llista-gap);padding-left:0;padding-right:0}
  .al-landing .al-bloc .al-carrusel.al-m-apilades :is(.al-carrusel__pista,.al-llista--targetes) > *{flex:0 0 auto;width:100%;max-width:100%}
  .al-landing .al-bloc .al-carrusel.al-m-apilades :is(.al-carrusel__pista,.al-llista--targetes)::after{display:none}
  /* les targetes que a l'ordinador són una graella: landing.js les posa dins d'un carrusel (el marge, el de la llista) */
  .al-landing .al-carrusel--mobil{position:relative}
  .al-landing .al-carrusel--mobil .al-llista--targetes{flex-wrap:nowrap;justify-content:flex-start;margin:0;max-width:none}
}

/* el carrusel s'arrossega amb el ratolí (Isaac, 01/10: «en comptes de seleccionar-se el text de la card»); landing.js fa el gest */
@media (hover:hover) and (pointer:fine){
  .al-landing .al-carrusel:not(.al-carrusel--quiet) > .al-carrusel__finestra{cursor:grab;-webkit-user-select:none;user-select:none}
  .al-landing .al-carrusel__finestra :is(img,a){-webkit-user-drag:none}
  .al-landing .al-carrusel > .al-carrusel__finestra.is-arrossega{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
}

/* les fotos del carrusel apareixen suau quan arriben (landing.js; Isaac, 01/10: «veig el forat buit i carreguen de cop») */
.al-landing .al-carrusel img{transition:opacity .45s ease}
.al-landing .al-carrusel img.al-arribant{opacity:0}
@media (prefers-reduced-motion:reduce){.al-landing .al-carrusel img{transition:none}}

/* el separador de les capçaleres (la línia fina de 470 i la barra blanca de 63) a la portada i al tancament, sota el títol
   o el subtítol (Isaac, 01/10): les mateixes dues peces, sense l'aire de dalt que porten sota el títol d'una secció */
.al-landing .al-portada__cos > .al-filet--portada{height:7px;flex:none;margin:0 0 var(--al-e-lg);--al-filet:#fff}   /* la línia fina, blanca com a les capçaleres dels blocs propis (Isaac, 01/10) */
.al-landing .al-portada__cos > .al-filet--portada::before{top:0}
.al-landing .al-portada__cos > .al-filet--portada::after{top:1px}

/* ── l'interlineat, un pèl més obert (Isaac, 01/10: «els trobo molt densos… un pèl, que respirin més»): dos píxels més a
   cada títol i a cada text de lectura, a l'ordinador i al mòbil. Els botons, les etiquetes i les xifres, com eren; els
   que ja eren amples (el títol del centre, les preguntes a l'ordinador), també. ── */
.al-landing{line-height:1.625}
.al-landing .al-cap__titol,.al-landing .al-titol-columna,.al-landing .al-portada__titol{line-height:34px}
.al-landing .al-tancament__titol{line-height:44px}
.al-landing .al-ev__titol,.al-landing .al-ev__data{line-height:30.8px}
.al-landing .al-targeta h3,.al-landing .al-fila h3{line-height:28px}
.al-landing .al-targeta--foto h3,.al-landing .al-explora__cos h3{line-height:34px}
.al-landing .al-persona__nom,.al-landing .al-element__titol{line-height:30px}
.al-landing .al-terme__titol{line-height:25px}
.al-landing :is(.al-baner__sub,.al-portada__sub){line-height:35.6px}
.al-landing .al-text,.al-landing .al-sub,.al-landing .al-buit,.al-landing .al-centre .al-text__cos{line-height:26px}
.al-landing .al-text--28{line-height:30px}
.al-landing :is(.al-cap__entrada--fina,.al-cap__entrada--forta){line-height:26px}
.al-landing .al-cap__entrada--lleu{line-height:27.6px}
.al-landing .al-portada__text,.al-landing .al-baner__sub--franklin,.al-landing .al-explora-bloc .al-cap__entrada,.al-landing .al-explora__cos p{line-height:29px}
.al-landing .al-ev__resum,.al-landing .al-element__text{line-height:23px}
.al-landing .al-targeta__text,.al-landing .al-fila__text{line-height:25px}
.al-landing .al-persona__rol{line-height:24px}
.al-landing .al-terme__text,.al-landing .al-pregunta__resposta{line-height:26px}
.al-landing .al-cos--sobre-fons .al-llista + .al-text__cos--2{line-height:26px}
.al-landing .al-cita__autor b{line-height:24px}
.al-landing .al-cita__autor small{line-height:22px}
@media (max-width:767px){
  .al-landing .al-cap__titol{line-height:30px}
  .al-landing .al-portada__titol{line-height:32px}
  .al-landing .al-text--sota{line-height:28px}
  .al-landing button.al-pregunta__q{line-height:28px}
  .al-landing .al-pregunta__resposta{line-height:29px}
}

/* ── l'aire de sota de les seccions sense fons ni foto (Isaac, 01/10: «falten uns px de marge inferior»; amb el segell a
   dalt, el de dalt semblava més generós, sobretot abans del bloc del final): 24 px més a l'ordinador i 16 al mòbil.
   Només si l'espai de baix no s'ha triat a mà. ── */
.al-landing{--al-bloc-pad-baix:calc(var(--al-bloc-pad) + var(--al-e-lg))}
@media (max-width:767px){.al-landing{--al-bloc-pad-baix:calc(var(--al-bloc-pad) + 16px)}}
.al-landing .al-bloc:is(.al-propi:not(.al-amb-fons):not(.al-fons-color),.al-cataleg):not([class*="al-pb-"]){padding-bottom:var(--al-bloc-pad-baix)}

/* ── els testimonis com a llista (Isaac, 01/10): d'un en un, centrats en una columna de lectura; qui ho diu, com a la
   «Cita» (foto rodona de 56 i el nom en majúscules); el signe d'Avalon, sencer i sense rodona ── */
.al-landing .al-marc > .al-testimonis{max-width:var(--al-llista-ample-1);margin:var(--al-e-xl) auto 0}
.al-landing .al-testimoni{text-align:center}
.al-landing .al-testimoni .al-text__cos{font:400 16px/26px var(--al-cos);color:#fff}
.al-landing .al-testimoni__autor{display:inline-flex;align-items:center;gap:12px;margin-top:var(--al-e-lg);text-align:left}
.al-landing .al-testimoni__autor img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none}
.al-landing .al-testimoni__autor img:is([src*=".svg"],[src*="Avalon_Sign"]){border-radius:0;object-fit:contain}
.al-landing .al-testimoni__autor b{display:block;font:700 18px/22px var(--al-titol);text-transform:uppercase;color:#fff}
@media (max-width:1024px){
  .al-landing .al-testimonis button.al-carrusel__fletxa--ant{left:calc(50% - 50px);right:auto}
  .al-landing .al-testimonis button.al-carrusel__fletxa--seg{left:50%;right:auto}
}

/* ── la portada i el tancament amb formulari: el formulari més gran (Isaac, 01/10: «és petitíssim respecte al total de la
   pantalla»). Creix amb la pantalla, d'entre 480 i 680 px (gairebé la meitat de l'ample), i la fila arriba a 1320. ── */
@media (min-width:1024px){
  .al-landing .al-portada__fila{width:1320px;grid-template-columns:minmax(0,1fr) minmax(0,min(var(--al-form-ample,650px),60%))}   /* «Mida del formulari» (Pintor.php); mai més del 60 % de la fila */
}

/* ── el formulari a sota, en una sola columna centrada (Isaac, 01/10: «a 650 o 800 d'ample, com la reserva de retirs
   d'Avalon»): el text centrat a dalt i el formulari a sota, de l'amplada de «Mida del formulari» ── */
.al-landing .al-portada--form-sota .al-portada__fila{width:1200px;grid-template-columns:minmax(0,1fr);justify-items:center;gap:var(--al-e-xl)}
.al-landing .al-portada--form-sota .al-portada__cos{align-items:center;text-align:center}
.al-landing .al-portada--form-sota .al-portada__text{text-align:center}
.al-landing .al-portada--form-sota .al-cap__segell svg{margin-left:auto}
.al-landing .al-portada--form-sota .al-baner__botons{justify-content:center}
.al-landing .al-portada--form-sota .al-portada__formulari{width:100%;max-width:var(--al-form-ample,650px)}

/* ── el formulari de Gravity Forms (Isaac, 01/10: el del peu d'Avalon), sempre a sota i a 700 px. Calcat del giny del
   peu a Elementor (còpia desada de /private-retreats, element 24826ba de la plantilla 11049): caixa negra amb 40 px de
   marge, textos blancs, camps foscos amb vora blanca, progrés blanc i el botó de seguir a la dreta, de 200 px.
   «Fons del formulari → Sense fons» treu la caixa ── */
.al-landing .al-gravity{background-color:#000;text-align:left;padding:40px;color:#fff;font-size:18px}
.al-landing .al-gravity.al-gravity--sense{background-color:transparent;padding:0}
.al-landing .al-gravity :is(.gform_wrapper,.gform_title,.gform_description,.gsection_title,.gsection_description,.gfield_label,.gform-field-label,legend,label){color:#fff !important}
.al-landing .al-gravity :is(.gfield_required,.gfield_required_text,.gform-field-label--type-sub,.gfield_description){color:rgba(255,255,255,.65) !important}
.al-landing .al-gravity :is(input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="number"],input[type="password"],input[type="date"],select,textarea){background:#1c1a1a !important;background-color:#131313 !important;color:#fff !important;border:1px solid rgba(255,255,255,.7) !important;box-shadow:none !important}
.al-landing .al-gravity :is(input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="number"],input[type="password"],select,textarea):focus{background:#1c1a1a !important;color:#fff !important;border-color:#fff !important;outline:none !important}
.al-landing .al-gravity :is(input,textarea)::placeholder{color:rgba(255,255,255,.45) !important}
.al-landing .al-gravity .gf_progressbar_title{color:#fff !important}
.al-landing .al-gravity .gf_progressbar{background:rgba(255,255,255,.2) !important}
.al-landing .al-gravity .gf_progressbar_percentage{background:#fff !important;color:#000 !important}
.al-landing .al-gravity :is(.gf_step_current_page,.gf_step_page_count,.gf_step_page_name){color:#fff !important}
.al-landing .al-gravity .gform_page_footer{display:flex !important;justify-content:flex-end !important}
.al-landing .al-gravity :is(.gform_next_button,.gform_button){width:200px !important}
.al-landing .al-gravity .gform_wrapper.gravity-theme .ginput_complex label{font-size:15px;padding-top:5px;padding-bottom:8px}

/* ── 3.4.0 (02/10): peces que demanen les fitxes (Alabast Events), i que serveixen a qualsevol bloc ── */

/* la línia de temps (llista «Línia de temps» del bloc lliure). Calcada de la «uael-timeline» de la plantilla d'events
   20446: cercles de 54 amb la icona de 26, línia de 8, títol en Cormorant 600, text en Libre Franklin 16 blanc; la línia
   i els cercles es tenyeixen de #264653 en baixar (landing.js). La mida del títol no la diu la plantilla: 24 (suposo). */
.al-landing .al-linia{position:relative;max-width:1100px;margin:var(--al-e-xxl) auto 0;--al-linia-omple:0px}
.al-landing .al-linia::before,.al-landing .al-linia::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:8px;margin-left:-4px;background:#333}
.al-landing .al-linia::after{bottom:auto;height:var(--al-linia-omple);background:#264653}
.al-landing .al-linia__pas{position:relative;display:flex;min-height:54px;padding-bottom:var(--al-e-xl)}
.al-landing .al-linia__pas:last-child{padding-bottom:0}
.al-landing .al-linia__punt{position:absolute;left:50%;top:0;z-index:1;display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin-left:-27px;border-radius:50%;background:#333;transition:background-color .4s}
.al-landing .al-linia__pas.is-passat .al-linia__punt{background:#264653}
.al-landing .al-linia__punt img{width:26px;height:26px;object-fit:contain}
.al-landing .al-linia__cos{width:calc(50% - 57px);padding-top:6px}
.al-landing .al-linia__pas--esq .al-linia__cos{margin-right:auto;text-align:right}
.al-landing .al-linia__pas--dre .al-linia__cos{margin-left:auto;text-align:left}
.al-landing .al-linia__cos h3{font:600 24px/1.2 var(--al-titol);color:#fff}
.al-landing .al-linia__text{font:400 16px/1.5 var(--al-cos);color:#fff;margin-top:var(--al-e-xs)}
.al-landing .al-linia__text p{margin:0}
@media (prefers-reduced-motion:reduce){.al-landing .al-linia__punt{transition:none}}
@media (max-width:767px){
  .al-landing .al-linia::before,.al-landing .al-linia::after{left:27px}
  .al-landing .al-linia__pas .al-linia__cos{width:auto;margin:0 0 0 74px;text-align:left}
  .al-landing .al-linia__punt{left:27px}
}

/* l'escena 3D de fons (fons «Escena 3D» del bloc lliure; les partícules de Spline de la plantilla d'events 18214): darrere
   de tot, sense ratolí, i fosa amb el fons de la franja a dalt i a baix (el degradat de 100 px que volia la plantilla) */
.al-landing .al-amb-escena{overflow:hidden}
.al-landing .al-escena{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.al-landing .al-escena iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.al-landing .al-escena::before,.al-landing .al-escena::after{content:"";position:absolute;left:0;right:0;z-index:1;height:100px}
.al-landing .al-escena::before{top:0;background:linear-gradient(to bottom,var(--al-fons),transparent)}
.al-landing .al-escena::after{bottom:0;background:linear-gradient(to top,var(--al-fons),transparent)}

/* les fotos entre el títol i les fitxes d'un bloc del catàleg («You will also enjoy» dels events: el carrusel d'imatges de
   la 20446, 3 a la vista i 1 al mòbil, amb fletxes) */
.al-landing .al-tira--dalt{margin:var(--al-e-lg) 0 var(--al-e-xl)}
.al-landing .al-tira--dalt .al-tira__foto{flex-basis:calc((100% - 16px) / 3)}
@media (max-width:767px){.al-landing .al-tira--dalt .al-tira__foto{flex-basis:100%}}

/* ── 4.1.0 (02/10): les fitxes calcades dels llistats de JetEngine d'Avalon (inc/Targetes.php; Isaac: «replica els
   listings de la família, els extres i les habitacions») ── */

/* la família («The Family Template», 688; mesurada a la web publicada el 02/10 a 1440): tres a la vista, fitxa amb 10 de
   coixí i 7 entre peces; foto rodona al 75 % (275), nom Cormorant 400 28/42 a 12 de la foto, especialitat Cormorant 300
   16/24 en majúscules, 24 d'aire, les xarxes en cercles de 32 (icona de 16, blanca; #C6C6C6 en passar-hi), l'arquetip en
   Libre Franklin 300 16/24 i «read more» Cormorant 700 18 en majúscules sobre #171717ED (#090909 en passar-hi), 12 per banda */
.al-landing .al-fam{flex:0 0 calc(100% / 3);scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px;text-align:center}
.al-landing .al-graella .al-fam{flex:none}
.al-landing .al-fam__foto{display:block;width:75%}
.al-landing .al-fam__foto img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%}
.al-landing .al-fam__nom{font:400 28px/42px var(--al-titol);color:#fff;margin-top:12px;padding:0 20px}
.al-landing .al-fam__rol{font:300 16px/24px var(--al-titol);text-transform:uppercase;color:#fff}
.al-landing .al-fam__xarxes{display:flex;justify-content:center;gap:5px;min-height:32px;margin-top:24px}
.al-landing .al-fam__xarxa{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#fff;transition:color .3s}
.al-landing a.al-fam__xarxa:hover{color:#c6c6c6}
.al-landing .al-fam__xarxa svg{width:16px;height:16px}
.al-landing .al-fam__text{font:300 16px/24px var(--al-cos);color:#fff;margin:3px 0 14.4px}
.al-landing a.al-fam__boto{align-self:stretch;margin:auto 12px 0;padding:20px 0;background:#171717ed;font:700 18px/18px var(--al-titol);text-transform:uppercase;color:#fff;text-align:center;transition:background-color .3s}
.al-landing a.al-fam__boto:hover{background:#090909;color:#fff}
.al-landing .al-bloc--equip .al-carrusel__pista{column-gap:0;padding:0}
.al-landing .al-bloc--equip .al-carrusel{margin-top:20px}
.al-landing .al-bloc--equip button.al-carrusel__fletxa--ant{left:-10px}
.al-landing .al-bloc--equip button.al-carrusel__fletxa--seg{right:-10px}
@media (max-width:1024px){.al-landing .al-fam{flex-basis:50%}}
@media (max-width:767px){.al-landing .al-fam{flex-basis:100%}}

/* els extres («Add on Template», 4946; mesurada el 02/10): fitxa amb 10 de coixí i 20 per banda dins; foto destacada rodona
   al 80 %, títol Cormorant 400 24/1,2 (-0,2) a 12 de la foto i la descripció en Libre Franklin 300 14/21, a l'esquerra */
.al-landing .al-extra{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 30px;scroll-snap-align:start}
.al-landing .al-extra__foto{width:80%}
.al-landing .al-extra__foto img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%}
.al-landing .al-extra__titol{font:400 24px/1.2 var(--al-titol);letter-spacing:-.2px;color:#fff;text-align:center;margin-top:12px;padding:0 20px}
.al-landing .al-extra__text{align-self:stretch;font:300 14px/21px var(--al-cos);color:#fff;text-align:left}
.al-landing .al-extra__text p{margin:0 0 14.4px}
.al-landing .al-bloc--extres .al-graella{gap:0 16px}

/* les habitacions («[LOOP] Rooms», 18732; de la plantilla de JetEngine): la galeria d'una en una (16:9, cantons de 4 a dalt),
   l'etiqueta en píndola #264653 (12/26 en majúscules), i sobre #111 amb 20 de coixí: el nom Cormorant 600 24/28, el resum
   Libre Franklin 14, la fila de dades (icones de 16, text de 13) entre dos filets #D8DFE7 i el preu en Work Sans (14 i 18/600) */
.al-landing .al-hab{display:flex;flex-direction:column;background:#111;border-radius:4px;overflow:hidden;scroll-snap-align:start}
.al-landing .al-hab__fotos{margin:0 0 -8px}
.al-landing .al-hab__fotos .al-carrusel__pista{column-gap:0;padding:0}
.al-landing .al-hab__foto{flex:0 0 100%;margin:0;scroll-snap-align:start}
.al-landing .al-hab__foto img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:4px 4px 0 0}
.al-landing .al-hab button.al-carrusel__fletxa--ant{left:0}
.al-landing .al-hab button.al-carrusel__fletxa--seg{right:0}
.al-landing .al-hab__etiqueta{position:relative;z-index:1;align-self:flex-start;padding:0 14px 2px;border-radius:25px;background:#264653;font:400 12px/26px var(--al-cos);text-transform:uppercase;color:#fff}
.al-landing .al-hab__cos{flex:1;display:flex;flex-direction:column;justify-content:space-around;gap:10px;padding:20px}
.al-landing .al-hab__nom{font:600 24px/28px var(--al-titol);color:#fff;text-align:center}
.al-landing .al-hab__text{font:400 14px/1.5 var(--al-cos);color:#fff;text-align:center}
.al-landing .al-hab__dades{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;padding:6px 0;border-top:1px solid #d8dfe7;border-bottom:1px solid #d8dfe7}
.al-landing .al-hab__dades li{display:flex;align-items:center;gap:6px;font:400 13px/1.4 var(--al-cos);color:#fff}
.al-landing .al-hab__dades img{width:16px;height:16px}
.al-landing .al-hab__preu{font-family:"Work Sans",var(--al-cos);color:#fff;text-align:center}
.al-landing .al-hab__preu span{font-size:14px;font-weight:400}
.al-landing .al-hab__preu b{font-size:18px;font-weight:600}
.al-landing .al-bloc--habitacions .al-graella{gap:20px}

/* l'habitació petita («[LOOP] Rooms LEAN», 18872): la foto destacada de fons amb vel negre, 150 d'alt, cantons de 4, i al
   mig el nom (Cormorant 600 24/28) i el preu */
.al-landing .al-hab-mini{flex:0 0 100%;position:relative;display:flex;align-items:center;min-height:150px;border-radius:4px;background:#111 center/cover no-repeat;overflow:hidden;scroll-snap-align:start}
.al-landing .al-hab-mini::before{content:"";position:absolute;inset:0;background:#000;opacity:.5}
.al-landing .al-hab-mini__cos{position:relative;width:100%;padding:10px;text-align:center}
.al-landing .al-hab-mini__nom{font:600 24px/28px var(--al-titol);color:#fff}