/*
 * Fundos das seções da Home no computador (29/10/2026, pedido do Joel).
 * As artes vêm LIMPAS, sem faixa preta chumbada em cima e embaixo; a emenda entre uma seção e outra
 * é feita aqui em CSS: preto cheio na borda, sumindo com a mesma curva suave (ease) do pé do banner
 * da página de jogo, sem linha visível. O degradê é camada do próprio fundo, então fica abaixo do
 * conteúdo e da camada escura (::before) de cada seção.
 * Tablet e celular continuam com as artes antigas do pg-home.css.
 */
@media (min-width:1025px){
  .pg-doc.pg-8460{
    --pg-fundo-curva: rgb(0 0 0 / 1) 0%, rgb(0 0 0 / 0.987) 8.1%, rgb(0 0 0 / 0.951) 15.5%, rgb(0 0 0 / 0.896) 22.5%, rgb(0 0 0 / 0.825) 29%, rgb(0 0 0 / 0.741) 35.3%, rgb(0 0 0 / 0.648) 41.2%, rgb(0 0 0 / 0.55) 47.1%, rgb(0 0 0 / 0.45) 52.9%, rgb(0 0 0 / 0.352) 58.8%, rgb(0 0 0 / 0.259) 64.7%, rgb(0 0 0 / 0.175) 71%, rgb(0 0 0 / 0.104) 77.5%, rgb(0 0 0 / 0.049) 84.5%, rgb(0 0 0 / 0.013) 91.9%, rgb(0 0 0 / 0) 100%;
  }

  /* camadas: degradê do topo, degradê do pé, arte */
  .pg-doc.pg-8460 .pg-element:is(.pg-3652d20,.pg-bc5c519,.pg-2fbee66,.pg-9088e59,.pg-9c2a5d3):not(.pg-motion-effects-element-type-background){
    background-image:
      linear-gradient(to bottom, var(--pg-fundo-curva)),
      linear-gradient(to top, var(--pg-fundo-curva)),
      var(--pg-fundo-arte);
    background-size:100% 220px, 100% 220px, cover;
    background-position:top center, bottom center, center center;
    background-repeat:no-repeat;
  }

  .pg-doc.pg-8460 .pg-element.pg-3652d20{--pg-fundo-arte:url("/img/home/home-topo-fundo-1920x1080.webp")}     /* novidades: túnel neon */
  .pg-doc.pg-8460 .pg-element.pg-bc5c519{--pg-fundo-arte:url("/img/home/home-jogos-fundo-1920x1080.webp")}    /* jogos: corredor */
  .pg-doc.pg-8460 .pg-element.pg-2fbee66{--pg-fundo-arte:url("/img/home/cla-fundo-1920x1080.webp?v=2")}       /* encontre um clã */
  .pg-doc.pg-8460 .pg-element.pg-9088e59{--pg-fundo-arte:url("/img/home/home-controle-fundo-1920x1080.webp")} /* controle */
  .pg-doc.pg-8460 .pg-element.pg-9c2a5d3{--pg-fundo-arte:url("/img/home/home-setas-fundo-1920x1080.webp")}    /* setas neon */

  /* Escurecimento IGUAL em todas as seções (29/10): antes cada uma tinha o seu (topo 59%, jogos 62%,
     clã/controle/setas 58%→80% e o "Crie uma página" sem nenhum). Padrão = o que já era maioria:
     preto 58% no alto até 80% no pé; depois clareado 10 pontos a pedido do Joel (48% → 70%). Fica na camada escura (::before) que as seções já têm. */
  .pg-doc.pg-8460 .pg-element:is(.pg-3652d20,.pg-bc5c519,.pg-2fbee66,.pg-9088e59,.pg-9c2a5d3)::before{
    background-color:transparent;
    background-image:var(--pg-fundo-escuro);
    opacity:1;
  }
  .pg-doc.pg-8460{--pg-fundo-escuro:linear-gradient(180deg,rgb(0 0 0 / .48) 0%,rgb(0 0 0 / .7) 100%)}
  /* "Crie uma página" é seção nossa (sem ::before): a camada vem antes dos aparelhos no DOM, então fica embaixo deles */
  .pg-doc.pg-8460 .pg-cla2::before{
    content:""; position:absolute; inset:0; pointer-events:none;
    background:var(--pg-fundo-escuro);
  }
}