/* Camada de fundo. Coloque antes do conteúdo principal da página. */
body {
  position: relative;
  isolation: isolate;
}

.fluid-background {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #03070e url("../img/BG-atos29.webp") center / cover no-repeat;
  pointer-events: none;
}

.fluid-background__canvas {
  display: block;
  width: 100%;
  height: 100%;
}

/* Escurecimento central semelhante à referência e proteção de legibilidade. */
.fluid-background::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 46%, rgba(3, 7, 14, 0.06) 0%, rgba(3, 7, 14, 0.18) 42%, rgba(3, 7, 14, 0.28) 100%);
  mix-blend-mode: multiply;
}

@media (prefers-reduced-motion: reduce) {
  .fluid-background__canvas {
    display: none;
  }
}