/*----------
 início - body - carrossel/banner 
 ----------*/
 .carousel-indicators button{
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

.carousel-indicators [data-bs-target]{
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.carousel{
  margin-top: 0rem;
  margin-bottom: 0rem;
}

#carousel_banner_topo__image{
  width: 100%; 
 /* height: 31%;*/
  height: 300px;
  /*background-size: 100%;*/
  background-repeat:no-repeat;
  background-size: cover;
  background-position:center;
}

.carousel_banner_topo .carousel-control-prev i {
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  font-size: 30px;
  color: rgb(255, 255, 255, 0.6);
}

.carousel_banner_topo .carousel-control-prev i:hover {
  color: rgb(255, 255, 255, 1);
}

.carousel_banner_topo .carousel-control-next i{
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  font-size: 30px;
  color: rgb(255, 255, 255, 0.6);
}

.carousel_banner_topo .carousel-control-next i:hover{
  color: rgb(255, 255, 255, 1);
}

/*Legenda da imagem do Carrosel*/
.carousel .carousel-caption{
  bottom: 0px;
}

.carousel .carousel-caption h5{
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  margin: 0px;/*
  padding: 15px;*/
}

.carousel-caption {
  right: 0%;
  left: 0%;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

/*Para banner placeholder*/
.banner-container img {
  width: 100%;
  height: auto; /* Mantém a proporção da imagem */
  display: block; /* Remove o espaço em branco abaixo da imagem */
}

/*----------
 fim - body - carrossel/banner 
 ----------*/