/* CSS Document */
.navbar-brand img {
  max-height: 80px;   /* o 50px se lo vuoi un po' più grande */
  width: auto;        /* mantiene le proporzioni */
}

.navbar-custom {
  background-color: #f2b31c;
}

.navbar-custom .navbar-brand,
.navbar-custom .nav-link {
  color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}

.navbar-custom .nav-link.active,
.navbar-custom .nav-link:hover {
  color: #000; /* opzionale: al passaggio diventa nero per contrasto */
}
.hero-overlay {
  background: linear-gradient(180deg, rgba(0,0,0,0.45), rgba(0,0,0,0.45));
}

.hero-caption {
  text-shadow: 0 2px 8px rgba(0,0,0,.45);
}

/* Colore arancione personalizzato */
.section-title,
.section-title h1,
.section-title h2 {
  color: #f2b31c; /* arancione che usi per la navbar */
}

.section-icon {
  color: #f2b31c !important;
}

@media (max-width: 576px) {
  .hero-caption h1, .hero-caption h2 { display: none; font-size: 1.8rem; }
  .hero-caption .lead { font-size: 1rem; }
}