body {
      font-family: "Poppins", sans-serif;
      margin: 0;
      padding: 0;
      overflow-x: hidden;
background-color:#f5f5dc;
    }

    /* Navbar */
    .navbar {
       background: #ffff99;
      z-index: 1000;
    }
.navbar {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ombra morbida */
  background-color: #ffffa0; /* il giallo leggermente più scuro che preferisci */
}

    .navbar-nav .nav-link {
      padding: 10px 15px;
    }
 .nav-link {
            color: #333 !important;
            font-weight: 500;
        }
  .nav-link.active {
            color: #008080 !important;
            font-weight: 600;
        }
/* Stile generale per il titolo nella navbar */
.navbar-title h1 {
  margin: 0;
  color: #008080;
  font-size: 1.8rem; /* dimensione di default */
  font-weight: 700;
  line-height: 1.2;
}

/* Riduci il font su tablet e mobile */
@media (max-width: 768px) {
  .navbar-title h1 {
    font-size: 1.2rem;
  }
}

@media (max-width: 480px) {
  .navbar-title h1 {
    font-size: 1rem;
  }
}


 
    /* Sezione info */
    .info {
      padding: 60px 15px;
      text-align:center;
border-radius:20px;
    }
    .brand-logo {
      flex: 1 1 25%;
      max-width:180px;
      min-width:80px;
      height:auto;
    }
    @media (max-width:992px) {
      .brand-logo { flex:1 1 30%; max-width:150px; }
    }
    @media (max-width:576px) {
      .brand-logo { flex:1 1 28%; max-width:100px; min-width:70px; }
    }

    /* Footer */
  

    /* Bottone scroll-top */
    #scrollTopBtn {
      width:45px; height:45px;
      border-radius:50%;
      padding:0;
      font-size:1.5rem;
      display:flex;
      justify-content:center;
      align-items:center;
      cursor:pointer;
      box-shadow:0 4px 6px rgba(0,0,0,0.2);
      position: fixed;
      bottom:35px;
      right:20px;
      display:none;
      z-index:1000;
 background:#ffff99;
    }
/* MODIFICA: Titolo responsive per mobile */
.hero-title {
  font-size: 1.5rem;
  color: #fff;
  margin: 0;
}
 footer {
      background:#ffff99;
      text-align:center;
      padding:20px 15px;
      font-size:0.9rem;
    }
.form-control {
  border: 2px solid #e0e0e0;
  padding: 12px 15px;
  font-size: 1rem;
  transition: all 0.3s ease;
}

.form-control:focus {
  border-color: #54ad96;
  box-shadow: 0 0 8px rgba(84, 173, 150, 0.4);
}

.btn:hover {
  background-color: #449f82 !important;
  transform: translateY(-2px);
}