/*Banner60X*/
        @font-face {
            font-family: arbustus;
            src: url(../fontes/ArbutusSlab-Regular.ttf) format('truetype');
            font-display: swap;      
        }
        @font-face {
            font-family: arapey;
            src: url(../fontes/Arapey-Regular.ttf) format('truetype');
            font-display: swap;        
        }
        @font-face {
          font-family: pepe;
          src: url(../fontes/PepeHalfSerifStd-Reg.ttf) format('truetype');
          font-display: swap;        
      }
        body{
            margin: 0;
        }
       .banner1{
            padding: 10px 80px;
            margin: 0;
           background-color: #E6E1DB;
           background-color: #e6e1db33;
        }

     .carrossel-container {
    overflow: hidden;
    display: flex;
    width: 100%; /* Ajuste a largura conforme necessário */
}

.carrossel-inner {
    display: flex;
    /* Utiliza uma função cubic-bezier para controle fino da curva de animação */
    transition: all 500ms cubic-bezier(0.550, 0.085, 0.000, 0.930); /* custom */

transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.930); /* custom */
background-color : #3b5c68;
}


.carrossel-slide {
    flex: 0 0 calc(32% - 27px); /* Cada slide ocupa 1/3 do espaço */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  /*  border: 1px solid #F8EDE7;
    border-radius: 15px;*/
    overflow: hidden;
   /* height: 550px;  Altura total fixa para cada slide */
   margin: 0px 20px 0px;
   box-shadow: 13px 5px 19px 0px rgb(0 0 0 / 40%);

}

.carrossel-slide img {
    width: 100%;
    height: 200px; /* Altura fixa para as imagens */
    object-fit: cover;
}

.carrossel-slide h2 {
    margin: 20px 0 0 0;
    height: 50px; /* Altura fixa para o título */
    overflow: hidden;
    text-overflow: ellipsis;
   /*  white-space: nowrap; Garante que o texto não ultrapasse a altura definida */
    width: 100%;
    text-align: center;

    font-size: 21px;
    font-family: arbustus;
    font-weight: 500;
    line-height: 47px;
 
    text-transform: uppercase;
    text-decoration: none;


}
.carrossel-slide .assima h2 {
    margin: 40px 0 0 0;
    
    color: #FFE8C4;
}
.carrossel-slide p {
   /* margin: 10px 0;*/
    height: 100px; /* Altura fixa para a descrição */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* Limita o texto a mostrar apenas 4 linhas */
    -webkit-box-orient: vertical;
   
}

.titex {
background-color: #3b3b3b!important;
width: 100%;

}
.titex p {
    margin: 25px;
    color: #6b6b6b;
    font-family: arapey;
    font-style: italic;
    color: #817c7c;
}
.titex h2 {
    color: #6b6b6b;
    font-family: arapey;
    font-size: 20px;
    font-weight: 500;
    line-height: 47px;
    text-transform: uppercase;
    text-decoration: none;
    color: #bfb5b5;
}
.assima{
   background-image: linear-gradient(to bottom, #3e5263, #6e8294);
   height: 100%;
   padding-bottom: 20px;
   width: 100%;
}
.assima p{
    font-family: auto  ;
    font-size: 12px; 
    font-style: italic;
    color:#FFE8C4;
   
    padding: 0px 50px;
    /* width: 50%; */
    line-height: unset;
    letter-spacing: 1px;
    text-align: justify;

}
.assima h2{
    font-size: 17px;
    font-family: Jost;
}
.tete{
  font-size: 17px!important;
  text-align: center!important;
  text-align: center;
  padding: 0px 10px !important;
  height: 20px!important;
  font-family: 'pepe'!important;
  font-size: 20px!important;
  font-style: normal!important;
  font-weight: 400!important;
  line-height: normal!important;
  text-transform: uppercase!important;
  color: #3e5263;
  display: none!important;

}
.tete1 {
  font-size: 7px !important;
  text-align: center !important;
  height: 20px !important;
  font-style: normal !important;
  font-family: Lato-Lighter!important;
  display: none!important;
}

.assima span{
text-align: center;
}
.assima b{
  text-align: center;
}
hr{
    width: 30%;
    margin: 0 auto;
   /* border: 0.5px solid #3B5468;*/
    border-top: 1px solid #3B5468;
    border-bottom: #3B5468;
}
/* Ajustes para responsividade */
@media (max-width: 900px) {
  .carrossel-slide {
    flex: 0 0 calc(50% - 20px); /* Mostra 2 slides por vez em telas menores que 901px */
  }
  .banner1{
            padding: 50px;
            margin: 0;
           
        }
}

@media (max-width: 598px) {
  .carrossel-slide {
    flex: 0 0 100%; /* Mostra 1 slide por vez em telas menores que 599px */
  }
  .carrossel-container{
    display: block!important;
  }
  .banner1{
            padding: 0px;
            margin: 0;
           
        }
}



.carrossel-slide img {
    width: 100%;
    height: 647px;
}

/* Opcional: para garantir que a largura do slide seja correta em relação ao container */
.carrossel-container, .carrossel-slide img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Media queries para responsividade */
@media (max-width: 900px) {
  .carrossel-slide {
    flex: 0 0 calc(50% - 45px); /* Mostra 2 slides por vez em telas menores que 901px */
  }
  .carrossel-container{
    display: block!important;
  }
}

@media (max-width: 598px) {
  .carrossel-slide {
    flex: 0 0 calc(100% - 40px); /* Mostra 1 slide por vez em telas menores que 599px */
    
margin: 20px; 
}
  .carrossel-container{
    display: block!important;
  }
}
.carrossel-btn {
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    color: white;
    padding: 10px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.carrossel-btn-esquerda {
    left: 10px;
}

.carrossel-btn-direita {
    right: 10px;
}
.carrossel-btn {
    background-color: rgb(0 0 0 / 19%);
    border: none;
    color: #f4dcdc;
    padding: 20px 10px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.carrossel-btn-esquerda {
    left: 0;
}

.carrossel-btn-direita {
    right: 0;
}

/* Ajustes para dispositivos menores */
@media (max-width: 900px) {
    .carrossel-btn {
        display: none;
    }
}

.btn-posicao-esquerda {
  position: relative;
  top: 350px;
}

.btn-posicao-direita {
  position: relative;
  top: 350px;
  float: right;
 /* right: 50px;  Corrigido para usar uma unidade válida */
}
/*Banner60X*/