.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-6413 .elementor-element.elementor-element-60a8b66{--display:flex;}.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 );}@media(max-width:767px){.elementor-6413 .elementor-element.elementor-element-60a8b66{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:494px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-d61f37b */<style>
.meu-carrossel {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: auto;
  overflow: hidden; /* esconde o que passa das bordas */
}

/* Wrapper que carrega todos os slides lado a lado */
.slides-wrapper {
  display: flex;
  transition: transform 0.6s ease-in-out;
  width: 100%;
}

/* Cada slide ocupa 100% da largura do carrossel */
.slide {
  flex: 0 0 100%;
  position: relative;
}

body {
  overflow-x: hidden;
}


/* Vídeo */
.slide video {
  position: absolute;  
  top: 30%;
  left: 50%;
  width: 170.7px;
  height: auto;
  display: block;
  transform: translateX(-51%) translateY(4.5%);
  max-width: 100%;
  border-radius: 18px;
  z-index: 15;
}

/* Imagem sobreposta */
.slide img {
  position: absolute;
  top: 20%; 
  left: 50%;
  transform: translateX(-50%);
  width: 250px;
  max-width: 100%;
  z-index: 15;
}

/* Texto Azul Escuro */
.meu-carrossel .slide .texto-pc-2 {
  position: absolute;
  top: 900%;
  left: 50%;
  transform: translateX(-50%) translateY(220%);
  width: 100%; 
  height: 100px; 
  padding: 50px 30px 120px;
  
  background: #013358;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 1.2rem;
  text-align: center;

  z-index: 5;
}

/* Texto Azul Claro */
.meu-carrossel .slide .textoazulclaro-pc-2 {
  position: absolute;
  top: 900%;
  left: 50%;
  transform: translateX(-50%) translateY(220%);
  width: 100%; 
  height: 100px; 
  padding: 50px 30px 120px;
  
  background: #2961B2;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 1.2rem;
  text-align: center;

  z-index: 5;
}

/* Títulos */
.texto-pc-2 strong.titulo-pc-2,
.textoazulclaro-pc-2 strong.titulo-pc-2 {
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 0.2px; 
}

/* Botões */
.meu-carrossel button {
  position: absolute;
  top: 50%;
  transform: translateY(300%);
  margin-top: 50px;
  background: #013358;
  color: white;
  width: 40px;
  height: 40px;
  border: none;
  cursor: pointer;
  border-radius: 100%;
  z-index: 10;
  
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: center;
  font-size: 18px;
  line-height: 0;

}

.meu-carrossel .prevpc { left: 400px; }
.meu-carrossel .nextpc { right: 400px; }

</style>/* End custom CSS */