.fundo-tech-lateral {
  /* 1. Cor base branca */
  background-color: #ffffff;

  /* ** #####  CIRCULO BRANCO NO CENTRO  #### */
  /* 2. As Camadas de Fundo (A ordem importa: a primeira fica por cima) *
    background-image: 
    
    /* CAMADA 1 (Topo): A Máscara Branca 
    - Do centro (0%) até 50% é Branco Sólido (esconde as bolas).
    - Do 50% até 100% vai ficando transparente (revela as bolas). 
    *
    radial-gradient(circle at center, #ffffff 60%, transparent 100%),
    
    /* CAMADA 2 (Fundo): As Bolinhas
    - Aumentei o tamanho para 2px.
    - Escureci a cor para #777 (Cinza Médio) para ficarem visíveis.
    */
  /* radial-gradient(#777777 2px, transparent 2px); *
    radial-gradient(#c7c3c3 2px, transparent 2px);
    
    /* 3. Tamanhos */
  /* A máscara cobre 100% da div, as bolinhas se repetem a cada 24px *
    background-size: 100% 100%, 24px 24px;
    
    /* 4. Repetição *
    background-repeat: no-repeat, repeat;
    
    /* ########################### */
  /* ** Se você aplicar e achar que o centro branco está muito pequeno ou grande, 
    /* ** ajuste a porcentagem na linha do radial-gradient da camada 1:
    /* ** Mais área branca (esconder mais bolinhas): Mude #ffffff 40% para #ffffff 70%.
    /* ** Menos área branca (mostrar mais bolinhas): Mude #ffffff 40% para #ffffff 20%.
    /* ** Se achar as bolinhas muito escuras, mude o #777777 para #999999. */
  /* **#####  CIRCULO BRANCO NO CENTRO  #### */

  /* **#####  RETANGULO BRANCO NO CENTRO  #### *
    background-image: 
    /* CAMADA 1 (MÁSCARA RETANGULAR) 
    Define onde fica branco e onde fica transparente.
    90deg = Sentido Horizontal (Esquerda para Direita) 
    *
    linear-gradient(90deg, 
    transparent 0%, 
    #ffffff 20%,    /* O branco começa a ficar sólido em 20% da tela *
    #ffffff 80%,    /* O branco vai até 80% *
    transparent 100%
    ),
    
    /* CAMADA 2 (PADRÃO DE BOLINHAS) *
    radial-gradient(#999999 2px, transparent 2px);
    
    /* Tamanhos *
    background-size: 100% 100%, 24px 24px;
    background-repeat: no-repeat, repeat;
    
    /* Garante que o fundo fique fixo se quiser *
    background-attachment: scroll; /* Use 'fixed' se quiser que o fundo trave na tela */

  /* ** Ajustando a largura do "Retângulo Branco"
    /* ** Você pode controlar a largura da parte branca mexendo nas porcentagens do linear-gradient:
    /* ** Para um centro branco mais LAGO (menos bolinhas):
    /* ** Mude 20% para 10% e 80% para 90%.
    /* ** Para um centro branco mais ESTREITO (mais bolinhas):
    /* ** Mude 20% para 30% e 80% para 70%. */

  /* **#####  RETANGULO BRANCO NO CENTRO  #### */

  /* **#####  ELIPSE-OVAL BRANCO NO CENTRO  #### */
  background-image: 
        /* CAMADA 1: A ELIPSE VERTICAL BRANCA (MÁSCARA)
           - ellipse 40% 90%: 
             40% = Largura (Horizontal) - Quanto menor, mais fina ela fica.
             90% = Altura (Vertical) - Quanto maior, mais alongada.
        */ radial-gradient(
      ellipse 75% 100% at center,
      #ffffff 20%,
      /* Branco sólido no miolo */ #ffffff 50%,
      /* Mantém branco até metade da elipse */ transparent 60%
        /* Fade para transparente nas pontas/bordas */
    ),
    /* CAMADA 2: AS BOLINHAS */ radial-gradient(#999999 2px, transparent 2px);

  /* Tamanhos */
  background-size: 100% 100%, 24px 24px;
  background-repeat: no-repeat, repeat;
  /* **#####  ELIPSE-OVAL BRANCO NO CENTRO  #### */

  /* ** Como ajustar o formato ao seu gosto:
    /* ** Dentro da linha radial-gradient(ellipse 40% 90% at center, ...):
    /* ** Para deixá-la MAIS FINA (mais estreita):
    /* ** Diminua o primeiro valor.
    /* ** Ex: ellipse 25% 90% (Vai parecer um feixe de luz vertical).
    /* ** Ex: ellipse 60% 90% (Vai ficar mais "gordinha").

    /* ** Para deixá-la MAIS ALONGADA (bater nas bordas de cima e baixo):
    /* ** Aumente o segundo valor.
    /* ** Ex: ellipse 40% 100% (Toca o topo e o rodapé).
    /* ** Ex: ellipse 40% 70% (Fica mais curta, flutuando no meio).

    /* ** Para controlar o "Névoa" (o fade do branco):
    /* ** Mexa nas porcentagens das cores (#ffffff 20%).
    /* ** Se colocar #ffffff 0%, transparent 100%, o degradê começa imediato (fica muito suave).
    /* ** Se colocar #ffffff 80%, transparent 100%, fica uma borda dura, quase um recorte sólido.
    
    /* **#####  ELIPSE-OVAL BRANCO NO CENTRO  #### */

  /* **#####  ELIPSE-OVAL 1a versão BRANCO NO CENTRO  #### */
  /* radial-gradient(ellipse at center, #ffffff 60%, transparent 100%), */
  /* radial-gradient(#999999 2px, transparent 2px); */
  /* **#####  ELIPSE-OVAL 1a versão BRANCO NO CENTRO  #### */

  /* ############################## */
  /* ** Como aplicar em seu programa
  /* ** Inclua o link no cabecalho
  /* ** <link rel="stylesheet" href="css/fundo.css">

  /* ** Como aplicar em sua DIV
    /* ** Inclusa classe "fundo-tech-lateral"

    /* ** <div class="sidebar-container fundo-tech-lateral">
    /* ** <!-- conteúdo -->
    /* ** </div> */
}