* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body { 
        background-color: #eeeceb; 
    }
@media (max-width: 991.98px) {
  .bg-fundo-mobile {
    background-color: #E1DDD0 !important;
  }
}

.bg-tolbar{
    background: rgb(0, 0, 0);
}
/*fundo menu*/
.bg-menu { 
    background-color: #23211f;
    background-image: url('../img/fundo.png'); /* Caminho da imagem */ 
    background-size: cover;
    background-position: center;   
}
.font-menu{
    color: rgb(255, 255, 255) !important;
    font-weight: 500;
    font-family: "Zain", sans-serif;
    font-style: normal;
    font-size: 25px !important;
}

/*mobile*/
/*fundo body*/
@media (max-width: 991.98px) {
  .fundo-mobile {
    background-color: #23211f !important;
    background-image: url('../img/fundoMobile.png'); /* Caminho da imagem */ 
    background-size: cover;
    background-position: center;  
  }
}
/*fundo menu*/
.bg-menu-mobile { 
    background-color: #23211f;
    background-image: url('../img/fundoFatcs.png'); /* Caminho da imagem */ 
    background-size: cover;
    background-position: center;
}
.bg-menu-mobile-corpo { 
    background-color: #23211f;
}
.font-menu-mobile{
    background-color: #23211f;
    color: rgb(255, 255, 255) !important;
    font-weight: 500;
    font-family: "Zain", sans-serif;
    font-style: normal;
    font-size: 25px !important;
}
/*Top Logo mobile*/
.logoMobile{
  object-fit: cover;
  max-width: 300px;
  width: 75%;
}
/*Tamanho corpo mobile*/
.min-vh-75 {
  background-color: #E1DDD0 !important;
  min-height: 60vh;
  height: 75vh; /* Altura mínima de 60% da viewport */
  overflow: hidden;
}
/*Borda mobile*/
.borda-mobile {
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  border: 0px;
  padding: 1rem; /* Espaçamento interno */
  background-color: #fff; /* Fundo branco */
}
/*button mobile*/
.btn-mobile {
  background-color: #23211f;
  background-image: url('../img/fundoButton.png'); /* Caminho da imagem */ 
  background-size: cover;
  background-position: center;
  color: #fff;
  border-radius: 5px;
  height: 60px;
  width: 250px;
  padding: 0.5rem 1rem;
  font-size: 1.2rem;
  font-weight: bold;
  border: none;
}
.btn-mobile:hover {
  background-color: #fffefd;
  color:  #23211f;
}
/*Fim Mobile*/

/*logo*/
.logo{
  max-width: 100px;
  width: 80px;
  margin-top: -10%;
}

/*modal*/
.fontModal{
  text-align: justify;
  text-indent:3em;
}
.fontli{
  text-align: justify !important;
}
.bg-modal{
  background-color: #23211f !important;
  background-image: url('../img/fundoButton.png') !important; /* Caminho da imagem */ 

}

