/* A imagem original permanece intacta; apenas sua exibicao recebe opacidade.
   Cada fundo recorta a mesma camada fixa, preservando as cores das secoes. */
:root {
  --marca-dagua-opacidade: 0.065;
  --marca-dagua-tamanho: min(86vw, 78vh, 850px);
}

.hero,
.menu-section,
.pre-section,
.pre-copy,
.delivery-section,
main > footer {
  isolation: isolate;
  clip-path: inset(0);
}

.hero::before,
.menu-section::before,
.pre-section::before,
.pre-copy::before,
.delivery-section::before,
main > footer::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: url("marca-dagua-original.png") center / var(--marca-dagua-tamanho) auto no-repeat;
  opacity: var(--marca-dagua-opacidade);
}

@media (max-width: 980px) {
  .pizza-stage {
    isolation: isolate;
    clip-path: inset(0);
  }

  .pizza-stage::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: url("marca-dagua-original.png") center / var(--marca-dagua-tamanho) auto no-repeat;
    opacity: var(--marca-dagua-opacidade);
  }
}