#lb{position:fixed;inset:0;background:rgba(6,16,24,.94);display:none;align-items:center;justify-content:center;z-index:50}
#lb.on{display:flex}#lb figure{margin:0;max-width:92vw;max-height:90vh;text-align:center}#lb img{max-width:92vw;max-height:82vh;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
#lb figcaption{color:#f4efe6;font-family:system-ui,sans-serif;font-size:.9rem;margin-top:.6rem}
#lb button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;font-size:2.4rem;line-height:1;width:3rem;height:3rem;border-radius:999px;cursor:pointer}
#lb .lb-x{top:1rem;right:1rem}#lb .lb-p{left:1rem;top:50%;transform:translateY(-50%)}#lb .lb-n{right:1rem;top:50%;transform:translateY(-50%)}
.mappa-wrap{position:relative;display:block}.mappa-wrap img.mappa{margin:0}
.hot{position:absolute;transform:translate(-50%,-50%);padding:.2rem .5rem;border-radius:999px;border:2px solid #fff;background:#e9c46a;color:#0b1f2e;font:700 .72rem/1.1 system-ui,sans-serif;white-space:nowrap;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.35);transition:transform .15s}
.hot:hover{transform:translate(-50%,-50%) scale(1.12);background:#fff;z-index:5}
#videobook{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}#videobook video{width:100%;border-radius:12px;background:#000}