@font-face {
            font-family: 'minhafonte';
            src: url('minhafonte.otf') format('truetype'); /* Altere para o formato correto */
        }
        
 @font-face {
            font-family: 'SairaCondensed-Regular';
            src: url('SairaCondensed-Regular.ttf') format('truetype'); /* Altere para o formato correto */
        }

        
      

h2{
    font-size: 28px; 
    color: white;
    font-family: 'SairaCondensed-Regular';
  }

    h3{
    font-size: 30px;
    color: #806ca8;
    font-family: 'minhafonte';/* TODOS OS TITULOS */
  }

  h4{
    font-size: 17px;
    color: white;
    font-family: 'SairaCondensed-Regular';
  }
h5{
  font-size: 20px;
    color: black;
    font-family: 'SairaCondensed-Regular';
}

h6{
    font-size: 30px;
    color: white;
    font-family: 'minhafonte';/* TODOS OS TITULOS */
}
h1{
    font-size: 26px;
    color:  #806ca8;
    font-family: 'minhafonte';/* TODOS OS TITULOS */
}
.textobranco{
      font-size: 18px;
    color: white;
    font-family: 'SairaCondensed-Regular';
}

.textoroxopequeno2{
      font-size: 18px;
    color: #806ca8;
    font-family: 'SairaCondensed-Regular';
}
.textoroxopequeno{
      font-size: 28px;
    color: #806ca8;
    font-family: 'SairaCondensed-Regular';
}
.textopreto{
      font-size: 20px;
    color: black;
    font-family: 'minhafonte'; /* TODOS OS TITULOS */
}

.textoroxo{
      font-size: 23px;
    color: #806ca8;
    font-family: 'SairaCondensed-Regular';
}

.pretotitulo{
   font-size: 26px;
    color: black;
    font-family: 'minhafonte'; /* TODOS OS TITULOS */
}

.tituloroxo{
    font-size: 30px;
    color:  #806ca8;
    font-family: 'minhafonte';
}
.tituloroxovalor{
    font-size: 40px;
    color:  #806ca8;
    font-family: 'minhafonte';
}
.textopretonormal{
      font-size: 18px;
    color: black;
    font-family: 'SairaCondensed-Regular';
}
.textopretonormal2{
      font-size: 25px;
    color: black;
    font-family: 'SairaCondensed-Regular';
}

 .whatsapp-btn {
            background-color: #806ca8; /* Cor personalizada */
            color: white; /* Texto branco */
            border: none;
            width: 200px; /* Remove a borda padrão */
            font-family: 'SairaCondensed-Regular'
        }
        .whatsapp-btn:hover {
            background-color: white;
            color: black; /* Cor do botão ao passar o mouse */
        }

.meubotao{
    background-color: #806ca8;
    color: white;
    font-family: 'SairaCondensed-Regular';
    border-radius: 10px;
   font-size: 30px;
   border: none;
}
.meubotao:hover{
    background-color: white;
    color: #806ca8;
    font-family: 'SairaCondensed-Regular';
}
  .navbar {
            background-color: black; /* Fundo preto da navbar */
        }
        .navbar-brand {
            color: white; /* Cor do texto do logo */
        }
        .navbar-brand:hover {
            color: lightgray; /* Cor do texto do logo ao passar o mouse */
        }
        .form-container {
            background-color: black; 
            color: white;
            padding: 20px; 
        }

  .back{
  	background-color: black;
  }

.border-white {
    border: 1px solid white; /* Borda mais fina */
    /* Para bordas arredondadas, se desejar */
    padding: 1px; /* Espaço interno */
    background-color: rgba(255, 255, 255, 0.9); /* Fundo branco semitransparente */
}
  

/* INICIO ICONES */
.feature-icon {
  width: 4rem;
  height: 4rem;
  border-radius: .75rem;
}

.icon-square {
  width: 3rem;
  height: 3rem;
  border-radius: .75rem;
}

.text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }

.card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.feature-icon-small {
  width: 3rem;
  height: 3rem;
}
/* FIM ICONES */


.content{
  background-color: black;
}

.b{
  background-color: white;
}
.c{
  background-color: black;
}
.d{
  background-color: #806ca8;
}
/* quemsoueu */
 .profile-image {
            width: 150px; /* Ajuste o tamanho conforme necessário */
            height: 150px;
            border-radius: 50%;
            border: 5px solid white; /* Borda branca */
            object-fit: cover;
        }
        .section-title {
            margin-bottom: 20px;
        }

.btn-instagram {
            background-color: #806ca8; /* Cor do botão */
            color: white; /* Cor do texto */
            border: none; /* Remove a borda padrão */
            padding: 10px 20px; /* Espaçamento interno */
        }
  .btn-instagram:hover {
    background-color: white;
    color: black;
  }

  .image-container {
            text-align: center;
            margin-bottom: 5px; /* Margem inferior reduzida */
        }


        
       .image-container {
            text-align: center;
            margin-bottom: 2px; /* Espaço de 2px entre as imagens */
        }
        .small-image {
            width: 300px; /* Largura das imagens */
            height: auto; /* Mantém a proporção */
            border: none; /* Remove bordas */
        }

.bordaa{
 
            border: 2px solid white; /* Borda branca */
            padding: 1px;
}

#newsletter{
  background-color: #806ca8;
  text-decoration: none;
  border: none;
}
.whatsapp-button {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background-color: transparent; /* Fundo transparente */
            border: none; /* Sem borda */
            cursor: pointer; /* Cursor como ponteiro */
            box-shadow: none; /* Remove a sombra */
            text-decoration: none; /* Remove sublinhado */
        }

        .whatsapp-button img {
            width: 60px; /* Tamanho da imagem */
            height: 60px; /* Tamanho da imagem */
        }

        .whatsapp-button:hover {
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); /* Efeito hover */
        }
 .parallax {
    background-image: url('img/capa3.jpg'); /* Substitua pelo caminho da sua imagem */
    height: 100px; /* Altura do parallax */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.content {
    height: 700px; /* Altura do conteúdo */
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}



@supports (-webkit-overflow-scrolling: touch) {
    .parallax {
        background-attachment: scroll; /* Remover efeito fixo no Safari */
    }
}