/* Header com fundo fixo */
.site-header.solid-bg {
  background-color: #111;
  padding: 20px 0;
  position: fixed;
  z-index: 1000;
}

/* Ícones e textos brancos */
.white-nav .menu a,
.white-toggle .bar {
  color: white;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
}

.white-nav .menu a:hover {
  color: #fca311;
}

.logo img {
  max-height: 70px;
}


.hero-section {
  background-size: cover;
  background-position: center;
  padding: 40px 20px;
  text-align: center;
  color: white;
  position: relative;
  margin-top: 100px;
  margin-bottom: 64px;
}

.hero-section::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(27, 28, 31, 0.7);
}

.hero-section .container {
  position: relative;
  z-index: 2;
}

.hero-title {
  font-size: 3.2rem;
  margin-bottom: 0.5rem;
}


.breadcrumbs {
  font-size: 0.9rem;
  color: #ddd;
  margin-bottom: 0.5rem;
}

.breadcrumbs a {
  color: #eee;
  text-decoration: none;
  transition: color 0.3s ease;
}

.breadcrumbs a:hover {
  color: #fca311;
}

.breadcrumbs .separator {
  margin: 0 5px;
  color: #aaa;
}