/* assets/scena-premium.css — lo strato premium delle pagine scritte a mano (404 e informative: privacypolicy, cookiepolicy,
   termini), 16/10/2026, titolare: «tutto il sito deve essere premium». Un solo foglio per le quattro pagine.
   La stessa scena del sito (capitolo 16, «scena viva»): luce che nasce dal logo, aurora sky e verde acqua che deriva piano,
   pavimento in prospettiva nel terzo basso. La stessa grammatica delle superfici: il contenuto sta su un foglio SOLLEVATO
   (filo di luce dall'angolo verso il logo, pozza di luce, alone azzurro sotto), le tabelle sono INCISE, i tasti hanno spessore.
   Animati solo trasformazione e opacità; con «riduci movimento» la scena sta ferma. Va caricato DOPO lo stile della pagina. */
.gx-scena{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.gx-scena i{position:absolute;display:block}
.gx-luce{inset:0;background:radial-gradient(circle 1500px at 49px 31px,rgba(56,189,248,.13) 0%,rgba(56,189,248,.045) 30%,transparent 70%)}
.gx-aurora{top:-38vmax;left:calc(50% - 52vmax);width:130vmax;height:130vmax;will-change:transform;
  background:radial-gradient(closest-side at 38% 42%,rgba(56,189,248,.21),rgba(56,189,248,.075) 44%,transparent 72%),radial-gradient(closest-side at 66% 64%,rgba(45,212,191,.15),rgba(45,212,191,.05) 44%,transparent 70%);
  animation:gxAurora 34s ease-in-out infinite alternate}
@keyframes gxAurora{0%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}50%{transform:translate3d(-7vmax,4vmax,0) rotate(16deg) scale(1.1)}100%{transform:translate3d(4vmax,-3vmax,0) rotate(-12deg) scale(.95)}}
.gx-pav{left:-60%;right:-60%;bottom:-4vh;height:78vh;transform:perspective(760px) rotateX(56deg);transform-origin:50% 100%;
  background:repeating-linear-gradient(90deg,rgba(125,211,252,.20) 0 1px,transparent 1px 86px),repeating-linear-gradient(0deg,rgba(125,211,252,.15) 0 1px,transparent 1px 64px);
  -webkit-mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.55) 45%,transparent 92%);mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.55) 45%,transparent 92%)}
