/* sg-provincia-sito.css (27/10/2026, Francesco: "la grafica di tutta la pagina dovrebbe essere adattata a quella del sito").
   Veste delle pagine provincia (GPS, interpelli, ATA, terza fascia) presa dal sito (site_v8): fondo #E7ECF4 con le
   sfumature azzurre degli strumenti, riquadri in vetro opaco come le .card, testo #19223A, pulsanti a pastiglia.
   Solo aspetto: testi, titoli e struttura delle pagine non cambiano. Si carica dopo gli stili della pagina. */

/* fondo: stesso colore e stesse sfumature di .bg-fx degli strumenti, senza markup in più */
html{background:#E7ECF4!important}
body{background:transparent!important}  /* il fondo sta su html: con il fondo sul body le sfumature (z-index -1) finirebbero sotto */
body{color:#19223A;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative}
body::before{content:"";position:fixed;inset:-24vmax;z-index:-1;pointer-events:none;
  background:radial-gradient(52vmax 52vmax at 28% 30%,rgba(35,120,150,.42),transparent 60%),
             radial-gradient(44vmax 44vmax at 74% 40%,rgba(150,196,200,.36),transparent 62%),
             radial-gradient(48vmax 48vmax at 56% 78%,rgba(96,176,224,.44),transparent 60%);
  filter:blur(80px) saturate(1.15);opacity:.5}
h1,h2,h3{color:#19223A}

/* riquadri: vetro opaco come le .card degli strumenti */
.box,.kpi div,.cifre,.anche-g a,.sg-prod,table{
  background:rgba(255,255,255,.55)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);
  border:1px solid rgba(255,255,255,.7)!important;
  box-shadow:0 10px 34px rgba(28,40,75,.08),0 2px 8px rgba(28,40,75,.05)!important}
.box{border-radius:18px}
.kpi div{border-radius:16px}
.cifre{gap:1px;background:rgba(255,255,255,.35)!important}
.cifre div{background:rgba(255,255,255,.5)!important}
.anche-g a{border-left:3px solid #1C7C8C!important;border-radius:0 14px 14px 0}
.sg-prod{border-left:3px solid #1C7C8C!important;border-radius:0 14px 14px 0}
table{border-radius:16px}
th{background:rgba(255,255,255,.6)!important;color:#69728C}
td{border-color:rgba(25,34,58,.08)!important}
.box.punto{background:rgba(232,244,245,.62)!important;border-color:rgba(191,224,228,.9)!important}
.fasce div{background:rgba(255,255,255,.55)!important;border:1px solid rgba(255,255,255,.7)}

/* pastiglie e pulsanti come nel sito */
.cta a.g{background:rgba(255,255,255,.6)!important;border:1px solid rgba(255,255,255,.75)!important;color:#19223A!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 14px rgba(28,40,75,.06)}
.cta a.p{background:linear-gradient(135deg,#1C7C8C,#125E6B)!important;color:#fff!important;box-shadow:0 8px 22px rgba(28,124,140,.28)}
.vivo,.sg-cop{background:rgba(232,244,242,.75)!important}

/* telefono: il vetro sfocato pesa sui telefoni lenti, come nel sito resta solo il velo bianco */
@media (max-width:600px),(hover:none){
  .box,.kpi div,.cifre,.anche-g a,.sg-prod,table,.cta a.g{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .box,.kpi div,.anche-g a,.sg-prod,table{background:rgba(255,255,255,.72)!important}
}

/* tendine del menu: fondo sempre pieno sul computer */
@media (min-width:921px){.site-head .dd-panel{background:rgba(255,255,255,.96)!important}}