/* Official raster wordmark, extracted from Brand Identity Book v1.
   light: inverted PNG; dark: primary PNG; emerald: inverted on emerald.
   See IDENTIDADE-VOLA.md. No lettering, filters or geometry are generated here. */
:root {
  --vola-brand-deep-black: #0B0D0C;
  --vola-brand-warm-white: #F7F8F5;
  --vola-brand-emerald: #087C62;
}

.vola-logo {
  --vola-logo-width: 120px;
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  width: auto;
  height: auto;
  /* 0.20 × visible height, as proposed in the brand book. */
  padding: calc(var(--vola-logo-width) * 149 / 738 * .20);
  line-height: 0;
  letter-spacing: normal;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
.vola-logo[data-variant="emerald"] {
  background: var(--vola-brand-emerald);
}
.vola-logo > img {
  display: block;
  flex: none;
  width: var(--vola-logo-width);
  max-width: 100%;
  height: auto;
  aspect-ratio: 738 / 149;
  object-fit: contain;
}

.header .brand,
.footer .brand {
  flex: none;
  gap: 0;
  font-size: 0;
  letter-spacing: normal;
}
.footer .vola-logo { --vola-logo-width: 140px; }