.elementor-6709 .elementor-element.elementor-element-2b1d0f31 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(150deg, #212529 0%, rgba(33,37,41,0.59) 100%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6709 .elementor-element.elementor-element-2b1d0f31 > .elementor-container{min-height:13vh;}.elementor-6709 .elementor-element.elementor-element-2b1d0f31{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-290px;margin-bottom:0px;padding:018em 0em 7em 0em;}.elementor-6709 .elementor-element.elementor-element-2b1d0f31 > .elementor-shape-bottom svg{width:calc(300% + 1.3px);height:64px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6709 .elementor-element.elementor-element-1c76aae .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:500;color:var( --e-global-color-secondary );}.elementor-6709 .elementor-element.elementor-element-55d3fed:not(.elementor-motion-effects-element-type-background), .elementor-6709 .elementor-element.elementor-element-55d3fed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6709 .elementor-element.elementor-element-55d3fed{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-6709 .elementor-element.elementor-element-55d3fed > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6709 .elementor-element.elementor-element-5cd4e55{text-align:center;}.elementor-6709 .elementor-element.elementor-element-5cd4e55 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:37px;font-weight:500;color:var( --e-global-color-primary );}.elementor-6709 .elementor-element.elementor-element-89e5391{margin-top:-15px;margin-bottom:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6709 .elementor-element.elementor-element-e92f55d{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:500;color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-6709 .elementor-element.elementor-element-4034299 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6709 .elementor-element.elementor-element-4034299 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-6709 .elementor-element.elementor-element-4034299 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-6709 .elementor-element.elementor-element-4034299 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-6709 .elementor-element.elementor-element-4034299 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-6709 .elementor-element.elementor-element-4034299 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-6709 .elementor-element.elementor-element-4034299 .elementor-icon-list-icon i{color:#FF7752;transition:color 0.3s;}.elementor-6709 .elementor-element.elementor-element-4034299 .elementor-icon-list-icon svg{fill:#FF7752;transition:fill 0.3s;}.elementor-6709 .elementor-element.elementor-element-4034299{--e-icon-list-icon-size:15px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:-2px;}.elementor-6709 .elementor-element.elementor-element-4034299 .elementor-icon-list-icon{padding-inline-end:6px;}.elementor-6709 .elementor-element.elementor-element-4034299 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6709 .elementor-element.elementor-element-4034299 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:500;}.elementor-6709 .elementor-element.elementor-element-4034299 .elementor-icon-list-text{color:#132639;transition:color 0.3s;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6709 .elementor-element.elementor-element-27ad986{width:var( --container-widget-width, 109.259% );max-width:109.259%;--container-widget-width:109.259%;--container-widget-flex-grow:0;}.elementor-6709 .elementor-element.elementor-element-27ad986 .elementor-accordion-item{border-width:0px;}.elementor-6709 .elementor-element.elementor-element-27ad986 .elementor-accordion-item .elementor-tab-content{border-width:0px;}.elementor-6709 .elementor-element.elementor-element-27ad986 .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0px;}.elementor-6709 .elementor-element.elementor-element-27ad986 .elementor-accordion-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:500;}.elementor-6709 .elementor-element.elementor-element-27ad986 .elementor-tab-title{padding:5px 5px 5px 5px;}.elementor-6709 .elementor-element.elementor-element-27ad986 .elementor-tab-title .elementor-accordion-icon i:before{color:var( --e-global-color-accent );}.elementor-6709 .elementor-element.elementor-element-27ad986 .elementor-tab-title .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-6709 .elementor-element.elementor-element-27ad986 .elementor-tab-title.elementor-active .elementor-accordion-icon i:before{color:var( --e-global-color-accent );}.elementor-6709 .elementor-element.elementor-element-27ad986 .elementor-tab-title.elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-6709 .elementor-element.elementor-element-27ad986 .elementor-accordion-icon{margin-inline-end:7px;}.elementor-6709 .elementor-element.elementor-element-27ad986 .elementor-tab-content{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:1px;padding:0px 0px -13px 0px;}.elementor-6709 .elementor-element.elementor-element-7824a4f{--spacer-size:56px;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6709 .elementor-element.elementor-element-bf4ee58.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-6709 .elementor-element.elementor-element-bf4ee58 > .elementor-widget-container{padding:-12px -12px -12px -12px;}.elementor-6709 .elementor-element.elementor-element-bf4ee58 .elementor-main-swiper{height:198px;width:100%;}.elementor-6709 .elementor-element.elementor-element-bf4ee58 .elementor-swiper-button{font-size:20px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6709 .elementor-element.elementor-element-4ed8bac7:not(.elementor-motion-effects-element-type-background), .elementor-6709 .elementor-element.elementor-element-4ed8bac7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #032A52 0%, #0F041B 100%);}.elementor-6709 .elementor-element.elementor-element-4ed8bac7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-6709 .elementor-element.elementor-element-4ed8bac7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6709 .elementor-element.elementor-element-7c97af5c{margin-top:-60px;margin-bottom:-60px;}.elementor-6709 .elementor-element.elementor-element-3927326e{width:var( --container-widget-width, 112.634% );max-width:112.634%;--container-widget-width:112.634%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-6709 .elementor-element.elementor-element-3927326e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6709 .elementor-element.elementor-element-3927326e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-6709 .elementor-element.elementor-element-3927326e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-6709 .elementor-element.elementor-element-3927326e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-6709 .elementor-element.elementor-element-3927326e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-6709 .elementor-element.elementor-element-3927326e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-6709 .elementor-element.elementor-element-3927326e .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-6709 .elementor-element.elementor-element-3927326e .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-6709 .elementor-element.elementor-element-3927326e .elementor-icon-list-icon{padding-inline-end:18px;}.elementor-6709 .elementor-element.elementor-element-3927326e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6709 .elementor-element.elementor-element-3927326e .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;}.elementor-6709 .elementor-element.elementor-element-3927326e .elementor-icon-list-text{color:#F0F0F085;transition:color 0.3s;}.elementor-6709 .elementor-element.elementor-element-3927326e .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-accent );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6709 .elementor-element.elementor-element-55064f7a{width:var( --container-widget-width, 101.868% );max-width:101.868%;--container-widget-width:101.868%;--container-widget-flex-grow:0;grid-column:span 2;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-6709 .elementor-element.elementor-element-55064f7a > .elementor-widget-container{margin:0px 0px 0px 7px;}.elementor-6709 .elementor-element.elementor-element-55064f7a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-6709 .elementor-element.elementor-element-55064f7a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-6709 .elementor-element.elementor-element-55064f7a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-6709 .elementor-element.elementor-element-55064f7a .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-6709 .elementor-element.elementor-element-55064f7a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-6709 .elementor-element.elementor-element-55064f7a .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-6709 .elementor-element.elementor-element-55064f7a .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-6709 .elementor-element.elementor-element-55064f7a .elementor-icon-list-icon{padding-inline-end:5px;}.elementor-6709 .elementor-element.elementor-element-55064f7a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6709 .elementor-element.elementor-element-55064f7a .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;}.elementor-6709 .elementor-element.elementor-element-55064f7a .elementor-icon-list-text{color:#F0F0F085;transition:color 0.3s;}.elementor-6709 .elementor-element.elementor-element-55064f7a .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-accent );}.elementor-6709 .elementor-element.elementor-element-6813bfdd{--grid-template-columns:repeat(4, auto);--icon-size:19px;--grid-column-gap:15px;--grid-row-gap:0px;}.elementor-6709 .elementor-element.elementor-element-6813bfdd .elementor-widget-container{text-align:center;}.elementor-6709 .elementor-element.elementor-element-6813bfdd > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-6709 .elementor-element.elementor-element-6813bfdd .elementor-social-icon{background-color:#FF7752B8;}.elementor-6709 .elementor-element.elementor-element-6813bfdd .elementor-social-icon i{color:var( --e-global-color-secondary );}.elementor-6709 .elementor-element.elementor-element-6813bfdd .elementor-social-icon svg{fill:var( --e-global-color-secondary );}.elementor-6709 .elementor-element.elementor-element-1dc6c3d6 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-6709 .elementor-element.elementor-element-1dc6c3d6{text-align:center;}.elementor-6709 .elementor-element.elementor-element-1dc6c3d6 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:400;color:#696A87;}body.elementor-page-6709:not(.elementor-motion-effects-element-type-background), body.elementor-page-6709 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2E7DF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-6709 .elementor-element.elementor-element-bf4ee58.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-6709 .elementor-element.elementor-element-3927326e{--e-icon-list-icon-size:13px;}.elementor-6709 .elementor-element.elementor-element-3927326e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6709 .elementor-element.elementor-element-3927326e .elementor-icon-list-item > a{font-size:14px;}.elementor-6709 .elementor-element.elementor-element-55064f7a{--e-icon-list-icon-size:13px;--icon-vertical-align:center;--icon-vertical-offset:-3px;}.elementor-6709 .elementor-element.elementor-element-55064f7a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6709 .elementor-element.elementor-element-55064f7a .elementor-icon-list-item > a{font-size:13px;}.elementor-6709 .elementor-element.elementor-element-1dc6c3d6 .elementor-heading-title{font-size:14px;}}@media(max-width:767px){.elementor-6709 .elementor-element.elementor-element-2b1d0f31{padding:10px 10px 10px 10px;}.elementor-6709 .elementor-element.elementor-element-bf4ee58.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-6709 .elementor-element.elementor-element-3927326e{--e-icon-list-icon-size:13px;}.elementor-6709 .elementor-element.elementor-element-3927326e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6709 .elementor-element.elementor-element-3927326e .elementor-icon-list-item > a{font-size:14px;}.elementor-6709 .elementor-element.elementor-element-55064f7a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6709 .elementor-element.elementor-element-55064f7a{--container-widget-width:937px;--container-widget-flex-grow:0;width:var( --container-widget-width, 937px );max-width:937px;--e-icon-list-icon-size:13px;}.elementor-6709 .elementor-element.elementor-element-55064f7a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(7px/2);}.elementor-6709 .elementor-element.elementor-element-55064f7a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(7px/2);}.elementor-6709 .elementor-element.elementor-element-55064f7a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(7px/2);}.elementor-6709 .elementor-element.elementor-element-55064f7a .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-7px/2);}.elementor-6709 .elementor-element.elementor-element-55064f7a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-7px/2);}.elementor-6709 .elementor-element.elementor-element-55064f7a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6709 .elementor-element.elementor-element-55064f7a .elementor-icon-list-item > a{font-size:13px;}.elementor-6709 .elementor-element.elementor-element-6813bfdd{--icon-size:12px;--grid-column-gap:8px;}.elementor-6709 .elementor-element.elementor-element-1dc6c3d6 .elementor-heading-title{font-size:14px;}body.elementor-page-6709{padding:0px 0px 0px 0px;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Animação com Destaque</title>
  <style>
    body {
      background-color: #000; /* fundo escuro para destacar o texto */
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-family: 'Montserrat', sans-serif;
    }

    .typing-container {
      color: #fff;
      font-size: 21px;
      white-space: nowrap;
      overflow: hidden;
      display: inline-block;
    }

    .typing-line {
      display: flex;
      gap: 4px; /* espaçamento entre palavras */
      flex-wrap: wrap;
    }

    .i-highlight {
      color: #ef7b5c;
      font-size: 24px;
      font-weight: 800;
      animation: fadeIn 1s ease-in-out;
    }

    @keyframes blinkCursor {
      0%, 100% { border-color: transparent; }
      50% { border-color: #fff; }
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(-4px); }
      to { opacity: 1; transform: translateY(0); }
    }
  </style>
</head>
<body>
  <div class="typing-container">
    <div class="typing-line" id="typingText"></div>
  </div>

  <script>
    const words = [
      { first: 'I', rest: 'niciativa' },
      { first: 'I', rest: 'nteligência' },
      { first: 'p', rest: 'ara' },
      { first: 'g', rest: 'erar' },
      { first: 'i', rest: 'novação' }
    ];

    const container = document.getElementById("typingText");

    function sleep(ms) {
      return new Promise(resolve => setTimeout(resolve, ms));
    }

    async function typeWords() {
      container.innerHTML = "";
      for (let word of words) {
        const span = document.createElement("span");

        // Se for palavra com "I" destacado
        if (word.first.toLowerCase() === 'i') {
          span.innerHTML = `<span class="i-highlight">${word.first}</span>${word.rest}`;
        } else {
          span.textContent = word.first + word.rest;
        }

        container.appendChild(span);
        await sleep(250); // velocidade de digitação entre palavras
      }
      await sleep(2000); // pausa ao final
      typeWords(); // loop
    }

    typeWords();
  
  </script>
</body>
</html>/* End custom CSS */