diff --git a/bundle.js b/bundle.js index 1487755..27c7d8a 100644 --- a/bundle.js +++ b/bundle.js @@ -1,2 +1,2 @@ -(()=>{function s(){return window.innerWidth<=900}var C=!1,I;function V(){if(!C){C=!0,clearInterval(I);let e=1,t=30,r=1e3;I=setInterval(function(){r-=100,r<=0&&(r=1e3,t--,t<=0&&(e--,e===0&&t===0?(e=1,t=30,r=1e3,V()):t=59));let a=`00:${String(e).padStart(2,"0")}:${String(t).padStart(2,"0")}:${String(Math.floor(r/100)).padStart(2,"0")}`;X(a)},100)}}function X(e){let t=document.getElementById("countdown-timer");t&&(t.innerText=e)}var M=document.querySelectorAll(".path");M.forEach(e=>{var t=e.getTotalLength();e.style.transition=e.style.WebkitTransition="none",e.style.strokeDasharray=t+" "+t,e.style.strokeDashoffset=t,e.getBoundingClientRect(),e.style.transition=e.style.WebkitTransition="stroke-dashoffset 2s ease-in-out",e.style.strokeDashoffset="0"});gsap.registerPlugin(ScrollTrigger,ScrollToPlugin);var H=new Lenis;function P(e){H.raf(e),requestAnimationFrame(P)}requestAnimationFrame(P);window.onload=()=>{let e=document.getElementById("init");e.style.display="none"};var o=gsap.timeline({scrollTrigger:{trigger:"main.wrapper",start:"top top",end:"bottom+=3000% bottom",scrub:!0,pin:!0,inertia:!0}}),p=document.getElementById("body"),b=document.getElementById("collapse"),L=document.getElementById("menu"),F=document.getElementsByClassName("nav-item"),D=document.getElementsByClassName("separator"),j=document.getElementById("buttonIcon"),i=document.querySelectorAll(".social-img"),z=document.querySelector(".wrapper"),m=document.querySelectorAll(".expand"),B=document.querySelectorAll(".btn-img");p.addEventListener("mousemove",e=>{if(s())return;let t=document.createElement("bubbles"),r=e.pageX,a=e.pageY;t.style.left=r+"px",t.style.top=a+"px",t.style.width="25px",t.style.height="25px",document.body.className.match("open")?(t.style.background="rgb(29, 62, 78)",t.style.boxShadow="10px 10px 30px rgb(29, 62, 78), -10px -10px 30px rgb(29, 62, 78)"):(t.style.background="#D1D821",t.style.boxShadow="10px 10px 30px #D1D821, -10px -10px 30px #D1D821"),document.body.appendChild(t),setTimeout(function(){t.remove()},500)});var n=gsap.timeline({paused:!0});s()?(n.fromTo(L,{y:1e3,opacity:0,background:"transparent",display:"none",ease:"power2.inOut"},{y:0,duration:.5,opacity:1,background:"rgb(203, 219, 67)",display:"block",ease:"power2.inOut"}),n.fromTo(D,{y:1e3},{y:0,transformOrigin:"100% 50%",duration:.5})):(n.fromTo(L,{x:1e3,opacity:0,background:"transparent",display:"none",ease:"power2.inOut"},{x:0,duration:.5,opacity:1,background:"rgb(203, 219, 67)",display:"block",ease:"power2.inOut"}),n.fromTo(D,{x:1e3},{x:0,transformOrigin:"100% 50%",duration:.5}));n.fromTo(F,{opacity:0,y:50},{opacity:1,y:0,duration:.5});var u=!1;b.addEventListener("click",()=>{n.isActive()&&n.reversed()||(u=!u,j.src=u?"src/assets/x-dark.png":"src/assets/Menu.png",b.style.transform=u?"rotate(90deg)":"rotate(0deg)",p.className.match("close")?(p.className="open",i[0].src="src/assets/mail-dark.png",i[1].src="src/assets/whatsapp-dark.png",i[2].src="src/assets/ig-dark.png",i[3].src="src/assets/Linkedin-dark.png"):p.className.includes("open")&&(p.className="close",i[0].src="src/assets/mail.png",i[1].src="src/assets/wsp.png",i[2].src="src/assets/ig.png",i[3].src="src/assets/Linkedin.png"),n.totalProgress()===0?n.play():n.totalProgress()>0&&n.reverse())});var R=gsap.utils.toArray(".nav-link");R.forEach(e=>{e.addEventListener("click",t=>{t.preventDefault(),e.innerText==="Inicio"?gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("intro")}):e.innerText==="Portfolio"?gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("portfolio")}):e.innerText==="Servicios"?gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("servicios")}):e.innerText==="Clientes"&&gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("clientes")}),u=!u,j.src=u?"src/assets/x-dark.png":"src/assets/Menu.png",b.style.transform=u?"rotate(90deg)":"rotate(0deg)",p.className.match("close")?(p.className="open",i[0].src="src/assets/mail-dark.png",i[1].src="src/assets/whatsapp-dark.png",i[2].src="src/assets/ig-dark.png",i[3].src="src/assets/Linkedin-dark.png"):p.className.includes("open")&&(p.className="close",i[0].src="src/assets/mail.png",i[1].src="src/assets/wsp.png",i[2].src="src/assets/ig.png",i[3].src="src/assets/Linkedin.png"),n.paused()||n.totalProgress()===0?n.play():n&&n.reverse()})});var oo=document.getElementById("init"),to=document.getElementById("scrollea"),W=document.getElementById("video-camara"),f=document.getElementById("middleVidCtn"),eo=document.getElementById("tiempoVidCtn"),ro=document.getElementById("progressbar-ctn"),ao=document.querySelector("nav"),io=document.querySelectorAll(".text-ctn-1"),g=document.querySelectorAll("section.portfolio li h2"),no=document.querySelectorAll("section.portfolio li h2:hover"),x=document.querySelectorAll(".desc-ctn"),w=document.querySelectorAll("hr.ctn-line"),E=document.querySelectorAll(".preview-video"),S=document.querySelector(".logo-box"),k=document.querySelector(".vid-overlay"),A=document.querySelector("#tiempoVidCtn"),so=document.querySelector("section#video-tiempo"),lo=document.querySelectorAll(".child .text-ctn"),d=document.querySelectorAll(".child .text-ctn ol"),v=[];v.push(document.getElementById("eugenie"));v.push(document.getElementById("delsud"));v.push(document.getElementById("flexy"));var T=document.getElementById("modal"),Y=document.getElementById("modalContent"),co=document.getElementById("modalVideo"),$=document.getElementById("closeModal"),q=document.getElementById("middleVidCtn"),po=document.getElementById("portfolio"),_=["src/assets/casos/eugenie-comp.webm","src/assets/casos/delsud-comp.webm","src/assets/casos/flexy-comp.webm"],c=null;s()?q.src="src/assets/calidad-vertical.webm":q.src="src/assets/calidad.webm";s()?A.src="src/assets/Video-tiempo_v.mp4":A.src="src/assets/video-tiempo.webm";f.addEventListener("ended",()=>{f.style.display="none",gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("start-tiempo")}),f.currentTime=0,f.load()});var y=document.querySelectorAll(".child"),O=document.querySelectorAll(".child .title-ctn");if(s()){let e=!1;m.forEach((t,r)=>{t.addEventListener("click",()=>{if(e=!e,e){B[r].src="src/assets/contract.png";for(let a=0;a{l!==r.currentTarget&&l.nodeType===1&&gsap.to(l,.7,{width:"1000px"})}),(a===1||a===2)&&gsap.to(y[0],.7,{marginLeft:"-100px"}),a===1&&(gsap.to(y[1],.7,{width:"3000px"}),gsap.to(y[0],.7,{marginLeft:"-200px"}))},t=function(r,a){let l=getComputedStyle(r.currentTarget).width;gsap.to(r.currentTarget,.7,{width:l}),r.currentTarget.parentNode.childNodes.forEach(h=>{h!==r.currentTarget&&h.nodeType===1&&gsap.to(h,.7,{width:l})}),(a===1||a===2)&&gsap.to(y[0],.7,{marginLeft:"0"}),a===1&&gsap.to(y[1],.7,{width:l})};y.forEach((r,a)=>{r.addEventListener("mouseover",l=>e(l,a)),r.addEventListener("mouseout",l=>t(l,a))})}g.forEach((e,t)=>{e.addEventListener("mouseover",r=>G(r,t)),e.addEventListener("mouseout",r=>J(r,t)),e.addEventListener("mousemove",r=>{})});function G(e,t){s()?(gsap.to(w[t],.5,{margin:"20 0 10 0"}),gsap.to(x[t],.3,{y:0,opacity:1}),gsap.to(g[t],.3,{color:"rgb(203, 219, 67)"}),gsap.to(g[2],.7,{height:70}),gsap.to(g[1],.7,{height:120}),gsap.to(E[t],.4,{opacity:1}),gsap.to(k,.4,{opacity:.4}),gsap.to(S,.4,{opacity:0})):(gsap.to(w[t],.5,{margin:"20 0 10 0"}),gsap.to(x[t],.3,{y:0,opacity:1}),gsap.to(g[t],.3,{color:"rgb(203, 219, 67)",height:100}),gsap.to(g[1],.7,{height:190}),gsap.to(E[t],.4,{opacity:1}),gsap.to(k,.4,{opacity:.4}),gsap.to(S,.4,{opacity:0}))}function J(e,t){gsap.to(w[t],.5,{margin:"-12 0"}),gsap.to(x[t],.3,{y:-100,opacity:0}),gsap.to(g[t],.3,{color:"transparent",height:"auto"}),gsap.to(E[t],.4,{opacity:0}),gsap.to(k,.4,{opacity:1}),gsap.to(S,.4,{opacity:.4})}v.forEach((e,t)=>e.addEventListener("click",()=>{c&&c.parentNode&&c.parentNode.removeChild(c),z.style.overflow="hidden";let r=document.createElement("video");r.id="modalVideo";let a=document.createElement("source");a.src=_[t],r.appendChild(a),Y.appendChild(r),T.classList.remove("hidden"),T.classList.add("shown"),r.play(),c=r,o.scrub=0,gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("portfolio")}),o.seek("portfolio"),o.scrollTrigger.disable(!1)}));$.addEventListener("click",()=>{c&&(c.pause(),c.parentNode.removeChild(c),c=null),z.style.overflow="",T.classList.remove("shown"),T.classList.add("hidden"),gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("portfolio")}),o.seek("portfolio"),o.scrollTrigger.enable(!0)});var K=new Array(380).fill().map((e,t)=>`src/assets/camara-frames/introframes(${(t+1).toString()}).webp`);K.forEach(e=>{let t=new Image;t.src=e,t.class="camara",W.appendChild(t)});o.fromTo("#scrollea",{display:"none"},{display:"flex"}).addLabel("intro");o.fromTo("#scrollea",{opacity:1,duration:8,x:0},{opacity:0,duration:8,x:-100});o.fromTo("#scrollea",{display:"flex"},{display:"none"});o.fromTo("#video",{display:"none"},{display:"flex"});o.fromTo("#video-camara",{opacity:0,duration:5},{opacity:1,duration:5});var N=gsap.utils.toArray("#video-camara img");N.forEach((e,t)=>{o.fromTo(e,{display:"none"},{display:"block",stagger:.3,duration:.5}),t{f.play()}});o.fromTo("#middleVidCtn",{opacity:0,duration:4},{opacity:1,duration:4});o.fromTo("#portfolio",{display:"block",delay:0},{display:"none",delay:0});o.fromTo("#middleVidCtn",{opacity:1,duration:10,delay:-10},{opacity:0,duration:10,delay:20});o.fromTo("#middleVidCtn",{display:"block",duration:0},{display:"none",duration:0});o.fromTo(".bg-video",{delay:-10,opacity:0,duration:5},{delay:-10,opacity:.1,duration:5});o.fromTo("#progressbar-ctn",{opacity:0,delay:5,y:200},{opacity:1,y:0,duration:4,delay:5});o.fromTo(".accordion",{display:"none",duration:0},{display:"flex",duration:0});o.fromTo("#middle .text",{y:1e3,duration:10},{y:0,stagger:1,duration:10}).addLabel("start-tiempo");o.to("#rect2",{attr:{rx:"8.5",y:"34",width:"17",height:"43.4444"},fill:"#D9D9D9",duration:1});o.to("#rect3",{attr:{rx:"12.2778",y:"0",width:"24.5556",height:"86.8889"},fill:"#CBDB43",duration:1}).addLabel("servicios");o.to("#middle #text-container .letter",{color:"#D1D821",stagger:1.5,duration:3});s()?(o.fromTo("#middle .text",{y:0},{y:-2e3,delay:3,duration:50,scrollTrigger:".acc-borders"}),o.fromTo(".acc-borders",{opacity:1,x:1e3,duration:20,width:"0vw",delay:-10,scrollTrigger:".accordion #parent"},{opacity:1,x:0,duration:20,width:"400vw",delay:-10,scrollTrigger:".accordion #parent"}),o.fromTo(".accordion #parent",{y:2e3,duration:20,delay:-5},{y:0,duration:20,delay:-5}).addLabel("servicios")):(o.fromTo("#middle #text-container",{x:0},{x:-2e3,delay:3,duration:30}),o.to(".acc-borders",{opacity:1,x:0,duration:20,width:"400vw",delay:-30}),o.fromTo(".accordion",{x:2e3,delay:-20,duration:20},{x:0,delay:-20,duration:20}).addLabel("servicios"));o.to(".accordion",{rotateX:-69.3,duration:10,delay:30});o.to(".accordion",{opacity:0,duration:2,delay:-4});o.to(".bg-video",{opacity:0,duration:10,delay:-10});o.fromTo("#progressbar-ctn",{opacity:1},{opacity:0,duration:16,delay:0});o.fromTo("#video-tiempo",{opacity:0,duration:0},{opacity:1,duration:0});o.fromTo(".bg-video",{rotateX:"0",duration:0},{rotateX:"-65deg",duration:0});o.fromTo(".accordion",{display:"flex",duration:0},{display:"none",duration:0});o.fromTo("#video-tiempo",{zIndex:-1,rotateX:115.3},{zIndex:4,rotateX:0,duration:10,scrollTrigger:".accordion",onStart:()=>{V()}});o.to("#video-tiempo #text-container-2 .text",{y:1500,duration:0});o.fromTo("#tiempoVidCtn",{opacity:0,delay:-10},{opacity:1,duration:6});o.fromTo("#video-tiempo #text-container-2",{x:-2e3,duration:0,delay:-10},{x:0,duration:0,delay:-10});o.fromTo("#video-tiempo #text-container-2 .text",{y:1500,delay:15},{y:0,stagger:.5,duration:8,delay:10});o.fromTo("#video-tiempo #text-container-2 .letter",{color:"transparent",duration:4,delay:15},{color:"rgb(203, 219, 67)",stagger:4,duration:4,delay:15});o.fromTo("#video-tiempo",{rotateX:0,duration:20},{rotateX:110,duration:20,scrollTrigger:".accordion"});o.fromTo("#video-tiempo",{opacity:1,duration:20,scrollTrigger:".accordion"},{opacity:0,duration:20});o.fromTo("#video-tiempo",{display:"flex",duration:0},{display:"none",duration:0});o.fromTo("#txt-container-2",{display:"none",duration:0},{display:"flex",duration:0});o.fromTo(".bg-video",{opacity:0,duration:0},{opacity:.1,duration:0});o.fromTo(".bg-video",{rotateX:-65,duration:20},{rotateX:0,duration:20});var Q=document.getElementById("carousel-container"),U=document.getElementById("carouselFig");Q.style.transform==="scale(1)"&&(U.style.animation="rotateAnim 30s infinite forwards");o.fromTo("#txt-container-2",{zIndex:-1,opacity:0,duration:10,delay:-20},{zIndex:5,opacity:1,duration:10,delay:-20});s()?(o.fromTo("#p1",{y:2e3,x:0},{y:150,x:0,duration:25}),o.fromTo("#p2",{y:2e3,x:0},{y:150,x:0,duration:30,delay:-18}),o.to("#p1",{delay:20,duration:30,y:-2e3}),o.to("#p2",{delay:-30,duration:20,y:-50}),o.fromTo("#progressbar-ctn",{opacity:0,y:200},{opacity:1,y:0,duration:16,delay:-2}),o.to("#rect3",{attr:{rx:"8.5",y:"34",width:"17",height:"43.4444"},fill:"#D9D9D9",duration:1}),o.to("#rect4",{attr:{rx:"12.2778",y:"0",width:"24.5556",height:"86.8889"},fill:"#CBDB43",duration:1}),o.fromTo("#mobileBrandsCtn",{visibility:"hidden",y:200,x:0},{visibility:"visible",y:0,x:0,duration:5})):(o.fromTo("#p1",{x:2e3},{x:0,duration:25}),o.fromTo("#p2",{x:2e3},{x:0,duration:30,delay:-18}),o.to("#p1",{delay:20,duration:30,x:-2e3}),o.fromTo("#progressbar-ctn",{opacity:0,y:200},{opacity:1,y:0,duration:16,delay:-2}),o.to("#p1",{opacity:0,duration:0}),o.to("#rect3",{attr:{rx:"8.5",y:"34",width:"17",height:"43.4444"},fill:"#D9D9D9",duration:1}),o.to("#rect4",{attr:{rx:"12.2778",y:"0",width:"24.5556",height:"86.8889"},fill:"#CBDB43",duration:1}),o.to("#p2",{delay:-30,duration:20,y:150}));o.fromTo(".flipLogoContainer",{display:"none",duration:0},{display:"flex",duration:0});o.fromTo("#carousel-container",{display:"none",duration:0,delay:-20},{display:"block",duration:0,delay:-20});o.fromTo("#carousel-container",{transform:"scale(0)",duration:10,delay:-20},{transform:"scale(1.3)",duration:10,delay:-20}).addLabel("clientes");o.to("#txt-container-2",{delay:30,y:800,duration:30,transform:"scale(0.5)",opacity:0});o.fromTo("#txt-container-2",{display:"flex",duration:0},{display:"none",duration:0});o.fromTo("#progressbar-ctn",{opacity:1,duration:100},{opacity:0,duration:2,delay:20});o.fromTo(".bg-video",{opacity:.1,duration:12,delay:-15},{opacity:.2,duration:12,delay:-15});o.fromTo("#svgOutro",{y:-1e3,transform:"scale(2.5)",duration:20,delay:-20,opacity:0},{delay:-20,y:0,transform:"scale(1.6)",duration:20,opacity:1});o.to("#svgOutro",{delay:10,duration:70,rotateY:809});o.fromTo("#txt-container-2",{display:"flex",duration:0},{display:"none",duration:0});o.to("#svgOutro",{visibility:"hidden"});o.fromTo("#textAllCtn",{visibility:"hidden",rotateY:-90,duration:8},{visibility:"visible",rotateY:0,duration:8,delay:15});o.staggerTo([".charSpan"],1,{color:"#D1D821",stagger:1,duration:80},2);o.to(".charSpan",{delay:10});o.to("#textAllCtn",{scale:.6,y:-100,duration:15});o.to(".subTextContainer",{y:0,visibility:"visible"});o.fromTo("nav .social-ctn a",{scale:1,duration:4},{scale:0,duration:4});o.fromTo(".svgSocial",{scale:0,duration:10},{scale:1,duration:10});o.staggerTo([".charSpan2"],3,{color:"#D1D821",opacity:1,duration:25},.5);var Z=document.querySelector("nav section#menu ul li:nth-of-type(3) a");Z.addEventListener("click",e=>{e.preventDefault(),console.log("clicked");let t=50,r=window.innerHeight||document.documentElement.clientHeight,a=(document.body.scrollHeight-r)*(t/100);window.scrollTo({top:a,behavior:"smooth"})});})(); +(()=>{function s(){return window.innerWidth<=900}var C=!1,I;function V(){if(!C){C=!0,clearInterval(I);let e=1,t=30,r=1e3;I=setInterval(function(){r-=100,r<=0&&(r=1e3,t--,t<=0&&(e--,e===0&&t===0?(e=1,t=30,r=1e3,V()):t=59));let a=`00:${String(e).padStart(2,"0")}:${String(t).padStart(2,"0")}:${String(Math.floor(r/100)).padStart(2,"0")}`;X(a)},100)}}function X(e){let t=document.getElementById("countdown-timer");t&&(t.innerText=e)}var M=document.querySelectorAll(".path");M.forEach(e=>{var t=e.getTotalLength();e.style.transition=e.style.WebkitTransition="none",e.style.strokeDasharray=t+" "+t,e.style.strokeDashoffset=t,e.getBoundingClientRect(),e.style.transition=e.style.WebkitTransition="stroke-dashoffset 2s ease-in-out",e.style.strokeDashoffset="0"});gsap.registerPlugin(ScrollTrigger,ScrollToPlugin);var H=new Lenis;function P(e){H.raf(e),requestAnimationFrame(P)}requestAnimationFrame(P);window.onload=()=>{let e=document.getElementById("init");e.style.display="none"};var F=setTimeout(()=>{window.location.href="/404.html"},1e4);window.addEventListener("load",()=>{clearTimeout(F)});var o=gsap.timeline({scrollTrigger:{trigger:"main.wrapper",start:"top top",end:"bottom+=3000% bottom",scrub:!0,pin:!0,inertia:!0}}),p=document.getElementById("body"),b=document.getElementById("collapse"),L=document.getElementById("menu"),R=document.getElementsByClassName("nav-item"),D=document.getElementsByClassName("separator"),j=document.getElementById("buttonIcon"),i=document.querySelectorAll(".social-img"),z=document.querySelector(".wrapper"),g=document.querySelectorAll(".expand"),B=document.querySelectorAll(".btn-img");p.addEventListener("mousemove",e=>{if(s())return;let t=document.createElement("bubbles"),r=e.pageX,a=e.pageY;t.style.left=r+"px",t.style.top=a+"px",t.style.width="25px",t.style.height="25px",document.body.className.match("open")?(t.style.background="rgb(29, 62, 78)",t.style.boxShadow="10px 10px 30px rgb(29, 62, 78), -10px -10px 30px rgb(29, 62, 78)"):(t.style.background="#D1D821",t.style.boxShadow="10px 10px 30px #D1D821, -10px -10px 30px #D1D821"),document.body.appendChild(t),setTimeout(function(){t.remove()},500)});var n=gsap.timeline({paused:!0});s()?(n.fromTo(L,{y:1e3,opacity:0,background:"transparent",display:"none",ease:"power2.inOut"},{y:0,duration:.5,opacity:1,background:"rgb(203, 219, 67)",display:"block",ease:"power2.inOut"}),n.fromTo(D,{y:1e3},{y:0,transformOrigin:"100% 50%",duration:.5})):(n.fromTo(L,{x:1e3,opacity:0,background:"transparent",display:"none",ease:"power2.inOut"},{x:0,duration:.5,opacity:1,background:"rgb(203, 219, 67)",display:"block",ease:"power2.inOut"}),n.fromTo(D,{x:1e3},{x:0,transformOrigin:"100% 50%",duration:.5}));n.fromTo(R,{opacity:0,y:50},{opacity:1,y:0,duration:.5});var u=!1;b.addEventListener("click",()=>{n.isActive()&&n.reversed()||(u=!u,j.src=u?"src/assets/x-dark.png":"src/assets/Menu.png",b.style.transform=u?"rotate(90deg)":"rotate(0deg)",p.className.match("close")?(p.className="open",i[0].src="src/assets/mail-dark.png",i[1].src="src/assets/whatsapp-dark.png",i[2].src="src/assets/ig-dark.png",i[3].src="src/assets/Linkedin-dark.png"):p.className.includes("open")&&(p.className="close",i[0].src="src/assets/mail.png",i[1].src="src/assets/wsp.png",i[2].src="src/assets/ig.png",i[3].src="src/assets/Linkedin.png"),n.totalProgress()===0?n.play():n.totalProgress()>0&&n.reverse())});var W=gsap.utils.toArray(".nav-link");W.forEach(e=>{e.addEventListener("click",t=>{t.preventDefault(),e.innerText==="Inicio"?gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("intro")}):e.innerText==="Portfolio"?gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("portfolio")}):e.innerText==="Servicios"?gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("servicios")}):e.innerText==="Clientes"&&gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("clientes")}),u=!u,j.src=u?"src/assets/x-dark.png":"src/assets/Menu.png",b.style.transform=u?"rotate(90deg)":"rotate(0deg)",p.className.match("close")?(p.className="open",i[0].src="src/assets/mail-dark.png",i[1].src="src/assets/whatsapp-dark.png",i[2].src="src/assets/ig-dark.png",i[3].src="src/assets/Linkedin-dark.png"):p.className.includes("open")&&(p.className="close",i[0].src="src/assets/mail.png",i[1].src="src/assets/wsp.png",i[2].src="src/assets/ig.png",i[3].src="src/assets/Linkedin.png"),n.paused()||n.totalProgress()===0?n.play():n&&n.reverse()})});var to=document.getElementById("init"),eo=document.getElementById("scrollea"),Y=document.getElementById("video-camara"),f=document.getElementById("middleVidCtn"),ro=document.getElementById("tiempoVidCtn"),ao=document.getElementById("progressbar-ctn"),io=document.querySelector("nav"),no=document.querySelectorAll(".text-ctn-1"),m=document.querySelectorAll("section.portfolio li h2"),so=document.querySelectorAll("section.portfolio li h2:hover"),x=document.querySelectorAll(".desc-ctn"),w=document.querySelectorAll("hr.ctn-line"),E=document.querySelectorAll(".preview-video"),S=document.querySelector(".logo-box"),k=document.querySelector(".vid-overlay"),A=document.querySelector("#tiempoVidCtn"),lo=document.querySelector("section#video-tiempo"),co=document.querySelectorAll(".child .text-ctn"),d=document.querySelectorAll(".child .text-ctn ol"),v=[];v.push(document.getElementById("eugenie"));v.push(document.getElementById("delsud"));v.push(document.getElementById("flexy"));var T=document.getElementById("modal"),$=document.getElementById("modalContent"),po=document.getElementById("modalVideo"),_=document.getElementById("closeModal"),q=document.getElementById("middleVidCtn"),yo=document.getElementById("portfolio"),G=["src/assets/casos/eugenie-comp.webm","src/assets/casos/delsud-comp.webm","src/assets/casos/flexy-comp.webm"],c=null;s()?q.src="src/assets/calidad-vertical.webm":q.src="src/assets/calidad.webm";s()?A.src="src/assets/Video-tiempo_v.mp4":A.src="src/assets/video-tiempo.webm";f.addEventListener("ended",()=>{f.style.display="none",gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("start-tiempo")}),f.currentTime=0,f.load()});var y=document.querySelectorAll(".child"),O=document.querySelectorAll(".child .title-ctn");if(s()){let e=!1;g.forEach((t,r)=>{t.addEventListener("click",()=>{if(e=!e,e){B[r].src="src/assets/contract.png";for(let a=0;a{l!==r.currentTarget&&l.nodeType===1&&gsap.to(l,.7,{width:"1000px"})}),(a===1||a===2)&&gsap.to(y[0],.7,{marginLeft:"-100px"}),a===1&&(gsap.to(y[1],.7,{width:"3000px"}),gsap.to(y[0],.7,{marginLeft:"-200px"}))},t=function(r,a){let l=getComputedStyle(r.currentTarget).width;gsap.to(r.currentTarget,.7,{width:l}),r.currentTarget.parentNode.childNodes.forEach(h=>{h!==r.currentTarget&&h.nodeType===1&&gsap.to(h,.7,{width:l})}),(a===1||a===2)&&gsap.to(y[0],.7,{marginLeft:"0"}),a===1&&gsap.to(y[1],.7,{width:l})};y.forEach((r,a)=>{r.addEventListener("mouseover",l=>e(l,a)),r.addEventListener("mouseout",l=>t(l,a))})}m.forEach((e,t)=>{e.addEventListener("mouseover",r=>J(r,t)),e.addEventListener("mouseout",r=>K(r,t)),e.addEventListener("mousemove",r=>{})});function J(e,t){s()?(gsap.to(w[t],.5,{margin:"20 0 10 0"}),gsap.to(x[t],.3,{y:0,opacity:1}),gsap.to(m[t],.3,{color:"rgb(203, 219, 67)"}),gsap.to(m[2],.7,{height:70}),gsap.to(m[1],.7,{height:120}),gsap.to(E[t],.4,{opacity:1}),gsap.to(k,.4,{opacity:.4}),gsap.to(S,.4,{opacity:0})):(gsap.to(w[t],.5,{margin:"20 0 10 0"}),gsap.to(x[t],.3,{y:0,opacity:1}),gsap.to(m[t],.3,{color:"rgb(203, 219, 67)",height:100}),gsap.to(m[1],.7,{height:190}),gsap.to(E[t],.4,{opacity:1}),gsap.to(k,.4,{opacity:.4}),gsap.to(S,.4,{opacity:0}))}function K(e,t){gsap.to(w[t],.5,{margin:"-12 0"}),gsap.to(x[t],.3,{y:-100,opacity:0}),gsap.to(m[t],.3,{color:"transparent",height:"auto"}),gsap.to(E[t],.4,{opacity:0}),gsap.to(k,.4,{opacity:1}),gsap.to(S,.4,{opacity:.4})}v.forEach((e,t)=>e.addEventListener("click",()=>{c&&c.parentNode&&c.parentNode.removeChild(c),z.style.overflow="hidden";let r=document.createElement("video");r.id="modalVideo";let a=document.createElement("source");a.src=G[t],r.appendChild(a),$.appendChild(r),T.classList.remove("hidden"),T.classList.add("shown"),r.play(),c=r,o.scrub=0,gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("portfolio")}),o.seek("portfolio"),o.scrollTrigger.disable(!1)}));_.addEventListener("click",()=>{c&&(c.pause(),c.parentNode.removeChild(c),c=null),z.style.overflow="",T.classList.remove("shown"),T.classList.add("hidden"),gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("portfolio")}),o.seek("portfolio"),o.scrollTrigger.enable(!0)});var Q=new Array(380).fill().map((e,t)=>`src/assets/camara-frames/introframes(${(t+1).toString()}).webp`);Q.forEach(e=>{let t=new Image;t.src=e,t.class="camara",Y.appendChild(t)});o.fromTo("#scrollea",{display:"none"},{display:"flex"}).addLabel("intro");o.fromTo("#scrollea",{opacity:1,duration:8,x:0},{opacity:0,duration:8,x:-100});o.fromTo("#scrollea",{display:"flex"},{display:"none"});o.fromTo("#video",{display:"none"},{display:"flex"});o.fromTo("#video-camara",{opacity:0,duration:5},{opacity:1,duration:5});var N=gsap.utils.toArray("#video-camara img");N.forEach((e,t)=>{o.fromTo(e,{display:"none"},{display:"block",stagger:.3,duration:.5}),t{f.play()}});o.fromTo("#middleVidCtn",{opacity:0,duration:4},{opacity:1,duration:4});o.fromTo("#portfolio",{display:"block",delay:0},{display:"none",delay:0});o.fromTo("#middleVidCtn",{opacity:1,duration:10,delay:-10},{opacity:0,duration:10,delay:20});o.fromTo("#middleVidCtn",{display:"block",duration:0},{display:"none",duration:0});o.fromTo(".bg-video",{delay:-10,opacity:0,duration:5},{delay:-10,opacity:.1,duration:5});o.fromTo("#progressbar-ctn",{opacity:0,delay:5,y:200},{opacity:1,y:0,duration:4,delay:5});o.fromTo(".accordion",{display:"none",duration:0},{display:"flex",duration:0});o.fromTo("#middle .text",{y:1e3,duration:10},{y:0,stagger:1,duration:10}).addLabel("start-tiempo");o.to("#rect2",{attr:{rx:"8.5",y:"34",width:"17",height:"43.4444"},fill:"#D9D9D9",duration:1});o.to("#rect3",{attr:{rx:"12.2778",y:"0",width:"24.5556",height:"86.8889"},fill:"#CBDB43",duration:1}).addLabel("servicios");o.to("#middle #text-container .letter",{color:"#D1D821",stagger:1.5,duration:3});s()?(o.fromTo("#middle .text",{y:0},{y:-2e3,delay:3,duration:50,scrollTrigger:".acc-borders"}),o.fromTo(".acc-borders",{opacity:1,x:1e3,duration:20,width:"0vw",delay:-10,scrollTrigger:".accordion #parent"},{opacity:1,x:0,duration:20,width:"400vw",delay:-10,scrollTrigger:".accordion #parent"}),o.fromTo(".accordion #parent",{y:2e3,duration:20,delay:-5},{y:0,duration:20,delay:-5}).addLabel("servicios")):(o.fromTo("#middle #text-container",{x:0},{x:-2e3,delay:3,duration:30}),o.to(".acc-borders",{opacity:1,x:0,duration:20,width:"400vw",delay:-30}),o.fromTo(".accordion",{x:2e3,delay:-20,duration:20},{x:0,delay:-20,duration:20}).addLabel("servicios"));o.to(".accordion",{rotateX:-69.3,duration:10,delay:30});o.to(".accordion",{opacity:0,duration:2,delay:-4});o.to(".bg-video",{opacity:0,duration:10,delay:-10});o.fromTo("#progressbar-ctn",{opacity:1},{opacity:0,duration:16,delay:0});o.fromTo("#video-tiempo",{opacity:0,duration:0},{opacity:1,duration:0});o.fromTo(".bg-video",{rotateX:"0",duration:0},{rotateX:"-65deg",duration:0});o.fromTo(".accordion",{display:"flex",duration:0},{display:"none",duration:0});o.fromTo("#video-tiempo",{zIndex:-1,rotateX:115.3},{zIndex:4,rotateX:0,duration:10,scrollTrigger:".accordion",onStart:()=>{V()}});o.to("#video-tiempo #text-container-2 .text",{y:1500,duration:0});o.fromTo("#tiempoVidCtn",{opacity:0,delay:-10},{opacity:1,duration:6});o.fromTo("#video-tiempo #text-container-2",{x:-2e3,duration:0,delay:-10},{x:0,duration:0,delay:-10});o.fromTo("#video-tiempo #text-container-2 .text",{y:1500,delay:15},{y:0,stagger:.5,duration:8,delay:10});o.fromTo("#video-tiempo #text-container-2 .letter",{color:"transparent",duration:4,delay:15},{color:"rgb(203, 219, 67)",stagger:4,duration:4,delay:15});o.fromTo("#video-tiempo",{rotateX:0,duration:20},{rotateX:110,duration:20,scrollTrigger:".accordion"});o.fromTo("#video-tiempo",{opacity:1,duration:20,scrollTrigger:".accordion"},{opacity:0,duration:20});o.fromTo("#video-tiempo",{display:"flex",duration:0},{display:"none",duration:0});o.fromTo("#txt-container-2",{display:"none",duration:0},{display:"flex",duration:0});o.fromTo(".bg-video",{opacity:0,duration:0},{opacity:.1,duration:0});o.fromTo(".bg-video",{rotateX:-65,duration:20},{rotateX:0,duration:20});var U=document.getElementById("carousel-container"),Z=document.getElementById("carouselFig");U.style.transform==="scale(1)"&&(Z.style.animation="rotateAnim 30s infinite forwards");o.fromTo("#txt-container-2",{zIndex:-1,opacity:0,duration:10,delay:-20},{zIndex:5,opacity:1,duration:10,delay:-20});s()?(o.fromTo("#p1",{y:2e3,x:0},{y:150,x:0,duration:25}),o.fromTo("#p2",{y:2e3,x:0},{y:150,x:0,duration:30,delay:-18}),o.to("#p1",{delay:20,duration:30,y:-2e3}),o.to("#p2",{delay:-30,duration:20,y:-50}),o.fromTo("#progressbar-ctn",{opacity:0,y:200},{opacity:1,y:0,duration:16,delay:-2}),o.to("#rect3",{attr:{rx:"8.5",y:"34",width:"17",height:"43.4444"},fill:"#D9D9D9",duration:1}),o.to("#rect4",{attr:{rx:"12.2778",y:"0",width:"24.5556",height:"86.8889"},fill:"#CBDB43",duration:1}),o.fromTo("#mobileBrandsCtn",{visibility:"hidden",y:200,x:0},{visibility:"visible",y:0,x:0,duration:5})):(o.fromTo("#p1",{x:2e3},{x:0,duration:25}),o.fromTo("#p2",{x:2e3},{x:0,duration:30,delay:-18}),o.to("#p1",{delay:20,duration:30,x:-2e3}),o.fromTo("#progressbar-ctn",{opacity:0,y:200},{opacity:1,y:0,duration:16,delay:-2}),o.to("#p1",{opacity:0,duration:0}),o.to("#rect3",{attr:{rx:"8.5",y:"34",width:"17",height:"43.4444"},fill:"#D9D9D9",duration:1}),o.to("#rect4",{attr:{rx:"12.2778",y:"0",width:"24.5556",height:"86.8889"},fill:"#CBDB43",duration:1}),o.to("#p2",{delay:-30,duration:20,y:150}));o.fromTo(".flipLogoContainer",{display:"none",duration:0},{display:"flex",duration:0});o.fromTo("#carousel-container",{display:"none",duration:0,delay:-20},{display:"block",duration:0,delay:-20});o.fromTo("#carousel-container",{transform:"scale(0)",duration:10,delay:-20},{transform:"scale(1.3)",duration:10,delay:-20}).addLabel("clientes");o.to("#txt-container-2",{delay:30,y:800,duration:30,transform:"scale(0.5)",opacity:0});o.fromTo("#txt-container-2",{display:"flex",duration:0},{display:"none",duration:0});o.fromTo("#progressbar-ctn",{opacity:1,duration:100},{opacity:0,duration:2,delay:20});o.fromTo(".bg-video",{opacity:.1,duration:12,delay:-15},{opacity:.2,duration:12,delay:-15});o.fromTo("#svgOutro",{y:-1e3,transform:"scale(2.5)",duration:20,delay:-20,opacity:0},{delay:-20,y:0,transform:"scale(1.6)",duration:20,opacity:1});o.to("#svgOutro",{delay:10,duration:70,rotateY:809});o.fromTo("#txt-container-2",{display:"flex",duration:0},{display:"none",duration:0});o.to("#svgOutro",{visibility:"hidden"});o.fromTo("#textAllCtn",{visibility:"hidden",rotateY:-90,duration:8},{visibility:"visible",rotateY:0,duration:8,delay:15});o.staggerTo([".charSpan"],1,{color:"#D1D821",stagger:1,duration:80},2);o.to(".charSpan",{delay:10});o.to("#textAllCtn",{scale:.6,y:-100,duration:15});o.to(".subTextContainer",{y:0,visibility:"visible"});o.fromTo("nav .social-ctn a",{scale:1,duration:4},{scale:0,duration:4});o.fromTo(".svgSocial",{scale:0,duration:10},{scale:1,duration:10});o.staggerTo([".charSpan2"],3,{color:"#D1D821",opacity:1,duration:25},.5);var oo=document.querySelector("nav section#menu ul li:nth-of-type(3) a");oo.addEventListener("click",e=>{e.preventDefault(),console.log("clicked");let t=50,r=window.innerHeight||document.documentElement.clientHeight,a=(document.body.scrollHeight-r)*(t/100);window.scrollTo({top:a,behavior:"smooth"})});})(); //# sourceMappingURL=bundle.js.map diff --git a/bundle.js.map b/bundle.js.map index 772857d..5de8cc2 100644 --- a/bundle.js.map +++ b/bundle.js.map @@ -1,7 +1,7 @@ { "version": 3, "sources": ["src/index.js"], - "sourcesContent": ["// Function to check if the screen width is 900px or less\r\nfunction isMobile() {\r\n return window.innerWidth <= 900;\r\n}\r\n\r\nlet countdownStarted = false;\r\nlet countdownInterval;\r\n\r\nfunction startCountdown() {\r\n // Check if the countdown has already started\r\n if (!countdownStarted) {\r\n countdownStarted = true;\r\n\r\n // Clear any existing interval before starting a new one\r\n clearInterval(countdownInterval);\r\n\r\n let minutes = 1;\r\n let seconds = 30;\r\n let milliseconds = 1000;\r\n\r\n countdownInterval = setInterval(function () {\r\n milliseconds -= 100;\r\n\r\n if (milliseconds <= 0) {\r\n milliseconds = 1000;\r\n seconds--;\r\n\r\n if (seconds <= 0) {\r\n minutes--;\r\n\r\n if (minutes === 0 && seconds === 0) {\r\n minutes = 1;\r\n seconds = 30;\r\n milliseconds = 1000;\r\n startCountdown();\r\n } else {\r\n seconds = 59;\r\n }\r\n }\r\n }\r\n\r\n // Format the time as 00:00:00:00\r\n const formattedTime = `00:${String(minutes).padStart(2, \"0\")}:${String(\r\n seconds\r\n ).padStart(2, \"0\")}:${String(Math.floor(milliseconds / 100)).padStart(\r\n 2,\r\n \"0\"\r\n )}`;\r\n\r\n // Render the formatted time\r\n renderCountdown(formattedTime);\r\n }, 100);\r\n }\r\n}\r\n\r\nfunction renderCountdown(time) {\r\n // Assuming countdown is the ID of your container\r\n const countdownContainer = document.getElementById(\"countdown-timer\");\r\n if (countdownContainer) {\r\n countdownContainer.innerText = time;\r\n }\r\n}\r\n\r\nvar paths = document.querySelectorAll(\".path\");\r\n\r\npaths.forEach((path) => {\r\n var length = path.getTotalLength();\r\n path.style.transition = path.style.WebkitTransition = \"none\";\r\n path.style.strokeDasharray = length + \" \" + length;\r\n path.style.strokeDashoffset = length;\r\n path.getBoundingClientRect();\r\n path.style.transition = path.style.WebkitTransition =\r\n \"stroke-dashoffset 2s ease-in-out\";\r\n path.style.strokeDashoffset = \"0\";\r\n});\r\n\r\n/* gsap config */\r\n\r\ngsap.registerPlugin(ScrollTrigger, ScrollToPlugin);\r\n\r\n/* Lenis config */\r\n\r\nconst lenis = new Lenis();\r\n\r\nfunction raf(time) {\r\n lenis.raf(time);\r\n requestAnimationFrame(raf);\r\n}\r\n\r\nrequestAnimationFrame(raf);\r\n\r\nwindow.onload = () => {\r\n const init = document.getElementById(\"init\");\r\n init.style.display = \"none\";\r\n};\r\n\r\n/* ********* Timeline ********* */\r\n\r\nconst mainTimeline = gsap.timeline({\r\n scrollTrigger: {\r\n trigger: \"main.wrapper\",\r\n start: \"top top\",\r\n end: \"bottom+=3000% bottom\",\r\n scrub: true,\r\n pin: true,\r\n inertia: true,\r\n },\r\n});\r\n\r\n/* ************* DOM elements ************ */\r\nconst body = document.getElementById(\"body\");\r\nconst collapse = document.getElementById(\"collapse\");\r\nconst menu = document.getElementById(\"menu\");\r\nconst navItems = document.getElementsByClassName(\"nav-item\");\r\nconst separators = document.getElementsByClassName(\"separator\");\r\nconst icon = document.getElementById(\"buttonIcon\");\r\nconst social = document.querySelectorAll(\".social-img\");\r\nconst wrapperCtn = document.querySelector(\".wrapper\");\r\nconst expandBtns = document.querySelectorAll(\".expand\");\r\nconst expandBtnImgs = document.querySelectorAll(\".btn-img\");\r\n\r\n/* ********* CURSOR *********** */\r\n\r\nbody.addEventListener(\"mousemove\", (e) => {\r\n if (isMobile()) {\r\n return;\r\n }\r\n\r\n let bubbles = document.createElement(\"bubbles\");\r\n let x = e.pageX;\r\n let y = e.pageY;\r\n\r\n bubbles.style.left = x + \"px\";\r\n bubbles.style.top = y + \"px\";\r\n bubbles.style.width = 25 + \"px\";\r\n bubbles.style.height = 25 + \"px\";\r\n\r\n if (document.body.className.match(\"open\")) {\r\n bubbles.style.background = \"rgb(29, 62, 78)\";\r\n bubbles.style.boxShadow =\r\n \"10px 10px 30px rgb(29, 62, 78), -10px -10px 30px rgb(29, 62, 78)\";\r\n } else {\r\n bubbles.style.background = \"#D1D821\";\r\n bubbles.style.boxShadow =\r\n \"10px 10px 30px #D1D821, -10px -10px 30px #D1D821\";\r\n }\r\n\r\n document.body.appendChild(bubbles);\r\n\r\n setTimeout(function () {\r\n bubbles.remove();\r\n }, 500);\r\n});\r\n\r\n/* ********* end CURSOR *********** */\r\n\r\n/****** menu ***** */\r\n\r\nconst menuTl = gsap.timeline({ paused: true });\r\n\r\nif (isMobile()) {\r\n menuTl.fromTo(\r\n menu,\r\n {\r\n y: 1000,\r\n opacity: 0,\r\n background: \"transparent\",\r\n display: \"none\",\r\n ease: \"power2.inOut\",\r\n },\r\n {\r\n y: 0,\r\n duration: 0.5,\r\n opacity: 1,\r\n background: \"rgb(203, 219, 67)\",\r\n display: \"block\",\r\n ease: \"power2.inOut\",\r\n }\r\n );\r\n\r\n menuTl.fromTo(\r\n separators,\r\n {\r\n y: 1000,\r\n },\r\n {\r\n y: 0,\r\n transformOrigin: \"100% 50%\",\r\n duration: 0.5,\r\n }\r\n );\r\n} else {\r\n menuTl.fromTo(\r\n menu,\r\n {\r\n x: 1000,\r\n opacity: 0,\r\n background: \"transparent\",\r\n display: \"none\",\r\n ease: \"power2.inOut\",\r\n },\r\n {\r\n x: 0,\r\n duration: 0.5,\r\n opacity: 1,\r\n background: \"rgb(203, 219, 67)\",\r\n display: \"block\",\r\n ease: \"power2.inOut\",\r\n }\r\n );\r\n\r\n menuTl.fromTo(\r\n separators,\r\n {\r\n x: 1000,\r\n },\r\n {\r\n x: 0,\r\n transformOrigin: \"100% 50%\",\r\n duration: 0.5,\r\n }\r\n );\r\n}\r\n\r\nmenuTl.fromTo(\r\n navItems,\r\n {\r\n opacity: 0,\r\n y: 50,\r\n },\r\n {\r\n opacity: 1,\r\n y: 0,\r\n duration: 0.5,\r\n }\r\n);\r\n\r\nlet isRotated = false;\r\n\r\ncollapse.addEventListener(\"click\", () => {\r\n // Check if the timeline is reversing\r\n const isReversing = menuTl.isActive() && menuTl.reversed();\r\n\r\n // Disable the button if the timeline is reversing\r\n if (isReversing) {\r\n return;\r\n }\r\n\r\n isRotated = !isRotated;\r\n icon.src = isRotated ? \"src/assets/x-dark.png\" : \"src/assets/Menu.png\";\r\n collapse.style.transform = isRotated ? \"rotate(90deg)\" : \"rotate(0deg)\";\r\n\r\n if (body.className.match(\"close\")) {\r\n body.className = \"open\";\r\n social[0].src = \"src/assets/mail-dark.png\";\r\n social[1].src = \"src/assets/whatsapp-dark.png\";\r\n social[2].src = \"src/assets/ig-dark.png\";\r\n social[3].src = \"src/assets/Linkedin-dark.png\";\r\n } else if (body.className.includes(\"open\")) {\r\n body.className = \"close\";\r\n social[0].src = \"src/assets/mail.png\";\r\n social[1].src = \"src/assets/wsp.png\";\r\n social[2].src = \"src/assets/ig.png\";\r\n social[3].src = \"src/assets/Linkedin.png\";\r\n }\r\n if (menuTl.totalProgress() === 0) {\r\n menuTl.play();\r\n } else if (menuTl.totalProgress() > 0) {\r\n menuTl.reverse();\r\n }\r\n});\r\n\r\nlet links = gsap.utils.toArray(\".nav-link\");\r\n\r\nlinks.forEach((a) => {\r\n a.addEventListener(\"click\", (e) => {\r\n e.preventDefault();\r\n\r\n if (a.innerText === `Inicio`) {\r\n // window.scrollTo(0, 0)\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"intro\"),\r\n });\r\n } else if (a.innerText === `Portfolio`) {\r\n // window.scrollTo(0, portfolio)\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"portfolio\"),\r\n });\r\n } else if (a.innerText === `Servicios`) {\r\n // window.scrollTo(0, servicios)\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"servicios\"),\r\n });\r\n } else if (a.innerText === `Clientes`) {\r\n // window.scrollTo(0, clientes)\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"clientes\"),\r\n });\r\n }\r\n\r\n isRotated = !isRotated;\r\n icon.src = isRotated ? \"src/assets/x-dark.png\" : \"src/assets/Menu.png\";\r\n collapse.style.transform = isRotated ? \"rotate(90deg)\" : \"rotate(0deg)\";\r\n if (body.className.match(\"close\")) {\r\n body.className = \"open\";\r\n social[0].src = \"src/assets/mail-dark.png\";\r\n social[1].src = \"src/assets/whatsapp-dark.png\";\r\n social[2].src = \"src/assets/ig-dark.png\";\r\n social[3].src = \"src/assets/Linkedin-dark.png\";\r\n } else if (body.className.includes(\"open\")) {\r\n body.className = \"close\";\r\n social[0].src = \"src/assets/mail.png\";\r\n social[1].src = \"src/assets/wsp.png\";\r\n social[2].src = \"src/assets/ig.png\";\r\n social[3].src = \"src/assets/Linkedin.png\";\r\n }\r\n\r\n if (menuTl.paused() || menuTl.totalProgress() === 0) {\r\n menuTl.play();\r\n } else if (menuTl) {\r\n menuTl.reverse();\r\n }\r\n });\r\n});\r\n\r\n\r\n/* ****************** Intro dom ****************** */\r\n\r\nconst logoCtn = document.getElementById(\"init\");\r\nconst scrollCtn = document.getElementById(\"scrollea\");\r\nconst videoCamara = document.getElementById(\"video-camara\");\r\nconst middleVideo = document.getElementById(\"middleVidCtn\");\r\nconst tiempoVideo = document.getElementById(\"tiempoVidCtn\");\r\nconst progressBar = document.getElementById(\"progressbar-ctn\");\r\nconst nav = document.querySelector(\"nav\");\r\n\r\n/* ****************** end intro dom ****************** */\r\n\r\n/* ****************** Portfolio dom ****************** */\r\n\r\nlet txtCtn = document.querySelectorAll(\".text-ctn-1\");\r\nlet titleCtn = document.querySelectorAll(\"section.portfolio li h2\");\r\nlet hoveredTitleCtn = document.querySelectorAll(\r\n \"section.portfolio li h2:hover\"\r\n);\r\nlet descCtn = document.querySelectorAll(\".desc-ctn\");\r\nlet ctnHr = document.querySelectorAll(\"hr.ctn-line\");\r\nlet previewVideos = document.querySelectorAll(\".preview-video\");\r\nlet logoPortfolio = document.querySelector(\".logo-box\");\r\nlet videoOverlay = document.querySelector(\".vid-overlay\");\r\nlet videoTiempo = document.querySelector(\"#tiempoVidCtn\");\r\nlet videoTiempoSection = document.querySelector(\"section#video-tiempo\");\r\nlet txtContainers = document.querySelectorAll(\".child .text-ctn\");\r\nlet txtInnerCtn = document.querySelectorAll(\".child .text-ctn ol\");\r\n// const customCursor = document.createElement(\"div\");\r\n// customCursor.className = \"hand-cursor\";\r\n\r\n// modals\r\nconst liElements = [];\r\nliElements.push(document.getElementById(\"eugenie\"));\r\nliElements.push(document.getElementById(\"delsud\"));\r\nliElements.push(document.getElementById(\"flexy\"));\r\n\r\nconst modal = document.getElementById(\"modal\");\r\nconst modalContent = document.getElementById(\"modalContent\");\r\nconst videoEl = document.getElementById(\"modalVideo\");\r\nconst closeModal = document.getElementById(\"closeModal\");\r\nconst middleVidSection = document.getElementById(\"middleVidCtn\");\r\nconst portfolioSection = document.getElementById(\"portfolio\");\r\n\r\nconst videos = [\r\n \"src/assets/casos/eugenie-comp.webm\",\r\n \"src/assets/casos/delsud-comp.webm\",\r\n \"src/assets/casos/flexy-comp.webm\",\r\n];\r\nlet currentVideo = null;\r\n\r\nif (isMobile()) {\r\n middleVidSection.src = \"src/assets/calidad-vertical.webm\";\r\n} else {\r\n middleVidSection.src = \"src/assets/calidad.webm\";\r\n}\r\n\r\nif (isMobile()) {\r\n videoTiempo.src = \"src/assets/Video-tiempo_v.mp4\";\r\n} else {\r\n videoTiempo.src = \"src/assets/video-tiempo.webm\";\r\n}\r\n\r\n/* ****************** end Portfolio dom ****************** */\r\n\r\n/* ****************** Middle dom ****************** */\r\n\r\nmiddleVideo.addEventListener(\"ended\", () => {\r\n middleVideo.style.display = \"none\";\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"start-tiempo\"),\r\n });\r\n middleVideo.currentTime = 0;\r\n middleVideo.load();\r\n});\r\n\r\nlet ctn = document.querySelectorAll(\".child\");\r\nlet childTitleCtn = document.querySelectorAll(\".child .title-ctn\");\r\n\r\nif (isMobile()) {\r\n let isOpen = false;\r\n // console.log(txtContainers);\r\n\r\n expandBtns.forEach((btn, index) => {\r\n btn.addEventListener(\"click\", () => {\r\n isOpen = !isOpen; // Toggle the isOpen variable\r\n\r\n if (isOpen) {\r\n expandBtnImgs[index].src = \"src/assets/contract.png\";\r\n\r\n for (let i = 0; i < txtInnerCtn.length; i++) {\r\n if (index === 0) {\r\n txtInnerCtn[0].classList.add(\"reveal\");\r\n } else if (index === 1) {\r\n txtInnerCtn[1].classList.add(\"reveal\");\r\n txtInnerCtn[2].classList.add(\"reveal\");\r\n gsap.to(ctn[2], 0.3, {\r\n y: 100,\r\n });\r\n } else if (index === 2) {\r\n txtInnerCtn[3].classList.add(\"reveal\");\r\n }\r\n }\r\n\r\n gsap.to(childTitleCtn[index], 0.3, {\r\n y: -160,\r\n });\r\n\r\n if (index === 1) {\r\n gsap.to(expandBtns[1], 0.3, {\r\n y: 350,\r\n });\r\n } else {\r\n gsap.to(expandBtns[index], 0.3, {\r\n y: 130,\r\n });\r\n }\r\n } else {\r\n expandBtnImgs[index].src = \"src/assets/expand.png\";\r\n\r\n for (let i = 0; i < txtInnerCtn.length; i++) {\r\n if (index === 0) {\r\n txtInnerCtn[0].classList.remove(\"reveal\");\r\n } else if (index === 1) {\r\n txtInnerCtn[1].classList.remove(\"reveal\");\r\n txtInnerCtn[2].classList.remove(\"reveal\");\r\n gsap.to(ctn[2], 0.3, {\r\n y: 0,\r\n });\r\n } else if (index === 2) {\r\n txtInnerCtn[3].classList.remove(\"reveal\");\r\n }\r\n }\r\n\r\n gsap.to(childTitleCtn[index], 0.5, {\r\n y: 0,\r\n });\r\n\r\n gsap.to(expandBtns[index], 0.5, {\r\n y: 0,\r\n });\r\n\r\n gsap.to(expandBtns[1], 0.3, {\r\n y: 0,\r\n });\r\n }\r\n });\r\n });\r\n} else {\r\n ctn.forEach((element, index) => {\r\n element.addEventListener(\"mouseover\", (event) => hoverAcc(event, index));\r\n element.addEventListener(\"mouseout\", (event) => outAcc(event, index));\r\n });\r\n\r\n function hoverAcc(event, index) {\r\n // Calculate the original width dynamically\r\n // let originalWidth = getComputedStyle(event.currentTarget).width;\r\n\r\n gsap.to(event.currentTarget, 0.7, {\r\n width: \"2000px\",\r\n });\r\n\r\n // Use forEach to iterate over siblings\r\n event.currentTarget.parentNode.childNodes.forEach((sibling) => {\r\n if (sibling !== event.currentTarget && sibling.nodeType === 1) {\r\n gsap.to(sibling, 0.7, {\r\n width: \"1000px\",\r\n });\r\n }\r\n });\r\n\r\n // Check if the hovered element is the second or third\r\n if (index === 1 || index === 2) {\r\n gsap.to(ctn[0], 0.7, {\r\n marginLeft: \"-100px\",\r\n });\r\n }\r\n\r\n if (index === 1) {\r\n gsap.to(ctn[1], 0.7, {\r\n width: \"3000px\",\r\n });\r\n\r\n gsap.to(ctn[0], 0.7, {\r\n marginLeft: \"-200px\",\r\n });\r\n }\r\n }\r\n\r\n function outAcc(event, index) {\r\n // Retrieve the dynamically calculated original width\r\n let originalWidth = getComputedStyle(event.currentTarget).width;\r\n\r\n gsap.to(event.currentTarget, 0.7, {\r\n width: originalWidth,\r\n });\r\n\r\n // Use forEach to iterate over siblings\r\n event.currentTarget.parentNode.childNodes.forEach((sibling) => {\r\n if (sibling !== event.currentTarget && sibling.nodeType === 1) {\r\n gsap.to(sibling, 0.7, {\r\n width: originalWidth,\r\n });\r\n }\r\n });\r\n\r\n // Check if the hovered element is the second or third\r\n if (index === 1 || index === 2) {\r\n gsap.to(ctn[0], 0.7, {\r\n marginLeft: \"0\",\r\n });\r\n }\r\n\r\n if (index === 1) {\r\n gsap.to(ctn[1], 0.7, {\r\n width: originalWidth,\r\n });\r\n }\r\n }\r\n}\r\n\r\n// function out() {\r\n// ctn.forEach(element => {\r\n// gsap.to(element, 0.7, {\r\n// width: 100 / ctn.length + '%',\r\n// ease: 'out(1)' // Back.easeOut is now 'back.out'\r\n// });\r\n// });\r\n// }\r\n\r\n/* ****************** End Middle dom ****************** */\r\n\r\n/* ****************** dom manipulation ****************** */\r\n\r\n// Append customCursor to the body\r\n// document.body.appendChild(customCursor);\r\n\r\ntitleCtn.forEach((element, index) => {\r\n element.addEventListener(\"mouseover\", (event) => hover(event, index));\r\n element.addEventListener(\"mouseout\", (event) => out(event, index));\r\n element.addEventListener(\"mousemove\", (event) => {\r\n // Update the position of the custom cursor based on the mouse pointer\r\n // customCursor.style.left = event.pageX + \"px\";\r\n // customCursor.style.top = event.pageY + \"px\";\r\n });\r\n});\r\n\r\nfunction hover(event, index) {\r\n if (isMobile()) {\r\n gsap.to(ctnHr[index], 0.5, {\r\n margin: \"20 0 10 0\",\r\n });\r\n gsap.to(descCtn[index], 0.3, {\r\n y: 0,\r\n opacity: 1,\r\n });\r\n gsap.to(titleCtn[index], 0.3, {\r\n color: \"rgb(203, 219, 67)\",\r\n });\r\n gsap.to(titleCtn[(0, 2)], 0.7, {\r\n height: 70,\r\n });\r\n gsap.to(titleCtn[1], 0.7, {\r\n height: 120,\r\n });\r\n gsap.to(previewVideos[index], 0.4, {\r\n opacity: 1,\r\n });\r\n gsap.to(videoOverlay, 0.4, {\r\n opacity: 0.4,\r\n });\r\n gsap.to(logoPortfolio, 0.4, {\r\n opacity: 0,\r\n });\r\n } else {\r\n gsap.to(ctnHr[index], 0.5, {\r\n margin: \"20 0 10 0\",\r\n });\r\n gsap.to(descCtn[index], 0.3, {\r\n y: 0,\r\n opacity: 1,\r\n });\r\n gsap.to(titleCtn[index], 0.3, {\r\n color: \"rgb(203, 219, 67)\",\r\n height: 100,\r\n });\r\n gsap.to(titleCtn[1], 0.7, {\r\n height: 190,\r\n });\r\n gsap.to(previewVideos[index], 0.4, {\r\n opacity: 1,\r\n });\r\n gsap.to(videoOverlay, 0.4, {\r\n opacity: 0.4,\r\n });\r\n gsap.to(logoPortfolio, 0.4, {\r\n opacity: 0,\r\n });\r\n }\r\n}\r\n\r\nfunction out(event, index) {\r\n gsap.to(ctnHr[index], 0.5, {\r\n margin: \"-12 0\",\r\n });\r\n gsap.to(descCtn[index], 0.3, {\r\n y: -100,\r\n opacity: 0,\r\n });\r\n gsap.to(titleCtn[index], 0.3, {\r\n color: \"transparent\",\r\n height: \"auto\",\r\n });\r\n gsap.to(previewVideos[index], 0.4, {\r\n opacity: 0,\r\n });\r\n gsap.to(videoOverlay, 0.4, {\r\n opacity: 1,\r\n });\r\n gsap.to(logoPortfolio, 0.4, {\r\n opacity: 0.4,\r\n });\r\n // customCursor.style.display = \"none\";\r\n}\r\n\r\nliElements.forEach((liElement, index) =>\r\n liElement.addEventListener(\"click\", () => {\r\n if (currentVideo && currentVideo.parentNode) {\r\n currentVideo.parentNode.removeChild(currentVideo);\r\n }\r\n // Save the current scroll position\r\n // const scrollPosition = window.scrollY;\r\n\r\n // Disable body scrolling\r\n wrapperCtn.style.overflow = \"hidden\";\r\n let newVideo = document.createElement(\"video\");\r\n newVideo.id = \"modalVideo\";\r\n let swapSrc = document.createElement(\"source\");\r\n swapSrc.src = videos[index];\r\n newVideo.appendChild(swapSrc);\r\n modalContent.appendChild(newVideo);\r\n modal.classList.remove(\"hidden\");\r\n modal.classList.add(\"shown\");\r\n // wrapperCtn.style.top = `-${scrollPosition}px`;\r\n newVideo.play();\r\n currentVideo = newVideo;\r\n mainTimeline.scrub = 0;\r\n // mainTimeline.scrollTrigger.pause();\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"portfolio\"),\r\n });\r\n // wrapperCtn.style.zIndex = \"500 !important\";\r\n mainTimeline.seek(\"portfolio\");\r\n mainTimeline.scrollTrigger.disable(false);\r\n })\r\n);\r\n\r\ncloseModal.addEventListener(\"click\", () => {\r\n if (currentVideo) {\r\n currentVideo.pause();\r\n currentVideo.parentNode.removeChild(currentVideo);\r\n currentVideo = null;\r\n // progress.style.zIndex = \"0 !important\";\r\n }\r\n wrapperCtn.style.overflow = \"\";\r\n // const scrollPosition = parseInt(document.body.style.top || \"0\", 10);\r\n // wrapperCtn.style.top = \"\";\r\n // window.scrollTo(0, -scrollPosition);\r\n modal.classList.remove(\"shown\");\r\n modal.classList.add(\"hidden\");\r\n\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"portfolio\"),\r\n });\r\n mainTimeline.seek(\"portfolio\");\r\n mainTimeline.scrollTrigger.enable(true);\r\n});\r\n\r\n/* ****************** end dom manipulation ****************** */\r\n\r\n/* ****************** end Portfolio dom ****************** */\r\n\r\n/* ******* Init svg animation ******* */\r\n\r\n/* ********** Frame animation function ********** */\r\n\r\n/* ******** Video frames ******** */\r\n\r\nlet urls1 = new Array(380)\r\n .fill()\r\n .map(\r\n (_, i) => `src/assets/camara-frames/introframes(${(i + 1).toString()}).webp`\r\n );\r\n\r\nurls1.forEach((url) => {\r\n let img = new Image();\r\n img.src = url;\r\n img.class = \"camara\";\r\n videoCamara.appendChild(img);\r\n});\r\n\r\n/* *********** END TIMELINE ********** */\r\n\r\n/* *********** INTRO SCROLLING ********** */\r\n\r\nmainTimeline\r\n .fromTo(\r\n \"#scrollea\",\r\n {\r\n display: \"none\",\r\n },\r\n {\r\n display: \"flex\",\r\n }\r\n )\r\n .addLabel(\"intro\");\r\n\r\nmainTimeline.fromTo(\r\n \"#scrollea\",\r\n {\r\n opacity: 1,\r\n duration: 8,\r\n x: 0,\r\n },\r\n {\r\n opacity: 0,\r\n duration: 8,\r\n x: -100,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#scrollea\",\r\n {\r\n display: \"flex\",\r\n },\r\n {\r\n display: \"none\",\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video\",\r\n {\r\n display: \"none\",\r\n },\r\n {\r\n display: \"flex\",\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-camara\",\r\n {\r\n opacity: 0,\r\n duration: 5,\r\n },\r\n {\r\n opacity: 1,\r\n duration: 5,\r\n }\r\n);\r\n\r\nconst cameraFrames = gsap.utils.toArray(\"#video-camara img\");\r\n\r\ncameraFrames.forEach((img, index) => {\r\n mainTimeline.fromTo(\r\n img,\r\n {\r\n display: \"none\",\r\n },\r\n {\r\n display: \"block\",\r\n stagger: 0.3,\r\n duration: 0.5,\r\n }\r\n );\r\n if (index < cameraFrames.length - 1) {\r\n mainTimeline.set(img, { display: \"none\" });\r\n }\r\n});\r\n\r\nmainTimeline.to(\"#video-camara\", {\r\n delay: 10,\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#texto\",\r\n {\r\n transform: \"scale(0)\",\r\n opacity: 0,\r\n duration: 10,\r\n delay: -50,\r\n },\r\n {\r\n transform: \"scale(1)\",\r\n opacity: 1,\r\n duration: 20,\r\n delay: -50,\r\n }\r\n);\r\n\r\nmainTimeline.to(\".fill\", {\r\n color: \"#D1D821\",\r\n stagger: 3,\r\n duration: 10,\r\n delay: 1,\r\n});\r\n\r\nmainTimeline.to(\"#texto\", {\r\n y: -800,\r\n duration: 30,\r\n delay: 5,\r\n});\r\n\r\nmainTimeline.to(\"#intro\", {\r\n opacity: 0,\r\n duration: 8,\r\n scrollTrigger: \"#portfolio\",\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#intro\",\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\n/* *********** END INTRO SCROLLING ********** */\r\n\r\n/* *********** PORTFOLIO SCROLLING ********** */\r\n\r\nmainTimeline.fromTo(\r\n \"#portfolio\",\r\n {\r\n display: \"none\",\r\n delay: -50,\r\n },\r\n {\r\n display: \"block\",\r\n delay: -50,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".portfolio\",\r\n {\r\n opacity: 0,\r\n zIndex: -1,\r\n delay: -30,\r\n },\r\n {\r\n opacity: 1,\r\n delay: -30,\r\n duration: 10,\r\n zIndex: 2,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#intro\",\r\n {\r\n zIndex: 1,\r\n visibility: \"visible\",\r\n },\r\n {\r\n zIndex: -1,\r\n visibility: \"hidden\",\r\n }\r\n);\r\n\r\n// Conditional tweens based on screen width\r\nif (isMobile()) {\r\n // If the screen width is 900px or less\r\n mainTimeline.fromTo(\r\n \".bg-rodaje\",\r\n {\r\n yPercent: 40,\r\n duration: 25,\r\n opacity: 0.8,\r\n scrollTrigger: \".sup-rodaje\",\r\n ease: \"power1.inOut\",\r\n },\r\n {\r\n yPercent: 0,\r\n duration: 25,\r\n opacity: 0.8,\r\n scrollTrigger: \".sup-rodaje\",\r\n ease: \"power1.inOut\",\r\n }\r\n );\r\n\r\n mainTimeline.fromTo(\r\n \".sup-rodaje\",\r\n {\r\n delay: 3,\r\n duration: 23,\r\n yPercent: 50,\r\n ease: \"power1.inOut\",\r\n },\r\n {\r\n delay: 3,\r\n duration: 23,\r\n yPercent: 0,\r\n ease: \"power1.inOut\",\r\n }\r\n );\r\n} else {\r\n // If the screen width is greater than 900px\r\n mainTimeline.to(\".bg-rodaje\", {\r\n yPercent: -66,\r\n duration: 25,\r\n opacity: 0.8,\r\n scrollTrigger: \".sup-rodaje\",\r\n ease: \"power1.inOut\",\r\n });\r\n\r\n mainTimeline.to(\".sup-rodaje\", {\r\n delay: 3,\r\n duration: 23,\r\n yPercent: -66,\r\n ease: \"power1.inOut\",\r\n });\r\n}\r\n\r\nmainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 0,\r\n y: 200,\r\n },\r\n {\r\n opacity: 1,\r\n y: 0,\r\n duration: 2,\r\n delay: -5,\r\n }\r\n);\r\n\r\nmainTimeline.to(\".txt-ctn-1 .txt-row h2\", {\r\n opacity: 1,\r\n duration: 5,\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-1 .dup-ctn span\", {\r\n opacity: 1,\r\n stagger: 1,\r\n duration: 3,\r\n scrollTrigger: \".dup-ctn span\",\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-1 .dup-ctn span\", {\r\n color: \"#D1D821\",\r\n stagger: 1,\r\n duration: 3,\r\n delay: 5,\r\n});\r\n\r\nmainTimeline.to(\".sup-rodaje.zoomed\", {\r\n duration: 3,\r\n opacity: 1,\r\n delay: 10,\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-1\", {\r\n duration: 5,\r\n opacity: 0,\r\n});\r\n\r\nmainTimeline.to(\"#rect1\", {\r\n attr: { rx: \"8.5\", y: \"34\", width: \"17\", height: \"43.4444\" },\r\n fill: \"#D9D9D9\",\r\n duration: 1,\r\n});\r\n\r\nmainTimeline.to(\"#rect2\", {\r\n attr: { rx: \"12.2778\", y: \"0\", width: \"24.5556\", height: \"86.8889\" },\r\n fill: \"#CBDB43\",\r\n duration: 1,\r\n});\r\n\r\nif (isMobile()) {\r\n mainTimeline.to(\".sup-rodaje\", {\r\n duration: 10,\r\n scale: 2.5,\r\n transformOrigin: \"49% bottom\",\r\n scrollTrigger: \".txt-ctn-2 .txt-row h2, .bg-overlay\",\r\n });\r\n} else {\r\n mainTimeline.to(\".sup-rodaje\", {\r\n duration: 10,\r\n scale: 2.5,\r\n transformOrigin: \"32% bottom\",\r\n scrollTrigger: \".txt-ctn-2 .txt-row h2, .bg-overlay\",\r\n });\r\n}\r\n\r\nmainTimeline.to(\".bg-overlay\", {\r\n duration: 5,\r\n opacity: 0.3,\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-2 .txt-row h2\", {\r\n opacity: 1,\r\n duration: 4,\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-2 .dup-ctn span\", {\r\n opacity: 1,\r\n stagger: 1,\r\n duration: 2,\r\n scrollTrigger: \".dup-ctn span\",\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-2 .dup-ctn span\", {\r\n color: \"#D1D821\",\r\n stagger: 1,\r\n duration: 2,\r\n delay: 4,\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-2\", {\r\n opacity: 0,\r\n duration: 4,\r\n delay: 4,\r\n});\r\n\r\nmainTimeline.to(\".pf-accordion-outer\", {\r\n opacity: 1,\r\n duration: 4,\r\n scrollTrigger: \".bg-overlay\",\r\n zIndex: 20,\r\n});\r\n\r\nmainTimeline.to(\".bg-overlay\", {\r\n duration: 4,\r\n opacity: 0.5,\r\n scrollTrigger: \".pf-accordion-outer ol li h2\",\r\n});\r\n\r\nmainTimeline.to(\".pf-accordion-outer ol li h2\", {\r\n y: 0,\r\n opacity: 1,\r\n stagger: 1,\r\n duration: 3,\r\n delay: 2,\r\n});\r\n\r\nmainTimeline\r\n .to(\".pf-accordion\", {\r\n delay: 10,\r\n opacity: 1,\r\n duration: 2,\r\n })\r\n .addLabel(\"portfolio\");\r\n\r\nmainTimeline.to(\".pf-accordion\", {\r\n delay: 5,\r\n opacity: 0,\r\n duration: 6,\r\n scrollTrigger: \".pf-accordion\",\r\n});\r\n\r\nmainTimeline.to(\".pf-accordion-outer ol li h2\", {\r\n y: 30,\r\n opacity: 0,\r\n stagger: 1,\r\n delay: 4,\r\n duration: 5,\r\n});\r\n\r\nmainTimeline.to(\".pf-accordion-outer ol li h2\", {\r\n duration: 0,\r\n display: \"none\",\r\n});\r\n\r\nif (isMobile()) {\r\n mainTimeline.fromTo(\r\n \".sup-rodaje.zoomed, .sup-rodaje\",\r\n {\r\n transformOrigin: \"49% 100%\",\r\n scale: 2.5,\r\n duration: 5,\r\n y: 0,\r\n },\r\n {\r\n delay: 4,\r\n duration: 10,\r\n scale: 30,\r\n y: 1300,\r\n transformOrigin: \"50% 100%\",\r\n scrollTrigger: \".box-ctn\",\r\n }\r\n );\r\n} else {\r\n mainTimeline.to(\".sup-rodaje\", {\r\n delay: 4,\r\n duration: 10,\r\n width: \"450%\",\r\n left: \"-290%\",\r\n top: \"-200%\",\r\n scrollTrigger: \".box-ctn\",\r\n });\r\n}\r\n\r\nif (isMobile()) {\r\n mainTimeline.fromTo(\r\n \".vid-overlay\",\r\n {\r\n opacity: 1,\r\n duration: 1,\r\n },\r\n {\r\n opacity: 0,\r\n duration: 1,\r\n }\r\n );\r\n mainTimeline.fromTo(\r\n \".box-ctn\",\r\n {\r\n backgroundColor: \"transparent\",\r\n duration: 5,\r\n },\r\n {\r\n backgroundColor: \"transparent\",\r\n duration: 5,\r\n }\r\n );\r\n mainTimeline.to(\".box-ctn\", {\r\n delay: -2,\r\n duration: 9,\r\n transform: \"scale(4.1)\",\r\n top: \"50%\",\r\n });\r\n} else {\r\n mainTimeline.to(\".box-ctn\", {\r\n delay: 4,\r\n duration: 7.5,\r\n transform: \"scale(4)\",\r\n opacity: 0,\r\n xPercent: -100,\r\n top: \"30%\",\r\n });\r\n}\r\n\r\nmainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 1,\r\n y: 0,\r\n },\r\n {\r\n opacity: 0,\r\n y: 200,\r\n duration: 5,\r\n delay: 0,\r\n }\r\n);\r\n\r\nmainTimeline.to(\".portfolio\", {\r\n opacity: 0,\r\n duration: 8,\r\n});\r\n\r\n/* *********** END PORTFOLIO SCROLLING ********** */\r\n\r\n/* *********** MIDDLE SCROLLING ********** */\r\n\r\nmainTimeline.fromTo(\r\n \"#middle\",\r\n {\r\n opacity: 0,\r\n zIndex: -1,\r\n },\r\n {\r\n opacity: 1,\r\n duration: 8,\r\n delay: -10,\r\n zIndex: 3,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#middleVidCtn\",\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"block\",\r\n duration: 0,\r\n onStart: () => {\r\n middleVideo.play();\r\n },\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#middleVidCtn\",\r\n {\r\n opacity: 0,\r\n duration: 4,\r\n },\r\n {\r\n opacity: 1,\r\n duration: 4,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#portfolio\",\r\n {\r\n display: \"block\",\r\n delay: 0,\r\n },\r\n {\r\n display: \"none\",\r\n delay: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#middleVidCtn\",\r\n {\r\n opacity: 1,\r\n duration: 10,\r\n delay: -10,\r\n },\r\n {\r\n opacity: 0,\r\n duration: 10,\r\n delay: 20,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#middleVidCtn\",\r\n {\r\n display: \"block\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".bg-video\",\r\n {\r\n delay: -10,\r\n opacity: 0,\r\n duration: 5,\r\n },\r\n {\r\n delay: -10,\r\n opacity: 0.1,\r\n duration: 5,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 0,\r\n delay: 5,\r\n y: 200,\r\n },\r\n {\r\n opacity: 1,\r\n y: 0,\r\n duration: 4,\r\n delay: 5,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".accordion\",\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline\r\n .fromTo(\r\n \"#middle .text\",\r\n {\r\n y: 1000,\r\n duration: 10,\r\n },\r\n {\r\n y: 0,\r\n stagger: 1,\r\n duration: 10,\r\n }\r\n )\r\n .addLabel(\"start-tiempo\");\r\n\r\nmainTimeline.to(\"#rect2\", {\r\n attr: { rx: \"8.5\", y: \"34\", width: \"17\", height: \"43.4444\" },\r\n fill: \"#D9D9D9\",\r\n duration: 1,\r\n});\r\n\r\nmainTimeline\r\n .to(\"#rect3\", {\r\n attr: { rx: \"12.2778\", y: \"0\", width: \"24.5556\", height: \"86.8889\" },\r\n fill: \"#CBDB43\",\r\n duration: 1,\r\n })\r\n .addLabel(\"servicios\");\r\n\r\nmainTimeline.to(\"#middle #text-container .letter\", {\r\n color: \"#D1D821\",\r\n stagger: 1.5,\r\n duration: 3,\r\n});\r\n\r\nif (isMobile()) {\r\n mainTimeline.fromTo(\r\n \"#middle .text\",\r\n {\r\n y: 0,\r\n },\r\n {\r\n y: -2000,\r\n delay: 3,\r\n duration: 50,\r\n scrollTrigger: \".acc-borders\",\r\n }\r\n );\r\n mainTimeline.fromTo(\r\n \".acc-borders\",\r\n {\r\n opacity: 1,\r\n x: 1000,\r\n duration: 20,\r\n width: \"0vw\",\r\n delay: -10,\r\n scrollTrigger: \".accordion #parent\",\r\n },\r\n {\r\n opacity: 1,\r\n x: 0,\r\n duration: 20,\r\n width: \"400vw\",\r\n delay: -10,\r\n scrollTrigger: \".accordion #parent\",\r\n }\r\n );\r\n mainTimeline\r\n .fromTo(\r\n \".accordion #parent\",\r\n {\r\n y: 2000,\r\n duration: 20,\r\n delay: -5,\r\n },\r\n {\r\n y: 0,\r\n duration: 20,\r\n delay: -5,\r\n }\r\n )\r\n .addLabel(\"servicios\");\r\n} else {\r\n mainTimeline.fromTo(\r\n \"#middle #text-container\",\r\n {\r\n x: 0,\r\n },\r\n {\r\n x: -2000,\r\n delay: 3,\r\n duration: 30,\r\n }\r\n );\r\n mainTimeline.to(\".acc-borders\", {\r\n opacity: 1,\r\n x: 0,\r\n duration: 20,\r\n width: \"400vw\",\r\n delay: -30,\r\n });\r\n mainTimeline\r\n .fromTo(\r\n \".accordion\",\r\n {\r\n x: 2000,\r\n delay: -20,\r\n duration: 20,\r\n },\r\n {\r\n x: 0,\r\n delay: -20,\r\n duration: 20,\r\n }\r\n )\r\n .addLabel(\"servicios\");\r\n}\r\n\r\nmainTimeline.to(\".accordion\", {\r\n rotateX: -69.3,\r\n duration: 10,\r\n delay: 30,\r\n});\r\n\r\nmainTimeline.to(\".accordion\", {\r\n opacity: 0,\r\n duration: 2,\r\n delay: -4,\r\n});\r\n\r\nmainTimeline.to(\".bg-video\", {\r\n opacity: 0,\r\n duration: 10,\r\n delay: -10,\r\n});\r\n\r\n/* *********** END MIDDLE SCROLLING ********** */\r\n\r\n/* *********** TIEMPO SCROLLING ********** */\r\n\r\nmainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 1,\r\n },\r\n {\r\n opacity: 0,\r\n duration: 16,\r\n delay: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo\",\r\n {\r\n opacity: 0,\r\n duration: 0,\r\n },\r\n {\r\n opacity: 1,\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".bg-video\",\r\n {\r\n rotateX: \"0\",\r\n duration: 0,\r\n },\r\n {\r\n rotateX: \"-65deg\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".accordion\",\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\n/* mainTimeline.fromTo(\"svg#TEXT\", {\r\n opacity: 0,\r\n duration: 0\r\n}, {\r\n opacity: 1,\r\n duration: 0\r\n}); */\r\n\r\n// mainTimeline.to(\"#video-tiempo\", {\r\n// scrollTrigger: {\r\n// trigger: \"#video-tiempo\",\r\n// onEnter: () => {\r\n// startCountdown();\r\n// },\r\n// onLeave: () => {\r\n// stopCountdown();\r\n// }\r\n// }\r\n// });\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo\",\r\n {\r\n zIndex: -1,\r\n rotateX: 115.3,\r\n },\r\n {\r\n zIndex: 4,\r\n rotateX: 0,\r\n // translateY: -90,\r\n duration: 10,\r\n scrollTrigger: \".accordion\",\r\n onStart: () => {\r\n startCountdown();\r\n },\r\n }\r\n);\r\n\r\nmainTimeline.to(\"#video-tiempo #text-container-2 .text\", {\r\n y: 1500,\r\n duration: 0,\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#tiempoVidCtn\",\r\n {\r\n opacity: 0,\r\n delay: -10,\r\n },\r\n {\r\n opacity: 1,\r\n duration: 6,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo #text-container-2\",\r\n {\r\n x: -2000,\r\n duration: 0,\r\n delay: -10,\r\n },\r\n {\r\n x: 0,\r\n duration: 0,\r\n delay: -10,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo #text-container-2 .text\",\r\n {\r\n y: 1500,\r\n delay: 15,\r\n },\r\n {\r\n y: 0,\r\n stagger: 0.5,\r\n duration: 8,\r\n delay: 10,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo #text-container-2 .letter\",\r\n {\r\n color: \"transparent\",\r\n duration: 4,\r\n delay: 15,\r\n },\r\n {\r\n color: \"rgb(203, 219, 67)\",\r\n stagger: 4,\r\n duration: 4,\r\n delay: 15,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo\",\r\n {\r\n rotateX: 0,\r\n duration: 20,\r\n },\r\n {\r\n rotateX: 110,\r\n duration: 20,\r\n scrollTrigger: \".accordion\",\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo\",\r\n {\r\n opacity: 1,\r\n duration: 20,\r\n scrollTrigger: \".accordion\",\r\n },\r\n {\r\n opacity: 0,\r\n // delay: 12,\r\n duration: 20,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo\",\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#txt-container-2\",\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".bg-video\",\r\n {\r\n opacity: 0,\r\n duration: 0,\r\n },\r\n {\r\n opacity: 0.1,\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".bg-video\",\r\n {\r\n rotateX: -65,\r\n duration: 20,\r\n },\r\n {\r\n rotateX: 0,\r\n duration: 20,\r\n }\r\n);\r\n\r\n/* *********** TIEMPO SCROLLING ********** */\r\n\r\n/* **************** SECCION FINAL ***************** */\r\n\r\nconst carouselCtn = document.getElementById(\"carousel-container\");\r\nconst carousel = document.getElementById(\"carouselFig\");\r\n\r\nif (carouselCtn.style.transform === \"scale(1)\") {\r\n carousel.style.animation = \"rotateAnim 30s infinite forwards\";\r\n}\r\n\r\nmainTimeline.fromTo(\r\n \"#txt-container-2\",\r\n {\r\n zIndex: -1,\r\n opacity: 0,\r\n duration: 10,\r\n delay: -20,\r\n },\r\n {\r\n zIndex: 5,\r\n opacity: 1,\r\n duration: 10,\r\n delay: -20,\r\n }\r\n);\r\n\r\nif (isMobile()) {\r\n mainTimeline.fromTo(\r\n \"#p1\",\r\n {\r\n y: 2000,\r\n x: 0\r\n },\r\n {\r\n y: 150,\r\n x: 0,\r\n duration: 25,\r\n }\r\n );\r\n\r\n mainTimeline.fromTo(\r\n \"#p2\",\r\n {\r\n y: 2000,\r\n x: 0\r\n },\r\n {\r\n y: 150,\r\n x: 0,\r\n duration: 30,\r\n delay: -18,\r\n }\r\n );\r\n\r\n mainTimeline.to(\"#p1\", {\r\n delay: 20,\r\n duration: 30,\r\n y: -2000,\r\n });\r\n\r\n mainTimeline.to(\"#p2\", {\r\n delay: -30,\r\n duration: 20,\r\n y: -50,\r\n // scrollTrigger: '#mobileBrandsCtn'\r\n });\r\n\r\n mainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 0,\r\n y: 200,\r\n },\r\n {\r\n opacity: 1,\r\n y: 0,\r\n duration: 16,\r\n delay: -2,\r\n }\r\n );\r\n\r\n mainTimeline.to(\"#rect3\", {\r\n attr: { rx: \"8.5\", y: \"34\", width: \"17\", height: \"43.4444\" },\r\n fill: \"#D9D9D9\",\r\n duration: 1,\r\n });\r\n\r\n mainTimeline.to(\"#rect4\", {\r\n attr: { rx: \"12.2778\", y: \"0\", width: \"24.5556\", height: \"86.8889\" },\r\n fill: \"#CBDB43\",\r\n duration: 1,\r\n });\r\n\r\n mainTimeline.fromTo('#mobileBrandsCtn', {\r\n visibility: 'hidden',\r\n y: 200,\r\n x: 0\r\n }, {\r\n visibility: 'visible',\r\n y: 0,\r\n x: 0,\r\n duration: 5,\r\n // scrollTrigger: '#p2'\r\n })\r\n\r\n} else {\r\n mainTimeline.fromTo(\r\n \"#p1\",\r\n {\r\n x: 2000,\r\n },\r\n {\r\n x: 0,\r\n duration: 25,\r\n }\r\n );\r\n\r\n mainTimeline.fromTo(\r\n \"#p2\",\r\n {\r\n x: 2000,\r\n },\r\n {\r\n x: 0,\r\n duration: 30,\r\n delay: -18,\r\n }\r\n );\r\n\r\n mainTimeline.to(\"#p1\", {\r\n delay: 20,\r\n duration: 30,\r\n x: -2000,\r\n });\r\n\r\n mainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 0,\r\n y: 200,\r\n },\r\n {\r\n opacity: 1,\r\n y: 0,\r\n duration: 16,\r\n delay: -2,\r\n }\r\n );\r\n\r\n mainTimeline.to(\"#p1\", {\r\n opacity: 0,\r\n duration: 0,\r\n });\r\n\r\n mainTimeline.to(\"#rect3\", {\r\n attr: { rx: \"8.5\", y: \"34\", width: \"17\", height: \"43.4444\" },\r\n fill: \"#D9D9D9\",\r\n duration: 1,\r\n });\r\n\r\n mainTimeline.to(\"#rect4\", {\r\n attr: { rx: \"12.2778\", y: \"0\", width: \"24.5556\", height: \"86.8889\" },\r\n fill: \"#CBDB43\",\r\n duration: 1,\r\n });\r\n\r\n mainTimeline.to(\"#p2\", {\r\n delay: -30,\r\n duration: 20,\r\n y: 150,\r\n });\r\n}\r\n\r\nmainTimeline.fromTo(\r\n \".flipLogoContainer\",\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#carousel-container\",\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n delay: -20,\r\n },\r\n {\r\n display: \"block\",\r\n duration: 0,\r\n delay: -20,\r\n }\r\n);\r\n\r\nmainTimeline\r\n .fromTo(\r\n \"#carousel-container\",\r\n {\r\n transform: \"scale(0)\",\r\n duration: 10,\r\n delay: -20,\r\n },\r\n {\r\n transform: \"scale(1.3)\",\r\n duration: 10,\r\n delay: -20,\r\n }\r\n )\r\n .addLabel(\"clientes\");\r\n\r\nmainTimeline.to(\"#txt-container-2\", {\r\n delay: 30,\r\n y: 800,\r\n duration: 30,\r\n transform: \"scale(0.5)\",\r\n opacity: 0,\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#txt-container-2\",\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 1,\r\n duration: 100,\r\n },\r\n {\r\n opacity: 0,\r\n duration: 2,\r\n delay: 20,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".bg-video\",\r\n {\r\n opacity: 0.1,\r\n duration: 12,\r\n delay: -15,\r\n },\r\n {\r\n opacity: 0.2,\r\n duration: 12,\r\n delay: -15,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#svgOutro\",\r\n {\r\n y: -1000,\r\n transform: \"scale(2.5)\",\r\n duration: 20,\r\n delay: -20,\r\n opacity: 0,\r\n },\r\n {\r\n delay: -20,\r\n y: 0,\r\n transform: \"scale(1.6)\",\r\n duration: 20,\r\n opacity: 1,\r\n }\r\n);\r\n\r\nmainTimeline.to(\"#svgOutro\", {\r\n delay: 10,\r\n duration: 70,\r\n rotateY: 809,\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#txt-container-2\",\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.to(\"#svgOutro\", {\r\n visibility: \"hidden\",\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#textAllCtn\",\r\n {\r\n visibility: \"hidden\",\r\n rotateY: -90,\r\n duration: 8,\r\n },\r\n {\r\n visibility: \"visible\",\r\n rotateY: 0,\r\n duration: 8,\r\n delay: 15,\r\n }\r\n);\r\n\r\nmainTimeline.staggerTo(\r\n [\".charSpan\"],\r\n 1,\r\n {\r\n color: \"#D1D821\",\r\n stagger: 1,\r\n duration: 80,\r\n },\r\n 2\r\n);\r\n\r\nmainTimeline.to(\".charSpan\", {\r\n delay: 10,\r\n});\r\n\r\nmainTimeline.to(\"#textAllCtn\", {\r\n scale: 0.6,\r\n y: -100,\r\n duration: 15,\r\n});\r\n\r\nmainTimeline.to(\".subTextContainer\", {\r\n y: 0,\r\n visibility: \"visible\",\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"nav .social-ctn a\",\r\n {\r\n scale: 1,\r\n duration: 4,\r\n },\r\n {\r\n scale: 0,\r\n duration: 4,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".svgSocial\",\r\n { scale: 0, duration: 10 },\r\n { scale: 1, duration: 10 }\r\n);\r\n\r\nmainTimeline.staggerTo(\r\n [\".charSpan2\"],\r\n 3,\r\n {\r\n color: \"#D1D821\",\r\n opacity: 1,\r\n duration: 25,\r\n },\r\n 0.5\r\n);\r\n\r\nconst link1 = document.querySelector(\"nav section#menu ul li:nth-of-type(3) a\");\r\n\r\nlink1.addEventListener(\"click\", (event) => {\r\n event.preventDefault();\r\n\r\n console.log(\"clicked\");\r\n\r\n const percentage = 50; // Adjust this value as needed\r\n\r\n const windowHeight =\r\n window.innerHeight || document.documentElement.clientHeight;\r\n const targetPosition =\r\n (document.body.scrollHeight - windowHeight) * (percentage / 100);\r\n\r\n window.scrollTo({\r\n top: targetPosition,\r\n behavior: \"smooth\",\r\n });\r\n});\r\n\r\n/******** JS MEDIA QUERIES ********/\r\n"], - "mappings": "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EACH,SAAU,GACV,MAAO,QACP,MAAO,IACP,cAAe,oBACjB,CACF,EACAA,EACG,OACC,qBACA,CACE,EAAG,IACH,SAAU,GACV,MAAO,EACT,EACA,CACE,EAAG,EACH,SAAU,GACV,MAAO,EACT,CACF,EACC,SAAS,WAAW,IAEvBA,EAAa,OACX,0BACA,CACE,EAAG,CACL,EACA,CACE,EAAG,KACH,MAAO,EACP,SAAU,EACZ,CACF,EACAA,EAAa,GAAG,eAAgB,CAC9B,QAAS,EACT,EAAG,EACH,SAAU,GACV,MAAO,QACP,MAAO,GACT,CAAC,EACDA,EACG,OACC,aACA,CACE,EAAG,IACH,MAAO,IACP,SAAU,EACZ,EACA,CACE,EAAG,EACH,MAAO,IACP,SAAU,EACZ,CACF,EACC,SAAS,WAAW,GAGzBA,EAAa,GAAG,aAAc,CAC5B,QAAS,MACT,SAAU,GACV,MAAO,EACT,CAAC,EAEDA,EAAa,GAAG,aAAc,CAC5B,QAAS,EACT,SAAU,EACV,MAAO,EACT,CAAC,EAEDA,EAAa,GAAG,YAAa,CAC3B,QAAS,EACT,SAAU,GACV,MAAO,GACT,CAAC,EAMDA,EAAa,OACX,mBACA,CACE,QAAS,CACX,EACA,CACE,QAAS,EACT,SAAU,GACV,MAAO,CACT,CACF,EAEAA,EAAa,OACX,gBACA,CACE,QAAS,EACT,SAAU,CACZ,EACA,CACE,QAAS,EACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,YACA,CACE,QAAS,IACT,SAAU,CACZ,EACA,CACE,QAAS,SACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,aACA,CACE,QAAS,OACT,SAAU,CACZ,EACA,CACE,QAAS,OACT,SAAU,CACZ,CACF,EAsBAA,EAAa,OACX,gBACA,CACE,OAAQ,GACR,QAAS,KACX,EACA,CACE,OAAQ,EACR,QAAS,EAET,SAAU,GACV,cAAe,aACf,QAAS,IAAM,CACbd,EAAe,CACjB,CACF,CACF,EAEAc,EAAa,GAAG,wCAAyC,CACvD,EAAG,KACH,SAAU,CACZ,CAAC,EAEDA,EAAa,OACX,gBACA,CACE,QAAS,EACT,MAAO,GACT,EACA,CACE,QAAS,EACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,kCACA,CACE,EAAG,KACH,SAAU,EACV,MAAO,GACT,EACA,CACE,EAAG,EACH,SAAU,EACV,MAAO,GACT,CACF,EAEAA,EAAa,OACX,wCACA,CACE,EAAG,KACH,MAAO,EACT,EACA,CACE,EAAG,EACH,QAAS,GACT,SAAU,EACV,MAAO,EACT,CACF,EAEAA,EAAa,OACX,0CACA,CACE,MAAO,cACP,SAAU,EACV,MAAO,EACT,EACA,CACE,MAAO,oBACP,QAAS,EACT,SAAU,EACV,MAAO,EACT,CACF,EAEAA,EAAa,OACX,gBACA,CACE,QAAS,EACT,SAAU,EACZ,EACA,CACE,QAAS,IACT,SAAU,GACV,cAAe,YACjB,CACF,EAEAA,EAAa,OACX,gBACA,CACE,QAAS,EACT,SAAU,GACV,cAAe,YACjB,EACA,CACE,QAAS,EAET,SAAU,EACZ,CACF,EAEAA,EAAa,OACX,gBACA,CACE,QAAS,OACT,SAAU,CACZ,EACA,CACE,QAAS,OACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,mBACA,CACE,QAAS,OACT,SAAU,CACZ,EACA,CACE,QAAS,OACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,YACA,CACE,QAAS,EACT,SAAU,CACZ,EACA,CACE,QAAS,GACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,YACA,CACE,QAAS,IACT,SAAU,EACZ,EACA,CACE,QAAS,EACT,SAAU,EACZ,CACF,EAMA,IAAMqE,EAAc,SAAS,eAAe,oBAAoB,EAC1DC,EAAW,SAAS,eAAe,aAAa,EAElDD,EAAY,MAAM,YAAc,aAClCC,EAAS,MAAM,UAAY,oCAG7BtE,EAAa,OACX,mBACA,CACE,OAAQ,GACR,QAAS,EACT,SAAU,GACV,MAAO,GACT,EACA,CACE,OAAQ,EACR,QAAS,EACT,SAAU,GACV,MAAO,GACT,CACF,EAEIjB,EAAS,GACXiB,EAAa,OACX,MACA,CACE,EAAG,IACH,EAAG,CACL,EACA,CACE,EAAG,IACH,EAAG,EACH,SAAU,EACZ,CACF,EAEAA,EAAa,OACX,MACA,CACE,EAAG,IACH,EAAG,CACL,EACA,CACE,EAAG,IACH,EAAG,EACH,SAAU,GACV,MAAO,GACT,CACF,EAEAA,EAAa,GAAG,MAAO,CACrB,MAAO,GACP,SAAU,GACV,EAAG,IACL,CAAC,EAEDA,EAAa,GAAG,MAAO,CACrB,MAAO,IACP,SAAU,GACV,EAAG,GAEL,CAAC,EAEDA,EAAa,OACX,mBACA,CACE,QAAS,EACT,EAAG,GACL,EACA,CACE,QAAS,EACT,EAAG,EACH,SAAU,GACV,MAAO,EACT,CACF,EAEAA,EAAa,GAAG,SAAU,CACxB,KAAM,CAAE,GAAI,MAAO,EAAG,KAAM,MAAO,KAAM,OAAQ,SAAU,EAC3D,KAAM,UACN,SAAU,CACZ,CAAC,EAEDA,EAAa,GAAG,SAAU,CACxB,KAAM,CAAE,GAAI,UAAW,EAAG,IAAK,MAAO,UAAW,OAAQ,SAAU,EACnE,KAAM,UACN,SAAU,CACZ,CAAC,EAEDA,EAAa,OAAO,mBAAoB,CACtC,WAAY,SACZ,EAAG,IACH,EAAG,CACL,EAAG,CACD,WAAY,UACZ,EAAG,EACH,EAAG,EACH,SAAU,CAEZ,CAAC,IAGDA,EAAa,OACX,MACA,CACE,EAAG,GACL,EACA,CACE,EAAG,EACH,SAAU,EACZ,CACF,EAEAA,EAAa,OACX,MACA,CACE,EAAG,GACL,EACA,CACE,EAAG,EACH,SAAU,GACV,MAAO,GACT,CACF,EAEAA,EAAa,GAAG,MAAO,CACrB,MAAO,GACP,SAAU,GACV,EAAG,IACL,CAAC,EAEDA,EAAa,OACX,mBACA,CACE,QAAS,EACT,EAAG,GACL,EACA,CACE,QAAS,EACT,EAAG,EACH,SAAU,GACV,MAAO,EACT,CACF,EAEAA,EAAa,GAAG,MAAO,CACrB,QAAS,EACT,SAAU,CACZ,CAAC,EAEDA,EAAa,GAAG,SAAU,CACxB,KAAM,CAAE,GAAI,MAAO,EAAG,KAAM,MAAO,KAAM,OAAQ,SAAU,EAC3D,KAAM,UACN,SAAU,CACZ,CAAC,EAEDA,EAAa,GAAG,SAAU,CACxB,KAAM,CAAE,GAAI,UAAW,EAAG,IAAK,MAAO,UAAW,OAAQ,SAAU,EACnE,KAAM,UACN,SAAU,CACZ,CAAC,EAEDA,EAAa,GAAG,MAAO,CACrB,MAAO,IACP,SAAU,GACV,EAAG,GACL,CAAC,GAGHA,EAAa,OACX,qBACA,CACE,QAAS,OACT,SAAU,CACZ,EACA,CACE,QAAS,OACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,sBACA,CACE,QAAS,OACT,SAAU,EACV,MAAO,GACT,EACA,CACE,QAAS,QACT,SAAU,EACV,MAAO,GACT,CACF,EAEAA,EACG,OACC,sBACA,CACE,UAAW,WACX,SAAU,GACV,MAAO,GACT,EACA,CACE,UAAW,aACX,SAAU,GACV,MAAO,GACT,CACF,EACC,SAAS,UAAU,EAEtBA,EAAa,GAAG,mBAAoB,CAClC,MAAO,GACP,EAAG,IACH,SAAU,GACV,UAAW,aACX,QAAS,CACX,CAAC,EAEDA,EAAa,OACX,mBACA,CACE,QAAS,OACT,SAAU,CACZ,EACA,CACE,QAAS,OACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,mBACA,CACE,QAAS,EACT,SAAU,GACZ,EACA,CACE,QAAS,EACT,SAAU,EACV,MAAO,EACT,CACF,EAEAA,EAAa,OACX,YACA,CACE,QAAS,GACT,SAAU,GACV,MAAO,GACT,EACA,CACE,QAAS,GACT,SAAU,GACV,MAAO,GACT,CACF,EAEAA,EAAa,OACX,YACA,CACE,EAAG,KACH,UAAW,aACX,SAAU,GACV,MAAO,IACP,QAAS,CACX,EACA,CACE,MAAO,IACP,EAAG,EACH,UAAW,aACX,SAAU,GACV,QAAS,CACX,CACF,EAEAA,EAAa,GAAG,YAAa,CAC3B,MAAO,GACP,SAAU,GACV,QAAS,GACX,CAAC,EAEDA,EAAa,OACX,mBACA,CACE,QAAS,OACT,SAAU,CACZ,EACA,CACE,QAAS,OACT,SAAU,CACZ,CACF,EAEAA,EAAa,GAAG,YAAa,CAC3B,WAAY,QACd,CAAC,EAEDA,EAAa,OACX,cACA,CACE,WAAY,SACZ,QAAS,IACT,SAAU,CACZ,EACA,CACE,WAAY,UACZ,QAAS,EACT,SAAU,EACV,MAAO,EACT,CACF,EAEAA,EAAa,UACX,CAAC,WAAW,EACZ,EACA,CACE,MAAO,UACP,QAAS,EACT,SAAU,EACZ,EACA,CACF,EAEAA,EAAa,GAAG,YAAa,CAC3B,MAAO,EACT,CAAC,EAEDA,EAAa,GAAG,cAAe,CAC7B,MAAO,GACP,EAAG,KACH,SAAU,EACZ,CAAC,EAEDA,EAAa,GAAG,oBAAqB,CACnC,EAAG,EACH,WAAY,SACd,CAAC,EAEDA,EAAa,OACX,oBACA,CACE,MAAO,EACP,SAAU,CACZ,EACA,CACE,MAAO,EACP,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,aACA,CAAE,MAAO,EAAG,SAAU,EAAG,EACzB,CAAE,MAAO,EAAG,SAAU,EAAG,CAC3B,EAEAA,EAAa,UACX,CAAC,YAAY,EACb,EACA,CACE,MAAO,UACP,QAAS,EACT,SAAU,EACZ,EACA,EACF,EAEA,IAAMuE,EAAQ,SAAS,cAAc,yCAAyC,EAE9EA,EAAM,iBAAiB,QAAUjB,GAAU,CACzCA,EAAM,eAAe,EAErB,QAAQ,IAAI,SAAS,EAErB,IAAMkB,EAAa,GAEbC,EACJ,OAAO,aAAe,SAAS,gBAAgB,aAC3CC,GACH,SAAS,KAAK,aAAeD,IAAiBD,EAAa,KAE9D,OAAO,SAAS,CACd,IAAKE,EACL,SAAU,QACZ,CAAC,CACH,CAAC", - "names": ["isMobile", "countdownStarted", "countdownInterval", "startCountdown", "minutes", "seconds", "milliseconds", "formattedTime", "renderCountdown", "time", "countdownContainer", "paths", "path", "length", "lenis", "raf", "init", "mainTimeline", "body", "collapse", "menu", "navItems", "separators", "icon", "social", "wrapperCtn", "expandBtns", "expandBtnImgs", "bubbles", "x", "y", "menuTl", "isRotated", "links", "a", "e", "logoCtn", "scrollCtn", "videoCamara", "middleVideo", "tiempoVideo", "progressBar", "nav", "txtCtn", "titleCtn", "hoveredTitleCtn", "descCtn", "ctnHr", "previewVideos", "logoPortfolio", "videoOverlay", "videoTiempo", "videoTiempoSection", "txtContainers", "txtInnerCtn", "liElements", "modal", "modalContent", "videoEl", "closeModal", "middleVidSection", "portfolioSection", "videos", "currentVideo", "ctn", "childTitleCtn", "isOpen", "btn", "index", "i", "hoverAcc", "event", "sibling", "outAcc", "originalWidth", "element", "hover", "out", "liElement", "newVideo", "swapSrc", "urls1", "_", "url", "img", "cameraFrames", "carouselCtn", "carousel", "link1", "percentage", "windowHeight", "targetPosition"] + "sourcesContent": ["// Function to check if the screen width is 900px or less\r\nfunction isMobile() {\r\n return window.innerWidth <= 900;\r\n}\r\n\r\nlet countdownStarted = false;\r\nlet countdownInterval;\r\n\r\nfunction startCountdown() {\r\n // Check if the countdown has already started\r\n if (!countdownStarted) {\r\n countdownStarted = true;\r\n\r\n // Clear any existing interval before starting a new one\r\n clearInterval(countdownInterval);\r\n\r\n let minutes = 1;\r\n let seconds = 30;\r\n let milliseconds = 1000;\r\n\r\n countdownInterval = setInterval(function () {\r\n milliseconds -= 100;\r\n\r\n if (milliseconds <= 0) {\r\n milliseconds = 1000;\r\n seconds--;\r\n\r\n if (seconds <= 0) {\r\n minutes--;\r\n\r\n if (minutes === 0 && seconds === 0) {\r\n minutes = 1;\r\n seconds = 30;\r\n milliseconds = 1000;\r\n startCountdown();\r\n } else {\r\n seconds = 59;\r\n }\r\n }\r\n }\r\n\r\n // Format the time as 00:00:00:00\r\n const formattedTime = `00:${String(minutes).padStart(2, \"0\")}:${String(\r\n seconds\r\n ).padStart(2, \"0\")}:${String(Math.floor(milliseconds / 100)).padStart(\r\n 2,\r\n \"0\"\r\n )}`;\r\n\r\n // Render the formatted time\r\n renderCountdown(formattedTime);\r\n }, 100);\r\n }\r\n}\r\n\r\nfunction renderCountdown(time) {\r\n // Assuming countdown is the ID of your container\r\n const countdownContainer = document.getElementById(\"countdown-timer\");\r\n if (countdownContainer) {\r\n countdownContainer.innerText = time;\r\n }\r\n}\r\n\r\nvar paths = document.querySelectorAll(\".path\");\r\n\r\npaths.forEach((path) => {\r\n var length = path.getTotalLength();\r\n path.style.transition = path.style.WebkitTransition = \"none\";\r\n path.style.strokeDasharray = length + \" \" + length;\r\n path.style.strokeDashoffset = length;\r\n path.getBoundingClientRect();\r\n path.style.transition = path.style.WebkitTransition =\r\n \"stroke-dashoffset 2s ease-in-out\";\r\n path.style.strokeDashoffset = \"0\";\r\n});\r\n\r\n/* gsap config */\r\n\r\ngsap.registerPlugin(ScrollTrigger, ScrollToPlugin);\r\n\r\n/* Lenis config */\r\n\r\nconst lenis = new Lenis();\r\n\r\nfunction raf(time) {\r\n lenis.raf(time);\r\n requestAnimationFrame(raf);\r\n}\r\n\r\nrequestAnimationFrame(raf);\r\n\r\nwindow.onload = () => {\r\n const init = document.getElementById(\"init\");\r\n init.style.display = \"none\";\r\n};\r\n\r\nconst timeout = setTimeout(() => {\r\n window.location.href = \"/404.html\"; // Adjust the path as needed\r\n}, 10000); // 10 seconds in milliseconds\r\n\r\n// Clear the timeout if the content loads before the timeout triggers\r\nwindow.addEventListener(\"load\", () => {\r\n clearTimeout(timeout);\r\n});\r\n\r\n/* ********* Timeline ********* */\r\n\r\nconst mainTimeline = gsap.timeline({\r\n scrollTrigger: {\r\n trigger: \"main.wrapper\",\r\n start: \"top top\",\r\n end: \"bottom+=3000% bottom\",\r\n scrub: true,\r\n pin: true,\r\n inertia: true,\r\n },\r\n});\r\n\r\n/* ************* DOM elements ************ */\r\nconst body = document.getElementById(\"body\");\r\nconst collapse = document.getElementById(\"collapse\");\r\nconst menu = document.getElementById(\"menu\");\r\nconst navItems = document.getElementsByClassName(\"nav-item\");\r\nconst separators = document.getElementsByClassName(\"separator\");\r\nconst icon = document.getElementById(\"buttonIcon\");\r\nconst social = document.querySelectorAll(\".social-img\");\r\nconst wrapperCtn = document.querySelector(\".wrapper\");\r\nconst expandBtns = document.querySelectorAll(\".expand\");\r\nconst expandBtnImgs = document.querySelectorAll(\".btn-img\");\r\n\r\n/* ********* CURSOR *********** */\r\n\r\nbody.addEventListener(\"mousemove\", (e) => {\r\n if (isMobile()) {\r\n return;\r\n }\r\n\r\n let bubbles = document.createElement(\"bubbles\");\r\n let x = e.pageX;\r\n let y = e.pageY;\r\n\r\n bubbles.style.left = x + \"px\";\r\n bubbles.style.top = y + \"px\";\r\n bubbles.style.width = 25 + \"px\";\r\n bubbles.style.height = 25 + \"px\";\r\n\r\n if (document.body.className.match(\"open\")) {\r\n bubbles.style.background = \"rgb(29, 62, 78)\";\r\n bubbles.style.boxShadow =\r\n \"10px 10px 30px rgb(29, 62, 78), -10px -10px 30px rgb(29, 62, 78)\";\r\n } else {\r\n bubbles.style.background = \"#D1D821\";\r\n bubbles.style.boxShadow =\r\n \"10px 10px 30px #D1D821, -10px -10px 30px #D1D821\";\r\n }\r\n\r\n document.body.appendChild(bubbles);\r\n\r\n setTimeout(function () {\r\n bubbles.remove();\r\n }, 500);\r\n});\r\n\r\n/* ********* end CURSOR *********** */\r\n\r\n/****** menu ***** */\r\n\r\nconst menuTl = gsap.timeline({ paused: true });\r\n\r\nif (isMobile()) {\r\n menuTl.fromTo(\r\n menu,\r\n {\r\n y: 1000,\r\n opacity: 0,\r\n background: \"transparent\",\r\n display: \"none\",\r\n ease: \"power2.inOut\",\r\n },\r\n {\r\n y: 0,\r\n duration: 0.5,\r\n opacity: 1,\r\n background: \"rgb(203, 219, 67)\",\r\n display: \"block\",\r\n ease: \"power2.inOut\",\r\n }\r\n );\r\n\r\n menuTl.fromTo(\r\n separators,\r\n {\r\n y: 1000,\r\n },\r\n {\r\n y: 0,\r\n transformOrigin: \"100% 50%\",\r\n duration: 0.5,\r\n }\r\n );\r\n} else {\r\n menuTl.fromTo(\r\n menu,\r\n {\r\n x: 1000,\r\n opacity: 0,\r\n background: \"transparent\",\r\n display: \"none\",\r\n ease: \"power2.inOut\",\r\n },\r\n {\r\n x: 0,\r\n duration: 0.5,\r\n opacity: 1,\r\n background: \"rgb(203, 219, 67)\",\r\n display: \"block\",\r\n ease: \"power2.inOut\",\r\n }\r\n );\r\n\r\n menuTl.fromTo(\r\n separators,\r\n {\r\n x: 1000,\r\n },\r\n {\r\n x: 0,\r\n transformOrigin: \"100% 50%\",\r\n duration: 0.5,\r\n }\r\n );\r\n}\r\n\r\nmenuTl.fromTo(\r\n navItems,\r\n {\r\n opacity: 0,\r\n y: 50,\r\n },\r\n {\r\n opacity: 1,\r\n y: 0,\r\n duration: 0.5,\r\n }\r\n);\r\n\r\nlet isRotated = false;\r\n\r\ncollapse.addEventListener(\"click\", () => {\r\n // Check if the timeline is reversing\r\n const isReversing = menuTl.isActive() && menuTl.reversed();\r\n\r\n // Disable the button if the timeline is reversing\r\n if (isReversing) {\r\n return;\r\n }\r\n\r\n isRotated = !isRotated;\r\n icon.src = isRotated ? \"src/assets/x-dark.png\" : \"src/assets/Menu.png\";\r\n collapse.style.transform = isRotated ? \"rotate(90deg)\" : \"rotate(0deg)\";\r\n\r\n if (body.className.match(\"close\")) {\r\n body.className = \"open\";\r\n social[0].src = \"src/assets/mail-dark.png\";\r\n social[1].src = \"src/assets/whatsapp-dark.png\";\r\n social[2].src = \"src/assets/ig-dark.png\";\r\n social[3].src = \"src/assets/Linkedin-dark.png\";\r\n } else if (body.className.includes(\"open\")) {\r\n body.className = \"close\";\r\n social[0].src = \"src/assets/mail.png\";\r\n social[1].src = \"src/assets/wsp.png\";\r\n social[2].src = \"src/assets/ig.png\";\r\n social[3].src = \"src/assets/Linkedin.png\";\r\n }\r\n if (menuTl.totalProgress() === 0) {\r\n menuTl.play();\r\n } else if (menuTl.totalProgress() > 0) {\r\n menuTl.reverse();\r\n }\r\n});\r\n\r\nlet links = gsap.utils.toArray(\".nav-link\");\r\n\r\nlinks.forEach((a) => {\r\n a.addEventListener(\"click\", (e) => {\r\n e.preventDefault();\r\n\r\n if (a.innerText === `Inicio`) {\r\n // window.scrollTo(0, 0)\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"intro\"),\r\n });\r\n } else if (a.innerText === `Portfolio`) {\r\n // window.scrollTo(0, portfolio)\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"portfolio\"),\r\n });\r\n } else if (a.innerText === `Servicios`) {\r\n // window.scrollTo(0, servicios)\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"servicios\"),\r\n });\r\n } else if (a.innerText === `Clientes`) {\r\n // window.scrollTo(0, clientes)\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"clientes\"),\r\n });\r\n }\r\n\r\n isRotated = !isRotated;\r\n icon.src = isRotated ? \"src/assets/x-dark.png\" : \"src/assets/Menu.png\";\r\n collapse.style.transform = isRotated ? \"rotate(90deg)\" : \"rotate(0deg)\";\r\n if (body.className.match(\"close\")) {\r\n body.className = \"open\";\r\n social[0].src = \"src/assets/mail-dark.png\";\r\n social[1].src = \"src/assets/whatsapp-dark.png\";\r\n social[2].src = \"src/assets/ig-dark.png\";\r\n social[3].src = \"src/assets/Linkedin-dark.png\";\r\n } else if (body.className.includes(\"open\")) {\r\n body.className = \"close\";\r\n social[0].src = \"src/assets/mail.png\";\r\n social[1].src = \"src/assets/wsp.png\";\r\n social[2].src = \"src/assets/ig.png\";\r\n social[3].src = \"src/assets/Linkedin.png\";\r\n }\r\n\r\n if (menuTl.paused() || menuTl.totalProgress() === 0) {\r\n menuTl.play();\r\n } else if (menuTl) {\r\n menuTl.reverse();\r\n }\r\n });\r\n});\r\n\r\n\r\n/* ****************** Intro dom ****************** */\r\n\r\nconst logoCtn = document.getElementById(\"init\");\r\nconst scrollCtn = document.getElementById(\"scrollea\");\r\nconst videoCamara = document.getElementById(\"video-camara\");\r\nconst middleVideo = document.getElementById(\"middleVidCtn\");\r\nconst tiempoVideo = document.getElementById(\"tiempoVidCtn\");\r\nconst progressBar = document.getElementById(\"progressbar-ctn\");\r\nconst nav = document.querySelector(\"nav\");\r\n\r\n/* ****************** end intro dom ****************** */\r\n\r\n/* ****************** Portfolio dom ****************** */\r\n\r\nlet txtCtn = document.querySelectorAll(\".text-ctn-1\");\r\nlet titleCtn = document.querySelectorAll(\"section.portfolio li h2\");\r\nlet hoveredTitleCtn = document.querySelectorAll(\r\n \"section.portfolio li h2:hover\"\r\n);\r\nlet descCtn = document.querySelectorAll(\".desc-ctn\");\r\nlet ctnHr = document.querySelectorAll(\"hr.ctn-line\");\r\nlet previewVideos = document.querySelectorAll(\".preview-video\");\r\nlet logoPortfolio = document.querySelector(\".logo-box\");\r\nlet videoOverlay = document.querySelector(\".vid-overlay\");\r\nlet videoTiempo = document.querySelector(\"#tiempoVidCtn\");\r\nlet videoTiempoSection = document.querySelector(\"section#video-tiempo\");\r\nlet txtContainers = document.querySelectorAll(\".child .text-ctn\");\r\nlet txtInnerCtn = document.querySelectorAll(\".child .text-ctn ol\");\r\n// const customCursor = document.createElement(\"div\");\r\n// customCursor.className = \"hand-cursor\";\r\n\r\n// modals\r\nconst liElements = [];\r\nliElements.push(document.getElementById(\"eugenie\"));\r\nliElements.push(document.getElementById(\"delsud\"));\r\nliElements.push(document.getElementById(\"flexy\"));\r\n\r\nconst modal = document.getElementById(\"modal\");\r\nconst modalContent = document.getElementById(\"modalContent\");\r\nconst videoEl = document.getElementById(\"modalVideo\");\r\nconst closeModal = document.getElementById(\"closeModal\");\r\nconst middleVidSection = document.getElementById(\"middleVidCtn\");\r\nconst portfolioSection = document.getElementById(\"portfolio\");\r\n\r\nconst videos = [\r\n \"src/assets/casos/eugenie-comp.webm\",\r\n \"src/assets/casos/delsud-comp.webm\",\r\n \"src/assets/casos/flexy-comp.webm\",\r\n];\r\nlet currentVideo = null;\r\n\r\nif (isMobile()) {\r\n middleVidSection.src = \"src/assets/calidad-vertical.webm\";\r\n} else {\r\n middleVidSection.src = \"src/assets/calidad.webm\";\r\n}\r\n\r\nif (isMobile()) {\r\n videoTiempo.src = \"src/assets/Video-tiempo_v.mp4\";\r\n} else {\r\n videoTiempo.src = \"src/assets/video-tiempo.webm\";\r\n}\r\n\r\n/* ****************** end Portfolio dom ****************** */\r\n\r\n/* ****************** Middle dom ****************** */\r\n\r\nmiddleVideo.addEventListener(\"ended\", () => {\r\n middleVideo.style.display = \"none\";\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"start-tiempo\"),\r\n });\r\n middleVideo.currentTime = 0;\r\n middleVideo.load();\r\n});\r\n\r\nlet ctn = document.querySelectorAll(\".child\");\r\nlet childTitleCtn = document.querySelectorAll(\".child .title-ctn\");\r\n\r\nif (isMobile()) {\r\n let isOpen = false;\r\n // console.log(txtContainers);\r\n\r\n expandBtns.forEach((btn, index) => {\r\n btn.addEventListener(\"click\", () => {\r\n isOpen = !isOpen; // Toggle the isOpen variable\r\n\r\n if (isOpen) {\r\n expandBtnImgs[index].src = \"src/assets/contract.png\";\r\n\r\n for (let i = 0; i < txtInnerCtn.length; i++) {\r\n if (index === 0) {\r\n txtInnerCtn[0].classList.add(\"reveal\");\r\n } else if (index === 1) {\r\n txtInnerCtn[1].classList.add(\"reveal\");\r\n txtInnerCtn[2].classList.add(\"reveal\");\r\n gsap.to(ctn[2], 0.3, {\r\n y: 100,\r\n });\r\n } else if (index === 2) {\r\n txtInnerCtn[3].classList.add(\"reveal\");\r\n }\r\n }\r\n\r\n gsap.to(childTitleCtn[index], 0.3, {\r\n y: -160,\r\n });\r\n\r\n if (index === 1) {\r\n gsap.to(expandBtns[1], 0.3, {\r\n y: 350,\r\n });\r\n } else {\r\n gsap.to(expandBtns[index], 0.3, {\r\n y: 130,\r\n });\r\n }\r\n } else {\r\n expandBtnImgs[index].src = \"src/assets/expand.png\";\r\n\r\n for (let i = 0; i < txtInnerCtn.length; i++) {\r\n if (index === 0) {\r\n txtInnerCtn[0].classList.remove(\"reveal\");\r\n } else if (index === 1) {\r\n txtInnerCtn[1].classList.remove(\"reveal\");\r\n txtInnerCtn[2].classList.remove(\"reveal\");\r\n gsap.to(ctn[2], 0.3, {\r\n y: 0,\r\n });\r\n } else if (index === 2) {\r\n txtInnerCtn[3].classList.remove(\"reveal\");\r\n }\r\n }\r\n\r\n gsap.to(childTitleCtn[index], 0.5, {\r\n y: 0,\r\n });\r\n\r\n gsap.to(expandBtns[index], 0.5, {\r\n y: 0,\r\n });\r\n\r\n gsap.to(expandBtns[1], 0.3, {\r\n y: 0,\r\n });\r\n }\r\n });\r\n });\r\n} else {\r\n ctn.forEach((element, index) => {\r\n element.addEventListener(\"mouseover\", (event) => hoverAcc(event, index));\r\n element.addEventListener(\"mouseout\", (event) => outAcc(event, index));\r\n });\r\n\r\n function hoverAcc(event, index) {\r\n // Calculate the original width dynamically\r\n // let originalWidth = getComputedStyle(event.currentTarget).width;\r\n\r\n gsap.to(event.currentTarget, 0.7, {\r\n width: \"2000px\",\r\n });\r\n\r\n // Use forEach to iterate over siblings\r\n event.currentTarget.parentNode.childNodes.forEach((sibling) => {\r\n if (sibling !== event.currentTarget && sibling.nodeType === 1) {\r\n gsap.to(sibling, 0.7, {\r\n width: \"1000px\",\r\n });\r\n }\r\n });\r\n\r\n // Check if the hovered element is the second or third\r\n if (index === 1 || index === 2) {\r\n gsap.to(ctn[0], 0.7, {\r\n marginLeft: \"-100px\",\r\n });\r\n }\r\n\r\n if (index === 1) {\r\n gsap.to(ctn[1], 0.7, {\r\n width: \"3000px\",\r\n });\r\n\r\n gsap.to(ctn[0], 0.7, {\r\n marginLeft: \"-200px\",\r\n });\r\n }\r\n }\r\n\r\n function outAcc(event, index) {\r\n // Retrieve the dynamically calculated original width\r\n let originalWidth = getComputedStyle(event.currentTarget).width;\r\n\r\n gsap.to(event.currentTarget, 0.7, {\r\n width: originalWidth,\r\n });\r\n\r\n // Use forEach to iterate over siblings\r\n event.currentTarget.parentNode.childNodes.forEach((sibling) => {\r\n if (sibling !== event.currentTarget && sibling.nodeType === 1) {\r\n gsap.to(sibling, 0.7, {\r\n width: originalWidth,\r\n });\r\n }\r\n });\r\n\r\n // Check if the hovered element is the second or third\r\n if (index === 1 || index === 2) {\r\n gsap.to(ctn[0], 0.7, {\r\n marginLeft: \"0\",\r\n });\r\n }\r\n\r\n if (index === 1) {\r\n gsap.to(ctn[1], 0.7, {\r\n width: originalWidth,\r\n });\r\n }\r\n }\r\n}\r\n\r\n// function out() {\r\n// ctn.forEach(element => {\r\n// gsap.to(element, 0.7, {\r\n// width: 100 / ctn.length + '%',\r\n// ease: 'out(1)' // Back.easeOut is now 'back.out'\r\n// });\r\n// });\r\n// }\r\n\r\n/* ****************** End Middle dom ****************** */\r\n\r\n/* ****************** dom manipulation ****************** */\r\n\r\n// Append customCursor to the body\r\n// document.body.appendChild(customCursor);\r\n\r\ntitleCtn.forEach((element, index) => {\r\n element.addEventListener(\"mouseover\", (event) => hover(event, index));\r\n element.addEventListener(\"mouseout\", (event) => out(event, index));\r\n element.addEventListener(\"mousemove\", (event) => {\r\n // Update the position of the custom cursor based on the mouse pointer\r\n // customCursor.style.left = event.pageX + \"px\";\r\n // customCursor.style.top = event.pageY + \"px\";\r\n });\r\n});\r\n\r\nfunction hover(event, index) {\r\n if (isMobile()) {\r\n gsap.to(ctnHr[index], 0.5, {\r\n margin: \"20 0 10 0\",\r\n });\r\n gsap.to(descCtn[index], 0.3, {\r\n y: 0,\r\n opacity: 1,\r\n });\r\n gsap.to(titleCtn[index], 0.3, {\r\n color: \"rgb(203, 219, 67)\",\r\n });\r\n gsap.to(titleCtn[(0, 2)], 0.7, {\r\n height: 70,\r\n });\r\n gsap.to(titleCtn[1], 0.7, {\r\n height: 120,\r\n });\r\n gsap.to(previewVideos[index], 0.4, {\r\n opacity: 1,\r\n });\r\n gsap.to(videoOverlay, 0.4, {\r\n opacity: 0.4,\r\n });\r\n gsap.to(logoPortfolio, 0.4, {\r\n opacity: 0,\r\n });\r\n } else {\r\n gsap.to(ctnHr[index], 0.5, {\r\n margin: \"20 0 10 0\",\r\n });\r\n gsap.to(descCtn[index], 0.3, {\r\n y: 0,\r\n opacity: 1,\r\n });\r\n gsap.to(titleCtn[index], 0.3, {\r\n color: \"rgb(203, 219, 67)\",\r\n height: 100,\r\n });\r\n gsap.to(titleCtn[1], 0.7, {\r\n height: 190,\r\n });\r\n gsap.to(previewVideos[index], 0.4, {\r\n opacity: 1,\r\n });\r\n gsap.to(videoOverlay, 0.4, {\r\n opacity: 0.4,\r\n });\r\n gsap.to(logoPortfolio, 0.4, {\r\n opacity: 0,\r\n });\r\n }\r\n}\r\n\r\nfunction out(event, index) {\r\n gsap.to(ctnHr[index], 0.5, {\r\n margin: \"-12 0\",\r\n });\r\n gsap.to(descCtn[index], 0.3, {\r\n y: -100,\r\n opacity: 0,\r\n });\r\n gsap.to(titleCtn[index], 0.3, {\r\n color: \"transparent\",\r\n height: \"auto\",\r\n });\r\n gsap.to(previewVideos[index], 0.4, {\r\n opacity: 0,\r\n });\r\n gsap.to(videoOverlay, 0.4, {\r\n opacity: 1,\r\n });\r\n gsap.to(logoPortfolio, 0.4, {\r\n opacity: 0.4,\r\n });\r\n // customCursor.style.display = \"none\";\r\n}\r\n\r\nliElements.forEach((liElement, index) =>\r\n liElement.addEventListener(\"click\", () => {\r\n if (currentVideo && currentVideo.parentNode) {\r\n currentVideo.parentNode.removeChild(currentVideo);\r\n }\r\n // Save the current scroll position\r\n // const scrollPosition = window.scrollY;\r\n\r\n // Disable body scrolling\r\n wrapperCtn.style.overflow = \"hidden\";\r\n let newVideo = document.createElement(\"video\");\r\n newVideo.id = \"modalVideo\";\r\n let swapSrc = document.createElement(\"source\");\r\n swapSrc.src = videos[index];\r\n newVideo.appendChild(swapSrc);\r\n modalContent.appendChild(newVideo);\r\n modal.classList.remove(\"hidden\");\r\n modal.classList.add(\"shown\");\r\n // wrapperCtn.style.top = `-${scrollPosition}px`;\r\n newVideo.play();\r\n currentVideo = newVideo;\r\n mainTimeline.scrub = 0;\r\n // mainTimeline.scrollTrigger.pause();\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"portfolio\"),\r\n });\r\n // wrapperCtn.style.zIndex = \"500 !important\";\r\n mainTimeline.seek(\"portfolio\");\r\n mainTimeline.scrollTrigger.disable(false);\r\n })\r\n);\r\n\r\ncloseModal.addEventListener(\"click\", () => {\r\n if (currentVideo) {\r\n currentVideo.pause();\r\n currentVideo.parentNode.removeChild(currentVideo);\r\n currentVideo = null;\r\n // progress.style.zIndex = \"0 !important\";\r\n }\r\n wrapperCtn.style.overflow = \"\";\r\n // const scrollPosition = parseInt(document.body.style.top || \"0\", 10);\r\n // wrapperCtn.style.top = \"\";\r\n // window.scrollTo(0, -scrollPosition);\r\n modal.classList.remove(\"shown\");\r\n modal.classList.add(\"hidden\");\r\n\r\n gsap.to(window, {\r\n scrollTo: mainTimeline.scrollTrigger.labelToScroll(\"portfolio\"),\r\n });\r\n mainTimeline.seek(\"portfolio\");\r\n mainTimeline.scrollTrigger.enable(true);\r\n});\r\n\r\n/* ****************** end dom manipulation ****************** */\r\n\r\n/* ****************** end Portfolio dom ****************** */\r\n\r\n/* ******* Init svg animation ******* */\r\n\r\n/* ********** Frame animation function ********** */\r\n\r\n/* ******** Video frames ******** */\r\n\r\nlet urls1 = new Array(380)\r\n .fill()\r\n .map(\r\n (_, i) => `src/assets/camara-frames/introframes(${(i + 1).toString()}).webp`\r\n );\r\n\r\nurls1.forEach((url) => {\r\n let img = new Image();\r\n img.src = url;\r\n img.class = \"camara\";\r\n videoCamara.appendChild(img);\r\n});\r\n\r\n/* *********** END TIMELINE ********** */\r\n\r\n/* *********** INTRO SCROLLING ********** */\r\n\r\nmainTimeline\r\n .fromTo(\r\n \"#scrollea\",\r\n {\r\n display: \"none\",\r\n },\r\n {\r\n display: \"flex\",\r\n }\r\n )\r\n .addLabel(\"intro\");\r\n\r\nmainTimeline.fromTo(\r\n \"#scrollea\",\r\n {\r\n opacity: 1,\r\n duration: 8,\r\n x: 0,\r\n },\r\n {\r\n opacity: 0,\r\n duration: 8,\r\n x: -100,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#scrollea\",\r\n {\r\n display: \"flex\",\r\n },\r\n {\r\n display: \"none\",\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video\",\r\n {\r\n display: \"none\",\r\n },\r\n {\r\n display: \"flex\",\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-camara\",\r\n {\r\n opacity: 0,\r\n duration: 5,\r\n },\r\n {\r\n opacity: 1,\r\n duration: 5,\r\n }\r\n);\r\n\r\nconst cameraFrames = gsap.utils.toArray(\"#video-camara img\");\r\n\r\ncameraFrames.forEach((img, index) => {\r\n mainTimeline.fromTo(\r\n img,\r\n {\r\n display: \"none\",\r\n },\r\n {\r\n display: \"block\",\r\n stagger: 0.3,\r\n duration: 0.5,\r\n }\r\n );\r\n if (index < cameraFrames.length - 1) {\r\n mainTimeline.set(img, { display: \"none\" });\r\n }\r\n});\r\n\r\nmainTimeline.to(\"#video-camara\", {\r\n delay: 10,\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#texto\",\r\n {\r\n transform: \"scale(0)\",\r\n opacity: 0,\r\n duration: 10,\r\n delay: -50,\r\n },\r\n {\r\n transform: \"scale(1)\",\r\n opacity: 1,\r\n duration: 20,\r\n delay: -50,\r\n }\r\n);\r\n\r\nmainTimeline.to(\".fill\", {\r\n color: \"#D1D821\",\r\n stagger: 3,\r\n duration: 10,\r\n delay: 1,\r\n});\r\n\r\nmainTimeline.to(\"#texto\", {\r\n y: -800,\r\n duration: 30,\r\n delay: 5,\r\n});\r\n\r\nmainTimeline.to(\"#intro\", {\r\n opacity: 0,\r\n duration: 8,\r\n scrollTrigger: \"#portfolio\",\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#intro\",\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\n/* *********** END INTRO SCROLLING ********** */\r\n\r\n/* *********** PORTFOLIO SCROLLING ********** */\r\n\r\nmainTimeline.fromTo(\r\n \"#portfolio\",\r\n {\r\n display: \"none\",\r\n delay: -50,\r\n },\r\n {\r\n display: \"block\",\r\n delay: -50,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".portfolio\",\r\n {\r\n opacity: 0,\r\n zIndex: -1,\r\n delay: -30,\r\n },\r\n {\r\n opacity: 1,\r\n delay: -30,\r\n duration: 10,\r\n zIndex: 2,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#intro\",\r\n {\r\n zIndex: 1,\r\n visibility: \"visible\",\r\n },\r\n {\r\n zIndex: -1,\r\n visibility: \"hidden\",\r\n }\r\n);\r\n\r\n// Conditional tweens based on screen width\r\nif (isMobile()) {\r\n // If the screen width is 900px or less\r\n mainTimeline.fromTo(\r\n \".bg-rodaje\",\r\n {\r\n yPercent: 40,\r\n duration: 25,\r\n opacity: 0.8,\r\n scrollTrigger: \".sup-rodaje\",\r\n ease: \"power1.inOut\",\r\n },\r\n {\r\n yPercent: 0,\r\n duration: 25,\r\n opacity: 0.8,\r\n scrollTrigger: \".sup-rodaje\",\r\n ease: \"power1.inOut\",\r\n }\r\n );\r\n\r\n mainTimeline.fromTo(\r\n \".sup-rodaje\",\r\n {\r\n delay: 3,\r\n duration: 23,\r\n yPercent: 50,\r\n ease: \"power1.inOut\",\r\n },\r\n {\r\n delay: 3,\r\n duration: 23,\r\n yPercent: 0,\r\n ease: \"power1.inOut\",\r\n }\r\n );\r\n} else {\r\n // If the screen width is greater than 900px\r\n mainTimeline.to(\".bg-rodaje\", {\r\n yPercent: -66,\r\n duration: 25,\r\n opacity: 0.8,\r\n scrollTrigger: \".sup-rodaje\",\r\n ease: \"power1.inOut\",\r\n });\r\n\r\n mainTimeline.to(\".sup-rodaje\", {\r\n delay: 3,\r\n duration: 23,\r\n yPercent: -66,\r\n ease: \"power1.inOut\",\r\n });\r\n}\r\n\r\nmainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 0,\r\n y: 200,\r\n },\r\n {\r\n opacity: 1,\r\n y: 0,\r\n duration: 2,\r\n delay: -5,\r\n }\r\n);\r\n\r\nmainTimeline.to(\".txt-ctn-1 .txt-row h2\", {\r\n opacity: 1,\r\n duration: 5,\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-1 .dup-ctn span\", {\r\n opacity: 1,\r\n stagger: 1,\r\n duration: 3,\r\n scrollTrigger: \".dup-ctn span\",\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-1 .dup-ctn span\", {\r\n color: \"#D1D821\",\r\n stagger: 1,\r\n duration: 3,\r\n delay: 5,\r\n});\r\n\r\nmainTimeline.to(\".sup-rodaje.zoomed\", {\r\n duration: 3,\r\n opacity: 1,\r\n delay: 10,\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-1\", {\r\n duration: 5,\r\n opacity: 0,\r\n});\r\n\r\nmainTimeline.to(\"#rect1\", {\r\n attr: { rx: \"8.5\", y: \"34\", width: \"17\", height: \"43.4444\" },\r\n fill: \"#D9D9D9\",\r\n duration: 1,\r\n});\r\n\r\nmainTimeline.to(\"#rect2\", {\r\n attr: { rx: \"12.2778\", y: \"0\", width: \"24.5556\", height: \"86.8889\" },\r\n fill: \"#CBDB43\",\r\n duration: 1,\r\n});\r\n\r\nif (isMobile()) {\r\n mainTimeline.to(\".sup-rodaje\", {\r\n duration: 10,\r\n scale: 2.5,\r\n transformOrigin: \"49% bottom\",\r\n scrollTrigger: \".txt-ctn-2 .txt-row h2, .bg-overlay\",\r\n });\r\n} else {\r\n mainTimeline.to(\".sup-rodaje\", {\r\n duration: 10,\r\n scale: 2.5,\r\n transformOrigin: \"32% bottom\",\r\n scrollTrigger: \".txt-ctn-2 .txt-row h2, .bg-overlay\",\r\n });\r\n}\r\n\r\nmainTimeline.to(\".bg-overlay\", {\r\n duration: 5,\r\n opacity: 0.3,\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-2 .txt-row h2\", {\r\n opacity: 1,\r\n duration: 4,\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-2 .dup-ctn span\", {\r\n opacity: 1,\r\n stagger: 1,\r\n duration: 2,\r\n scrollTrigger: \".dup-ctn span\",\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-2 .dup-ctn span\", {\r\n color: \"#D1D821\",\r\n stagger: 1,\r\n duration: 2,\r\n delay: 4,\r\n});\r\n\r\nmainTimeline.to(\".txt-ctn-2\", {\r\n opacity: 0,\r\n duration: 4,\r\n delay: 4,\r\n});\r\n\r\nmainTimeline.to(\".pf-accordion-outer\", {\r\n opacity: 1,\r\n duration: 4,\r\n scrollTrigger: \".bg-overlay\",\r\n zIndex: 20,\r\n});\r\n\r\nmainTimeline.to(\".bg-overlay\", {\r\n duration: 4,\r\n opacity: 0.5,\r\n scrollTrigger: \".pf-accordion-outer ol li h2\",\r\n});\r\n\r\nmainTimeline.to(\".pf-accordion-outer ol li h2\", {\r\n y: 0,\r\n opacity: 1,\r\n stagger: 1,\r\n duration: 3,\r\n delay: 2,\r\n});\r\n\r\nmainTimeline\r\n .to(\".pf-accordion\", {\r\n delay: 10,\r\n opacity: 1,\r\n duration: 2,\r\n })\r\n .addLabel(\"portfolio\");\r\n\r\nmainTimeline.to(\".pf-accordion\", {\r\n delay: 5,\r\n opacity: 0,\r\n duration: 6,\r\n scrollTrigger: \".pf-accordion\",\r\n});\r\n\r\nmainTimeline.to(\".pf-accordion-outer ol li h2\", {\r\n y: 30,\r\n opacity: 0,\r\n stagger: 1,\r\n delay: 4,\r\n duration: 5,\r\n});\r\n\r\nmainTimeline.to(\".pf-accordion-outer ol li h2\", {\r\n duration: 0,\r\n display: \"none\",\r\n});\r\n\r\nif (isMobile()) {\r\n mainTimeline.fromTo(\r\n \".sup-rodaje.zoomed, .sup-rodaje\",\r\n {\r\n transformOrigin: \"49% 100%\",\r\n scale: 2.5,\r\n duration: 5,\r\n y: 0,\r\n },\r\n {\r\n delay: 4,\r\n duration: 10,\r\n scale: 30,\r\n y: 1300,\r\n transformOrigin: \"50% 100%\",\r\n scrollTrigger: \".box-ctn\",\r\n }\r\n );\r\n} else {\r\n mainTimeline.to(\".sup-rodaje\", {\r\n delay: 4,\r\n duration: 10,\r\n width: \"450%\",\r\n left: \"-290%\",\r\n top: \"-200%\",\r\n scrollTrigger: \".box-ctn\",\r\n });\r\n}\r\n\r\nif (isMobile()) {\r\n mainTimeline.fromTo(\r\n \".vid-overlay\",\r\n {\r\n opacity: 1,\r\n duration: 1,\r\n },\r\n {\r\n opacity: 0,\r\n duration: 1,\r\n }\r\n );\r\n mainTimeline.fromTo(\r\n \".box-ctn\",\r\n {\r\n backgroundColor: \"transparent\",\r\n duration: 5,\r\n },\r\n {\r\n backgroundColor: \"transparent\",\r\n duration: 5,\r\n }\r\n );\r\n mainTimeline.to(\".box-ctn\", {\r\n delay: -2,\r\n duration: 9,\r\n transform: \"scale(4.1)\",\r\n top: \"50%\",\r\n });\r\n} else {\r\n mainTimeline.to(\".box-ctn\", {\r\n delay: 4,\r\n duration: 7.5,\r\n transform: \"scale(4)\",\r\n opacity: 0,\r\n xPercent: -100,\r\n top: \"30%\",\r\n });\r\n}\r\n\r\nmainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 1,\r\n y: 0,\r\n },\r\n {\r\n opacity: 0,\r\n y: 200,\r\n duration: 5,\r\n delay: 0,\r\n }\r\n);\r\n\r\nmainTimeline.to(\".portfolio\", {\r\n opacity: 0,\r\n duration: 8,\r\n});\r\n\r\n/* *********** END PORTFOLIO SCROLLING ********** */\r\n\r\n/* *********** MIDDLE SCROLLING ********** */\r\n\r\nmainTimeline.fromTo(\r\n \"#middle\",\r\n {\r\n opacity: 0,\r\n zIndex: -1,\r\n },\r\n {\r\n opacity: 1,\r\n duration: 8,\r\n delay: -10,\r\n zIndex: 3,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#middleVidCtn\",\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"block\",\r\n duration: 0,\r\n onStart: () => {\r\n middleVideo.play();\r\n },\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#middleVidCtn\",\r\n {\r\n opacity: 0,\r\n duration: 4,\r\n },\r\n {\r\n opacity: 1,\r\n duration: 4,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#portfolio\",\r\n {\r\n display: \"block\",\r\n delay: 0,\r\n },\r\n {\r\n display: \"none\",\r\n delay: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#middleVidCtn\",\r\n {\r\n opacity: 1,\r\n duration: 10,\r\n delay: -10,\r\n },\r\n {\r\n opacity: 0,\r\n duration: 10,\r\n delay: 20,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#middleVidCtn\",\r\n {\r\n display: \"block\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".bg-video\",\r\n {\r\n delay: -10,\r\n opacity: 0,\r\n duration: 5,\r\n },\r\n {\r\n delay: -10,\r\n opacity: 0.1,\r\n duration: 5,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 0,\r\n delay: 5,\r\n y: 200,\r\n },\r\n {\r\n opacity: 1,\r\n y: 0,\r\n duration: 4,\r\n delay: 5,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".accordion\",\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline\r\n .fromTo(\r\n \"#middle .text\",\r\n {\r\n y: 1000,\r\n duration: 10,\r\n },\r\n {\r\n y: 0,\r\n stagger: 1,\r\n duration: 10,\r\n }\r\n )\r\n .addLabel(\"start-tiempo\");\r\n\r\nmainTimeline.to(\"#rect2\", {\r\n attr: { rx: \"8.5\", y: \"34\", width: \"17\", height: \"43.4444\" },\r\n fill: \"#D9D9D9\",\r\n duration: 1,\r\n});\r\n\r\nmainTimeline\r\n .to(\"#rect3\", {\r\n attr: { rx: \"12.2778\", y: \"0\", width: \"24.5556\", height: \"86.8889\" },\r\n fill: \"#CBDB43\",\r\n duration: 1,\r\n })\r\n .addLabel(\"servicios\");\r\n\r\nmainTimeline.to(\"#middle #text-container .letter\", {\r\n color: \"#D1D821\",\r\n stagger: 1.5,\r\n duration: 3,\r\n});\r\n\r\nif (isMobile()) {\r\n mainTimeline.fromTo(\r\n \"#middle .text\",\r\n {\r\n y: 0,\r\n },\r\n {\r\n y: -2000,\r\n delay: 3,\r\n duration: 50,\r\n scrollTrigger: \".acc-borders\",\r\n }\r\n );\r\n mainTimeline.fromTo(\r\n \".acc-borders\",\r\n {\r\n opacity: 1,\r\n x: 1000,\r\n duration: 20,\r\n width: \"0vw\",\r\n delay: -10,\r\n scrollTrigger: \".accordion #parent\",\r\n },\r\n {\r\n opacity: 1,\r\n x: 0,\r\n duration: 20,\r\n width: \"400vw\",\r\n delay: -10,\r\n scrollTrigger: \".accordion #parent\",\r\n }\r\n );\r\n mainTimeline\r\n .fromTo(\r\n \".accordion #parent\",\r\n {\r\n y: 2000,\r\n duration: 20,\r\n delay: -5,\r\n },\r\n {\r\n y: 0,\r\n duration: 20,\r\n delay: -5,\r\n }\r\n )\r\n .addLabel(\"servicios\");\r\n} else {\r\n mainTimeline.fromTo(\r\n \"#middle #text-container\",\r\n {\r\n x: 0,\r\n },\r\n {\r\n x: -2000,\r\n delay: 3,\r\n duration: 30,\r\n }\r\n );\r\n mainTimeline.to(\".acc-borders\", {\r\n opacity: 1,\r\n x: 0,\r\n duration: 20,\r\n width: \"400vw\",\r\n delay: -30,\r\n });\r\n mainTimeline\r\n .fromTo(\r\n \".accordion\",\r\n {\r\n x: 2000,\r\n delay: -20,\r\n duration: 20,\r\n },\r\n {\r\n x: 0,\r\n delay: -20,\r\n duration: 20,\r\n }\r\n )\r\n .addLabel(\"servicios\");\r\n}\r\n\r\nmainTimeline.to(\".accordion\", {\r\n rotateX: -69.3,\r\n duration: 10,\r\n delay: 30,\r\n});\r\n\r\nmainTimeline.to(\".accordion\", {\r\n opacity: 0,\r\n duration: 2,\r\n delay: -4,\r\n});\r\n\r\nmainTimeline.to(\".bg-video\", {\r\n opacity: 0,\r\n duration: 10,\r\n delay: -10,\r\n});\r\n\r\n/* *********** END MIDDLE SCROLLING ********** */\r\n\r\n/* *********** TIEMPO SCROLLING ********** */\r\n\r\nmainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 1,\r\n },\r\n {\r\n opacity: 0,\r\n duration: 16,\r\n delay: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo\",\r\n {\r\n opacity: 0,\r\n duration: 0,\r\n },\r\n {\r\n opacity: 1,\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".bg-video\",\r\n {\r\n rotateX: \"0\",\r\n duration: 0,\r\n },\r\n {\r\n rotateX: \"-65deg\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".accordion\",\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\n/* mainTimeline.fromTo(\"svg#TEXT\", {\r\n opacity: 0,\r\n duration: 0\r\n}, {\r\n opacity: 1,\r\n duration: 0\r\n}); */\r\n\r\n// mainTimeline.to(\"#video-tiempo\", {\r\n// scrollTrigger: {\r\n// trigger: \"#video-tiempo\",\r\n// onEnter: () => {\r\n// startCountdown();\r\n// },\r\n// onLeave: () => {\r\n// stopCountdown();\r\n// }\r\n// }\r\n// });\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo\",\r\n {\r\n zIndex: -1,\r\n rotateX: 115.3,\r\n },\r\n {\r\n zIndex: 4,\r\n rotateX: 0,\r\n // translateY: -90,\r\n duration: 10,\r\n scrollTrigger: \".accordion\",\r\n onStart: () => {\r\n startCountdown();\r\n },\r\n }\r\n);\r\n\r\nmainTimeline.to(\"#video-tiempo #text-container-2 .text\", {\r\n y: 1500,\r\n duration: 0,\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#tiempoVidCtn\",\r\n {\r\n opacity: 0,\r\n delay: -10,\r\n },\r\n {\r\n opacity: 1,\r\n duration: 6,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo #text-container-2\",\r\n {\r\n x: -2000,\r\n duration: 0,\r\n delay: -10,\r\n },\r\n {\r\n x: 0,\r\n duration: 0,\r\n delay: -10,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo #text-container-2 .text\",\r\n {\r\n y: 1500,\r\n delay: 15,\r\n },\r\n {\r\n y: 0,\r\n stagger: 0.5,\r\n duration: 8,\r\n delay: 10,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo #text-container-2 .letter\",\r\n {\r\n color: \"transparent\",\r\n duration: 4,\r\n delay: 15,\r\n },\r\n {\r\n color: \"rgb(203, 219, 67)\",\r\n stagger: 4,\r\n duration: 4,\r\n delay: 15,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo\",\r\n {\r\n rotateX: 0,\r\n duration: 20,\r\n },\r\n {\r\n rotateX: 110,\r\n duration: 20,\r\n scrollTrigger: \".accordion\",\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo\",\r\n {\r\n opacity: 1,\r\n duration: 20,\r\n scrollTrigger: \".accordion\",\r\n },\r\n {\r\n opacity: 0,\r\n // delay: 12,\r\n duration: 20,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#video-tiempo\",\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#txt-container-2\",\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".bg-video\",\r\n {\r\n opacity: 0,\r\n duration: 0,\r\n },\r\n {\r\n opacity: 0.1,\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".bg-video\",\r\n {\r\n rotateX: -65,\r\n duration: 20,\r\n },\r\n {\r\n rotateX: 0,\r\n duration: 20,\r\n }\r\n);\r\n\r\n/* *********** TIEMPO SCROLLING ********** */\r\n\r\n/* **************** SECCION FINAL ***************** */\r\n\r\nconst carouselCtn = document.getElementById(\"carousel-container\");\r\nconst carousel = document.getElementById(\"carouselFig\");\r\n\r\nif (carouselCtn.style.transform === \"scale(1)\") {\r\n carousel.style.animation = \"rotateAnim 30s infinite forwards\";\r\n}\r\n\r\nmainTimeline.fromTo(\r\n \"#txt-container-2\",\r\n {\r\n zIndex: -1,\r\n opacity: 0,\r\n duration: 10,\r\n delay: -20,\r\n },\r\n {\r\n zIndex: 5,\r\n opacity: 1,\r\n duration: 10,\r\n delay: -20,\r\n }\r\n);\r\n\r\nif (isMobile()) {\r\n mainTimeline.fromTo(\r\n \"#p1\",\r\n {\r\n y: 2000,\r\n x: 0\r\n },\r\n {\r\n y: 150,\r\n x: 0,\r\n duration: 25,\r\n }\r\n );\r\n\r\n mainTimeline.fromTo(\r\n \"#p2\",\r\n {\r\n y: 2000,\r\n x: 0\r\n },\r\n {\r\n y: 150,\r\n x: 0,\r\n duration: 30,\r\n delay: -18,\r\n }\r\n );\r\n\r\n mainTimeline.to(\"#p1\", {\r\n delay: 20,\r\n duration: 30,\r\n y: -2000,\r\n });\r\n\r\n mainTimeline.to(\"#p2\", {\r\n delay: -30,\r\n duration: 20,\r\n y: -50,\r\n // scrollTrigger: '#mobileBrandsCtn'\r\n });\r\n\r\n mainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 0,\r\n y: 200,\r\n },\r\n {\r\n opacity: 1,\r\n y: 0,\r\n duration: 16,\r\n delay: -2,\r\n }\r\n );\r\n\r\n mainTimeline.to(\"#rect3\", {\r\n attr: { rx: \"8.5\", y: \"34\", width: \"17\", height: \"43.4444\" },\r\n fill: \"#D9D9D9\",\r\n duration: 1,\r\n });\r\n\r\n mainTimeline.to(\"#rect4\", {\r\n attr: { rx: \"12.2778\", y: \"0\", width: \"24.5556\", height: \"86.8889\" },\r\n fill: \"#CBDB43\",\r\n duration: 1,\r\n });\r\n\r\n mainTimeline.fromTo('#mobileBrandsCtn', {\r\n visibility: 'hidden',\r\n y: 200,\r\n x: 0\r\n }, {\r\n visibility: 'visible',\r\n y: 0,\r\n x: 0,\r\n duration: 5,\r\n // scrollTrigger: '#p2'\r\n })\r\n\r\n} else {\r\n mainTimeline.fromTo(\r\n \"#p1\",\r\n {\r\n x: 2000,\r\n },\r\n {\r\n x: 0,\r\n duration: 25,\r\n }\r\n );\r\n\r\n mainTimeline.fromTo(\r\n \"#p2\",\r\n {\r\n x: 2000,\r\n },\r\n {\r\n x: 0,\r\n duration: 30,\r\n delay: -18,\r\n }\r\n );\r\n\r\n mainTimeline.to(\"#p1\", {\r\n delay: 20,\r\n duration: 30,\r\n x: -2000,\r\n });\r\n\r\n mainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 0,\r\n y: 200,\r\n },\r\n {\r\n opacity: 1,\r\n y: 0,\r\n duration: 16,\r\n delay: -2,\r\n }\r\n );\r\n\r\n mainTimeline.to(\"#p1\", {\r\n opacity: 0,\r\n duration: 0,\r\n });\r\n\r\n mainTimeline.to(\"#rect3\", {\r\n attr: { rx: \"8.5\", y: \"34\", width: \"17\", height: \"43.4444\" },\r\n fill: \"#D9D9D9\",\r\n duration: 1,\r\n });\r\n\r\n mainTimeline.to(\"#rect4\", {\r\n attr: { rx: \"12.2778\", y: \"0\", width: \"24.5556\", height: \"86.8889\" },\r\n fill: \"#CBDB43\",\r\n duration: 1,\r\n });\r\n\r\n mainTimeline.to(\"#p2\", {\r\n delay: -30,\r\n duration: 20,\r\n y: 150,\r\n });\r\n}\r\n\r\nmainTimeline.fromTo(\r\n \".flipLogoContainer\",\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#carousel-container\",\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n delay: -20,\r\n },\r\n {\r\n display: \"block\",\r\n duration: 0,\r\n delay: -20,\r\n }\r\n);\r\n\r\nmainTimeline\r\n .fromTo(\r\n \"#carousel-container\",\r\n {\r\n transform: \"scale(0)\",\r\n duration: 10,\r\n delay: -20,\r\n },\r\n {\r\n transform: \"scale(1.3)\",\r\n duration: 10,\r\n delay: -20,\r\n }\r\n )\r\n .addLabel(\"clientes\");\r\n\r\nmainTimeline.to(\"#txt-container-2\", {\r\n delay: 30,\r\n y: 800,\r\n duration: 30,\r\n transform: \"scale(0.5)\",\r\n opacity: 0,\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#txt-container-2\",\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#progressbar-ctn\",\r\n {\r\n opacity: 1,\r\n duration: 100,\r\n },\r\n {\r\n opacity: 0,\r\n duration: 2,\r\n delay: 20,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".bg-video\",\r\n {\r\n opacity: 0.1,\r\n duration: 12,\r\n delay: -15,\r\n },\r\n {\r\n opacity: 0.2,\r\n duration: 12,\r\n delay: -15,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \"#svgOutro\",\r\n {\r\n y: -1000,\r\n transform: \"scale(2.5)\",\r\n duration: 20,\r\n delay: -20,\r\n opacity: 0,\r\n },\r\n {\r\n delay: -20,\r\n y: 0,\r\n transform: \"scale(1.6)\",\r\n duration: 20,\r\n opacity: 1,\r\n }\r\n);\r\n\r\nmainTimeline.to(\"#svgOutro\", {\r\n delay: 10,\r\n duration: 70,\r\n rotateY: 809,\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#txt-container-2\",\r\n {\r\n display: \"flex\",\r\n duration: 0,\r\n },\r\n {\r\n display: \"none\",\r\n duration: 0,\r\n }\r\n);\r\n\r\nmainTimeline.to(\"#svgOutro\", {\r\n visibility: \"hidden\",\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"#textAllCtn\",\r\n {\r\n visibility: \"hidden\",\r\n rotateY: -90,\r\n duration: 8,\r\n },\r\n {\r\n visibility: \"visible\",\r\n rotateY: 0,\r\n duration: 8,\r\n delay: 15,\r\n }\r\n);\r\n\r\nmainTimeline.staggerTo(\r\n [\".charSpan\"],\r\n 1,\r\n {\r\n color: \"#D1D821\",\r\n stagger: 1,\r\n duration: 80,\r\n },\r\n 2\r\n);\r\n\r\nmainTimeline.to(\".charSpan\", {\r\n delay: 10,\r\n});\r\n\r\nmainTimeline.to(\"#textAllCtn\", {\r\n scale: 0.6,\r\n y: -100,\r\n duration: 15,\r\n});\r\n\r\nmainTimeline.to(\".subTextContainer\", {\r\n y: 0,\r\n visibility: \"visible\",\r\n});\r\n\r\nmainTimeline.fromTo(\r\n \"nav .social-ctn a\",\r\n {\r\n scale: 1,\r\n duration: 4,\r\n },\r\n {\r\n scale: 0,\r\n duration: 4,\r\n }\r\n);\r\n\r\nmainTimeline.fromTo(\r\n \".svgSocial\",\r\n { scale: 0, duration: 10 },\r\n { scale: 1, duration: 10 }\r\n);\r\n\r\nmainTimeline.staggerTo(\r\n [\".charSpan2\"],\r\n 3,\r\n {\r\n color: \"#D1D821\",\r\n opacity: 1,\r\n duration: 25,\r\n },\r\n 0.5\r\n);\r\n\r\nconst link1 = document.querySelector(\"nav section#menu ul li:nth-of-type(3) a\");\r\n\r\nlink1.addEventListener(\"click\", (event) => {\r\n event.preventDefault();\r\n\r\n console.log(\"clicked\");\r\n\r\n const percentage = 50; // Adjust this value as needed\r\n\r\n const windowHeight =\r\n window.innerHeight || document.documentElement.clientHeight;\r\n const targetPosition =\r\n (document.body.scrollHeight - windowHeight) * (percentage / 100);\r\n\r\n window.scrollTo({\r\n top: targetPosition,\r\n behavior: \"smooth\",\r\n });\r\n});\r\n\r\n/******** JS MEDIA QUERIES ********/\r\n"], + "mappings": "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AO,GACT,EACA,CACE,UAAW,WACX,QAAS,EACT,SAAU,GACV,MAAO,GACT,CACF,EAEAA,EAAa,GAAG,QAAS,CACvB,MAAO,UACP,QAAS,EACT,SAAU,GACV,MAAO,CACT,CAAC,EAEDA,EAAa,GAAG,SAAU,CACxB,EAAG,KACH,SAAU,GACV,MAAO,CACT,CAAC,EAEDA,EAAa,GAAG,SAAU,CACxB,QAAS,EACT,SAAU,EACV,cAAe,YACjB,CAAC,EAEDA,EAAa,OACX,SACA,CACE,QAAS,OACT,SAAU,CACZ,EACA,CACE,QAAS,OACT,SAAU,CACZ,CACF,EAMAA,EAAa,OACX,aACA,CACE,QAAS,OACT,MAAO,GACT,EACA,CACE,QAAS,QACT,MAAO,GACT,CACF,EAEAA,EAAa,OACX,aACA,CACE,QAAS,EACT,OAAQ,GACR,MAAO,GACT,EACA,CACE,QAAS,EACT,MAAO,IACP,SAAU,GACV,OAAQ,CACV,CACF,EAEAA,EAAa,OACX,SACA,CACE,OAAQ,EACR,WAAY,SACd,EACA,CACE,OAAQ,GACR,WAAY,QACd,CACF,EAGIlB,EAAS,GAEXkB,EAAa,OACX,aACA,CACE,SAAU,GACV,SAAU,GACV,QAAS,GACT,cAAe,cACf,KAAM,cACR,EACA,CACE,SAAU,EACV,SAAU,GACV,QAAS,GACT,cAAe,cACf,KAAM,cACR,CACF,EAEAA,EAAa,OACX,cACA,CACE,MAAO,EACP,SAAU,GACV,SAAU,GACV,KAAM,cACR,EACA,CACE,MAAO,EACP,SAAU,GACV,SAAU,EACV,KAAM,cACR,CACF,IAGAA,EAAa,GAAG,aAAc,CAC5B,SAAU,IACV,SAAU,GACV,QAAS,GACT,cAAe,cACf,KAAM,cACR,CAAC,EAEDA,EAAa,GAAG,cAAe,CAC7B,MAAO,EACP,SAAU,GACV,SAAU,IACV,KAAM,cACR,CAAC,GAGHA,EAAa,OACX,mBACA,CACE,QAAS,EACT,EAAG,GACL,EACA,CACE,QAAS,EACT,EAAG,EACH,SAAU,EACV,MAAO,EACT,CACF,EAEAA,EAAa,GAAG,yBAA0B,CACxC,QAAS,EACT,SAAU,CACZ,CAAC,E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CACF,EACAA,EAAa,OACX,eACA,CACE,QAAS,EACT,EAAG,IACH,SAAU,GACV,MAAO,MACP,MAAO,IACP,cAAe,oBACjB,EACA,CACE,QAAS,EACT,EAAG,EACH,SAAU,GACV,MAAO,QACP,MAAO,IACP,cAAe,oBACjB,CACF,EACAA,EACG,OACC,qBACA,CACE,EAAG,IACH,SAAU,GACV,MAAO,EACT,EACA,CACE,EAAG,EACH,SAAU,GACV,MAAO,EACT,CACF,EACC,SAAS,WAAW,IAEvBA,EAAa,OACX,0BACA,CACE,EAAG,CACL,EACA,CACE,EAAG,KACH,MAAO,EACP,SAAU,EACZ,CACF,EACAA,EAAa,GAAG,eAAgB,CAC9B,QAAS,EACT,EAAG,EACH,SAAU,GACV,MAAO,QACP,MAAO,GACT,CAAC,EACDA,EACG,OACC,aACA,CACE,EAAG,IACH,MAAO,IACP,SAAU,EACZ,EACA,CACE,EAAG,EACH,MAAO,IACP,SAAU,EACZ,CACF,EACC,SAAS,WAAW,GAGzBA,EAAa,GAAG,aAAc,CAC5B,QAAS,MACT,SAAU,GACV,MAAO,EACT,CAAC,EAEDA,EAAa,GAAG,aAAc,CAC5B,QAAS,EACT,SAAU,EACV,MAAO,EACT,CAAC,EAEDA,EAAa,GAAG,YAAa,CAC3B,QAAS,EACT,SAAU,GACV,MAAO,GACT,CAAC,EAMDA,EAAa,OACX,mBACA,CACE,QAAS,CACX,EACA,CACE,QAAS,EACT,SAAU,GACV,MAAO,CACT,CACF,EAEAA,EAAa,OACX,gBACA,CACE,QAAS,EACT,SAAU,CACZ,EACA,CACE,QAAS,EACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,YACA,CACE,QAAS,IACT,SAAU,CACZ,EACA,CACE,QAAS,SACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,aACA,CACE,QAAS,OACT,SAAU,CACZ,EACA,CACE,QAAS,OACT,SAAU,CACZ,CACF,EAsBAA,EAAa,OACX,gBACA,CACE,OAAQ,GACR,QAAS,KACX,EACA,CACE,OAAQ,EACR,QAAS,EAET,SAAU,GACV,cAAe,aACf,QAAS,IAAM,CACbf,EAAe,CACjB,CACF,CACF,EAEAe,EAAa,GAAG,wCAAyC,CACvD,EAAG,KACH,SAAU,CACZ,CAAC,EAEDA,EAAa,OACX,gBACA,CACE,QAAS,EACT,MAAO,GACT,EACA,CACE,QAAS,EACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,kCACA,CACE,EAAG,KACH,SAAU,EACV,MAAO,GACT,EACA,CACE,EAAG,EACH,SAAU,EACV,MAAO,GACT,CACF,EAEAA,EAAa,OACX,wCACA,CACE,EAAG,KACH,MAAO,EACT,EACA,CACE,EAAG,EACH,QAAS,GACT,SAAU,EACV,MAAO,EACT,CACF,EAEAA,EAAa,OACX,0CACA,CACE,MAAO,cACP,SAAU,EACV,MAAO,EACT,EACA,CACE,MAAO,oBACP,QAAS,EACT,SAAU,EACV,MAAO,EACT,CACF,EAEAA,EAAa,OACX,gBACA,CACE,QAAS,EACT,SAAU,EACZ,EACA,CACE,QAAS,IACT,SAAU,GACV,cAAe,YACjB,CACF,EAEAA,EAAa,OACX,gBACA,CACE,QAAS,EACT,SAAU,GACV,cAAe,YACjB,EACA,CACE,QAAS,EAET,SAAU,EACZ,CACF,EAEAA,EAAa,OACX,gBACA,CACE,QAAS,OACT,SAAU,CACZ,EACA,CACE,QAAS,OACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,mBACA,CACE,QAAS,OACT,SAAU,CACZ,EACA,CACE,QAAS,OACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,YACA,CACE,QAAS,EACT,SAAU,CACZ,EACA,CACE,QAAS,GACT,SAAU,CACZ,CACF,EAEAA,EAAa,OACX,YACA,CACE,QAAS,IACT,SAAU,EACZ,EACA,CACE,QAAS,EACT,SAAU,EACZ,CACF,EAMA,IAAMqE,EAAc,SAAS,eAAe,oBAAoB,EAC1DC,EAAW,SAAS,eAAe,aAAa,EAElDD,EAAY,MAAM,YAAc,aAClCC,EAAS,MAAM,UAAY,oCAG7BtE,EAAa,OACX,mBACA,CACE,OAAQ,GACR,QAAS,EACT,SAAU,GACV,MAAO,GACT,EACA,CACE,OAAQ,EACR,QAAS,EACT,SAAU,GACV,MAA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", + "names": ["isMobile", "countdownStarted", "countdownInterval", "startCountdown", "minutes", "seconds", "milliseconds", "formattedTime", "renderCountdown", "time", "countdownContainer", "paths", "path", "length", "lenis", "raf", "init", "timeout", "mainTimeline", "body", "collapse", "menu", "navItems", "separators", "icon", "social", "wrapperCtn", "expandBtns", "expandBtnImgs", "bubbles", "x", "y", "menuTl", "isRotated", "links", "a", "e", "logoCtn", "scrollCtn", "videoCamara", "middleVideo", "tiempoVideo", "progressBar", "nav", "txtCtn", "titleCtn", "hoveredTitleCtn", "descCtn", "ctnHr", "previewVideos", "logoPortfolio", "videoOverlay", "videoTiempo", "videoTiempoSection", "txtContainers", "txtInnerCtn", "liElements", "modal", "modalContent", "videoEl", "closeModal", "middleVidSection", "portfolioSection", "videos", "currentVideo", "ctn", "childTitleCtn", "isOpen", "btn", "index", "i", "hoverAcc", "event", "sibling", "outAcc", "originalWidth", "element", "hover", "out", "liElement", "newVideo", "swapSrc", "urls1", "_", "url", "img", "cameraFrames", "carouselCtn", "carousel", "link1", "percentage", "windowHeight", "targetPosition"] }