@import url('https://fonts.googleapis.com/css2?family=Noticia+Text:ital,wght@0,400;0,700;1,400;1,700&display=swap');

  html,
  body {
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    font-family: "DM Sans", sans-serif;
    background-color: #f8f9fa !important;
  }

  .carousel-inner .carousel-item {
    transition: transform 0.4s ease-in-out;
    background-color: transparent !important;
  }

  .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .link-hover {
    transition: transform 0.3s ease, background-color 0.3s ease;
  }

  .link-hover:hover {
    transform: translateY(-10px);
  }

  .show {
    color:white !important;
  }

  footer {
    background-color: #054e18;
  }

  .container {
    flex: 1;
  }

  .container80 {
    max-width: 80vw;
    margin: 0 10vw 0 10vw;
  }

  .containerapoiadas {
    max-width: 93vw;
    margin: 0 10vw 0 10vw;
  }

  main {
    flex: 1;
  }

  .grow {
    transition: all .2s ease-in-out;
  }

  .grow:hover {
    transform: scale(1.04);
  }

  .grow2 {
    transition: all .2s ease-in-out;
  }

  .grow2:hover {
    transform: scale(1.019);
  }

/* padronização do botão, tem varias variações, é só procurar a melhor ou criar outra se precisar */

  .fapeu-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 28px;
    background-color: #06551A;
    color: #ffffff;
    font-weight: 600;
    font-size: 1rem;
    border-radius: 50px;
    border: 2px solid #06551A;
    transition: all 0.3s ease;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(6, 85, 26, 0.2);
  }

  .fapeu-btn:hover {
    background-color: #054615;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(6, 85, 26, 0.3);
    color: #ffffff;
  }

  .fapeu-btn:active {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(6, 85, 26, 0.3);
  }

  .fapeu-btn-lg {
    padding: 14px 32px;
    font-size: 1.1rem;
  }

  .fapeu-btn-sm {
    padding: 8px 20px;
    font-size: 0.9rem;
  }

  .fapeu-btn-secondary {
    background-color: #555555;
    border-color: #555555;
    box-shadow: 0 4px 15px rgba(85, 85, 85, 0.2);
  }

  .fapeu-btn-secondary:hover {
    background-color: #444444;
    border-color: #444444;
    box-shadow: 0 8px 20px rgba(85, 85, 85, 0.3);
  }

  .fapeu-btn-outline {
    background-color: transparent;
    color: #06551A;
  }

  .fapeu-btn-outline:hover {
    background-color: #06551A;
    color: #ffffff;
  }

  /* Estilo da navbar */
  .navbar-custom {
    background-color: #06551A;
    padding: 10px 15px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
  }

  .navbar-custom .navbar-nav .nav-link {
    font-size: 1rem;
    padding: 5px 8px;
    white-space: nowrap;
    color: #408c68;
    /* cor para os links */
  }

  .navbar-custom .navbar-nav .nav-link:hover {
    color: #146551;
  }

  .navbar-custom .search-bar {
    background-color: #f0f0f5;
    border-radius: 15px;
    padding: 5px 10px;
    width: 100%;
    max-width: 210px;
    font-size: 1rem;
  }

  .navbar-custom .search-bar input[type="text"] {
    border: none;
    background: transparent;
    outline: none;
    width: 100%;
    padding: 5px;
    color: #333333;
    font-size: 1rem;
  }

  .navbar-custom .search-bar .fa-search {
    color: #888888;
    margin-right: 5px;
  }

  .navbar-custom .search-bar button {
    background-color: transparent;
    border: none;
    color: #888888;
    cursor: pointer;
    font-size: 1rem;
  }

  footer p {
    margin: 0;
    font-size: 0.9em;
  }

  footer ul {
    padding: 0;
    list-style: none;
  }

  footer ul li {
    margin-bottom: 4px;
    /* Reduzido o espaçamento entre itens */
  }

  .btn-primary {
    background-color: #146551 !important;
    border-color: #146551 !important;
  }

  .marketing .col-lg-4 {
    margin-bottom: .5rem;
    text-align: center;
  }

  .marketing h2 {
    font-weight: 400;
  }

  .marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
  }

  /* Featurettes */
  .featurette-divider {
    margin: 1.5rem 0;
    /* Espaça o elemento <hr> mais */
  }

  .featurette-heading {
    font-weight: 400;
    line-height: 1;
    letter-spacing: -.05rem;
  }

  /* Seção "Apoiadas" */
  .apoiadas-section .col-md-7 {
    margin-left: 20px;
    /* Ajuste o valor conforme necessário */
  }

  @media (max-width: 876px) {

    p {
      font-size: 1.3em;
    }

    .textofooter {
      font-size: 1.2em;
    }

    .apoiadas {
      flex: 0 0 50%;
      max-width: 100%;
      margin-bottom: 20px;
    }

    .margemtelapequena {
      margin-top: 2em;
    }

    .margemtelapequenaesquerda {
      margin-left: 1em;
      text-overflow: ellipsis;
    }

    .carousel-item {
      height: 12rem;
      background-color: #cac5c5;
    }

    .transformando {
      font-size: 2em !important;
    }

  }

  /* CSS RESPONSIVE */
  @media (min-width: 40em) {
    .featurette-heading {
      font-size: 50px;
    }
  }

  @media (min-width: 62em) {
    .featurette-heading {
      margin-top: 7rem;
    }
  }

  /* Ajuste o tamanho do carousel */
  .carousel-item {
    height: 32rem;
    background-color: #cac5c5;
  }

  .carousel-item>img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 32rem;
  }


  /* Transparência - Seções de Resolução, classe Active */

  .list-group-item.active,
  .list-group-item:hover {
    background-color: #e8f4ff !important;
    /* Ajuste para a cor de fundo desejada */
    color: #08775f !important;
    /* Cor do texto */
    border: none !important;
    /* Remove as bordas pretas */

  }


  .bg-gestaoprojetos {
    background-color: #3D9A78;
  }

  .bg-homebotoes {
    background-color: #E9ECEF !important;
  }

  .bg-creme {
    background-color: #fff2cf;
  }

  .bg-claro {
    background-color: rgb(241, 241, 241);
  }

  .bg-azul {
    background-color: rgb(61, 161, 255);
  }

  .bg-licitacao {
    background-color: #368669;
  }

  .bg-transparenciahome {
    background-color: #30755c;
  }

  .bg-hover {
    background-color: #00000027;
  }

  .bg-transparente {
    background-color: #303030ee;
  }

  .bg-transparentehome {
    background-color: #f83737;
  }

  .bg-verde {
    background-color: #0d8f2d;
  }

  .bg-verde2 {
    background-color: #1E8975;
  }

  .bg-verde3 {
    background-color: #336861;
  }

  .bg-verde4 {
    background-color: #155c27;
  }

  .bg-secundario {
    background-color: #333333;
  }

  .bg-verdeescuro {
    background-color: #2C4A44 !important;
  }

  .bg-principal {
    background-color: #06551a;
  }

  .bg-administracao {
    background-color: #dadada;
  }

  .bg-cinza {
    background-color: #c4c4c4;
  }

  .bg-cinza2 {
    background-color: #fafafa;
  }

  .bg-preto {
    background-color: #000000;
  }

  .bg-cinza1 {
    background-color: #6B7267;
  }

  .bg-cinza3 {
    background-color: #BCD2E1;
  }

  .bg-cinza4 {
    background-color: #dee1e4;
  }

  .bg-roxo {
    background-color: #76027f;
  }

  .text-principal {
    color: #054615;
  }

  .text-verde {
    color: #075A1B;
  }

  .text-verde3 {
    color: #30755C;
  }

  .text-cinza {
    color: #BCBDC0;
  }

  .text-preto {
    color: #3E3E3F;
  }

  .custom-table thead {
    background-color: #2C4A44 !important;
    color: white !important;
  }

  .pdf {
    width: 100%;
    aspect-ratio: 4 / 3;
  }

  /* .blog-img img {
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);
  } */


  /* navbar */

  .logofapeu {
    flex: 0 1 auto;
  }

  .botao-direita {
    flex: 0 1 auto;
  }

  .custom-btn {
    background-color: #009170;
    border-color: #009170;
    color: white;
  }

  /* NOTÍCIAS */
  .sectionnews {
    padding: 100px 0;
    position: relative;
  }

  /* Blog */
  .blog-grid {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .blog-grid .blog-img {
    position: relative;
    overflow: hidden;
  }

  .blog-grid .blog-info {
    box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
    border-radius: 5px;
    background: #ffffff;
    padding: 20px;
    margin: -300px 20px 0;
    position: relative;
  }

  .blog-grid .blog-info h5 {
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 10px;
  }

  .blog-grid .blog-info h5 a {
    color: #3a3973;
  }

  .blog-grid .blog-info p {
    margin: 0;
  }

  .blog-grid .blog-info .btn-bar {
    margin-top: 20px;
  }

  .px-btn-arrow {
    padding: 0 50px 0 0;
    line-height: 20px;
    position: relative;
    display: inline-block;
    color: #fe4f6c;
    transition: ease all 0.3s;
  }

  .px-btn-arrow .arrow {
    width: 13px;
    height: 2px;
    background: #fe4f6c;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -1px;
    transition: ease all 0.3s;
  }

  .px-btn-arrow:hover .arrow {
    margin-left: 5px;
  }

  .px-btn-arrow:hover {
    color: #333;
  }

  /* Outros estilos específicos */
  @media only screen and (max-width: 768px) {
    .our-bod {
      margin-bottom: 30px;
    }

    .our-team {
      margin-bottom: 30px;
    }
  }

  /* Acessibilidade */

  .grayscale {
    filter: grayscale(100%);
  }

  /* Opcional: Estilo para o botão ativo */
  .bg-acessibilidade2 {
    background-color: #d3d3d3;
    /* ou qualquer cor que destaque o botão */
  }

  /* Ajuste na posição dos botões de acessibilidade */
  .accessibility-buttons {
    position: fixed;
    top: 38.5%;
    right: 4px;
    z-index: 1050;
  }

  .navbar-custom {
    z-index: 1040;
    /* Acima dos botões */
  }

  /* Estilo de alto contraste */
  .high-contrast {
    background-color: #000 !important;
    /* Fundo preto */
    color: #ffffff !important;
    /* Texto branco */
  }

  /* Aplicando alto contraste a todos os filhos diretos */
  .high-contrast * {
    background-color: inherit !important;
    /* Herda a cor de fundo do pai */
    color: inherit !important;
    /* Herda a cor do texto do pai */
  }

  .bg-cinzafapeu {
    background-color: #dddddd;
    /* Fundo preto */
  }

  .high-contrast a {
    color: rgb(119, 172, 252);
    /* Links azuis */
  }

  .high-contrast .btn {
    background-color: #ffffff;
    /* Botões brancos */
    color: #000;
    /* Texto preto nos botões */
    border: white;
  }

  .high-contrast h1,
  .high-contrast h2,
  .high-contrast h3,
  .high-contrast h4 {
    color: #ffffff;
    /* Cor do texto conforme necessário */
  }

  .high-contrast h1 a,
  .high-contrast h2 a,
  .high-contrast h3 a,
  .high-contrast h4 a {
    color: rgb(0, 71, 54);
    /* Links dentro de cabeçalhos em modo contraste */
  }

  .high-contrast .card {
    background-color: #000000;
    /* Fundo do card */
    color: #ffffff;
    /* Texto branco */
    border: 1px solid #ffffff;
    /* Borda cinza */
  }

  /* Botões dentro de cards em modo de contraste */
  .high-contrast .card .btn {
    background-color: #00ff88;
    /* Fundo do botão verde escuro dentro dos cards */
    color: #000;
    /* Texto preto nos botões dentro dos cards */
  }

  .font-montserrat {
    font-family: "Montserrat", sans-serif;
  }

  .font-montserratbold {
    font-family: "Montserrat", sans-serif;
    font-weight: bolder;
  }

  /*Captação */

  .pricing2 {
    color: #080808;
    font-weight: 300;
    background-size: cover;
    background-image: url('images/Fundação_de_(2).png');
    background-repeat: no-repeat;
    max-height: NONE;
    margin-bottom: 20px;
    flex-direction: column;

  }


  .pricing2 .pricing-box {
    margin-top: 200px;
  }


  .pricing2 .pricing-text span {
    font-size: 100px;
    font-weight: 400;
    line-height: 100px;
    color: #263238;
  }

  .pricing2 .card.card-shadow {
    -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
    box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
  }


  .pricing2 .btn-outline-success {
    color: #12704e;
    background-color: transparent;
    border-color: #2cdd9b;
  }

  .pricing2 .btn-outline-success:hover {
    background: #2cdd9b;
    border-color: #2cdd9b;
    color: #ffffff;
  }

  .pricing2 .btn-md {
    padding: 10px 30px;
    font-size: 16px;
  }

  @media (max-width: 767px) {
    .pricing2 .btn-md {
      width: 100%;
      padding: 10px 0;
      text-align: center;
    }

    .pricing2 .pricing-box {
      margin-top: 20px;
    }

    .pricing2 .display-5 {
      font-size: 36px;
    }

    .pricing2 .card {
      padding: 15px
    }

    .pricing2 .above-card {
      padding: 0 15px;
    }
  }



  /* Link sublinhado */
  .link-underline-primary {
    text-decoration: underline;
    color: #007bff;
    /* cor para o azul padrão */
  }

  .link-underline-primary:hover {
    color: #099072;
  }