:root {
  --gz-decor-opacity: .45;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  height: 100vh;
  height: 100lvh;
  z-index: -1;
  pointer-events: none;
  background-image: url("../images/ujicoba.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: var(--gz-decor-opacity, .45);
}

@media (max-width: 1024px) {
  :root { --gz-decor-opacity: .3; }
}

@media (max-width: 640px) {
  :root { --gz-decor-opacity: .2; }
}

@media (prefers-reduced-data: reduce) {
  body::before { opacity: calc(var(--gz-decor-opacity, .45) * .7); }
}
main.bg-background:has(#ng-forgot-form),
main.bg-background:has(#ng-reset-form) { background-color: transparent; }