/* Camada de papel de parede (imagem ou vídeo) — fica atrás do conteúdo */
site-background {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

/* cover = preenche o ecrã e corta bordas (igual ao antigo background-size: cover) — “zoom” vem daí */
site-background .site-background__media {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* Vídeo de fundo: evita tela preta em alguns WebKit móveis */
site-background video.site-background__media {
  background-color: var(--text-on-primary);
}

/* Conteúdo do app acima do fundo */
body > .container,
body > .admin-layout {
  position: relative;
  z-index: 1;
}