/* LiveEvent · base.css
   Caricato su tutte le pagine: carattere, token, palette dei tre gestionali, tinte, fondamenta,
   nav e piede (una sola versione), barra di amministrazione, parti comuni a Home e gestionali.
   I colori dei gestionali sono scritti una volta sola, nella palette qui sotto, un valore per ruolo.
   Restano scritte dove servono solo poche tonalità illustrative usate da un unico elemento (sfere e bagliori della Home). */

@font-face{
  font-family:'Geist';
  src:url('../fonts/geist/Geist-Variabile.woff2') format('woff2');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}

:root{
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
  --bianco:#ffffff; --grigio:#f5f5f7; --carta:#f8f4ee; --nero:#131319; --nero-card:#1b1b22;
  --inchiostro:#111113; --testo-2:#6e6e73; --testo-2-dark:#c7c7cf; --testo-3-dark:#8e8e96;
  --bordo:#e8e8ed; --bordo-dark:rgba(255,255,255,.12);
  --ease:cubic-bezier(.16,1,.3,1);
  --carattere:'Geist',-apple-system,'Helvetica Neue',sans-serif;
  /* «In arrivo»: colore di significato, uguale su ogni pagina e in ogni tinta (non segue l'accento del gestionale).
     Stessi ruoli della palette: accento per bordi e fondi, testo su scuro, scuro per il testo su chiaro. */
  --in-arrivo:#d4af37; --in-arrivo-rgb:212,175,55; --in-arrivo-testo:#e8cf7a; --in-arrivo-scuro:#7a5f0c;
  --barra:0px;   /* altezza della barra di amministrazione di WordPress: 0 per chi non è collegato */
  /* Palette dei gestionali: un valore per ruolo. Ruoli: accento, testo (su scuro), chiaro, scuro (testo piccolo su chiaro),
     profondo, notte, inchiostro, velo, marchio (scritte grandi del prodotto su fondo chiaro). Ogni colore usato in
     trasparenza ha la sua terna rgb. */
  /* Club, viola */
  --viola:#8b5cf6; --viola-rgb:139,92,246; --viola-testo:#a78bfa; --viola-testo-rgb:167,139,250;
  --viola-chiaro:#c4b5fd; --viola-chiaro-rgb:196,181,253; --viola-scuro:#7c3aed; --viola-scuro-rgb:124,58,237;
  --viola-profondo:#6d28d9; --viola-profondo-rgb:109,40,217; --viola-notte:#4c1d95; --viola-notte-rgb:76,29,149;
  --viola-inchiostro:#2e1065; --viola-velo:#e9e3ff;
  --viola-marchio:var(--viola-scuro);
  /* Pro, oro */
  --oro:#d4af37; --oro-rgb:212,175,55; --oro-testo:#e8cf7a; --oro-testo-rgb:232,207,122;
  --oro-chiaro:#f0dd9c; --oro-chiaro-rgb:240,221,156; --oro-scuro:#8a6d12; --oro-scuro-rgb:138,109,18;
  --oro-profondo:var(--oro-scuro); --oro-profondo-rgb:var(--oro-scuro-rgb); --oro-notte:#6b5310; --oro-notte-rgb:107,83,16;
  --oro-inchiostro:#3a2c05; --oro-velo:#f5ebc4;
  --oro-marchio:#a8841a;
  /* Booking, arancio */
  --arancio:#d57800; --arancio-rgb:213,120,0; --arancio-testo:#fdba74; --arancio-testo-rgb:253,186,116;
  --arancio-chiaro:#fed7aa; --arancio-chiaro-rgb:254,215,170; --arancio-scuro:#b05f00; --arancio-scuro-rgb:176,95,0;
  --arancio-profondo:#a05500; --arancio-profondo-rgb:160,85,0; --arancio-notte:#7c3d00; --arancio-notte-rgb:124,61,0;
  --arancio-inchiostro:#431407; --arancio-velo:#ffedd5;
  --arancio-marchio:#c56f00;
}