@media(max-width:700px){.gx-pav{opacity:.65}}
@media(prefers-reduced-motion:reduce){.gx-aurora{animation:none}}
body{background:#070c17}
body>:not(.gx-scena){position:relative;z-index:1}

/* il foglio sollevato (informative) e la card della 404: stessa ricetta delle finestre del sito (bordo a gradiente) */
.gx-carta,body.gx-404 .wrap{border:1px solid transparent;
  background:radial-gradient(520px 340px at 0 0,rgba(125,211,252,.11),rgba(125,211,252,.035) 40%,transparent 62%) padding-box,linear-gradient(160deg,#16213b 0%,#0e1629 100%) padding-box,
    radial-gradient(circle 420px at 0 0,rgba(214,242,255,.62),rgba(150,212,255,.2) 35%,transparent) border-box,radial-gradient(circle 300px at 100% 100%,rgba(56,189,248,.26),transparent) border-box,
    linear-gradient(rgba(255,255,255,.07),rgba(255,255,255,.07)) border-box;
  box-shadow:0 2px 6px rgba(0,0,0,.40),10px 20px 44px -22px rgba(0,0,0,.75),0 44px 110px -40px rgba(56,189,248,.40)}
.gx-carta{border-radius:24px;margin-top:32px;margin-bottom:48px}
@media(max-width:820px){body .gx-carta{margin:16px 12px 32px;border-radius:20px}}   /* «body» davanti: il Tailwind del CDN arriva dopo e il suo .mx-auto vincerebbe */
/* «Torna all'app»: un tasto in rilievo blu notte, non più una scritta grigia */
.gx-torna{display:inline-flex!important;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;color:#dbe5f4!important;font-weight:700;text-decoration:none!important;
  background:linear-gradient(160deg,#24365f 0%,#18254a 100%);box-shadow:0 2px 6px rgba(0,0,0,.45),8px 14px 30px -16px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.18),inset 1px 0 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.45);transition:translate .3s cubic-bezier(.22,1,.36,1)}
@media(hover:hover){.gx-torna:hover{translate:0 -2px;color:#fff!important;box-shadow:0 3px 8px rgba(0,0,0,.48),10px 18px 36px -16px rgba(0,0,0,.7),0 16px 34px -16px rgba(56,189,248,.55),inset 0 1px 0 rgba(255,255,255,.24),inset 1px 0 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.45)}}
/* dentro il foglio: titoli di sezione con divisorio inciso, tabelle incise, etichette in rilievo */
.gx-carta .legal-section h2{border-bottom:1px solid rgba(0,0,0,.45);box-shadow:0 1px 0 rgba(255,255,255,.05)}
/* le tabelle scorrono di lato DENTRO il loro riquadro: al telefono erano più larghe dello schermo (fino a 604 px su 390) e il
   browser rimpiccioliva tutta la pagina (difetto già presente sul sito, misurato il 16/10/2026) */
body:not(.gx-oss) .gx-carta table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:separate;border-spacing:0;border-radius:12px;background:rgba(4,8,16,.5);box-shadow:inset 0 2px 5px rgba(0,0,0,.5),0 0 0 1px rgba(159,176,205,.14)}
body:not(.gx-oss) .gx-carta th,body:not(.gx-oss) .gx-carta td{border:0;border-bottom:1px solid rgba(159,176,205,.10)}
body:not(.gx-oss) .gx-carta th+th,body:not(.gx-oss) .gx-carta td+td{border-left:1px solid rgba(159,176,205,.08)}
body:not(.gx-oss) .gx-carta tr:last-child td{border-bottom:0}
body:not(.gx-oss) .gx-carta th{background:rgba(255,255,255,.035)}
.gx-carta .badge{border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.35),0 0 0 1px currentColor}

/* la 404: card, cifra in contorno con un filo di luce (come le cifre delle tappe del referto), tasto con spessore */
body.gx-404 .wrap{border-radius:24px;padding:34px 26px 26px}
body.gx-404 .code{color:transparent;-webkit-text-stroke:2px rgba(125,211,252,.55);text-shadow:0 0 28px rgba(56,189,248,.25);font-size:76px}
body.gx-404 .cta{background:linear-gradient(180deg,#72d3fb 0%,#3dbaf3 48%,#1f9fe0 100%);color:#04121f;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(3,55,95,.35),0 2px 6px rgba(0,0,0,.4),0 14px 30px -12px rgba(56,189,248,.65);transition:translate .3s cubic-bezier(.22,1,.36,1)}
@media(hover:hover){body.gx-404 .cta:hover{filter:none;translate:0 -2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(3,55,95,.35),0 3px 8px rgba(0,0,0,.42),0 20px 38px -12px rgba(56,189,248,.85)}}
body.gx-404 .links{border-top-color:rgba(0,0,0,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}

/* l'Osservatorio (body.gx-oss): stesso foglio sollevato; incisi il riquadro della data (che aveva una striscia colorata a
   sinistra: vietata dal titolare), il riquadro della tabella e le note in riquadro; divisorio inciso sopra il piede.
   Nessuna enfasi sul primo classificato (perimetro AGCM): le righe della tabella restano tutte uguali. */
body.gx-oss .data{border-left:0;border-radius:12px;background:rgba(4,8,16,.55);box-shadow:inset 0 2px 5px rgba(0,0,0,.55),inset 0 -1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(159,176,205,.14)}
body.gx-oss .tabellaBox,body.gx-oss .box{border-color:transparent;background:rgba(4,8,16,.5);box-shadow:inset 0 2px 5px rgba(0,0,0,.5),inset 0 -1px 0 rgba(255,255,255,.04),0 0 0 1px rgba(159,176,205,.14)}
body.gx-oss footer{border-top-color:rgba(0,0,0,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}