/*----------
 fim - header - menu principal horizontal 
 ----------*/

/*----------
 início - header - imagem de destaque 
 ----------*/

.hero-image {
    margin-top: -4rem;
    width: 100%; /* Largura */
    min-height: 350px; /* Altura mínima, ajuste conforme necessário */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: relative;
  }

.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.164); /* Ajuste a cor e a opacidade */
  z-index: 1; /* Fica atrás do texto */
}
  
  .hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-family: "Open Sans", Sans-serif;
    font-weight: 600;
    text-shadow: 1px 4px 10px rgba(0, 0, 0, 0.9),
               3px 1px 20px rgba(0, 0, 0, 0.6),
               2px 2px 30px rgba(0, 0, 0, 0.3);
    z-index: 2; /* Fica acima da sobreposição */
  }
  
  /*animação arrow hero image*/
  .accelerated.box {
    transition: transform 750ms;
    will-change: transform;
  }
  
  .accelerated.box:hover,
  .accelerated.box:focus {
    transform: translateY(10px);
  }
  
  .box {
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 4px;
    outline-offset: 4px;
    color: #ffffff;
    display: flex;
    background: none;
  }
  
  .box svg {
    filter: drop-shadow(3px 5px 5px rgb(0 0 0 / 0.4));
  }
  
  .box:first-of-type {
    margin-right: 16px;
  }
  
  .wrapper {
    display: flex;
  }
  
  /*----------
   Fim - header - imagem de destaque 
   ----------*/


 .img-fluid{
  width: 100%;
  height: auto;  
}