/* Tinte: la pagina di un gestionale (body.pagina-*) e ogni sezione dedicata a un gestionale (.tinta-*)
   ricevono l'accento con nomi neutri: --acc, --acc-testo, --acc-scuro, … e --acc-pieno per i pulsanti pieni. */
body.pagina-club, .tinta-club {
  --acc:var(--viola); --acc-rgb:var(--viola-rgb);
  --acc-testo:var(--viola-testo); --acc-testo-rgb:var(--viola-testo-rgb);
  --acc-chiaro:var(--viola-chiaro); --acc-chiaro-rgb:var(--viola-chiaro-rgb);
  --acc-scuro:var(--viola-scuro); --acc-scuro-rgb:var(--viola-scuro-rgb);
  --acc-profondo:var(--viola-profondo); --acc-profondo-rgb:var(--viola-profondo-rgb);
  --acc-notte:var(--viola-notte); --acc-notte-rgb:var(--viola-notte-rgb);
  --acc-inchiostro:var(--viola-inchiostro);
  --acc-velo:var(--viola-velo);
  --acc-marchio:var(--viola-marchio);
  --acc-pieno:var(--viola-scuro); --acc-pieno-testo:var(--bianco);
}
body.pagina-pro, .tinta-pro {
  --acc:var(--oro); --acc-rgb:var(--oro-rgb);
  --acc-testo:var(--oro-testo); --acc-testo-rgb:var(--oro-testo-rgb);
  --acc-chiaro:var(--oro-chiaro); --acc-chiaro-rgb:var(--oro-chiaro-rgb);
  --acc-scuro:var(--oro-scuro); --acc-scuro-rgb:var(--oro-scuro-rgb);
  --acc-profondo:var(--oro-profondo); --acc-profondo-rgb:var(--oro-profondo-rgb);
  --acc-notte:var(--oro-notte); --acc-notte-rgb:var(--oro-notte-rgb);
  --acc-inchiostro:var(--oro-inchiostro);
  --acc-velo:var(--oro-velo);
  --acc-marchio:var(--oro-marchio);
  --acc-pieno:var(--oro); --acc-pieno-testo:var(--inchiostro);
}
body.pagina-booking, .tinta-booking {
  --acc:var(--arancio); --acc-rgb:var(--arancio-rgb);
  --acc-testo:var(--arancio-testo); --acc-testo-rgb:var(--arancio-testo-rgb);
  --acc-chiaro:var(--arancio-chiaro); --acc-chiaro-rgb:var(--arancio-chiaro-rgb);
  --acc-scuro:var(--arancio-scuro); --acc-scuro-rgb:var(--arancio-scuro-rgb);
  --acc-profondo:var(--arancio-profondo); --acc-profondo-rgb:var(--arancio-profondo-rgb);
  --acc-notte:var(--arancio-notte); --acc-notte-rgb:var(--arancio-notte-rgb);
  --acc-inchiostro:var(--arancio-inchiostro);
  --acc-velo:var(--arancio-velo);
  --acc-marchio:var(--arancio-marchio);
  --acc-pieno:var(--arancio); --acc-pieno-testo:var(--inchiostro);
}

/* ---------- FONDAMENTA ---------- */
html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:calc(76px + env(safe-area-inset-top,0px))}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--bianco);color:var(--inchiostro);font-family:var(--carattere);-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit;text-decoration:none}
:where(.nav,footer,body:not(.pagina-home)) :is(a,button,summary):focus-visible{outline:2px solid var(--acc,var(--inchiostro));outline-offset:3px;border-radius:6px}

/* ---------- NAV (versione dei gestionali, una sola per tutto il sito) ---------- */
.nav{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:100;height:60px;display:flex;align-items:center;gap:34px;padding:0 max(24px,4vw);
  background:rgba(255,255,255,.78);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid transparent;transition:border-color .4s var(--ease)}
