/* Imagem de fundo para o site todo */
  body {
    background-image: url('img/fundo.2.png');  /* Substitua com o caminho da sua imagem */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;  /* Faz a imagem de fundo ficar fixa enquanto rola a página */
    height: 100%; /* Altura total da página */
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}



/* Garantir que o conteúdo esteja por cima da imagem */
.content {
    z-index: 10;
    position: relative;
}

/* Personalizar a navbar para que ela fique por cima do fundo */
.navbar {
    z-index: 20;
    position: relative;
}

/* Adicionando uma camada de fundo semitransparente para melhorar a legibilidade do texto */
.overlay {
    background-color: rgba(0, 0, 0, 0.4);  /* Ajuste a opacidade conforme necessário */
    padding: 50px;
}



/* Estilo para o rodapé */
footer {
    background-color: #040404e9; /* Cor de fundo escura */
    color: #fffefe; /* Texto branco */
    padding: 8px 0; /* Padding superior e inferior */
    text-align: center; /* Centraliza o texto */
    font-size: 12px; /* Tamanho da fonte */
    margin-top: 50px; /* Espaço acima do rodapé */
    width: 100%; /* Largura total */
    position:relative; /* Posição relativa para o rodapé */
    bottom: 0; /* Fixa o rodapé na parte inferior da página */
}

footer a {
    color: #f9f6f6; /* Cor do link */
    text-decoration: none; /* Remove o sublinhado */
    margin: 0 10px; /* Margem entre os links */
}

footer a:hover {
    text-decoration: underline; /* Sublinha o link ao passar o mouse */
}

.social-icons {
    margin-top: 10px; /* Espaço acima dos ícones sociais */
}

.social-icons a {
    font-size: 20px; /* Tamanho dos ícones */
    margin: 0 10px; /* Margem entre os ícones */
}

html,body{
    height: 100%;
}

.card-transparente{
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.348); /* Borda branca com opacidade */
}

.card-transparente, .card-title{
    color: rgb(11, 11, 11); /* Cor do texto preto */
}
 .card-transparente, .card-text{
    color: rgb(11, 11, 11)!important; /* Cor do texto preto */
}

.social-icons a:hover {
    color: #0073e6; /* Cor ao passar o mouse (azul claro) */
}







/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.carousel-control-next, .carousel-control-prev{
	border: none !important;
    background: transparent;
}
/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}

/* rtl:end:remove */

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

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




/* CUSTOM CSS */
.card-img-top{height:300px;}
 .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        width: 100%;
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }

      .btn-bd-primary {
        --bd-violet-bg: #712cf9;
        --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

        --bs-btn-font-weight: 600;
        --bs-btn-color: var(--bs-white);
        --bs-btn-bg: var(--bd-violet-bg);
        --bs-btn-border-color: var(--bd-violet-bg);
        --bs-btn-hover-color: var(--bs-white);
        --bs-btn-hover-bg: #6528e0;
        --bs-btn-hover-border-color: #6528e0;
        --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
        --bs-btn-active-color: var(--bs-btn-hover-color);
        --bs-btn-active-bg: #5a23c8;
        --bs-btn-active-border-color: #5a23c8;
      }

      .bd-mode-toggle {
        z-index: 1500;
      }

      .bd-mode-toggle .bi {
        width: 1em;
        height: 1em;
      }

      .bd-mode-toggle .dropdown-menu .active .bi {
        display: block !important;
      }

     

      /* sobre */