.elementor-1994 .elementor-element.elementor-element-574d045e > .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-1994 .elementor-element.elementor-element-574d045e > .elementor-container{min-height:60vh;}.elementor-1994 .elementor-element.elementor-element-574d045e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-220px;margin-bottom:0px;padding:018em 0em 7em 0em;}.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-1994 .elementor-element.elementor-element-660a4d68{text-align:center;}.elementor-1994 .elementor-element.elementor-element-46e1d87a, .elementor-1994 .elementor-element.elementor-element-46e1d87a > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-1994 .elementor-element.elementor-element-46e1d87a{padding:0em 0em 0em 0em;}.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-1994 .elementor-element.elementor-element-13b87a88 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:500;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-1994 .elementor-element.elementor-element-3651883c:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-3651883c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#fcfcfc;}.elementor-1994 .elementor-element.elementor-element-3651883c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0em 0em 0em 0em;}.elementor-1994 .elementor-element.elementor-element-3651883c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-1994 .elementor-element.elementor-element-52e6a392.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1994 .elementor-element.elementor-element-52e6a392.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1994 .elementor-element.elementor-element-52e6a392 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){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-1994 .elementor-element.elementor-element-32ca30a8 > .elementor-widget-container{padding:39px 0px 0px 0px;}.elementor-1994 .elementor-element.elementor-element-32ca30a8{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;color:#2C4C6E;}.elementor-1994 .elementor-element.elementor-element-9f91b1b:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-9f91b1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #032A52 0%, #0F041B 100%);}.elementor-1994 .elementor-element.elementor-element-9f91b1b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1994 .elementor-element.elementor-element-9f91b1b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1994 .elementor-element.elementor-element-74ef5596{margin-top:-60px;margin-bottom:-60px;}.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-1994 .elementor-element.elementor-element-2f980568{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-1994 .elementor-element.elementor-element-2f980568 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1994 .elementor-element.elementor-element-2f980568 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(8px/2);}.elementor-1994 .elementor-element.elementor-element-2f980568 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(8px/2);}.elementor-1994 .elementor-element.elementor-element-2f980568 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(8px/2);margin-left:calc(8px/2);}.elementor-1994 .elementor-element.elementor-element-2f980568 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-8px/2);margin-left:calc(-8px/2);}body.rtl .elementor-1994 .elementor-element.elementor-element-2f980568 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-8px/2);}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-2f980568 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-8px/2);}.elementor-1994 .elementor-element.elementor-element-2f980568 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-1994 .elementor-element.elementor-element-2f980568 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-1994 .elementor-element.elementor-element-2f980568 .elementor-icon-list-icon{padding-right:18px;}.elementor-1994 .elementor-element.elementor-element-2f980568 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1994 .elementor-element.elementor-element-2f980568 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;}.elementor-1994 .elementor-element.elementor-element-2f980568 .elementor-icon-list-text{color:#F0F0F085;transition:color 0.3s;}.elementor-1994 .elementor-element.elementor-element-2f980568 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-accent );}.elementor-1994 .elementor-element.elementor-element-1d7bc2ee{width:auto;max-width:auto;}.elementor-1994 .elementor-element.elementor-element-1d7bc2ee > .elementor-widget-container{margin:0px 0px 0px -25px;}.elementor-1994 .elementor-element.elementor-element-2572653e{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-1994 .elementor-element.elementor-element-2572653e > .elementor-widget-container{margin:0px 0px 0px 7px;}.elementor-1994 .elementor-element.elementor-element-2572653e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(8px/2);}.elementor-1994 .elementor-element.elementor-element-2572653e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(8px/2);}.elementor-1994 .elementor-element.elementor-element-2572653e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(8px/2);margin-left:calc(8px/2);}.elementor-1994 .elementor-element.elementor-element-2572653e .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-8px/2);margin-left:calc(-8px/2);}body.rtl .elementor-1994 .elementor-element.elementor-element-2572653e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-8px/2);}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-2572653e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-8px/2);}.elementor-1994 .elementor-element.elementor-element-2572653e .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-1994 .elementor-element.elementor-element-2572653e .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-1994 .elementor-element.elementor-element-2572653e .elementor-icon-list-icon{padding-right:5px;}.elementor-1994 .elementor-element.elementor-element-2572653e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1994 .elementor-element.elementor-element-2572653e .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;}.elementor-1994 .elementor-element.elementor-element-2572653e .elementor-icon-list-text{color:#F0F0F085;transition:color 0.3s;}.elementor-1994 .elementor-element.elementor-element-2572653e .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-accent );}.elementor-1994 .elementor-element.elementor-element-16af42c7{--grid-template-columns:repeat(2, auto);--icon-size:19px;--grid-column-gap:15px;--grid-row-gap:0px;}.elementor-1994 .elementor-element.elementor-element-16af42c7 .elementor-widget-container{text-align:center;}.elementor-1994 .elementor-element.elementor-element-16af42c7 > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-1994 .elementor-element.elementor-element-16af42c7 .elementor-social-icon{background-color:#FF7752B8;}.elementor-1994 .elementor-element.elementor-element-16af42c7 .elementor-social-icon i{color:var( --e-global-color-secondary );}.elementor-1994 .elementor-element.elementor-element-16af42c7 .elementor-social-icon svg{fill:var( --e-global-color-secondary );}.elementor-1994 .elementor-element.elementor-element-1ff4d4f1 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-1994 .elementor-element.elementor-element-1ff4d4f1{text-align:center;}.elementor-1994 .elementor-element.elementor-element-1ff4d4f1 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:400;color:#696A87;}.elementor-1994 .elementor-element.elementor-element-5c9a2b4a:not(.elementor-motion-effects-element-type-background), .elementor-1994 .elementor-element.elementor-element-5c9a2b4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1994 .elementor-element.elementor-element-5c9a2b4a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1994 .elementor-element.elementor-element-5c9a2b4a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}body.elementor-page-1994:not(.elementor-motion-effects-element-type-background), body.elementor-page-1994 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2E7DF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1994 .elementor-element.elementor-element-2f980568{--e-icon-list-icon-size:13px;}.elementor-1994 .elementor-element.elementor-element-2f980568 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1994 .elementor-element.elementor-element-2f980568 .elementor-icon-list-item > a{font-size:14px;}.elementor-1994 .elementor-element.elementor-element-2572653e{--e-icon-list-icon-size:13px;--icon-vertical-align:center;--icon-vertical-offset:-3px;}.elementor-1994 .elementor-element.elementor-element-2572653e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1994 .elementor-element.elementor-element-2572653e .elementor-icon-list-item > a{font-size:13px;}.elementor-1994 .elementor-element.elementor-element-1ff4d4f1 .elementor-heading-title{font-size:14px;}}@media(min-width:768px){.elementor-1994 .elementor-element.elementor-element-76455ccf{width:11.484%;}.elementor-1994 .elementor-element.elementor-element-65b72052{width:53.356%;}.elementor-1994 .elementor-element.elementor-element-3cee49e7{width:34.824%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1994 .elementor-element.elementor-element-52e6a392{width:100%;}}@media(max-width:767px){.elementor-1994 .elementor-element.elementor-element-574d045e{padding:10px 10px 10px 10px;}.elementor-1994 .elementor-element.elementor-element-46e1d87a{padding:200px 0px 100px 0px;}.elementor-1994 .elementor-element.elementor-element-2f980568{--e-icon-list-icon-size:13px;}.elementor-1994 .elementor-element.elementor-element-2f980568 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1994 .elementor-element.elementor-element-2f980568 .elementor-icon-list-item > a{font-size:14px;}.elementor-1994 .elementor-element.elementor-element-2572653e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1994 .elementor-element.elementor-element-2572653e{--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-1994 .elementor-element.elementor-element-2572653e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(7px/2);}.elementor-1994 .elementor-element.elementor-element-2572653e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(7px/2);}.elementor-1994 .elementor-element.elementor-element-2572653e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(7px/2);margin-left:calc(7px/2);}.elementor-1994 .elementor-element.elementor-element-2572653e .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-7px/2);margin-left:calc(-7px/2);}body.rtl .elementor-1994 .elementor-element.elementor-element-2572653e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-7px/2);}body:not(.rtl) .elementor-1994 .elementor-element.elementor-element-2572653e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-7px/2);}.elementor-1994 .elementor-element.elementor-element-2572653e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1994 .elementor-element.elementor-element-2572653e .elementor-icon-list-item > a{font-size:13px;}.elementor-1994 .elementor-element.elementor-element-16af42c7{--icon-size:12px;--grid-column-gap:8px;}.elementor-1994 .elementor-element.elementor-element-1ff4d4f1 .elementor-heading-title{font-size:14px;}body.elementor-page-1994{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 */