.nav.solid{border-bottom-color:var(--bordo)}
.wordmark{font-size:20px;letter-spacing:-.04em}
.wordmark b{font-weight:600}
.wordmark span{font-weight:400}
.nav .spacer{flex:1}
.cta{
  background:var(--inchiostro);color:#fff;font-size:14px;font-weight:500;
  padding:9px 20px;border-radius:980px;white-space:nowrap;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease);
}
.cta:hover{transform:scale(1.04);box-shadow:0 8px 24px rgba(0,0,0,.16)}
.menu{position:relative}
.menu>button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;font-family:inherit;color:var(--inchiostro)}
.menu svg{transition:transform .3s var(--ease)}
.menu.open svg{transform:rotate(180deg)}
.dropdown{
  position:absolute;top:calc(100% + 12px);left:50%;
  transform:translateX(-50%) translateY(-6px);
  width:252px;background:#fff;border:1px solid var(--bordo);border-radius:16px;
  box-shadow:0 16px 44px rgba(0,0,0,.12);padding:8px;
  display:flex;flex-direction:column;gap:2px;
  opacity:0;pointer-events:none;
  transition:opacity .3s var(--ease), transform .3s var(--ease);
}
.menu.open .dropdown{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.drop-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;transition:background .2s}
.drop-item .s{font-size:12px;color:var(--testo-2);display:block}
.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--acc)}
.drop-item:hover,.drop-item.cur{background:var(--grigio)}
.drop-item .t{font-size:15px;font-weight:500;display:block}
.nav-link{font-size:14px;font-weight:500}

