.paddingTopo {
  padding-top: 10px;
}

.paddingBotton {
  padding-bottom: 50px;
}

.paddigFooter{
  padding-bottom: 8px;;
}

.maginTop {
  margin-top: 15px;
}

.paddinGeral {
  padding: 10px 0 10px 10px;
}

.divCarrosel {
  box-shadow: 0 0 33px #000;
  -webkit-box-shadow: 0 0 33px #000;
  -moz-box-shadow: 0 0 33px #000;
  width: 100%;
}

.marginTopNegative {
  margin-top: -30px;
}

/*será é preciso ajustar height para auto e subir imagens com H250px e W640 dacoluna */
.tamImg {
  width: 100%;
  height: auto;
}

.fontCads {
  font-size: 0.85rem;
}

.mimWidth {
  min-width: 280px;
}

/* ajuste conforme largura da tela
@media (min-width: 220px) {
  .fontCads {
    font-size: 0.65rem;
  }
}
@media (min-width: 280px) {
  .fontCads {
    font-size: 0.67rem;
  }
}
@media (min-width: 320px) {
  .fontCads {
    font-size: 0.7rem;
  }
}
@media (min-width: 540px) {
  .fontCads {
    font-size: 0.9rem;
  }
} */
@media (min-width: 768px) {
  .fontCads {
    font-size: 1rem;
  }
}



/* Flutua a div imagem do mapa  */
.flutuandoDiv {
  /* altura que está do topo */
  margin-top: -30px;
  /* altura que vai parar antes do topo */
  top: 0px;
  position: sticky;
}

.elevaDivFlutuante {
  box-shadow: 0 0 23px #000;
  -webkit-box-shadow: 0 0 23px #000;
  -moz-box-shadow: 0 0 23px #000;
}


.bgInferior{
  background: rgb(235, 231, 231);
}


/* personalizando scrollbar
 width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  /* background: red;  */
  background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
}

/* Handle on hover */
/* ::-webkit-scrollbar-thumb:hover {
  /* background: #555;  */
  /* background-color: RGBA(235, 231, 231, var(--bs-bg-opacity, 1)) !important; */
/*}personalizando scrollbar */

.invisivel{
display: none;
}

.visivel{
  display: inherit;
  }

@media (max-width: 1400px) {
  .flutuandoDiv {
    margin-top: 15px; 
    position: relative;
  }
  
  .elevaDivFlutuante {
    box-shadow: 0 0 0 #000;
    -webkit-box-shadow: 0 0 0 #000;
    -moz-box-shadow: 0 0 0 #000;
  }
  .mimWidth {
    min-width: 100%;
  }

  .invisivel{
    display: inherit;
    }
    .visivel{
      display: none;
      }
}