body.login-page::before {
      content: 'RPG Canudos';
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url("<?= base_url('tema/dist/img/logocanudos.jpeg') ?>");
      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 */
      /* 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: #593010 !important;
      color: #fff !important;
  }

  .layout-top-nav {

      background-color: #f8f9fa;

  }

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

  .btn-custom-color {
      background-color: #AF9D66;
      border-color: #AF9D66;
      color: #fff;
  }

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