/* CSS para tornar o banner principal responsivo */
.banner-principal img {
    width: 100%; /* Garante que a imagem ocupe 100% da largura do seu contêiner */
    height: auto; /* Mantém a proporção da imagem automaticamente */
    display: block; /* Remove espaços extras que alguns navegadores podem adicionar abaixo da imagem */
    max-width: 100%; /* Garante que a imagem não ultrapasse sua largura original, se for o caso */
}

/* Opcional: Para o contêiner do banner (se houver um) */
.conteiner-banner-principal {
    overflow: hidden; /* Ajuda a conter a imagem e evitar barras de rolagem indesejadas */
}



.container-flex p{
    font-family: Arial,sans-serif!important;
    text-align: justify!important;
}

.container-flex h2{
    color: #e62b88;
    font-size: 60px;
    margin-bottom:26px;
}

.container-flex img{
    width:100%!important;
    height:100%!important;
}

.container-flex{
    display:flex;
    gap:20px;
    padding: 100px 50px;
    border-radius:25px;
}
.container-flex:nth-child(2n + 1){
    background: #FFF6F8
}
.sobre-imgs{
    flex-wrap: wrap;
    justify-content: space-between;
}
.sobre-imgs div{
    width: 20%!important;
}
.sobre-imgs p{
    text-align: center;
}
.container-flex--50{
    width:50%;
}
.pagina-pagina .caixa-sombreada p{
    text-align: justify!important;
}
.li-whatsapp a{
    bottom:16px!important;
}
@media only screen and (max-width: 1000px) {
    .sobre-imgs div{
    width: 30%;
}
}

@media only screen and (max-width: 600px) {
  .container-flex{
        flex-wrap: wrap;
    }
  .container-flex--50{
    width:100%;
  }
      .sobre-imgs div{
    width: 100%;
}
}