.elementor-155 .elementor-element.elementor-element-f71bf5e{--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;}.elementor-155 .elementor-element.elementor-element-f71bf5e:not(.elementor-motion-effects-element-type-background), .elementor-155 .elementor-element.elementor-element-f71bf5e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-155 .elementor-element.elementor-element-40c6f16{text-align:center;}.elementor-155 .elementor-element.elementor-element-40c6f16 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-5ffb156 );}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-155 .elementor-element.elementor-element-40c6f16 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-155 .elementor-element.elementor-element-40c6f16 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS for heading, class: .elementor-element-40c6f16 */<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="UTF-8">
  <title>Carrossel de Texto</title>
  <style>
    .carrossel-texto {
      width: 100%;
      max-width: 600px;
      height: 100px;
      margin: 50px auto;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      font-weight: bold;
      text-align: center;
      padding: 20px;
      border-radius: 10px;
      background-color: #f0f0f0;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      transition: opacity 0.5s ease;
    }
  </style>
</head>
<body>

  <div class="carrossel-texto" id="textoCarrossel">Bem-vindo ao nosso site!</div>

  <script>
    const textos = [
      "Bem-vindo ao nosso site!",
      "Confira nossas promoções exclusivas!",
      "Agende seu horário agora mesmo!",
      "Siga-nos nas redes sociais!",
      "Qualidade e confiança no seu atendimento."
    ];

    let indice = 0;
    const elemento = document.getElementById("FRETE GRÁTIS A PARTIR DE R$ 249");

    setInterval(() => {
      indice = (indice + 1) % textos.length;
      elemento.style.opacity = 0;
      setTimeout(() => {
        elemento.textContent = textos[indice];
        elemento.style.opacity = 1;
      }, 500);
    }, 3000); // Troca a cada 3 segundos
  </script>

</body>
</html>/* End custom CSS */