-
Notifications
You must be signed in to change notification settings - Fork 0
/
bundle.js
79 lines (79 loc) · 27.7 KB
/
bundle.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
function n(){return window.innerWidth<=900}var B=!1,_;function V(){if(!B){B=!0,clearInterval(_);let r=1,e=30,t=1e3;_=setInterval(function(){t-=100,t<=0&&(t=1e3,e--,e<=0&&(r--,r===0&&e===0?(r=1,e=30,t=1e3,V()):e=59));let a=`00:${String(r).padStart(2,"0")}:${String(e).padStart(2,"0")}:${String(Math.floor(t/100)).padStart(2,"0")}`;Y(a)},100)}}function Y(r){let e=document.getElementById("countdown-timer");e&&(e.innerText=r)}gsap.registerPlugin(ScrollTrigger,ScrollToPlugin);var F=new Lenis;function X(r){F.raf(r),requestAnimationFrame(X)}requestAnimationFrame(X);window.onload=()=>{let r=document.getElementById("init");r.style.animation="fadeOutAnimation 1s",setTimeout(()=>{r.style.display="none"},1e3)};var R=setTimeout(()=>{window.location.href="/error"},1e4);window.addEventListener("load",()=>{clearTimeout(R)});var o=gsap.timeline({scrollTrigger:{trigger:"main.wrapper",start:"top top",end:"bottom+=3000% bottom",scrub:!0,pin:!0,inertia:!0}}),io=document.querySelector("html"),d=document.getElementById("body"),E=document.getElementById("collapse"),I=document.getElementById("menu"),J=document.getElementsByClassName("nav-item"),k=document.getElementsByClassName("separator"),H=document.getElementById("buttonIcon"),i=document.querySelectorAll(".social-img"),D=document.querySelector(".wrapper"),v=document.querySelectorAll(".expand"),A=document.querySelectorAll(".btn-img"),M=document.getElementById("txt-container-2"),N=document.getElementById("desliza"),U=document.querySelector("#subir #subirbtn");d.addEventListener("mousemove",r=>{if(n())return;let e=document.createElement("bubbles"),t=r.pageX,a=r.pageY;e.style.left=t+"px",e.style.top=a+"px",e.style.width="25px",e.style.height="25px",document.body.className.match("open")?(e.style.background="rgb(29, 62, 78)",e.style.boxShadow="10px 10px 30px rgb(29, 62, 78), -10px -10px 30px rgb(29, 62, 78)"):(e.style.background="#D1D821",e.style.boxShadow="10px 10px 30px #D1D821, -10px -10px 30px #D1D821"),document.body.appendChild(e),setTimeout(function(){e.remove()},500)});var c=gsap.timeline({paused:!0});n()?(c.fromTo(I,{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"}),c.fromTo(k,{y:1e3},{y:0,transformOrigin:"100% 50%",duration:.5})):(c.fromTo(I,{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"}),c.fromTo(k,{x:1e3},{x:0,transformOrigin:"100% 50%",duration:.5}));c.fromTo(J,{opacity:0,y:50},{opacity:1,y:0,duration:.5});var g=!1;E.addEventListener("click",()=>{c.isActive()&&c.reversed()||(g=!g,H.src=g?"src/assets/x-dark.png":"src/assets/Menu.png",E.style.transform=g?"rotate(90deg)":"rotate(0deg)",d.className.match("close")?(d.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"):d.className.includes("open")&&(d.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"),c.totalProgress()===0?c.play():c.totalProgress()>0&&c.reverse())});var $=gsap.utils.toArray(".nav-link");$.forEach(r=>{r.addEventListener("click",e=>{e.preventDefault(),r.innerText.toLowerCase()==="inicio"?gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("intro"),duration:0}):r.innerText.toLowerCase()==="portfolio"?gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("portfolio"),duration:3}):r.innerText.toLowerCase()==="servicios"?gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("servicios"),duration:3}):r.innerText.toLowerCase()==="clientes"&&gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("clientes"),duration:3}),g=!g,H.src=g?"src/assets/x-dark.png":"src/assets/Menu.png",E.style.transform=g?"rotate(90deg)":"rotate(0deg)",d.className.match("close")?(d.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"):d.className.includes("open")&&(d.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"),c.paused()||c.totalProgress()===0?c.play():c&&c.reverse()})});var co=document.getElementById("init"),no=document.getElementById("scrollea"),W=document.getElementById("video-camara"),f=document.getElementById("middleVidCtn"),lo=document.getElementById("tiempoVidCtn"),po=document.getElementById("progressbar-ctn"),uo=document.querySelector("nav"),yo=document.querySelectorAll(".text-ctn-1"),C=document.querySelectorAll("section.portfolio fieldset"),l=document.querySelectorAll("section.portfolio li h2"),go=document.querySelectorAll("section.portfolio li h2:hover"),T=document.querySelectorAll(".desc-ctn"),b=document.querySelectorAll("hr.ctn-line"),h=document.querySelectorAll(".preview-video"),x=document.querySelector(".logo-box"),w=document.querySelector(".vid-overlay"),z=document.querySelector("#tiempoVidCtn"),mo=document.querySelector("section#video-tiempo"),fo=document.querySelectorAll(".child .text-ctn"),p=document.querySelectorAll(".child .text-ctn ol"),S=[];S.push(document.querySelector("#eugenie h2"));S.push(document.querySelector("#delsud h2"));S.push(document.querySelector("#flexy h2"));var L=document.getElementById("modal"),G=document.getElementById("modalContent"),vo=document.getElementById("modalVideo"),K=document.getElementById("closeModal"),q=document.getElementById("middleVidCtn"),To=document.getElementById("portfolio"),O=document.getElementById("bg-video"),Q=["src/assets/casos/eugenie-comp.webm","src/assets/casos/delsud-comp.webm","src/assets/casos/flexy-comp.webm"],u=null;n()?(q.src="src/assets/calidad-vertical.webm",N.innerHTML=""):(N.innerHTML=`<path class="st0"
d="M89.8,306c1.8-0.8,3.2-1.9,4.2-3.4c1-1.5,1.5-3.3,1.5-5.4c0-2.1-0.5-3.9-1.5-5.4c-1-1.5-2.4-2.7-4.2-3.5 c-1.8-0.8-4-1.2-6.5-1.2H71.2v28h6.5v-7.8h5.6c0.1,0,0.2,0,0.3,0L89,315h7L89.8,306C89.7,306,89.7,306,89.8,306z M87.4,293.6 c1,0.9,1.5,2.1,1.5,3.6c0,1.5-0.5,2.7-1.5,3.6c-1,0.9-2.5,1.3-4.5,1.3h-5.3v-9.8h5.3C84.9,292.3,86.4,292.7,87.4,293.6z" />
<path class="st0"
d="M34.2,300.8c-1-0.6-2-1.1-3.2-1.4c-1.1-0.3-2.3-0.7-3.5-0.9c-1.1-0.3-2.2-0.5-3.2-0.8c-1-0.3-1.7-0.6-2.3-1 c-0.6-0.5-0.9-1-0.9-1.8c0-0.6,0.2-1.1,0.5-1.6c0.3-0.5,0.9-0.9,1.7-1.2c0.8-0.3,1.8-0.4,3.1-0.4s2.5,0.2,3.8,0.6 c1.3,0.3,2.6,0.9,3.9,1.6l2-4.9c-1.3-0.8-2.8-1.4-4.5-1.8c-1.7-0.4-3.4-0.6-5.2-0.6c-2.6,0-4.8,0.4-6.6,1.2c-1.7,0.8-3,1.8-3.9,3.2 c-0.9,1.3-1.3,2.8-1.3,4.4c0,1.5,0.3,2.7,0.9,3.7c0.6,1,1.4,1.7,2.4,2.3c1,0.6,2,1.1,3.2,1.4c1.2,0.4,2.3,0.7,3.5,1 c1.2,0.2,2.2,0.5,3.2,0.8c1,0.3,1.7,0.6,2.3,1.1c0.6,0.4,0.9,1,0.9,1.8c0,0.6-0.2,1.1-0.6,1.6c-0.4,0.5-1,0.8-1.8,1.1 c-0.8,0.2-1.8,0.4-3.1,0.4c-1.7,0-3.3-0.3-5-0.8c-1.6-0.6-3-1.3-4.2-2.1l-2.2,4.9c1.3,1,2.9,1.7,5,2.4c2.1,0.6,4.2,0.9,6.4,0.9 c2.7,0,4.9-0.4,6.6-1.2c1.8-0.8,3.1-1.9,4-3.2s1.3-2.7,1.3-4.3c0-1.5-0.3-2.7-0.9-3.6C35.9,302.2,35.1,301.4,34.2,300.8z" />
<polygon class="st0" points="229.9,279 223.2,279 217.8,284.7 222.7,284.7 " />
<path class="st0"
d="M49.1,294.5c0.8-0.8,1.7-1.4,2.8-1.8c1.1-0.4,2.3-0.6,3.6-0.6c1.4,0,2.7,0.3,3.8,0.8c1.2,0.5,2.2,1.3,3.2,2.4 l4.2-3.8c-1.3-1.6-3-2.9-5-3.7c-1.9-0.9-4.1-1.3-6.6-1.3c-2.2,0-4.2,0.4-6,1.1c-1.8,0.7-3.5,1.7-4.8,3c-1.4,1.3-2.4,2.8-3.2,4.6 c-0.7,1.8-1.1,3.7-1.1,5.8s0.4,4,1.1,5.8c0.8,1.8,1.8,3.3,3.2,4.6s3,2.3,4.8,3c1.9,0.7,3.9,1,6,1c2.5,0,4.7-0.4,6.6-1.3 c2-0.9,3.6-2.1,5-3.7l-4.2-3.8c-1,1.1-2,2-3.2,2.5c-1.2,0.5-2.5,0.8-3.8,0.8c-1.3,0-2.5-0.2-3.6-0.6c-1.1-0.4-2-1-2.8-1.8 c-0.8-0.8-1.4-1.7-1.9-2.8c-0.4-1.1-0.6-2.3-0.6-3.6s0.2-2.5,0.6-3.6C47.7,296.3,48.3,295.3,49.1,294.5z" />
<polygon class="st0" points="189,303.3 202,303.3 202,298.3 189,298.3 189,292.2 203.8,292.2 203.8,287 182.6,287 182.6,315 204.3,315 204.3,309.8 189,309.8 " />
<path class="st0"
d="M125.1,290.6c-1.4-1.3-3-2.3-4.8-3c-1.8-0.7-3.9-1.1-6.1-1.1c-2.2,0-4.2,0.4-6.1,1.1c-1.9,0.7-3.5,1.7-4.9,3 c-1.4,1.3-2.5,2.8-3.2,4.6c-0.7,1.8-1.1,3.7-1.1,5.8c0,2.1,0.4,4,1.1,5.8c0.8,1.8,1.8,3.3,3.2,4.6c1.4,1.3,3,2.3,4.9,3 c1.9,0.7,3.9,1.1,6.2,1.1c2.2,0,4.2-0.4,6-1.1c1.9-0.7,3.5-1.7,4.8-3c1.4-1.3,2.5-2.8,3.2-4.6c0.8-1.8,1.2-3.7,1.2-5.8 c0-2.1-0.4-4-1.2-5.8C127.5,293.5,126.4,291.9,125.1,290.6z M122.2,304.6c-0.4,1.1-1,2-1.8,2.8s-1.7,1.4-2.8,1.8 c-1,0.4-2.2,0.6-3.4,0.6c-1.3,0-2.4-0.2-3.5-0.6c-1.1-0.4-2-1-2.8-1.8c-0.8-0.8-1.4-1.7-1.8-2.8c-0.4-1.1-0.6-2.3-0.6-3.6 c0-1.3,0.2-2.5,0.6-3.6c0.5-1.1,1.1-2,1.9-2.8c0.8-0.8,1.7-1.4,2.8-1.8c1.1-0.4,2.2-0.6,3.5-0.6c1.3,0,2.4,0.2,3.5,0.6 c1.1,0.4,2,1,2.8,1.8c0.8,0.8,1.4,1.7,1.8,2.8c0.5,1.1,0.7,2.3,0.7,3.6S122.7,303.5,122.2,304.6z" />
<path class="st0"
d="M230.4,315h6.8l-12.5-28h-6.4l-12.5,28h6.6l2.5-6h13L230.4,315z M216.9,304.1l4.5-10.7l4.4,10.7H216.9z" />
<polygon class="st0" points="140.8,287 134.3,287 134.3,315 154.8,315 154.8,309.7 140.8,309.7 " />
<polygon class="st0" points="164.9,287 158.5,287 158.5,315 179,315 179,309.7 164.9,309.7 " />`,q.src="src/assets/calidad.webm");n()?z.src="src/assets/Video-tiempo_v.mp4":z.src="src/assets/video-tiempo.webm";f.addEventListener("ended",()=>{f.style.display="none",gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("start-tiempo"),duration:3}),f.currentTime=0,f.load()});U.addEventListener("click",()=>{gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("intro"),duration:2})});var y=document.querySelectorAll(".child"),j=document.querySelectorAll(".child .title-ctn");if(n()){let r=!1;v.forEach((e,t)=>{e.addEventListener("click",()=>{if(r=!r,r){A[t].src="src/assets/contract.png";for(let a=0;a<p.length;a++)t===0?p[0].classList.add("reveal"):t===1?(p[1].classList.add("reveal"),p[2].classList.add("reveal"),gsap.to(y[2],.3,{y:100})):t===2&&p[3].classList.add("reveal");gsap.to(j[t],.3,{y:-160}),t===1?gsap.to(v[1],.3,{y:350}):gsap.to(v[t],.3,{y:130})}else{A[t].src="src/assets/expand.png";for(let a=0;a<p.length;a++)t===0?p[0].classList.remove("reveal"):t===1?(p[1].classList.remove("reveal"),p[2].classList.remove("reveal"),gsap.to(y[2],.3,{y:0})):t===2&&p[3].classList.remove("reveal");gsap.to(j[t],.5,{y:0}),gsap.to(v[t],.5,{y:0}),gsap.to(v[1],.3,{y:0})}})})}else{let r=function(t,a){gsap.to(t.currentTarget,.7,{width:"2000px"}),t.currentTarget.parentNode.childNodes.forEach(s=>{s!==t.currentTarget&&s.nodeType===1&&gsap.to(s,.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"}))},e=function(t,a){let s=getComputedStyle(t.currentTarget).width;gsap.to(t.currentTarget,.7,{width:s}),t.currentTarget.parentNode.childNodes.forEach(m=>{m!==t.currentTarget&&m.nodeType===1&&gsap.to(m,.7,{width:s})}),(a===1||a===2)&&gsap.to(y[0],.7,{marginLeft:"0"}),a===1&&gsap.to(y[1],.7,{width:s})};oo=r,to=e,y.forEach((t,a)=>{t.addEventListener("mouseover",s=>r(s,a)),t.addEventListener("mouseout",s=>e(s,a))})}var oo,to;n()?(O.src="",M.innerHTML=`
<p id="p1">Y DESDE AH\xCD NACEN</p>
<p id="p2">NUESTROS V\xCDNCULOS</p>
<div id="mobileBrandsCtn">
<img src="/src/assets/logo-eugenie.png" alt="logo de Eugenie" class="mobileBrands">
<img src="/src/assets/logo-flexy.png" alt="logo de Flexy" class="mobileBrands">
<img src="src/assets/marcas/Marcas_Logos_La_Caja.png" alt="logo de La Caja" class="mobileBrands">
<img src="src/assets/marcas/Marcas_Logo_Desarrollos.png" alt="logo de Delsud" class="mobileBrands">
<img src="src/assets/marcas/Marcas_Logos_PBA.png" alt="logo de PBA" class="mobileBrands">
<img src="src/assets/marcas/Marcas_Logos_NBA.png" alt="logo de Jr. NBA" class="mobileBrands">
<img src="src/assets/marcas/Marcas_Logos_Yacoub.png" alt="logo de Jr. NBA" class="mobileBrands">
<img src="src/assets/marcas/Marcas_Logo_FCE.png" alt="logo de Jr. NBA" class="mobileBrands">
<img src="src/assets/marcas/Marcas_Logos_Sancor.png" alt="logo de Jr. NBA" class="mobileBrands">
</div>
`):(O.src="src/assets/fondo-verde.webm",M.innerHTML=`
<p id="p1">Y DESDE AH\xCD NACEN</p>
<p id="p2">NUESTROS V\xCDNCULOS</p>
<div class="carousel-container" id="carousel-container">
<div class="carousel">
<figure id="carouselFig">
<div class="card-ctn">
<img src="src/assets/marcas/Marcas_Logo_Desarrollos.png" alt="" />
<video autoplay muted loop>
<source src="src/assets/fondo_tarjetas_verde.webm" type="video/webm" />
</video>
</div>
<div class="card-ctn">
<img src="src/assets/marcas/Marcas_Logo_FCE.png" alt="" />
<video autoplay muted loop>
<source src="src/assets/fondo_tarjetas_azul.webm" type="video/webm" />
</video>
</div>
<div class="card-ctn">
<img src="src/assets/marcas/Marcas_Logos_La_Caja.png" alt="" />
<video autoplay muted loop>
<source src="src/assets/fondo_tarjetas_verde.webm" type="video/webm" />
</video>
</div>
<div class="card-ctn">
<img src="src/assets/marcas/Marcas_Logos_NBA.png" alt="" />
<video autoplay muted loop>
<source src="src/assets/fondo_tarjetas_azul.webm" type="video/webm" />
</video>
</div>
<div class="card-ctn">
<img src="src/assets/marcas/Marcas_Logos_PBA.png" alt="" />
<video autoplay muted loop>
<source src="src/assets/fondo_tarjetas_verde.webm" type="video/webm" />
</video>
</div>
<div class="card-ctn">
<img src="src/assets/marcas/Marcas_Logos_Sancor.png" alt="" />
<video autoplay muted loop>
<source src="src/assets/fondo_tarjetas_azul.webm" type="video/webm" />
</video>
</div>
<div class="card-ctn">
<img src="src/assets/marcas/Marcas_Logos_Yacoub.png" alt="" />
<video autoplay muted loop>
<source src="src/assets/fondo_tarjetas_verde.webm" type="video/webm" />
</video>
</div>
</figure>
</div>
</div>
`);if(n()){let r=function(t){C.forEach((a,s)=>{s!==t&&(a.disabled=!0,l[s].style.zIndex=-1,e(s))}),l[t].style.zIndex=10,gsap.to(b[t],.5,{margin:"20 0 10 0"}),gsap.to(T[t],.3,{y:0,opacity:1}),gsap.to(l[t],.3,{color:"rgb(203, 219, 67)"}),gsap.to(l[2],.7,{height:70}),gsap.to(l[1],.7,{height:120}),gsap.to(h[t],.4,{opacity:1}),gsap.to(w,.4,{opacity:.4}),gsap.to(x,.4,{opacity:0})},e=function(t){gsap.to(b[t],.5,{margin:"-12 0"}),gsap.to(T[t],.3,{y:-100,opacity:0}),gsap.to(l[t],.3,{color:"transparent",height:"auto"}),gsap.to(h[t],.4,{opacity:0}),gsap.to(w,.4,{opacity:1}),gsap.to(x,.4,{opacity:.4})};eo=r,ao=e,C.forEach((t,a)=>{t.addEventListener("click",s=>{t.disabled=!0,s.stopPropagation(),r(a)})}),document.addEventListener("click",t=>{let a=Array.from(C);a.some(s=>s.contains(t.target))||a.forEach((s,m)=>{s.disabled=!0,e(m),l[m].style.zIndex=-1})})}else{let r=function(t,a){gsap.to(b[a],.5,{margin:"20 0 10 0"}),gsap.to(T[a],.3,{y:0,opacity:1}),gsap.to(l[a],.3,{color:"rgb(203, 219, 67)",height:100}),gsap.to(l[1],.7,{height:190}),gsap.to(h[a],.4,{opacity:1}),gsap.to(w,.4,{opacity:.4}),gsap.to(x,.4,{opacity:0})},e=function(t,a){gsap.to(b[a],.5,{margin:"-12 0"}),gsap.to(T[a],.3,{y:-100,opacity:0}),gsap.to(l[a],.3,{color:"transparent",height:"auto"}),gsap.to(h[a],.4,{opacity:0}),gsap.to(w,.4,{opacity:1}),gsap.to(x,.4,{opacity:.4})};ro=r,so=e,l.forEach((t,a)=>{t.addEventListener("mouseover",s=>r(s,a)),t.addEventListener("mouseout",s=>e(s,a))})}var eo,ao,ro,so;S.forEach((r,e)=>r.addEventListener("click",()=>{u&&u.parentNode&&u.parentNode.removeChild(u);let t=document.createElement("video");t.id="modalVideo";let a=document.createElement("source");a.src=Q[e],t.appendChild(a),G.appendChild(t),L.classList.remove("hidden"),L.classList.add("shown"),t.play(),u=t,o.seek("portfolio"),d.style.position="fixed",gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("portfolio")})}));K.addEventListener("click",()=>{u&&setTimeout(()=>{u.pause(),u.parentNode.removeChild(u),u=null,L.classList.remove("shown"),L.classList.add("hidden")},500),D.style.overflow="",D.style.top="",o.seek("portfolio"),d.style.position="absolute",gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("portfolio")})});var Z=new Array(380).fill().map((r,e)=>`src/assets/camara-frames/introframes(${(e+1).toString()}).webp`);Z.forEach(r=>{let e=new Image;e.src=r,e.class="camara",W.appendChild(e)});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 P=gsap.utils.toArray("#video-camara img");P.forEach((r,e)=>{o.fromTo(r,{display:"none"},{display:"block",stagger:.3,duration:.2}),e<P.length-1&&o.set(r,{display:"none"})});o.fromTo("#texto",{transform:"scale(0)",opacity:0,duration:10},{transform:"scale(1)",opacity:1,duration:20,delay:-30});o.to(".fill",{color:"#D1D821",stagger:3,duration:10,delay:-20});o.to("#texto",{y:-800,duration:30,delay:-1,onComplete:()=>{console.log("complete"),o.totalProgress()<=.27366214498594194&&o.totalProgress()>=.1097627728685822&&gsap.to(window,{scrollTo:o.scrollTrigger.labelToScroll("initPortolio"),duration:4})}});o.to("#intro",{opacity:0,duration:100,delay:20});o.fromTo("#intro",{display:"flex",duration:0},{display:"none",duration:0});o.fromTo("#portfolio",{display:"none",delay:-50},{display:"block",delay:-50});o.fromTo("#nav button",{opacity:0,scale:0,duration:5},{opacity:1,scale:1,duration:5,scrollTrigger:"#nav .social-ctn .social-nav"});o.fromTo("#nav .social-ctn .social-nav",{opacity:0,scale:0,duration:5},{opacity:1,scale:1,duration:5,scrollTrigger:"#nav button"});o.fromTo(".portfolio",{opacity:0,zIndex:-1,delay:-30},{opacity:1,delay:-30,duration:10,zIndex:2});o.fromTo("#intro",{zIndex:1,visibility:"visible"},{zIndex:-1,visibility:"hidden"});n()?(o.fromTo(".bg-rodaje",{yPercent:40,duration:25,opacity:.8,scrollTrigger:".sup-rodaje",ease:"power1.inOut"},{yPercent:0,duration:25,opacity:.8,scrollTrigger:".sup-rodaje",ease:"power1.inOut"}),o.fromTo(".sup-rodaje",{delay:3,duration:23,yPercent:50,ease:"power1.inOut"},{delay:3,duration:23,yPercent:0,ease:"power1.inOut"})):(o.to(".bg-rodaje",{yPercent:-66,duration:25,opacity:.8,scrollTrigger:".sup-rodaje",ease:"power1.inOut"}),o.to(".sup-rodaje",{delay:3,duration:23,yPercent:-66,ease:"power1.inOut"}));o.fromTo("#progressbar-ctn",{opacity:0,y:200},{opacity:1,y:0,duration:2,delay:-5});o.to(".txt-ctn-1 .txt-row h2",{opacity:1,duration:5});o.to(".txt-ctn-1 .dup-ctn span",{opacity:1,stagger:1,duration:3,scrollTrigger:".dup-ctn span"});o.to(".txt-ctn-1 .dup-ctn span",{color:"#D1D821",stagger:1,duration:3,delay:5}).addLabel("initPortolio");o.to(".sup-rodaje.zoomed",{duration:3,opacity:1,delay:10});o.to(".txt-ctn-1",{duration:5,opacity:0});o.to("#rect1",{attr:{rx:"8.5",y:"34",width:"17",height:"43.4444"},fill:"#D9D9D9",duration:1});o.to("#rect2",{attr:{rx:"12.2778",y:"0",width:"24.5556",height:"86.8889"},fill:"#CBDB43",duration:1});n()?o.to(".sup-rodaje",{duration:10,scale:2.5,transformOrigin:"49% bottom",scrollTrigger:".txt-ctn-2 .txt-row h2, .bg-overlay"}):o.to(".sup-rodaje",{duration:10,scale:2.5,transformOrigin:"32% bottom",scrollTrigger:".txt-ctn-2 .txt-row h2, .bg-overlay"});o.to(".bg-overlay",{duration:5,opacity:.3});o.to(".txt-ctn-2 .txt-row h2",{opacity:1,duration:4});o.to(".txt-ctn-2 .dup-ctn span",{opacity:1,stagger:1,duration:2,scrollTrigger:".dup-ctn span"});o.to(".txt-ctn-2 .dup-ctn span",{color:"#D1D821",stagger:1,duration:2,delay:4});o.to(".txt-ctn-2",{opacity:0,duration:4,delay:4});n()&&(o.to(".ctn-line",{margin:"-12 0",duration:.5},"-=0.5"),o.to(".desc-ctn",{y:-100,opacity:0,duration:.5},"-=0.5"),o.to("section.portfolio li h2",{color:"transparent",height:"auto",duration:.5,zIndex:-1},"-=0.5"),o.to(".preview-video",{opacity:0,duration:.5},"-=0.5"),o.to(".vid-overlay",{opacity:1,duration:.5},"-=0.5"),o.to(".logo-box",{opacity:.4,duration:.5},"-=0.5"));o.to(".pf-accordion-outer",{opacity:1,duration:4,scrollTrigger:".bg-overlay",zIndex:20});o.to(".bg-overlay",{duration:4,opacity:.5,scrollTrigger:".pf-accordion-outer ol li h2"});o.to(".pf-accordion-outer ol li h2",{y:0,opacity:1,stagger:1,duration:3,delay:2});o.to(".pf-accordion",{delay:10,opacity:1,duration:2}).addLabel("portfolio");o.to(".pf-accordion",{delay:5,opacity:0,duration:6,scrollTrigger:".pf-accordion"});o.to(".pf-accordion-outer ol li h2",{y:30,opacity:0,stagger:1,delay:4,duration:5});o.to(".pf-accordion-outer ol li h2",{duration:0,display:"none"});n()&&(o.to(".ctn-line",{margin:"-12 0",duration:.5},"-=0.5"),o.to(".desc-ctn",{y:-100,opacity:0,duration:.5},"-=0.5"),o.to("section.portfolio li h2",{color:"transparent",height:"auto",duration:.5,zIndex:-1},"-=0.5"),o.to(".preview-video",{opacity:0,duration:.5},"-=0.5"),o.to(".vid-overlay",{opacity:1,duration:.5},"-=0.5"),o.to(".logo-box",{opacity:.4,duration:.5},"-=0.5"));n()?(o.fromTo(".sup-rodaje.zoomed, .sup-rodaje",{transformOrigin:"49% 100%",scale:2.5,duration:5,y:0},{delay:4,duration:5,scale:30,y:1300,transformOrigin:"50% 100%",scrollTrigger:".box-ctn"}),o.to("#portfolio",{filter:"blur(100px)",duration:10})):(o.to(".sup-rodaje",{backgroundColor:"transparent",duration:0,scrollTrigger:".box-ctn"}),o.to(".sup-rodaje",{delay:4,duration:10,width:"450%",left:"-290%",top:"-200%",scrollTrigger:".box-ctn"}));n()?(o.fromTo(".vid-overlay",{opacity:1,duration:1},{opacity:0,duration:1}),o.fromTo(".box-ctn",{backgroundColor:"transparent",duration:5},{backgroundColor:"transparent",duration:5}),o.to(".box-ctn",{delay:-2,duration:9,transform:"scale(4.1)",top:"50%"})):(o.to(".box-ctn",{delay:4,duration:10,transform:"scale(4)",opacity:0,xPercent:-100,top:"30%"}),o.to("#portfolio",{filter:"blur(100px)",duration:10,delay:-8}));o.fromTo("#progressbar-ctn",{opacity:1,y:0},{opacity:0,y:200,duration:5,delay:0});o.to(".portfolio",{opacity:0,duration:8});o.fromTo("#middle",{opacity:0,zIndex:-1},{opacity:1,duration:8,delay:-10,zIndex:3});o.fromTo("#middleVidCtn",{display:"none",duration:0},{display:"block",duration:0});o.fromTo("#middleVidCtn",{opacity:0,duration:4},{opacity:1,duration:4,onStart:()=>{console.log("start"),f.play()}});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,onComplete:()=>{f.pause()}});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});n()?(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});o.fromTo("#txt-container-2",{zIndex:-1,opacity:0,duration:10,delay:-20},{zIndex:5,opacity:1,duration:10,delay:-20});n()?(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.to("#progressbar-ctn",{display:"none"});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);o.fromTo("#subir",{y:500,opacity:0},{y:0,opacity:1,duration:2});