/* Sfondo vivo: le foto vere, mescolate a ogni caricamento. Nessun velo sopra di esse:
   il testo resta leggibile perche' le sezioni hanno sfondo pieno. */
/* 27/08: era z-index:-1 e finiva SOTTO a tutto (hero, fasce a tutta larghezza):
   il clic non arrivava mai a una tessera. Ora il fondo sta a 0 e i contenuti a 1,
   cosi' nelle fasce laterali le foto sono davvero cliccabili. */
#sfondo{position:fixed;inset:0;z-index:0;display:grid;gap:2px;overflow:hidden;background:#0b1f2e}
#sfondo img{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer;opacity:0;transition:opacity .6s,filter .25s}
#sfondo img.su{opacity:1}
#sfondo img:hover{filter:brightness(1.12) saturate(1.08)}
#sfogl{position:fixed;inset:0;z-index:200;background:rgba(4,12,20,.96);display:none;align-items:center;justify-content:center}
#sfogl.on{display:flex}
#sfogl img{max-width:92vw;max-height:82vh;object-fit:contain;border-radius:6px;box-shadow:0 10px 50px rgba(0,0,0,.6)}
#sfogl .cap{position:absolute;bottom:1.4rem;left:0;right:0;text-align:center;color:#fff;font:400 1rem/1.4 Georgia,serif;text-shadow:0 2px 8px rgba(0,0,0,.9);padding:0 1rem}
#sfogl .cap small{display:block;opacity:.65;font-size:.8rem;margin-top:.25rem;font-family:system-ui,sans-serif}
#sfogl button{position:absolute;background:rgba(255,255,255,.14);color:#fff;border:0;border-radius:999px;width:3rem;height:3rem;font-size:1.5rem;cursor:pointer;line-height:1}
#sfogl button:hover{background:rgba(255,255,255,.28)}
#sfogl .x{top:1.2rem;right:1.2rem;width:2.6rem;height:2.6rem;font-size:1.2rem}
#sfogl .p{left:1.2rem;top:50%;transform:translateY(-50%)}
#sfogl .n{right:1.2rem;top:50%;transform:translateY(-50%)}
@media (max-width:700px){#sfogl button{width:2.4rem;height:2.4rem;font-size:1.1rem}}

/* i contenuti stanno sopra il mosaico */
header,.hero,section,footer,.fascia,nav,#lb,#sfogl{position:relative;z-index:1}
#sfogl{z-index:200}
/* invito visibile: sfoglia tutte */
#sfogliatutte{display:inline-block;margin:.6rem 0 0;padding:.6rem 1.1rem;border:0;border-radius:999px;
 background:#c9a227;color:#1a1206;font:600 .95rem system-ui,sans-serif;cursor:pointer}
#sfogliatutte:hover{filter:brightness(1.08)}