body {
  background-image: url('/imagens/tela_de_fundo.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  
}

.hr-separator {
  border-top: 3px solid black; /* define a espessura da linha */
}

.btn-contato {
  color: black !important;
}
.btn-contato:hover {
  color: rgb(8, 80, 212) !important;
}

.btn-doacoes {
  color: black !important;
}
.btn-doacoes:hover {
  color: rgb(5, 119, 24) !important;
}


.imagem-logo {
  width:45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 5px;
}

.imagem_inic{
  max-height: 400px;
  object-fit:cover;
  object-position: bottom;
 
}

body::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.6;
  z-index: -1;
}

.card_inic {
  border-radius: 20px;
  margin: 1px;
  padding: 0;
  border-width: 1px;
}

.carousel_inic {
  border-radius: 20px 20px 0 0;
  margin: 0;
  padding: 0;
  
}

.btn-entrar {
  margin-left: 10px; /* ajuste o valor do espaçamento aqui conforme necessário */
}


.card_partic {
      background: linear-gradient(to bottom right, #98d8f3, #c0d7ee);
      border: 5px solid #98d8f3;
      border-radius: 20px;
      color: darkblue;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      padding: 20px;
      transition: all 0.3s ease-in-out;
}

.card_partic:hover {
      background: linear-gradient(to bottom right, #5dbcd2, #4a92a8);
      border-color: #5dbcd2;
      color: #fff;
      transform: translate(0, -5px);
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
}

.card_partic:hover img {
  transform: scale(1.3);
}


.card_redes {
      background: linear-gradient(to bottom right, #ecc3cb, #e4b0c8);
      border: 5px solid #ebb0bc;
      border-radius: 20px;
      color: #7c2f42;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      padding: 20px;
      transition: all 0.3s ease-in-out;
}

.card_redes:hover {
      background: linear-gradient(to bottom right, #d9648c, #c62f6e);
      border-color: #d9648c;
      color: #fff;
      transform: translate(0, -5px);
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
}

.card_redes:hover img {
  transform: scale(1.3);
}


.card_ofertas {
      background: linear-gradient(to bottom right, #c2dba4, #dfe790);
      border: 5px solid #97c267;
      border-radius: 20px;
      color: darkgreen;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      padding: 20px;
      transition: all 0.3s ease-in-out;
}

.card_ofertas:hover {
      background: linear-gradient(to bottom right, #558b2f, #33691e);
      border-color: #558b2f;
      color: #fff;
      transform: translate(0, -5px);
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
}

.card_ofertas:hover img {
  transform: scale(1.3);
}


.card_necessidades {
      background: linear-gradient(to bottom right, #e6ccb3, #d9b39f);
      border: 5px solid #e6ccb3;
      border-radius: 20px;
      color: #4d3319;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      padding: 20px;
      transition: all 0.3s ease-in-out;
}

.card_necessidades:hover {
      background: linear-gradient(to bottom right, #b38f6d, #a68159);
      border-color: #b38f6d;
      color: #f1efee;
      transform: translate(0, -5px);
}

.card_necessidades:hover img {
  transform: scale(1.3);
}

.card_transacoes {
      background: linear-gradient(to bottom right, #b69fce, #bdafd1);
      border: 5px solid #d4c4e4;
      border-radius: 20px;
      color: #3e2c52;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      padding: 20px;
      transition: all 0.3s ease-in-out;
}

.card_transacoes:hover {
      background: linear-gradient(to bottom right, #9582b3, #826da3);
      border-color: #9582b3;
      color: #fff;
      transform: translate(0, -5px);
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
}

.card_transacoes:hover img {
  transform: scale(1.3);
}

.card_eventos {
      background: linear-gradient(to bottom right, #f8d7a9, #f9cba7);
      border: 5px solid #f0c78d;
      border-radius: 20px;
      color: #723119;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      padding: 20px;
      transition: all 0.3s ease-in-out;
}

.card_eventos:hover {
      background: linear-gradient(to bottom right, #f5b578, #f38f5e);
      border-color: #f5b578;
      color: #fff;
      transform: translate(0, -5px);
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
}

.card_eventos:hover img {
  transform: scale(1.3);
}
  
.card_projetos {
      background: linear-gradient(to bottom right, #E84A5F, #FF847C);
      border-radius: 20px;
      color: white;
      padding: 20px;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      transition: all 1s ease-in-out;
      position: relative;
      z-index: 1;
    }
    
    .card_projetos::before {
      content: "";
      display: block;
      position: absolute;
      top: -10px;
      left: -10px;
      bottom: -10px;
      right: -10px;
      border-radius: 30px;
      opacity: 0;
      z-index: -1;
      transition: all 1s ease-in-out;
    }

    .card_projetos:hover img {
      transform: scale(1.3);
    }
    
    .card_projetos:hover {
      background: linear-gradient(to bottom right, #E84A5F, #FF847C);
    }
    
    .card_projetos:hover::before {
      opacity: 1;
      animation: animateBg 10s ease-in-out infinite alternate;
    }
    
    @keyframes animateBg {
      0% {
        background: linear-gradient(to bottom right, #E84A5F, #FF847C);
      }
      16.67% {
        background: linear-gradient(to bottom right, #FF847C, #FECE44);
      }
      33.33% {
        background: linear-gradient(to bottom right, #FECE44, #4BB1A7);
      }
      50% {
        background: linear-gradient(to bottom right, #4BB1A7, #48B7C4);
      }
      66.67% {
        background: linear-gradient(to bottom right, #48B7C4, #8EAEBD);
      }
      83.33% {
        background: linear-gradient(to bottom right, #8EAEBD, #E84A5F);
      }
      100% {
        background: linear-gradient(to bottom right, #E84A5F, #FF847C);
      }
    }
    
    
  .card_estat {
      background: linear-gradient(to bottom right, #f0d878, #f1e5a5);
      border: 5px solid #eed367;
      border-radius: 20px;
      color: #352a05;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      padding: 20px;
      transition: all 0.3s ease-in-out;
    }
    
  .card_estat:hover {
      background: linear-gradient(to bottom right, #EBC335, #F3D250);
      border-color: #EBC335;
      color: #0c0c0c;
      transform: translate(0, -5px);
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
    }
    
  .card_estat:hover img {
      transform: scale(1.3);
    }  

    .card_futuro {
      background: linear-gradient(to bottom right, #ebebeb, #d6d6d6);
      border: 5px solid #d6d6d6;
      border-radius: 20px;
      color: #333333;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      padding: 20px;
      transition: all 0.3s ease-in-out;
      }
      
      .card_futuro:hover {
      background: linear-gradient(to bottom right, #ffffff, #cfcfcf);
      border-color: #cfcfcf;
      color: #333333;
      transform: translate(0, -5px);
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
      }
    
  .card_futuro:hover img {
      transform: scale(1.3);
    }  
    
    .conceitual {
      display: inline-block;
      font-size: 15px;
      font-family: inherit;
      transition: color 0.2s ease-in-out;
    }
    
    .conceitual span {
      font-size: 15px;
      
    }
    
    /* Adicione as cores que deseja para cada letra */
    .conceitual:hover span:nth-child(1) { color: #f00; }
    .conceitual:hover span:nth-child(2) { color: #0f0; }
    .conceitual:hover span:nth-child(3) { color: #00f; }
    .conceitual:hover span:nth-child(4) { color: rgb(255, 166, 0); }
    .conceitual:hover span:nth-child(5) { color: #0ff; }
    .conceitual:hover span:nth-child(6) { color: #f0f; }
    .conceitual:hover span:nth-child(7) { color: rgb(84, 189, 238); }
    .conceitual:hover span:nth-child(8) { color: rgb(48, 15, 168); }
    .conceitual:hover span:nth-child(9) { color: rgb(231, 87, 94); }