/* Stili personalizzati per l'effetto scroll */
  .navbar.fixed-top {
    backface-visibility: hidden;
    transform: translateZ(0);
    will-change: transform;
  }
  .navbar {
    transition: all 0.3s ease-in-out;
    background-color: var(--bs-secondary) !important;
    /* Fix per iOS Safari e altri browser mobile 
            -webkit-transform: translateZ(0);
            transform: translateZ(0);*/
  }

  .navbar.scrolled {
    will-change: background-color;
  }
  .navbar.scrolled {
    background-color: var(--bs-primary) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  .navbar.scrolled .nav-link, .navbar.scrolled .navbar-toggler-icon {
    color: white !important;
  }
  .navbar.scrolled .btn-outline-primary {
    color: white !important;
    border-color: white !important;
  }
  .navbar.scrolled .btn-outline-primary:hover {
    background-color: white !important;
    color: var(--bs-primary) !important;
  }
  .navbar.scrolled .btn-outline-primary.active {
    background-color: white !important;
    color: var(--bs-primary) !important;
  }
.main-title {
    transition: all 0.4s ease-in-out;
    opacity: 1;
    transform: translateY(0);
}

.main-title.fade-out {
  opacity: 0;
  transform: translateY(-20px);
  pointer-events: none;
}
  .navbar-logo {
    opacity: 0;
    transform: translateX(-20px);
     transition: all 0.4s ease-in-out;
 color: var(--bs-light) !important;
  }
  .navbar.scrolled .navbar-logo {
    opacity: 1;
    transform: translateX(0);
  }
  .navbar .container-fluid {
    position: relative;
  }
@media (max-width: 767.98px) {
  .navbar-logo.force-show {
    opacity: 1 !important;
    transform: translateX(0) !important;
    transition: all 0.3s ease-in-out;
       color:  var(--bs-primary) !important;
  }
}
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    overflow-x: visible;
}
body {
    padding-top: 56px;
}
.section-overflow {
    overflow-x: hidden;
}