/* ---------- COMUNE A HOME E GESTIONALI (dalla Home, uguale nei gestionali che lo usano) ---------- */
/* ---------- SCENE PINNATE ---------- */
.scena{position:relative}
.pin{position:sticky;top:0;height:100vh;padding:68px 12px 12px}
.pin-in{position:relative;height:100%;border-radius:30px;overflow:hidden}
.s-head{position:absolute;top:clamp(26px,5.5vh,60px);left:0;right:0;z-index:3;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:0 24px;pointer-events:none}
.caps{position:absolute;left:0;right:0;bottom:clamp(16px,4vh,38px);z-index:6;pointer-events:none}
/* ---------- CLUB · dashboard ---------- */
.dash{position:absolute;left:50%;top:50%;width:960px;height:600px;margin:-300px 0 0 -480px;transform-origin:50% 50%;will-change:transform,opacity;opacity:0;
  background:#0e0e14;border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:22px;box-shadow:0 50px 120px rgba(0,0,0,.6);color:#fff;text-align:left}
.d-top{display:flex;align-items:center;justify-content:space-between;height:36px}
.d-title{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600}
.d-title i{width:9px;height:9px;border-radius:50%;background:var(--acc);box-shadow:0 0 12px var(--acc)}
.d-pills{display:flex;gap:8px}
.pill{font-size:11px;font-weight:500;padding:5px 11px;border:1px solid rgba(255,255,255,.14);border-radius:980px;color:var(--testo-2-dark);display:inline-flex;align-items:center;gap:6px}
@keyframes pulsa{50%{opacity:.25}}
.pill.live{color:var(--acc-chiaro);border-color:rgba(var(--acc-rgb),.5)}
.pill.live b{width:6px;height:6px;border-radius:50%;background:var(--acc-testo);animation:pulsa 1.6s infinite}
.d-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}
.d-kpi{background:#16161e;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:13px 16px}
.d-kpi .k{font-size:12px;font-weight:500;color:var(--testo-3-dark)}
.d-kpi b{display:block;font-size:26px;font-weight:600;letter-spacing:-.02em;margin-top:5px}
.d-kpi em{font-style:normal;font-size:11px;color:var(--testo-3-dark)}
.d-kpi.acc b{color:var(--acc-testo)}
.d-main{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.d-pan{
  height:388px;background:#15151d;border:1px solid rgba(255,255,255,.07);border-radius:16px;
  padding:18px;display:flex;flex-direction:column;gap:13px;
  transition:opacity .55s var(--ease), box-shadow .55s var(--ease), border-color .55s var(--ease);
}
.dash.focusing .d-pan{opacity:.2}
.dash.focusing .d-pan.on{opacity:1;border-color:rgba(var(--acc-testo-rgb),.5);box-shadow:0 0 0 1px rgba(var(--acc-testo-rgb),.25), 0 24px 70px rgba(var(--acc-rgb),.3)}
.p-t{font-size:13px;font-weight:600;color:#e8e8ed;display:flex;align-items:center;gap:8px}
.p-t i{width:7px;height:7px;border-radius:50%;background:var(--acc)}
.p-t span{margin-left:auto;font-weight:500;color:var(--testo-3-dark);font-size:11px}
.p-sub{font-size:11px;color:var(--testo-3-dark);line-height:1.4}
.ra{display:grid;grid-template-columns:62px 1fr 64px;align-items:center;gap:10px;font-size:13px;color:var(--testo-2-dark)}
.ra b{text-align:right;color:#fff;font-weight:600}
.trk{height:10px;border-radius:5px;background:rgba(255,255,255,.07);overflow:hidden}
.trk i{display:block;height:100%;width:0;border-radius:5px;background:var(--acc)}
.trk i.gr{background:rgba(255,255,255,.4)}
.cols{margin-top:auto;display:flex;align-items:flex-end;gap:10px;height:104px}
.cols .c{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}
.cols .c i{display:block;width:100%;height:0;border-radius:6px 6px 0 0;background:rgba(var(--acc-testo-rgb),.32)}
.cols .c.pk i{background:var(--acc)}
.cols .c span{font-size:10px;color:var(--testo-3-dark)}
.rb{display:grid;grid-template-columns:34px 1fr 58px;align-items:center;gap:10px}
.av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;background:rgba(var(--acc-rgb),.25);color:var(--acc-velo)}
.nm{display:flex;flex-direction:column;gap:5px;min-width:0}
.nm b{font-size:14px;font-weight:600}
.nm span{font-size:11px;color:var(--testo-3-dark)}
.nm .trk{height:6px}
.eu{font-size:15px;font-weight:600;text-align:right}
.pf{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:12px;display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--testo-3-dark)}
.pf b{color:#fff;font-size:18px;font-weight:600}
.sph{font-size:46px;font-weight:600;letter-spacing:-.035em;color:var(--acc-testo);line-height:1}
.ins{align-self:flex-start;font-size:11px;font-weight:600;color:var(--acc-chiaro);border:1px solid rgba(var(--acc-testo-rgb),.4);border-radius:980px;padding:5px 11px}
/* ---------- PRO · vista esplosa ---------- */
.fit{
  position:absolute;left:50%;top:50%;width:560px;height:340px;margin:-170px 0 0 -280px;
  perspective:1800px;will-change:transform,opacity;opacity:0;
}
.stack{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.lay{
  position:absolute;inset:0;background:#111118;border:1px solid rgba(255,255,255,.12);
  border-radius:18px;padding:18px 20px;color:#fff;text-align:left;
  box-shadow:0 30px 60px rgba(20,20,30,.28);
  display:flex;flex-direction:column;gap:12px;
  transition:box-shadow .4s var(--ease), border-color .4s var(--ease);
}
.lay.hl{border-color:rgba(var(--acc-rgb),.75);box-shadow:0 0 0 1px rgba(var(--acc-rgb),.35), 0 30px 80px rgba(var(--acc-rgb),.3)}
.l-t{font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}
.l-t i{width:7px;height:7px;border-radius:50%;background:var(--acc)}
.l-t span{margin-left:auto;font-size:11px;color:var(--testo-3-dark);font-weight:500}
.bl{display:grid;grid-template-columns:1fr 100px;font-size:12.5px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06);color:var(--testo-2-dark)}
.bl b{text-align:right;color:#fff;font-weight:600}
.bl.tot{border-bottom:none;border-top:1px solid rgba(var(--acc-rgb),.4);margin-top:2px;padding-top:9px}
.bl.tot span,.bl.tot b{color:var(--acc)}
.scn{display:flex;gap:30px;align-items:flex-end;justify-content:center;flex:1}
.sg{display:flex;flex-direction:column;align-items:center;gap:6px}
.sb{display:flex;gap:6px;align-items:flex-end;height:170px}
.sb i{display:block;width:34px;border-radius:6px 6px 0 0}
.sb i.r{background:var(--acc)}
.sb i.c{background:rgba(255,255,255,.25)}
.sg b{font-size:14px;font-weight:600}
.sg span{font-size:11px;color:var(--testo-3-dark)}
.be{font-size:12px;color:var(--testo-3-dark);text-align:center}
.be b{color:#fff}
.dl{display:grid;grid-template-columns:1fr 76px 92px;align-items:center;gap:10px;font-size:12.5px;padding:10px 12px;background:rgba(255,255,255,.04);border-radius:10px}
.dl b{font-weight:500;color:#e8e8ed}
.dl em{font-style:normal;text-align:right;color:var(--testo-2-dark)}
.st{justify-self:end;font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:980px;border:1px solid rgba(255,255,255,.2);color:var(--testo-2-dark)}
.st.g{border-color:rgba(var(--acc-rgb),.6);color:var(--acc-testo)}
.st.v{border-color:rgba(74,222,128,.5);color:#86efac}
.st.o{border-color:rgba(251,146,60,.55);color:var(--arancio-testo)}
.cf{width:100%;height:auto;display:block;overflow:visible}
.cf text{font-family:var(--carattere)}
.cfd{transition:opacity .3s}
.cf-low,.cf-end{opacity:0;transition:opacity .45s var(--ease)}
.cf-low.on{opacity:1}
.cf-ring{transform-box:fill-box;transform-origin:center;animation:anello 1.6s ease-out infinite}
@keyframes anello{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.3);opacity:0}}
.leg{
  position:absolute;left:clamp(24px,4vw,64px);top:50%;transform:translateY(-50%);
  display:flex;flex-direction:column;gap:18px;z-index:3;pointer-events:none;opacity:0;
}
.leg-i{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:#a5a5ad;transition:color .4s var(--ease)}
.leg-i i{display:block;width:26px;height:2px;background:#d0d0d6;transition:background .4s var(--ease), width .4s var(--ease)}
.leg-i.on{color:var(--inchiostro)}
.leg-i.on i{background:var(--acc);width:44px}
@media (max-width:1240px){ .leg{display:none} }   /* correzione 2: come nella pagina Pro */
/* ---------- BOOKING · deal → memo ---------- */
.board{
  position:absolute;left:50%;top:50%;width:900px;height:520px;margin:-260px 0 0 -450px;
  display:flex;align-items:center;justify-content:space-between;gap:40px;
  transform-origin:50% 50%;will-change:transform,opacity;opacity:0;
}
.board.col{width:460px;height:900px;margin:-450px 0 0 -230px;flex-direction:column;justify-content:center;gap:28px}
.deal{
  position:relative;width:350px;background:#fff;border:1px solid var(--bordo);border-radius:20px;
  padding:22px;box-shadow:0 24px 60px rgba(60,40,10,.10);text-align:left;
  display:flex;flex-direction:column;gap:10px;
}
.board.col .deal{width:460px}
.dt{font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:2px}
.dt i{width:7px;height:7px;border-radius:50%;background:var(--acc)}
.dt span{margin-left:auto;font-size:11px;color:var(--testo-2);font-weight:500}
.fld{display:flex;flex-direction:column;gap:4px}
.fld label{font-size:11px;color:var(--testo-2);font-weight:500}
.fv{border:1px solid var(--bordo);border-radius:10px;padding:8px 12px;font-size:14px;font-weight:500;background:#fafafb}
.fv .src{display:inline-block}
.memo2{
  position:relative;width:480px;background:#fff;border:1px solid var(--bordo);border-radius:14px;
  padding:26px 30px 28px;box-shadow:0 30px 70px rgba(60,40,10,.16);text-align:left;
}
.board.col .memo2{width:460px}
.m-head{display:flex;align-items:baseline;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--bordo);margin-bottom:6px}
.m-head .wm{font-size:15px;letter-spacing:-.03em}
.m-head .tag{margin-left:auto;font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--testo-2)}
.mrow{display:grid;grid-template-columns:128px 1fr;align-items:end;gap:10px;padding:6px 0;font-size:13px}
.mrow label{color:var(--testo-2)}
.slot{border-bottom:1.5px dotted #cfcfd6;min-height:23px;padding-bottom:3px;font-weight:600}
.slot span{display:inline-block;opacity:0}
.split{margin-top:14px;padding-top:12px;border-top:1px solid var(--bordo);display:flex;flex-direction:column;gap:9px}
.sr{display:grid;grid-template-columns:132px 1fr 72px;align-items:center;gap:10px;font-size:12.5px}
.sr span{color:var(--testo-2)}
.sr b{text-align:right;font-weight:600}
.trk2{height:9px;border-radius:5px;background:#f0f0f3;overflow:hidden}
.trk2 i{display:block;height:100%;width:0;border-radius:5px}
.trk2 i.g{background:#c9c9d0}
.trk2 i.o{background:var(--acc)}
.trk2 i.n{background:var(--inchiostro)}
.firma{margin-top:20px;width:150px}
.firma i{display:block;height:8px;border-radius:4px;background:#ececf0;margin-top:8px}
.stamp{
  position:absolute;right:28px;bottom:26px;
  border:2px solid var(--acc);color:var(--acc-scuro);background:rgba(255,255,255,.6);
  font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:7px 14px;border-radius:8px;opacity:0;will-change:transform,opacity;
}
.chip2{
  position:absolute;left:0;top:0;z-index:5;white-space:nowrap;
  font-size:13px;font-weight:600;color:#8a4a00;background:#fff4e6;
  border:1.5px solid var(--acc);border-radius:980px;padding:5px 12px;
  opacity:0;pointer-events:none;will-change:transform,opacity;
  box-shadow:0 10px 26px rgba(var(--acc-rgb),.28);
}
/* ---------- FOOTER ---------- */
footer{border-top:1px solid var(--bordo);padding:44px max(24px,4vw) 52px;display:flex;flex-direction:column;gap:16px}
.f-riga{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.f-riga .spacer{flex:1}
.f-link{font-size:14px;font-weight:500}
.f-legale{font-size:13px;color:var(--testo-2)}
/* ---------- RESPONSIVE ---------- */
@media (max-width:760px){
  .nav{gap:18px}
  .nav-link.na,.menu{display:none}
  .pin{padding:66px 6px 6px}
  .pin-in{border-radius:22px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .pin{position:relative}
}

footer .wordmark{font-size:17px}

/* ---------- BARRA DI AMMINISTRAZIONE (solo per chi è collegato) ----------
   WordPress sposta la pagina dell'altezza della sua barra (32 px, 46 px sotto i 782 px) e la dichiara in
   --wp-admin--admin-bar--height. La nav fissa e le scene bloccate scendono della stessa misura; sotto i 600 px
   la barra resta fissa, così lo spostamento è costante. Per chi non è collegato --barra vale 0: nulla cambia. */
body.admin-bar{--barra:var(--wp-admin--admin-bar--height,32px)}
@media screen and (max-width:600px){ html body.admin-bar #wpadminbar{position:fixed} }
html:has(body.admin-bar){scroll-padding-top:calc(76px + var(--wp-admin--admin-bar--height,32px) + env(safe-area-inset-top,0px))}
body.admin-bar .nav{top:calc(env(safe-area-inset-top,0px) + var(--barra))}
@media (prefers-reduced-motion:no-preference){
  body.admin-bar .pin{top:var(--barra);height:calc(100vh - var(--barra))}
}

/* ---------- PAGINE SEMPLICI: Privacy, Cookie (contenuto dell'editor) e Note legali ---------- */
.semplice{max-width:760px;margin:0 auto;padding:140px max(24px,6vw) 80px}
.semplice h1{margin:0 0 24px;font-size:clamp(32px,4.2vw,54px);font-weight:600;letter-spacing:-.04em;line-height:1.06}
/* Note legali: una riga per dato, etichetta e valore; sul telefono l'etichetta sta sopra il valore */
.nl{margin:32px 0 0}
.nl>div{display:grid;grid-template-columns:minmax(0,240px) 1fr;gap:6px 24px;padding:18px 0;border-top:1px solid var(--bordo)}
.nl>div:last-child{border-bottom:1px solid var(--bordo)}
.nl dt{font-size:15px;line-height:1.5;color:var(--testo-2)}
.nl dd{margin:0;font-size:17px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}
.nl a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:600px){ .nl>div{grid-template-columns:1fr} }

/* ---------- PALCO: contenitore del visivo di una scena; occupa tutto .pin-in, quindi non cambia nulla ---------- */
.palco{position:absolute;inset:0}

/* ---------- MOVIMENTO RIDOTTO: scene in forma statica leggibile (decisione 8 del 24/09) ----------
   Niente scena bloccata e niente testo nascosto: in colonna l'intestazione, il visivo a fine corsa nel suo palco,
   tutte le didascalie. La vista esplosa si distende in piano: i quattro strati in griglia, con la legenda
   nello stesso ordine degli strati. */
@media (prefers-reduced-motion:reduce){
  .scena .pin{height:auto}
  .scena .pin-in{height:auto;display:flex;flex-direction:column;align-items:center;gap:32px;padding:56px 24px 48px}
  .scena .s-head{position:static;opacity:1!important;transform:none!important;padding:0}
  .scena .palco{position:relative;inset:auto;width:100%;height:clamp(340px,72vh,720px)}
  .scena .caps{position:static;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}
  .scena .cap{position:static;max-width:min(700px,100%);opacity:1!important;transform:none!important}
  .scena .palco:has(> .fit){height:auto}
  .fit{position:relative;left:auto;top:auto;width:100%;height:auto;margin:0;opacity:1!important;transform:none!important;perspective:none}
  .stack{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:18px;transform:none!important}
  .lay{position:relative;inset:auto;min-height:340px;opacity:1!important;transform:none!important}
  .leg{position:static;transform:none;opacity:1!important;display:flex!important;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px 22px}
  .leg-i[data-i="0"]{order:0} .leg-i[data-i="1"]{order:1} .leg-i[data-i="2"]{order:2} .leg-i[data-i="3"]{order:3}
}
/* sul telefono il visivo in scala sarebbe troppo piccolo per leggerlo: dashboard e deal → memo si distendono in piano */
@media (prefers-reduced-motion:reduce) and (max-width:760px){
  .scena .palco:has(> .dash),.scena .palco:has(> .board){height:auto}
  .dash{position:static;width:100%;height:auto;margin:0;padding:16px;opacity:1!important;transform:none!important}
  .d-top{flex-wrap:wrap;gap:10px;height:auto}
  .d-kpis{grid-template-columns:1fr 1fr}
  .d-main{grid-template-columns:1fr}
  .board,.board.col{position:static;width:100%;height:auto;margin:0;flex-direction:column;gap:20px;opacity:1!important;transform:none!important}
  .board .deal,.board .memo2,.board.col .deal,.board.col .memo2{width:100%}
  .chip2{display:none}
}