/* BG base da página — fiel ao Illustrator, sem conteúdo extra */
:root {
  /* altura do SVG / largura do SVG  =  3606.29 / 1920  */
  --bg-aspect: 1.87838;
}

html, body {
  height: 100%;
}

body {
  margin: 0;
  background-color: #212121; /* sua cor base */
  position: relative; /* cria contexto para o ::before ficar atrás do conteúdo sem sumir */
}

/* Camada do SVG fixo, ancorada no topo-esquerda.*/

body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;

  width: 100vw;
  height: max(100vh, calc(100vw * var(--bg-aspect)));

  /* RECOMENDADO: evite acento no caminho da pasta */
  background-image: url("../img-padrao/home-bg.svg"); /* se manter com acento, ajuste para "img-padrão/..." */
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100% auto;

  pointer-events: none;
  z-index: 1; /* fica atrás do conteúdo, mas acima da cor de fundo */

  image-rendering: auto;
  backface-visibility: hidden;        /* padrão (resolve o aviso) */
  -webkit-backface-visibility: hidden;/* prefixado */
  transform: translateZ(0);
}


/* DEBUG: rolagem temporária — remova quando tiver conteúdo real */

/* Se o usuário prefere menos movimento, deixaremos a animação para depois.
@media (prefers-reduced-motion: reduce) { } */