#sp-header {background: #B9C2CD;
            box-shadow: 0 0 0 0 rgba(0,0,0,0);
            }

html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

html {
  scroll-padding-top: 80px; /* altezza del tuo header sticky */
}

#sp-header {
  background: #B9C2CD;
  box-shadow: 0 0 0 0 rgba(0,0,0,0);
}

#sp-header {
  background: transparent;
}








/* Rende il menu trasparente e lo posiziona sopra il primo blocco */
#sp-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent !important;
    z-index: 999;
}

/* Gestione dello stato "Sticky" (quando scorri la pagina): 
   dà uno sfondo solido per evitare che il menu diventi illeggibile sul contenuto bianco */
#sp-header.header-sticky {
    position: fixed;
    background: #B9C2CD !important; /* Cambia colore se preferisci es. nero o scuro (#000000) */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Se è presente una top bar sopra il menu, rendi trasparente anche quella */
#sp-top-bar {
    background: transparent !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 998;
}