body {
  background-color: #000;
  color: #fff;
  
  font-family: "Poppins", sans-serif;
}

/* Gold accents */
.text-gold { color: #f5d58a; }
.border-gold { border: 1px solid #f5d58a; }
.btn-gold {
  background-color: #f5d58a;
  color: #000;
  border: none;
  font-weight: 600;
}
.btn-gold:hover { background-color: #e8c76d; color: #000; }

/* Hero */
.hero {
  min-height: 100vh;
  background: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url('img/logo.jpg') center/contain no-repeat;
}

/* Fade-in animation */
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 1s forwards;
}
.delay-1 { animation-delay: 0.4s; }
.delay-2 { animation-delay: 0.8s; }

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Navbar styling */
.navbar { background-color: rgba(0, 0, 0, 0.95) !important; }
.nav-link { color: #f5d58a !important; font-weight: 500; }
.nav-link:hover { text-decoration: underline; }

/* Map */
.map-container iframe { border-radius: 8px; }


hero-logo {
  max-width: 320px;  /* dimensione massima su desktop */
  width: 80%;        /* si riduce su schermi piccoli */
  height: auto;
}

@media (max-width: 576px) {
  .hero-logo {
    max-width: 220px;  /* dimensione ottimale su smartphone */
    width: 70%;
  }
}