.sc-galleria{margin:1.5rem 0}
.sc-galleria__conteggio{color:var(--body-color,#555);opacity:.75;font-size:.9rem;margin:0 0 .75rem}
.sc-galleria__griglia{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr))}
.sc-galleria__griglia li{margin:0}
.sc-galleria__griglia a{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:.375rem;background:#e9ecef}
.sc-galleria__griglia img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.sc-galleria__griglia a:hover img,.sc-galleria__griglia a:focus-visible img{transform:scale(1.04)}
.sc-galleria__griglia a:focus-visible{outline:3px solid var(--link-color,#224faa);outline-offset:2px}
dialog.sc-visore{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(10,10,10,.94);color:#fff}
dialog.sc-visore::backdrop{background:rgba(10,10,10,.94)}
.sc-visore__figura{position:absolute;inset:3.5rem 4rem 4.5rem;margin:0;display:flex;align-items:center;justify-content:center}
.sc-visore__figura img{max-width:100%;max-height:100%;object-fit:contain;user-select:none}
.sc-visore__didascalia{position:absolute;left:1rem;right:1rem;bottom:1rem;text-align:center;font-size:.95rem;line-height:1.4}
.sc-visore__contatore{position:absolute;top:1.1rem;left:1.25rem;font-size:.9rem;opacity:.8}
.sc-visore button{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:50%;width:2.75rem;height:2.75rem;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.sc-visore button:hover,.sc-visore button:focus-visible{background:rgba(255,255,255,.28)}
.sc-visore__chiudi{top:.6rem;right:.75rem}
.sc-visore__prec{left:.75rem;top:50%;transform:translateY(-50%)}
.sc-visore__succ{right:.75rem;top:50%;transform:translateY(-50%)}
@media (max-width:600px){.sc-visore__figura{inset:3.5rem .5rem 4.5rem}.sc-visore__prec,.sc-visore__succ{top:auto;bottom:.75rem;transform:none}.sc-visore__didascalia{bottom:4rem}}