/* Sistema visivo comune per le pagine del sito (Randy, 27/10/2026): stesso linguaggio della pagina hotel, adattato.
   Geist per titoli e testi (leggibile, «Apple»), titoli compatti e corposi, una sola sfumatura calda per le parole chiave,
   sopratitoli in chiaro (niente maiuscolo spaziato), bottoni a pillola, più contrasto nei testi lunghi. Il mondo Online (Anton, lime) resta suo. */
.ux{--display:'Geist',-apple-system,'SF Pro Display',system-ui,sans-serif;--sans:'Geist',-apple-system,'SF Pro Text',system-ui,sans-serif;
  --ux-acc:#FFB067;--ux-neon:linear-gradient(90deg,#FFE3A6 0%,#FFB067 34%,#FF8A6B 66%,#FF6B8B 100%);font-size:17px}
.ux h1,.ux h2,.ux h3,.ux .h2,.ux .t{font-weight:650;letter-spacing:-.033em}
.ux .h2{line-height:1.04}
.ux h1 em,.ux h2 em,.ux .h2 em,.ux .t em{font-style:normal;background:var(--ux-neon);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ux-flow 9s ease-in-out infinite alternate}
@keyframes ux-flow{to{background-position:100% 0}}
.ux .eyebrow{font:600 15px/1.3 var(--sans);letter-spacing:-.005em;text-transform:none;color:var(--ux-acc)}
.ux .lead,.ux p{letter-spacing:-.008em}
.ux .lead{font-weight:400;font-size:clamp(17px,1.4vw,20px);line-height:1.55}
.ux .btn{font:600 15px/1 var(--sans);letter-spacing:-.01em;text-transform:none}
/* sezioni chiare: accento più scuro per restare leggibile */
.ux .s-stone,.ux .s-ivory,.ux .s-aqua,.ux .paper,.ux .s-paper{--ux-acc:#C4502D}
.ux .s-stone h2 em,.ux .s-ivory h2 em,.ux .s-stone .h2 em,.ux .s-ivory .h2 em{background:linear-gradient(90deg,#D97A3A,#C4502D 60%,#B8406A);background-size:220% 100%;-webkit-background-clip:text;background-clip:text}
.ux .s-stone .lead,.ux .s-ivory .lead{color:#4A423A}
/* il mondo Online resta con il suo carattere */
.ux .s-aqua h1,.ux .s-aqua h2,.ux .s-aqua h3,.ux .on-hero h1,.ux .on-hero h2,.ux .mega,.ux .smp-title,.ux .featured h2{font-family:'Anton','Impact',sans-serif;font-weight:400;letter-spacing:-.005em}
.ux .s-aqua h2 em,.ux .on-hero h1 em,.ux .mega em{background:none;color:inherit;-webkit-background-clip:border-box;background-clip:border-box;animation:none}
@media (prefers-reduced-motion:reduce){.ux h1 em,.ux h2 em,.ux .h2 em,.ux .t em{animation:none}}
/* titoli animati parola per parola (data-split): la sfumatura non attraversa i pezzi, quindi colore caldo pieno */
.ux [data-split] em,.ux [data-split] em *{background:none;animation:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--ux-acc);-webkit-text-fill-color:var(--ux-acc)}
.ux .more{font:500 15px/1.2 var(--sans);letter-spacing:-.005em;text-transform:none}