/* Textura de fundo (grão + luzes radiais) — sem ela, seções largas de cor
   sólida leem como "fundo chapado". Uso: dentro de uma seção com
   position:relative;overflow:hidden, colocar <div class="acd-grao"> e,
   opcionalmente, <div class="acd-glow" style="background:radial-gradient(...)">
   como os primeiros filhos (aria-hidden, puramente decorativos). */
.acd-grao {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .06;
  mix-blend-mode: overlay;
  background-size: 170px 170px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='170' height='170' filter='url(%23n)'/%3E%3C/svg%3E");
}
.acd-glow {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}