/* =========================================================
   LUMEN · BRAND v2 · pagine privacy e cookie
   Si carica dopo lo stile originale. Solo stile.
   ========================================================= */

:root{
  --bg:#f4f4f3; --shell:#f4f4f3; --panel:#ecebe8; --box:#fcfcfb;
  --ink:#121212; --ink2:#4a4a48; --mute:#686865; --set:#a3a29e;
  --line:rgba(18,18,18,.10); --line2:rgba(18,18,18,.16);
  --acc:#8d8c87; --acc-soft:rgba(141,140,135,.16); --acc-ink:#4a4a48;
  --signal:#e4471b;
  --display:'Newsreader',Georgia,'Times New Roman',serif;
  --sans:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'Geist Mono',ui-monospace,Menlo,monospace;
  --r:6px;
}

body{background-image:none;font-family:var(--sans)}
.shell{background:var(--shell);border-inline:0}
:focus-visible{outline-color:var(--signal)}

/* titoli serif, mai grassetto */
h1,.body h2,.body h3,.brand,.mark{font-family:var(--display)!important;font-weight:400!important}
h1{letter-spacing:-.025em;line-height:1.02}
.body h2{letter-spacing:-.015em}
.body h3{letter-spacing:-.005em;font-size:20px}

/* etichette: testo normale, niente maiuscoletto mono */
.k,.draft b,.facts dt,.tbl th,.fh,.foot-bot{font-family:var(--sans)!important;text-transform:none!important;letter-spacing:.005em!important}
.k{font-size:14px;color:var(--mute)}
.facts dt,.tbl th{font-size:13.5px}
.fh{font-size:14px;font-weight:500}
.foot-bot{font-size:13px}
.toc li::before{font-family:var(--sans)}
.body h2 span{font-family:var(--sans);letter-spacing:0;font-size:14px}

/* logo a parola */
.brand{font-size:27px;letter-spacing:-.02em;gap:0}
.brand .mark{display:none}
.foot .brand{font-size:34px}

/* nav: l'unico arancione è la prenotazione */
.nav-in{background:rgba(244,244,243,.9);border-inline:0}
.nav-r a{font-weight:400}
.nav-r .cta{background:var(--signal);color:#121212;padding:11px 16px;border-radius:var(--r);font-weight:500}
.nav-r .cta:hover{opacity:1;background:#cf3d14}

/* avviso bozza e segnaposto: grigi, non sono decisioni */
.draft{background:var(--box);border:1px dashed rgba(18,18,18,.3);border-radius:var(--r)}
.draft b{color:var(--ink);font-weight:500;font-size:13.5px}
.ph{background:rgba(18,18,18,.08);color:var(--ink)}

/* superfici morbide */
.facts,.tbl{border:0;border-radius:var(--r);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.body section,.toc{border-top-color:var(--line)}

/* footer inchiostro, come la home */
.foot{background:#121212;color:#f2f1ee}
.foot .brand{color:#f2f1ee}
.foot-brand p,.foot nav a{color:rgba(242,241,238,.68)}
.foot nav a:hover{color:#f2f1ee}
.foot nav a .v{color:#f2f1ee;font-family:var(--sans)}
.fh{color:#f2f1ee}
.foot-bot{border-top-color:rgba(242,241,238,.14);color:rgba(242,241,238,.5)}
.foot-bot a:hover,.foot-bot .up,.foot-bot a[aria-current]{color:#f2f1ee}
.giant{-webkit-text-stroke:0;color:rgba(242,241,238,.07);letter-spacing:-.04em;font-family:var(--display)!important;font-weight:400!important}

@media (max-width:560px){.nav-r .cta{padding:9px 12px}}

/* logo C: "Lumen." con il punto finale; nell'icona il punto è arancione */
.brand::after{content:"."}
.giant::after{content:"."}

/* CTA: un solo stile per tutti i pulsanti di prenotazione e contatto.
   Arancione pieno, testo inchiostro, angoli 6px, senza "+" e senza freccia. */
.btn-p,.nav-cta,.nav-r .cta{background:var(--signal)!important;color:#121212!important;box-shadow:none!important;border:0!important;border-radius:var(--r)!important;font:500 16px/1 var(--sans)!important;letter-spacing:0!important;padding:15px 20px!important;opacity:1!important;transition:background .2s}
.btn-p:hover,.nav-cta:hover,.nav-r .cta:hover{background:#cf3d14!important}
.btn-p .arr{display:none}
.nav-cta,.nav-r .cta{font-size:15px!important;padding:11px 16px!important}

/* Tutto schermo: sfondi e foto da bordo a bordo, contenuti centrati entro 1280px */
:root{--gut:max(clamp(20px,5vw,88px),calc((100vw - 1280px) / 2))}
.shell,.nav-in{max-width:none!important;border-inline:0!important}