body.login-page::before {
      content: 'RPG Digital: Qualificação Profissional da PMBA';
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url("<?= base_url('tema/dist/img/logopmba.jpg') ?>");
      background-repeat: no-repeat;
      background-position: center 40%;
      background-size: 900px;
      opacity: 0.2;
      /* Ajuste a opacidade para o nível desejado */
      z-index: -1;
      /* Garante que a marca d'água fique atrás do conteúdo */
      color: #000000ff;
      /* Cor da fonte, ajuste conforme necessário */
      font-size: 2em;
      /* Tamanho da fonte */
      text-align: center;
      padding-top: 15%;
      /* Alinhe a frase abaixo da imagem */
      box-sizing: border-box;
  }

  /* Garante que a caixa de login e o formulário fiquem acima do fundo */
  .login-box,
  .card,
  .card-body {
      position: relative;
      z-index: 1;
      /* Coloque um valor maior que -1 para que o elemento fique na frente */
  }
  
  .card-custom-color>.card-header {
      background-color: #8B0000 !important;
      color: #fff !important;
  }

  .layout-top-nav {

      background-color: #f8f9fa;

  }

  .fundo,
  .login-page {
      background-color: #D2B48C;
  }

  .centraliza {
      display: flex;
      justify-content: center;
      align-items: center;
      /* Ajuste a altura e largura do contêiner conforme necessário /
      height: 100vh;*/
      /* Exemplo para ocupar a altura total da tela */
      width: 8%;
  }

  .centraliza img {
      object-fit: scale-down;
      width: 100px;
      height: 100px;
  }

  .foto-rpg {
      display: flex;
      justify-content: center;
      align-items: center;
      /* Ajuste a altura e largura do contêiner conforme necessário /
      height: 100vh;*/
      /* Exemplo para ocupar a altura total da tela */
      width: 30%;
  }

  .g img {
      object-fit: scale-down;
      width: 100px;
      height: 100px;
  }

  .btn-custom-color2 {
      background-color: #1761d4;
      border-color: #1761d4;
      color: #fff;
  }

  .btn-custom-color2:hover,
  .btn-custom-color2:focus {
      background-color: #4a7dcf;
      border-color: #4a7dcf;
      color: #fff;
  }