:root{
  --top-layer:116px;
  --bottom-layer:68px;
  --dark:#004646;
  --accent:#ff9500;
  --white:#fff;
}
*{box-sizing:border-box}
html{margin:0;width:100%;min-height:100%;background:#071717;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto}
body{margin:0;width:100%;min-height:calc(100dvh + 1px);background:#071717;color:#fff;overflow:visible;-webkit-overflow-scrolling:touch}
a{color:inherit;text-decoration:none}
button,a{font:inherit}

/* Il documento può ricevere il gesto pull-to-refresh, ma tutta la pagina Eventi
   è fissata al viewport: nessuna immagine o testo può scorrere verticalmente. */
#eventsRoot{position:fixed;z-index:1;inset:0;width:100%;height:100dvh;overflow:hidden}
.events-screen{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:#183a3b}
.events-carousel{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:auto}
.events-carousel::-webkit-scrollbar{display:none}
.event-slide{position:relative;flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#183a3b}
.event-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none}
.event-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.12) 18%,rgba(0,0,0,.18) 42%,rgba(0,0,0,.78) 100%)}
.event-copy{position:absolute;z-index:3;left:20px;right:20px;bottom:calc(var(--bottom-layer) + env(safe-area-inset-bottom) + 104px);text-shadow:0 2px 16px rgba(0,0,0,.72)}
.event-category{margin:0 0 8px;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.event-title{margin:0 0 12px;font-size:clamp(34px,10vw,62px);line-height:.98;font-weight:900}
.event-meta{display:flex;flex-wrap:wrap;gap:7px 12px;margin:0;font-size:14px;font-weight:800;line-height:1.35}
.event-meta span{display:inline-flex;align-items:center;gap:5px}
.event-distance{display:none}
.event-priority{position:absolute;z-index:4;top:calc(var(--top-layer) + 10px);right:18px;border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:6px 10px;font-size:10px;font-weight:900;letter-spacing:.08em;background:rgba(0,0,0,.28);backdrop-filter:blur(8px)}

.events-indicators{position:fixed;z-index:120;left:20px;right:20px;bottom:calc(var(--bottom-layer) + env(safe-area-inset-bottom) + 24px);display:grid;grid-template-columns:repeat(var(--slides,1),1fr);gap:7px;pointer-events:auto}
.event-indicator{display:block;height:3px;border:0;border-radius:999px;background:rgba(255,255,255,.35);padding:0;-webkit-appearance:none;appearance:none}
.event-indicator.active{background:#fff}
.events-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--top-layer) + 20px) 24px calc(var(--bottom-layer) + 20px);background:#64d1d4;color:#004646}
.events-empty h1{margin:0 0 12px;font-size:clamp(34px,10vw,58px);line-height:1;font-weight:900}
.events-empty p{margin:0;max-width:520px;font-size:16px;line-height:1.5;font-weight:700}