.elementor-1405 .elementor-element.elementor-element-64c0fa0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1405 .elementor-element.elementor-element-04a3a9c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-1405 .elementor-element.elementor-element-64c0fa0{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-04a3a9c *//* Evita scroll lateral */
html, body {
  max-width: 100% !important;
  overflow-x: hidden !important;
  margin: 0;
  padding: 0;
}

/* container da faixa */
.marquee {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  padding: 6px 0;
  background: #31857F; /* fundo preto só como exemplo */
}

/* cada bloco duplicado */
.marquee-content {
  display: flex;
  animation: animafaixa 30s linear infinite;
}

.marquee-content span {
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-size: 10pt;
  font-weight: bold;
  padding: 0 20px; /* controla espaço entre palavras */
  white-space: nowrap;
}

/* animação indo para a esquerda */
@keyframes animafaixa {
  from { transform: translateX(0%); }
  to   { transform: translateX(-100%); }
}

/* animação invertida (para a direita) */
.marquee2 .marquee-content {
  animation: animafaixaReverse 30s linear infinite;
  }
  
.marquee2 {
    background: #1F3B74;
}

@keyframes animafaixaReverse {
  from { transform: translateX(-100%); }
  to   { transform: translateX(0%); }
}

/* Responsivo */
@media (max-width: 768px) {
  .marquee-content span {
    font-size: 10pt;
    padding: 0 12px;
  }
}/* End custom CSS */