@media (max-width: 991.98px) {
  .navbar {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.modal-title {
  font-family: "Zain", sans-serif;
  font-weight: 600;
  font-size: 40px;
}
.modal-content {
  border-radius: 1rem;
  font-family: "Zain", sans-serif;
  font-weight: 600;
  font-size: 20px;
}
@media (max-width: 991.98px) {
  .modal-title {
  font-size: 30px !important;
  }
}

/*Texto*/
.bg-login{
  background-color: #f8f4f4;
  width: 50vw; /* Largura de 50% da viewport */
  padding: 2rem;
}
@media (max-width: 991.98px) {
  .bg-login {
   width: 90vw; /* Largura de 50% da viewport */
  }
}
.bg-cadastro{
  background-color: #f8f4f4;
  width: 50vw; /* Largura de 50% da viewport */
  padding: 2rem;
}
@media (max-width: 991.98px) {
  .bg-cadastro {
   width: 90vw; /* Largura de 50% da viewport */

  }
}

.is-invalid {
  border-color: #dc3545 !important;
}

.text-dourado { color: #2e2926; }
.text-vermelho { color: #e3362c; }

/*Carousel principal*/
  .carousel-item img {
    filter: brightness(90%);
    width: 100%;
    height: 80vh; /* Altura total da viewport */
  }
  .carousel-caption {
    color: #fff;
    text-shadow: 1px 1px 5px #000;
  }

/*FACTS*/ 
  #facts{
    position: relative;
    margin-top: -10% !important;
  }
  .facts-cor{
    background-color: #23211f;
    background-image: url('../img/fundoFatcs.png'); /* Caminho da imagem */ 
    background-size: cover;
    background-position: center;   
    color:#fff;
  }

/*Sobre*/  
  #sobre{
      margin-top: -6% !important;
  }
  
/*Arrendodado*/ 
  .rounded100{
    border-radius: 20px;
  }

/*Accordion*/
/* Cor preta quando o item está aberto */
.accordion-button:not(.collapsed) {
  background-color:  #5d5d5d !important;
  color: #fff !important;
}

/* Cor do texto padrão (fechado) */
.accordion-button {
  color: #000;
  font-weight: 600;
}

/* Tira aquela borda azul de foco */
.accordion-button:focus {
  box-shadow: none;
}
/* Seta branca quando aberto */
.accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(1); /* Deixa a seta branca */
}

/* Seta preta quando fechado (opcional) */
.accordion-button::after {
  filter: brightness(0); /* Deixa ela bem visível no fundo claro */
}

/*carousel encontre*/
.scroll-snap-x {
  scroll-snap-type: x mandatory;
  scroll-padding: 1rem;
}
.scroll-snap-x .card {
  scroll-snap-align: start;
}
/* Imagens do carrossel */
.img-carousel-encontre{
  max-height: 350px; 
  object-fit: cover;
  width: 100%;
}
@media (max-width: 991.98px) {
  .img-carousel-encontre{
    max-height: 200px !important; 
    object-fit: cover;
    width: 100%;
  }
  .zain-regular{
    font-size: 25px !important;
  }
}
/*Cards*/
.card-img-top{
  width: 100%; /* Garante que a imagem ocupe toda a largura do card */
  height: 200px; /* Altura fixa para as imagens */
  object-fit: cover; /* Cobre o espaço do card sem distorcer a imagem */
}
@media (max-width: 991.98px) {
  .card-img-top{
    width: 100%; /* Garante que a imagem ocupe toda a largura do card */
    height: 150px; /* Altura fixa para as imagens */
    object-fit: cover; /* Cobre o espaço do card sem distorcer a imagem */
  }
}

/* Remove scroll horizontal visual */
#acaraje-scroll::-webkit-scrollbar {
  display: none;
}
#acaraje-scroll {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/*Fundo fixo mensagem */
.bg-parallax {
  background-image: url('../img/baiana-bg.jpg'); /* sua imagem */
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  position: relative;
  height: 60vh; /* Altura do fundo fixo */
}
.bg-overlay {
  background-color: #23211f;
  background-image: url('../img/fundoFatcs.png'); /* Caminho da imagem */ 
  background-size: cover;
  background-position: center;  
  padding: 2rem;
  border-radius: 1rem;
  width: 60%;
}
/* Fim fundo fixo mensagem */
/* contato */
.bg-contato {             
  background-color: #23211f;
   background-image: url('../img/fundoFatcs.png'); /* Caminho da imagem */ 
  padding: 2rem;
  border-radius: 1rem;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  color: #fff;
} 
/* Footer */
.bg-footer{
  background-color: #23211f;
  color: #fff;
  padding: 2rem 0;
}

h2, h1, h3, h4 {
  word-break: break-word;
  overflow-wrap: break-word;
}


/*Fonte*/
.zain-extralight {
  font-family: "Zain", sans-serif;
  font-weight: 200;
  font-style: normal;
}
.zain-light {
  font-family: "Zain", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.zain-regular {
  font-family: "Zain", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
}
.zain-regular1 {
  font-family: "Zain", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 40px;
}
@media (max-width: 576px) {
  .zain-regular1 {
    font-size: 24px;
  }
}
.zain-bold {
  font-family: "Zain", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 40px !important;
}
.zain-extrabold {
  font-family: "Zain", sans-serif;
  font-weight: 800;
  font-style: normal;
}
.zain-black {
  font-family: "Zain", sans-serif;
  font-weight: 900;
  font-style: normal;
}
.zain-light-italic {
  font-family: "Zain", sans-serif;
  font-weight: 300;
  font-style: italic;
}
.zain-regular-italic {
  font-family: "Zain", sans-serif;
  font-weight: 400;
  font-style: italic;
}

body {
  overflow-x: hidden;
}

#acaraje-scroll {
  max-width: 100%;
  overflow-x: auto;
  padding-bottom: 1rem;
}

.scroll-snap-x {
  display: flex;
  flex-wrap: nowrap;
}

.scroll-snap-x .card {
  min-width: 280px; /* menor que 300px pra caber certinho */
}