#produtosContainer{
    background-color: #ECDAC6 ;
background-color: white;

display: flex;
flex-direction: column;


padding-bottom: 50px;
}
#containerProdutos h2{
    font-family: 'Satisfy', cursive;
font-size: 40px;
color: #532539;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-bottom: 2px solid #532539 ;
width: 20%;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
margin-top: 50px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;


}
#containerAlert{
    background-size: cover;
}
#containerAlertTexto{
    background-color: #ECDAC6 ;
background-color: white;
background: rgb(230,216,189);
background: linear-gradient(164deg, rgba(230,216,189,1) 0%, rgba(230,216,189,0.8) 50%, rgba(208,206,212,0.8) 100%);
display: flex;
justify-content: center;
align-items: center;
text-align: center;

flex-direction:column;
padding: 20px;
font-size: 20px;
font-family: 'Roboto', sans-serif;
color: #5E5B5B;
}

#containerProdutosLista{
    display: flex;
justify-content: center;
align-items: baseline;

flex-wrap: wrap;
gap: 40px;

}
#containerImageProdutos{
    display: flex;
flex-direction: column;
width: 250px;
height: 250px;
padding: 10px;
background: rgb(230,216,189);
background: linear-gradient(164deg, rgba(230,216,189,1) 0%, rgba(230,216,189,0.8) 50%, rgba(208,206,212,0.8) 100%);
transition: transform .2s; /* Animation */




align-items: center;
}
#containerImageProdutos:hover{
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    border-radius: 10px 0px 10px 0;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(184,178,167,1);
-moz-box-shadow: 10px 10px 5px 0px rgba(184,178,167,1);
box-shadow: 10px 10px 5px 0px rgba(184,178,167,1);
}
#produtoTexto{
    font-family: 'Satisfy', cursive;
color: #532539;

display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
text-align: center;
width: 100%;
padding-bottom: 10px;
margin-top: 10px;

}
#produtosImage img{
width: 250px;
height: 180px;
object-fit: cover;
padding: 10px;
}
.modalStyles{
    background: rgb(230,216,189);
background: linear-gradient(164deg, rgba(230,216,189,1) 0%, rgba(230,216,189,0.9) 50%, rgba(208,206,212,0.9) 100%);

 margin: auto;
}
.modal-header1{
    border: none;
    padding: 20px;

}
.textoModal{
    font-family: 'Satisfy', cursive;
color: #532539;
margin-top: 70px;

display: flex;
justify-content: center;
align-items: center;
font-size: 28px;
text-align: center;
width: 100%;

margin: auto;
}


.swiper-slide img {
    display: block;
    max-width: 90%;
    max-height: 400px;
   
   
  }
  
  .swiper-pagination-fraction,
  .swiper-button-next,
  .swiper-button-prev {
    color: #4b0c36;
  }

  .s2Center{
    display: flex;
    justify-content: center;
    align-items: center;
   
  }
  #testando{
    font-family: 'Satisfy', cursive;
    color: #532539;
    margin-top: 70px;
    

  }
  .s2 img{
    display: block;
   


   
    

 
 
  }
  .modal-title{
    font-family: 'Satisfy', cursive;
color: #532539;
margin-top: 70px;


display: flex;
justify-content: center;
align-items: center;
font-size: 40px;
text-align: center;
width: 100%;

margin: auto;

  }



  @media screen and (max-width:700px){
      
    
    .s2{
        height: 100%;
    }
    .s2 img{
        display: block;
        width: 240px;
        height: 200px;
    
    
      object-fit: cover;
      }
      .modal-title{
        font-size: 30px;
      }
 }