{"id":2293,"date":"2024-10-02T05:17:02","date_gmt":"2024-10-02T05:17:02","guid":{"rendered":"https:\/\/smitelgroup.com\/?page_id=2293"},"modified":"2024-10-02T05:17:53","modified_gmt":"2024-10-02T05:17:53","slug":"2293-2","status":"publish","type":"page","link":"https:\/\/smitelgroup.com\/en\/2293-2\/","title":{"rendered":""},"content":{"rendered":"<p>[et_pb_section fb_built=\u00bb1&#8243; disabled_on=\u00bboff|off|off\u00bb admin_label=\u00bbSecci\u00f3nCursor\u00bb module_id=\u00bbseccionCursor\u00bb module_class=\u00bbseccionCursor\u00bb _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb background_image=\u00bbhttps:\/\/smitelgroup.com\/wp-content\/uploads\/2024\/08\/fondo.png\u00bb background_size=\u00bbcustom\u00bb background_image_width=\u00bb19%\u00bb background_repeat=\u00bbround\u00bb custom_padding=\u00bb200px||200px||true|false\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb width_tablet=\u00bb\u00bb width_phone=\u00bb100%\u00bb width_last_edited=\u00bbon|phone\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb text_font=\u00bbMono||||||||\u00bb text_text_color=\u00bbgcid-07e65bb9-d619-4b7a-b76a-ff473161844f\u00bb text_font_size=\u00bb40px\u00bb text_line_height=\u00bb1.1em\u00bb text_orientation=\u00bbcenter\u00bb custom_margin_tablet=\u00bb\u00bb custom_margin_phone=\u00bb\u00bb custom_margin_last_edited=\u00bbon|phone\u00bb custom_padding=\u00bb|150px||150px|false|true\u00bb custom_padding_tablet=\u00bb|150px||150px|false|true\u00bb custom_padding_phone=\u00bb|15px||15px|false|true\u00bb custom_padding_last_edited=\u00bbon|phone\u00bb global_colors_info=\u00bb{%22gcid-07e65bb9-d619-4b7a-b76a-ff473161844f%22:%91%22text_text_color%22%93}\u00bb]<\/p>\n<p>Informaci\u00f3n, sincron\u00eda y precisi\u00f3n, una aut\u00e9ntica red perfectamente conectada para avanzar a un mismo ritmo.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00bb1&#8243; disabled_on=\u00bboff|off|on\u00bb admin_label=\u00bbParallaxParrafos-Phone\u00bb module_id=\u00bbseccionVideoPruebaPrueba\u00bb module_class=\u00bbseccionVideoPruebaPrueba\u00bb _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bb#000000&#8243; background_video_mp4=\u00bbhttps:\/\/smitelgroup.com\/wp-content\/uploads\/2024\/09\/storietelling.mp4&#8243; custom_css_free_form=\u00bb.seccionVideoPruebaPrueba {||            overflow: hidden;||            position: absolute;||            top: 0;||            left: 0;||            width: 100%;||            height: 100%;||            z-index: -1; \/* Places video behind other elements *\/||        }\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row module_class=\u00bbtwoPrueba\u00bb _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb width=\u00bb100%\u00bb max_width=\u00bb100%\u00bb module_alignment=\u00bbcenter\u00bb height=\u00bb100vh\u00bb custom_margin=\u00bb0px||||false|false\u00bb custom_padding=\u00bb0px||||false|false\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_code disabled_on=\u00bboff|off|off\u00bb _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb text_orientation=\u00bbcenter\u00bb custom_margin=\u00bb0px||||false|false\u00bb custom_padding=\u00bb0px||||false|false\u00bb custom_css_free_form=\u00bb.saltarButton {||  margin-top: 50px;||  cursor: pointer;||  \tcolor: #282828 !important;||  \tpadding: 0.3em 1em !important;||  \tbackground-color: rgba(0, 0, 0, .05);||    border-width: 0px !important;||    border-radius: 20px;||    letter-spacing: 1px;||    font-size: 16px;||    font-family: &#8216;Mono&#8217;, Helvetica, Arial, Lucida, sans-serif !important;||    text-decoration: underline !important;||  transition: background-color 0.3s ease, transform 0.3s ease; ||}||.saltarButton:hover{||  color: #333333 !important;||  background-color: rgba(0, 0, 0, .5);||  transform: scale(1.05); ||}||\/* Styles for video container to cover the viewport and be positioned behind other content *\/||        .video-wrapPrueba {||            overflow: hidden;||            position: absolute;||            top: 0;||            left: 0;||            width: 100%;||            height: 100%; \/*Antes tenia vh*\/||            z-index: -1; \/* Places video behind other elements *\/||        }||||        \/* Ensures video fills the container width *\/||        #myVideoPrueba {||          margin-top: 0;||          height: 100%;||            width: 100%;||          object-fit: cover;||        }||||        \/* Flexbox layout for circle elements *\/||        .circle-blockPrueba {||            display: flex;||            flex-direction: column;||            align-items: center;||            justify-content: space-around;||          \tfont-size: 0.7rem;||          \tcolor: white;||        }||||        \/* Style for individual circles in the circle block *\/||        .circle1, .circle2, .circle3, .circle4, .circle5, .circle6 {||            margin-top: 200px;||            width: 80px;||            height: 80px;||            border-radius: 50%;||            background-color: teal;||            opacity: 0;||            visibility: hidden;||        }||||.par1Prueba{||  margin-top: 200px;||  margin-bottom: 30rem;||  \/*margin-right: 33.5rem;*\/||  left: 10%;||  width: 60vw;||  \/* margin-left: -5rem;*\/||  align-self: flex-start;||  text-align: left;||  opacity: 0;||            visibility: hidden||}||.par2Prueba{||  margin-bottom: 30rem;||  width: 70vw;||  text-align: center !important;||  opacity: 0;||  visibility: hidden||}||.par3Prueba{||  margin-bottom: 30rem;||  \/*margin-left: 37rem;*\/||  \/* margin-right: -5rem;*\/||  \/*right: 0;*\/||  width: 70vw;||  text-align: right !important;||  opacity: 0;||  visibility: hidden||}||.par4Prueba{||  width: 50vw;||  text-align: center !important;||\tmargin-bottom: 700px; \/*Antes 500*\/||\topacity: 0;||\tvisibility: hidden||}\u00bb global_colors_info=\u00bb{}\u00bb]<button class=\"saltarButton\" onclick=\"document.getElementById('seccionCursor').scrollIntoView({ behavior: 'smooth' });\"><!-- [et_pb_line_break_holder] -->  HAZ CLICK PARA SALTAR<!-- [et_pb_line_break_holder] --><\/button><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"video-wrapPrueba\"><!-- [et_pb_line_break_holder] -->  <video id=\"myVideoPrueba\" playsinline autoplay muted loop poster=\"https:\/\/smitelgroup.com\/wp-content\/uploads\/2024\/09\/storietelling-2.mp4\"><!-- [et_pb_line_break_holder] --><source src=\"https:\/\/smitelgroup.com\/wp-content\/uploads\/2024\/09\/storietelling-2.mp4\"<!-- [et_pb_line_break_holder] -->type=\u00bbvideo\/mp4&#8243;\/><!-- [et_pb_line_break_holder] --><\/video>  <!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --><!-- Circle block for decorative circles --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"circle-blockPrueba\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"par1Prueba\"><!-- [et_pb_line_break_holder] -->    \tDurante a\u00f1os, la comunidad cient\u00edfica ha buscado la explicaci\u00f3n al enigm\u00e1tico vuelo de las bandadas de estorninos.<!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->\t<\/p>\n<div class=\"par2Prueba\"><!-- [et_pb_line_break_holder] -->    \tMiles de estas aves llevan a cabo hipn\u00f3ticas coreograf\u00edas perfectamente sincronizadas, generando formaciones esf\u00e9ricas que se expanden y contraen, cambiando de forma continuamente sin aparentemente obedecer a ninguna regla.<!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->\t<\/p>\n<div class=\"par3Prueba\"><!-- [et_pb_line_break_holder] -->    \tSin embargo, se trata de un sistema complejo perfectamente afinado cuya belleza y sincron\u00eda tiene un sentido, adaptarse con la m\u00e1xima eficiencia al entorno y evitar a sus depredadores<!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->\t<\/p>\n<div class=\"par4Prueba\"><!-- [et_pb_line_break_holder] -->    \tAunque una bandada pueda contener miles de individuos, cada estornino \u00fanicamente sigue la direcci\u00f3n y velocidad de sus siete compa\u00f1eros de vuelo m\u00e1s cercanos, al tiempo que emiten un fuerte sonido con el que comparten informaci\u00f3n al grupo para no chocarse entre ellos.<!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->  if (window.innerWidth <= 749) {<!-- [et_pb_line_break_holder] -->    \/\/ Create a ScrollTrigger instance for pinning the video<!-- [et_pb_line_break_holder] -->ScrollTrigger.create({<!-- [et_pb_line_break_holder] -->    trigger: '.seccionVideoPruebaPrueba', \/\/ Trigger animation on section two<!-- [et_pb_line_break_holder] -->    pin: '.video-wrapPrueba', \/\/ Pin the video-wrap element<!-- [et_pb_line_break_holder] -->    start: 'top top', \/\/ Pin the element when section two's top hits the viewport top<!-- [et_pb_line_break_holder] -->    endTrigger: '.circle-blockPrueba', \/\/ End pinning when the circle-block is reached<!-- [et_pb_line_break_holder] -->    end: () => 'bottom top', \/\/ End pinning when the viewport bottom reaches the bottom of section two minus window height<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] -->\t<!-- [et_pb_line_break_holder] -->\/\/ Register the ScrollTrigger plugin with GSAP<!-- [et_pb_line_break_holder] -->gsap.registerPlugin(ScrollTrigger);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ Function to gradually reveal text based on scroll progress<!-- [et_pb_line_break_holder] -->\/\/function typewriterScrollEffect(element, progress) {<!-- [et_pb_line_break_holder] -->  \/\/  const text = element.dataset.fullText; \/\/ Get the full text stored in data attribute<!-- [et_pb_line_break_holder] -->    \/\/const textLength = text.length;<!-- [et_pb_line_break_holder] -->    \/\/const charsToShow = Math.floor(textLength * progress); \/\/ Determine how many characters to show based on scroll progress<!-- [et_pb_line_break_holder] -->    \/\/element.innerHTML = text.slice(0, charsToShow); \/\/ Display the portion of the text based on scroll progress<!-- [et_pb_line_break_holder] -->\/\/}<!-- [et_pb_line_break_holder] -->\/\/ Function to gradually reveal text based on scroll progress<!-- [et_pb_line_break_holder] -->function typewriterScrollEffect(element, progress) {<!-- [et_pb_line_break_holder] -->    const text = element.dataset.fullText; \/\/ Get the full text stored in data attribute<!-- [et_pb_line_break_holder] -->    const textLength = text.length;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    \/\/ Modify the progress to slow down the typing effect<!-- [et_pb_line_break_holder] -->    const slowProgress = Math.sqrt(progress); \/\/ Apply square root to progress for a slower effect<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    const charsToShow = Math.floor(textLength * slowProgress); \/\/ Determine how many characters to show based on modified progress<!-- [et_pb_line_break_holder] -->    element.innerHTML = text.slice(0, charsToShow); \/\/ Display the portion of the text based on progress<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->\/\/ Create animations for each paragraph<!-- [et_pb_line_break_holder] -->const paragraphs = ['.par1Prueba', '.par2Prueba', '.par3Prueba', '.par4Prueba', '.par5Prueba', '.par6Prueba'];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->paragraphs.forEach((par) => {<!-- [et_pb_line_break_holder] -->    const paragraphElement = document.querySelector(par);<!-- [et_pb_line_break_holder] -->    const fullText = paragraphElement.innerHTML;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    \/\/ Store the full text in a data attribute so we can manipulate the innerHTML<!-- [et_pb_line_break_holder] -->    paragraphElement.setAttribute('data-full-text', fullText);<!-- [et_pb_line_break_holder] -->    paragraphElement.innerHTML = ''; \/\/ Clear the paragraph content initially<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gsap.fromTo(paragraphElement, <!-- [et_pb_line_break_holder] -->        {<!-- [et_pb_line_break_holder] -->            autoAlpha: 0.5, \/\/ Start fully transparent<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        {<!-- [et_pb_line_break_holder] -->            duration: 1,<!-- [et_pb_line_break_holder] -->            autoAlpha: 1, \/\/ Fade to visible<!-- [et_pb_line_break_holder] -->            scrollTrigger: {<!-- [et_pb_line_break_holder] -->                trigger: par, \/\/ Trigger on the paragraph itself<!-- [et_pb_line_break_holder] -->                start: 'top 50%', \/\/ Start when the paragraph reaches the middle of the viewport<!-- [et_pb_line_break_holder] -->                end: '+=300', \/\/ Keep the pinning for a bit while typing<!-- [et_pb_line_break_holder] -->                scrub: true, \/\/ Sync with scroll progress<!-- [et_pb_line_break_holder] -->                pin: true, \/\/ Pin the paragraph in the middle<!-- [et_pb_line_break_holder] -->                onUpdate: (self) => {<!-- [et_pb_line_break_holder] -->                    const progress = self.progress; \/\/ Get scroll progress (0 to 1)<!-- [et_pb_line_break_holder] -->                    typewriterScrollEffect(paragraphElement, progress); \/\/ Call typewriter effect with scroll progress<!-- [et_pb_line_break_holder] -->                },<!-- [et_pb_line_break_holder] -->                onEnter: () => {<!-- [et_pb_line_break_holder] -->                    paragraphElement.innerHTML = ''; \/\/ Reset content to start typing effect<!-- [et_pb_line_break_holder] -->                },<!-- [et_pb_line_break_holder] -->                onLeave: () => {<!-- [et_pb_line_break_holder] -->                    paragraphElement.innerHTML = fullText; \/\/ Ensure full text is shown when leaving<!-- [et_pb_line_break_holder] -->                },<!-- [et_pb_line_break_holder] -->                onLeaveBack: () => {<!-- [et_pb_line_break_holder] -->                    paragraphElement.innerHTML = ''; \/\/ Reset the content if scrolling back<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    );<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> [\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00bb1&#8243; disabled_on=\u00bbon|off|off\u00bb admin_label=\u00bbParallaxParrafos\u00bb module_id=\u00bbseccionVideoPrueba\u00bb module_class=\u00bbseccionVideoPrueba\u00bb _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bb#000000&#8243; background_video_mp4=\u00bbhttps:\/\/smitelgroup.com\/wp-content\/uploads\/2024\/09\/storietelling-2.mp4&#8243; custom_css_free_form=\u00bb.seccionVideoPrueba {||            overflow: hidden;||            position: absolute;||            top: 0;||            left: 0;||            width: 100%;||            height: 100%;||            z-index: -1; \/* Places video behind other elements *\/||        }\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_row module_class=\u00bbtwo\u00bb _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb width=\u00bb100%\u00bb max_width=\u00bb100%\u00bb module_alignment=\u00bbcenter\u00bb height=\u00bb100vh\u00bb custom_margin=\u00bb0px||||false|false\u00bb custom_padding=\u00bb0px||||false|false\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_code disabled_on=\u00bboff|off|off\u00bb _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb text_orientation=\u00bbcenter\u00bb custom_margin=\u00bb0px||||false|false\u00bb custom_padding=\u00bb0px||||false|false\u00bb custom_css_free_form=\u00bb.saltarButton {||  margin-top: 50px;||  cursor: pointer;||  \tcolor: #282828 !important;||  \tpadding: 0.3em 1em !important;||  \tbackground-color: rgba(0, 0, 0, .05);||    border-width: 0px !important;||    border-radius: 20px;||    letter-spacing: 1px;||    font-size: 16px;||    font-family: &#8216;Mono&#8217;, Helvetica, Arial, Lucida, sans-serif !important;||    text-decoration: underline !important;||  transition: background-color 0.3s ease, transform 0.3s ease; ||}||.saltarButton:hover{||  color: #333333 !important;||  background-color: rgba(0, 0, 0, .5);||  transform: scale(1.05); ||}||\/* Styles for video container to cover the viewport and be positioned behind other content *\/||        .video-wrap {||            overflow: hidden;||            position: absolute;||            top: 0;||            left: 0;||            width: 100%;||            height: 100%; \/*Antes tenia vh*\/||            z-index: -1; \/* Places video behind other elements *\/||        }||||        \/* Ensures video fills the container width *\/||        #myVideo {||          margin-top: 0;||            width: 100%;||        }||||        \/* Flexbox layout for circle elements *\/||        .circle-block {||            display: flex;||            flex-direction: column;||            align-items: center;||            justify-content: space-around;||          \tfont-size: 1.5rem;||          \tcolor: white;||        }||||        \/* Style for individual circles in the circle block *\/||        .circle1, .circle2, .circle3, .circle4, .circle5, .circle6 {||            margin-top: 200px;||            width: 80px;||            height: 80px;||            border-radius: 50%;||            background-color: teal;||            opacity: 0;||            visibility: hidden;||        }||||.par1{||  margin-top: 200px;||  margin-bottom: 23rem;||  margin-right: 33.5rem;||  left: 10%;||  width: 60vw;||  \/* margin-left: -5rem;*\/||  align-self: flex-start;||  text-align: left;||  opacity: 0;||            visibility: hidden||}||.par2{||  margin-bottom: 23rem;||  width: 50vw;||  text-align: center !important;||  opacity: 0;||  visibility: hidden||}||.par3{||  margin-bottom: 18rem;||  margin-left: 37rem;||  \/* margin-right: -5rem;*\/||  right: 0;||  width: 50vw;||  text-align: right !important;||  opacity: 0;||  visibility: hidden||}||.par4{||  width: 50vw;||  text-align: center !important;||\tmargin-bottom: 500px;||\topacity: 0;||\tvisibility: hidden||}\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<button class=\"saltarButton\" onclick=\"document.getElementById('seccionCursor').scrollIntoView({ behavior: 'smooth' });\"><!-- [et_pb_line_break_holder] -->  HAZ CLICK PARA SALTAR<!-- [et_pb_line_break_holder] --><\/button><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"video-wrap\"><!-- [et_pb_line_break_holder] -->  <video id=\"myVideo\" playsinline autoplay muted loop poster=\"https:\/\/smitelgroup.com\/wp-content\/uploads\/2024\/09\/storietelling-2.mp4\"><!-- [et_pb_line_break_holder] --><source src=\"https:\/\/smitelgroup.com\/wp-content\/uploads\/2024\/09\/storietelling-2.mp4\"<!-- [et_pb_line_break_holder] -->type=\u00bbvideo\/mp4&#8243;\/><!-- [et_pb_line_break_holder] --><\/video>  <!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --><!-- Circle block for decorative circles --><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"circle-block\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"par1\"><!-- [et_pb_line_break_holder] -->    \tDurante a\u00f1os, la comunidad cient\u00edfica ha buscado la explicaci\u00f3n al enigm\u00e1tico vuelo de las bandadas de estorninos.<!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->\t<\/p>\n<div class=\"par2\"><!-- [et_pb_line_break_holder] -->    \tMiles de estas aves llevan a cabo hipn\u00f3ticas coreograf\u00edas perfectamente sincronizadas, generando formaciones esf\u00e9ricas que se expanden y contraen, cambiando de forma continuamente sin aparentemente obedecer a ninguna regla.<!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->\t<\/p>\n<div class=\"par3\"><!-- [et_pb_line_break_holder] -->    \tSin embargo, se trata de un sistema complejo perfectamente afinado cuya belleza y sincron\u00eda tiene un sentido, adaptarse con la m\u00e1xima eficiencia al entorno y evitar a sus depredadores<!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->\t<\/p>\n<div class=\"par4\"><!-- [et_pb_line_break_holder] -->    \tAunque una bandada pueda contener miles de individuos, cada estornino \u00fanicamente sigue la direcci\u00f3n y velocidad de sus siete compa\u00f1eros de vuelo m\u00e1s cercanos, al tiempo que emiten un fuerte sonido con el que comparten informaci\u00f3n al grupo para no chocarse entre ellos.<!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->\tif (window.innerWidth >= 750) {<!-- [et_pb_line_break_holder] -->    \/\/ Create a ScrollTrigger instance for pinning the video<!-- [et_pb_line_break_holder] -->ScrollTrigger.create({<!-- [et_pb_line_break_holder] -->    trigger: '.seccionVideoPrueba', \/\/ Trigger animation on section two<!-- [et_pb_line_break_holder] -->    pin: '.video-wrap', \/\/ Pin the video-wrap element<!-- [et_pb_line_break_holder] -->    start: 'top top', \/\/ Pin the element when section two's top hits the viewport top<!-- [et_pb_line_break_holder] -->    endTrigger: '.circle-block', \/\/ End pinning when the circle-block is reached<!-- [et_pb_line_break_holder] -->    end: () => 'bottom top', \/\/ End pinning when the viewport bottom reaches the bottom of section two minus window height<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] -->\t<!-- [et_pb_line_break_holder] -->\/\/ Register the ScrollTrigger plugin with GSAP<!-- [et_pb_line_break_holder] -->gsap.registerPlugin(ScrollTrigger);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ Function to gradually reveal text based on scroll progress<!-- [et_pb_line_break_holder] -->function typewriterScrollEffect(element, progress) {<!-- [et_pb_line_break_holder] -->    const text = element.dataset.fullText; \/\/ Get the full text stored in data attribute<!-- [et_pb_line_break_holder] -->    const textLength = text.length;<!-- [et_pb_line_break_holder] -->    const charsToShow = Math.floor(textLength * progress); \/\/ Determine how many characters to show based on scroll progress<!-- [et_pb_line_break_holder] -->    element.innerHTML = text.slice(0, charsToShow); \/\/ Display the portion of the text based on scroll progress<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ Create animations for each paragraph<!-- [et_pb_line_break_holder] -->const paragraphs = ['.par1', '.par2', '.par3', '.par4', '.par5', '.par6'];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->paragraphs.forEach((par) => {<!-- [et_pb_line_break_holder] -->    const paragraphElement = document.querySelector(par);<!-- [et_pb_line_break_holder] -->    const fullText = paragraphElement.innerHTML;<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    \/\/ Store the full text in a data attribute so we can manipulate the innerHTML<!-- [et_pb_line_break_holder] -->    paragraphElement.setAttribute('data-full-text', fullText);<!-- [et_pb_line_break_holder] -->    paragraphElement.innerHTML = ''; \/\/ Clear the paragraph content initially<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    gsap.fromTo(paragraphElement, <!-- [et_pb_line_break_holder] -->        {<!-- [et_pb_line_break_holder] -->            autoAlpha: 0.5, \/\/ Start fully transparent<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        {<!-- [et_pb_line_break_holder] -->            duration: 1,<!-- [et_pb_line_break_holder] -->            autoAlpha: 1, \/\/ Fade to visible<!-- [et_pb_line_break_holder] -->            scrollTrigger: {<!-- [et_pb_line_break_holder] -->                trigger: par, \/\/ Trigger on the paragraph itself<!-- [et_pb_line_break_holder] -->                start: 'top 50%', \/\/ Start when the paragraph reaches the middle of the viewport<!-- [et_pb_line_break_holder] -->                end: '+=300', \/\/ Keep the pinning for a bit while typing<!-- [et_pb_line_break_holder] -->                scrub: true, \/\/ Sync with scroll progress<!-- [et_pb_line_break_holder] -->                pin: true, \/\/ Pin the paragraph in the middle<!-- [et_pb_line_break_holder] -->                onUpdate: (self) => {<!-- [et_pb_line_break_holder] -->                    const progress = self.progress; \/\/ Get scroll progress (0 to 1)<!-- [et_pb_line_break_holder] -->                    typewriterScrollEffect(paragraphElement, progress); \/\/ Call typewriter effect with scroll progress<!-- [et_pb_line_break_holder] -->                },<!-- [et_pb_line_break_holder] -->                onEnter: () => {<!-- [et_pb_line_break_holder] -->                    paragraphElement.innerHTML = ''; \/\/ Reset content to start typing effect<!-- [et_pb_line_break_holder] -->                },<!-- [et_pb_line_break_holder] -->                onLeave: () => {<!-- [et_pb_line_break_holder] -->                    paragraphElement.innerHTML = fullText; \/\/ Ensure full text is shown when leaving<!-- [et_pb_line_break_holder] -->                },<!-- [et_pb_line_break_holder] -->                onLeaveBack: () => {<!-- [et_pb_line_break_holder] -->                    paragraphElement.innerHTML = ''; \/\/ Reset the content if scrolling back<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    );<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Information, synchronization, and precision\u2014a truly connected network moving forward in perfect harmony.<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"dipi_cpt_category":[],"class_list":["post-2293","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smitelgroup.com\/en\/wp-json\/wp\/v2\/pages\/2293"}],"collection":[{"href":"https:\/\/smitelgroup.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smitelgroup.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smitelgroup.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/smitelgroup.com\/en\/wp-json\/wp\/v2\/comments?post=2293"}],"version-history":[{"count":0,"href":"https:\/\/smitelgroup.com\/en\/wp-json\/wp\/v2\/pages\/2293\/revisions"}],"wp:attachment":[{"href":"https:\/\/smitelgroup.com\/en\/wp-json\/wp\/v2\/media?parent=2293"}],"wp:term":[{"taxonomy":"dipi_cpt_category","embeddable":true,"href":"https:\/\/smitelgroup.com\/en\/wp-json\/wp\/v2\/dipi_cpt_category?post=2293"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}