/* Cabeçalho aprovado: fundo idêntico ao PNG fornecido, sem modificar a marca. */
.header {
  background: #ae94fa;
  color: #262626;
  border-bottom-color: rgba(38, 38, 38, .14);
  backdrop-filter: none;
  position: relative;
  overflow: visible;
  z-index: 30;
}

.header .nav {
  height: 108px;
  overflow: visible;
}

.header .brand {
  position: relative;
  width: 210px;
  height: 108px;
  flex-shrink: 0;
  z-index: 3;
}

.header .brand img {
  position: absolute;
  max-width: none;
  width: 310px;
  height: 310px;
  top: -38px;
  left: -49px;
  object-fit: contain;
  z-index: 31;
  filter: drop-shadow(0 12px 18px rgba(18, 12, 28, .2));
}

.header nav {
  color: #262626;
  font-weight: 600;
}

.header nav a:hover {
  color: #5e17eb;
}

.header .button {
  background: #5e17eb;
  color: #fff;
}

.header .button:hover {
  background: #262626;
}

.header a:focus-visible,
.header button:focus-visible {
  outline-color: #262626;
}

@media (min-width: 761px) {
  .hero-grid {
    padding-top: 140px;
  }
}

@media (max-width: 760px) {
  .header .nav { height: 88px; }
  .header .brand { width: 130px; height: 88px; }
  .header .brand img {
    width: 145px;
    height: 145px;
    top: -6px;
    left: -8px;
  }
}