.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2448 .elementor-element.elementor-element-7201ed48{--display:flex;}.elementor-2448 .elementor-element.elementor-element-7201ed48:not(.elementor-motion-effects-element-type-background), .elementor-2448 .elementor-element.elementor-element-7201ed48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#013358;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}/* Start custom CSS for html, class: .elementor-element-48d93919 */<style>


.carrossel-imagens-o-que-oferece {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden; /* esconde o excesso de slides */
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}


.slides-wrapper-o-que-oferece {
  display: flex;
  transition: transform 0.5s ease-in-out;
  gap: -15px;
  align-content: center;
  justify-content: left;
}



/* Cada slide ocupa 70% do container, mostrando 30% do próximo slide */
.slide-o-que-oferece {
  flex: 0 0 70%;
  margin-right: -0%; /* peek do próximo slide */
  box-sizing: border-box;
  margin-top: 40px;
}

/* Imagem dentro do slide */
.imagem-legenda-o-que-oferece img {
  display: block;
  border-radius: 10px;
  object-fit: cover;
  margin-bottom: 10px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* Wrapper da imagem + legenda */
.imagem-legenda-o-que-oferece {
  border: 2px solid #fff; 
  border-radius: 18px;
  width: 190px;
  overflow: hidden;
  text-align: center;
  margin-left: 20px;
  margin: auto; /* centraliza dentro do slide */
  height: 260px;
}


/* Legenda */
.legenda-o-que-oferece {
  color: #fff; /* texto branco */
  padding: 5px 5px;
  font-size: 13px;
  font-weight: 400;
  font-family: "roboto";
 
  margin-bottom: 10px;
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 10px;
  
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  text-align: center;

}

/* Botões de navegação */
.prev, .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  color: #013358;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
  border-radius: 50%;
  font-size: 18px;
  width: 20px;
  height: 30px;
  z-index: 10;
  transition: background 0.3s;
  
  display: flex;
  align-content: center;
  justify-content: center;
  vertical-align: center;
  line-height: 0.75;
  
}


.prev { left: 20px; }
.next { right: 20px; }



</style>/* End custom CSS */