/* Desfoque gradual no pé da tela (desfoque-gradual.js, porte do GradualBlur do React Bits). */
.desfoque-gradual {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  height: 6rem;
  pointer-events: none;
  isolation: isolate;
  transition: opacity 0.3s ease-out;
}

.desfoque-gradual > div {
  position: absolute;
  inset: 0;
}

.desfoque-gradual.oculto {
  opacity: 0;
}