/* Adicione no início do seu CSS */
 html,
 body {
     max-width: 100%;
     overflow-x: hidden;
 }

 /* Garanta que todos os elementos respeitem a largura da viewport */
 .container,
 .container-fluid {

     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto;
 }

 @media (max-width: 767px) {

     #carouselExampleIndicators,
     #carouselExampleIndicators * {
         border: none !important;
         box-shadow: none !important;
     }

     .carousel-control-prev,
     .carousel-control-next {
         display: none !important;
     }
 }


 /* Aplica apenas no iPad 9 em modo retrato */
 @media only screen and (max-width: 768px) and (orientation: portrait) {
     .textfont {
         font-size: 1rem !important;
     }

     .sobreimg {
         background-image: url('assets/imgs/sobre.png');
         height: 6vh !important;
     }

     .elemtmobile {
         margin-top: 26px
     }

     .sobrespace {
         margin-top: 5vh !important;

     }

     .mobilespacecontact {
         margin-top: 8vh !important;
     }

     .element2 {
         height: 40vh;
     }

    

 }

 /* Aplica apenas no iPad 9 em modo paisagem */
 @media only screen and (max-width: 1080px) and (orientation: landscape) {
     .textfont {
         font-size: .9rem !important;
     }

     .sobrespace {
         margin-top: 5vh !important;

     }
      .contact {
    min-height: 60vh !important;
  }
 }

/* Para iPad 9 retrato */
@media only screen and (max-width: 810px) and (orientation: portrait) {
  .contact {
    min-height: 75vh !important;
  }
}



@media only screen and (max-width: 768px) and (orientation: portrait) {
  .contact {
    min-height: 90vh !important;
  }
}


 .show {
     display: block !important;
     /* Mostra o menu */
     opacity: 1;
     /* Garante que o menu seja totalmente visível quando exibido */
 }

 .textplayfair {
     font-family: "Playfair Display", sans-serif;
 }

 body {
     font-size: 16px;
 }

 .contact {
     background-image: url('assets/imgs/transparencia.png');
     background-size: cover;
     background-position: 0 0;
     /* Posição inicial */
     min-height: 50vh;
 }

 .bockcontabil {
     background-image: url('assets/imgs/transparencia.png');
     background-size: cover;
     background-position: 0 0;
     /* Posição inicial */
 }

 .sobreimg {
     min-height: 60vh;
     background-size: cover;
     background-position: center center;
     border-radius: 15px;
 }


 .pilares {
     min-height: 33vh;
     background-color: #ffffff;
     border: 1px solid #C5C3C1;
     border-radius: 5px;
     transition: all 0.3s ease;
     font-size: 17px;
 }

 .pilares:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 20px rgba(122, 121, 121, 0.3);
     border-color: transparent;
     background-color: #4e9af1;
     /* Cor azul no hover */
 }

 /* Estilos para quando o card estiver com hover */
 .pilares:hover .text-color,
 .pilares:hover h4 {
     color: white !important;
     /* Texto branco no hover */
 }

 .pilares:hover svg {
     fill: white !important;
     /* Ícone branco no hover */
 }

 #pilar {
     position: relative;
     overflow: hidden;
 }



 .pilares:hover .text-color,
 .pilares:hover h4 {
     color: white !important;
 }

 .pilares:hover svg {
     fill: white !important;
 }

 .sobre {

     font-size: 1rem;
 }

 .fontmenu {
     font-size: 1rem;
 }

 .sobrespace {
     margin-top: 20vh;
 }


 .cabecalho {
     width: 100%;
     overflow: hidden;
 }

.imagem-banner {
    width: 100%;
    max-height: 900px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.imagem-banner img {
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}


 @media (max-width: 767px) {
     .imagem-banner {
         height: 450px;
     }

     .imagem-banner img {
         height: 800px;
         /* força altura para mobile */
         width: 100%;
         object-fit: cover;
         /* cobre o espaço */
     }
 }

 .element1 {
     min-height: 180px;
     width: 100%;
     height: 23vh;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     border-radius: 20px;
     transition: all 0.3s ease;
     /* Transição para todas as propriedades */
     background-color: rgb(78, 241, 160);
 }

 .element1:hover {
     transform: translateY(-10px);
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
 }

 .textfont {
     font-size: 1.1rem;
 }

 .baloes {
     margin-top: -5vh;

 }
 .pilardesk{
    margin-top: 12vh;
 }

 @media (min-width: 768px) and (max-width: 991px) {
     .baloes {
         margin-top: -6vh;
         /* Ajuste este valor conforme necessário */
     }
 }

@media screen and (min-width: 2500px) {
    .baloes {
        margin-top: -4vh;
        opacity: 0; /* Começa invisível */
        transform: translateY(20px); /* Desloca para baixo (opcional) */
        transition: opacity 0.5s ease, transform 0.5s ease; /* Suaviza a aparição */
    }

    .baloes.visible {
        opacity: 1; /* Torna visível */
        transform: translateY(0); /* Volta à posição normal */
    }
}