#chooseProject>.scene{perspective:1000px;perspective-origin:50% 70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;overflow:hidden;cursor:grab}#chooseProject>.scene>ol{list-style:none;transform-style:preserve-3d;position:absolute;top:50%;left:50%;translate:-50% -50%}#chooseProject>.scene>ol>li.projElement{aspect-ratio:16/9;width:400px;z-index:0;position:absolute;translate:-50% -50%;filter:brightness(.6);background-color:red;transition:scale .15s,aspect-ratio .3s,filter .15s;transform-origin:center center}@media (max-width: 1220px) or (max-height: 900px){#chooseProject>.scene>ol>li.projElement{width:300px}}@media (max-width: 800px) or (max-height: 620px){#chooseProject>.scene>ol>li.projElement{width:200px}}@media (max-width: 450px) or (max-height: 400px){#chooseProject>.scene>ol>li.projElement{width:150px}}#chooseProject>.scene>ol>li.projElement:hover{cursor:pointer;box-shadow:#fff 0 0 20px;scale:1.05;aspect-ratio:16/16;filter:brightness(1)}#chooseProject>.scene>ol>li.projElement>.toLoadingElement{width:100%;height:100%}#chooseProject>.scene>ol>li.projElement>*{width:100%;height:100%;display:block;position:absolute;top:0;left:0}#chooseProject>.scene>ol>li.projElement>img{object-fit:cover}#chooseProject>.sceneInfo{position:absolute;padding:12px;background-color:#fff;color:#000;width:0;min-width:0;opacity:0;z-index:1;transition:opacity .3s,min-width .3s ease-in,width .3s ease-in}#chooseProject>.sceneInfo.showing{opacity:1;min-width:300px;width:auto}#paragrafo>p{width:70%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width: 700px){#paragrafo>p{width:80%;height:auto}}#paragrafo>p>span{color:#fff;display:inline-block}#paragrafo>p>span:has(+span.change),#paragrafo>p>span.change,#paragrafo>p>span.change+span{text-shadow:white 0 0 30px;font-weight:600}#paragrafo>p>span.space{opacity:0}#paragrafo>p>span:first-of-type{text-indent:2em}.showText{overflow:hidden}.showText>*{transform-origin:top left;translate:0 100%}.showText.show>*{animation:showInnerText .5s forwards}.showText.showRotate>*{rotate:20deg}.showText.doRotate.showRotate>*{animation:showRotate .5s forwards}.showText.delay>*{animation-delay:.5s}@keyframes showInnerText{0%{translate:0 100%}to{translate:0 0%}}@keyframes showRotate{0%{rotate:20deg;translate:0 100%}70%{rotate:-3deg}to{rotate:0deg;translate:0 0%}}#social{display:grid;grid-gap:70px;margin:0 48px 64px 0;position:fixed;bottom:0;right:0;width:44px;height:auto;z-index:10;list-style:none}#social>li{position:relative;aspect-ratio:1/1;border-radius:50%;background-color:#ffffff4d;box-shadow:#ffffff4d 0 0 30px;transition:background-color .2s,box-shadow .5s,scale .5s}#social>li:hover{cursor:pointer;background-color:#fff;box-shadow:#fff 0 0 30px;scale:1.2}#social>li:hover>a>svg{fill:#000;opacity:1}#social>li>a>svg{fill:#000;position:absolute;width:100%;height:100%;box-sizing:border-box;padding:10px;transition:fill .2s;opacity:.5}@media (max-width: 900px){#social>li{background-color:#fff;box-shadow:#fff 0 0 30px}#social>li>a>svg{opacity:1}}@media (max-width: 1300px){#social{grid-gap:50px;margin:0 32px 48px 0;width:38px;height:auto}#social>li>a>svg{padding:8px}}@media (max-width: 700px){#social{grid-gap:30px}}@media (max-width: 450px){#social{grid-gap:24px;margin:0 20px 36px 0;width:32px;height:auto}#social>li>a>svg{padding:6px}}.dynamicText{position:relative}.dynamicText>h1.blur{position:absolute;top:0;left:0}.dynamicText>h1>.dynamicSpan{display:inline-block;padding:0}.dynamicText>h1>.dynamicSpan.space{opacity:0}#greetings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#greetings>.showText:has(h5){text-align:right}#numero{position:relative;color:#fff;display:flex;flex-direction:column-reverse;height:100dvh;margin-left:100px;z-index:-1}@media (max-width: 1400px){#numero{margin-left:50px}}@media (max-width: 1000px){#numero{margin-left:-100px}}@media (max-width: 700px){#numero{margin-left:-200px}}@media (max-width: 500px){#numero{margin-left:-300px}}#numero>span{font-size:1000px;line-height:.75;position:absolute;opacity:.2;filter:blur(20px);scale:1.2;transform-origin:bottom;transition:line-height .15s,scale .15s,opacity .15s,filter .15s}@media (max-height: 900px){#numero>span{font-size:800px}}@media (max-height: 670px){#numero>span{font-size:700px}}#numero>span:first-child{filter:blur(100px)}#numero.transicionar>span{opacity:1;scale:1;line-height:.8}#numero.transicionar>span:last-child{filter:blur(0px)}.journeyViewport{padding:124px 64px 32px;box-sizing:border-box;display:flex;flex-direction:column}@media (max-width: 1580px){.journeyViewport{padding-top:164px}}@media (max-width: 1300px){.journeyViewport{padding:0 32px 32px}}@media (max-width: 450px){.journeyViewport{padding:0 16px 16px}}@media (max-height: 930px) and (min-width: 1300px){.journeyViewport{padding-top:84px}}@media (max-height: 760px) and (min-width: 1300px){.journeyViewport{padding-top:50px}}@media (max-width: 600px){.journeyViewport{flex-direction:column-reverse;padding-top:32px}}.journeyViewport p{text-indent:2em}.journeyViewport>div{flex-grow:1}.journeyViewport>div.centerTextImg{display:flex;flex-direction:row;position:relative;margin:64px 96px 0;gap:40px}@media (max-width: 1300px){.journeyViewport>div.centerTextImg{margin:72px 32px 0}}@media (max-width: 1200px){.journeyViewport>div.centerTextImg{margin:48px 32px 0}}@media (max-width: 1000px){.journeyViewport>div.centerTextImg{flex-direction:column;gap:20px}}@media (max-width: 600px){.journeyViewport>div.centerTextImg{margin:16px 16px 0}}@media (max-width: 450px){.journeyViewport>div.centerTextImg{margin:16px 4px 0}}.journeyViewport>div.centerTextImg>*{width:50%}@media (max-width: 1850px){.journeyViewport>div.centerTextImg>.text{width:55%}.journeyViewport>div.centerTextImg>.image{width:45%}}@media (max-width: 1000px){.journeyViewport>div.centerTextImg>.text{width:100%}.journeyViewport>div.centerTextImg>.image{width:50%;margin:0 auto}}@media (max-width: 800px){.journeyViewport>div.centerTextImg>.image{width:70%;margin:0 auto}}.journeyViewport>div.centerTextImg>.image{position:relative}.journeyViewport>div.centerTextImg>.image>img,.journeyViewport>div.centerTextImg>.image video{aspect-ratio:16/9;width:100%}#LOADINGSCREEN{background-color:#000;z-index:100;position:sticky!important;top:0;left:0}#LOADINGSCREEN>.dynamicText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;animation:showLoading 2s forwards}@media (max-width: 700px){#LOADINGSCREEN>.dynamicText>h1{font-size:40pt!important}}@media (max-width: 550px){#LOADINGSCREEN>.dynamicText>h1{font-size:30pt!important}}@media (max-width: 450px){#LOADINGSCREEN>.dynamicText>h1{font-size:20pt!important}}@keyframes showLoading{0%{opacity:0}20%{opacity:1}to{opacity:0}}:root{font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}h1{margin:0;padding:0;border:0;cursor:default;font-size:128pt}h2{margin:0;padding:0;border:0;cursor:default;font-size:74pt}h3{margin:0;padding:0;border:0;cursor:default;font-size:68pt}h4{margin:0;padding:0;border:0;cursor:default;font-size:20pt}h5{margin:0;padding:0;border:0;cursor:default;font-size:14pt}h6{margin:0;padding:0;border:0;cursor:default;font-size:8pt}*{-webkit-user-select:none;user-select:none}html,body{margin:0;padding:0;border:0;overflow:hidden;width:100dvw;height:100dvh}@media (max-width: 1870px){h1{font-size:120pt}}@media (max-width: 1700px){h1{font-size:110pt}}@media (max-width: 1550px){h1{font-size:100pt}}@media (max-width: 1440px){h1{font-size:95pt}}@media (max-width: 1350px){h1{font-size:88pt}}@media (max-width: 1220px){h1{font-size:80pt}}@media (max-width: 1100px){h1{font-size:70pt}}@media (max-width: 1000px){h1{font-size:65pt}h1.mobile:not(.loading){font-size:100pt}}@media (max-width: 900px){h1{font-size:60pt}h1.mobile:not(.loading){font-size:95pt}}@media (max-width: 800px){h1{font-size:48pt}h1.mobile:not(.loading){font-size:88pt}}@media (max-width: 700px){h1{font-size:57pt}h1.mobile:not(.loading){font-size:57pt}}@media (max-width: 450px){h1{font-size:45pt}h1.mobile:not(.loading){font-size:45pt}}@media (max-width: 400px){h1{font-size:38pt}h1.mobile:not(.loading){font-size:38pt}}@media (max-width: 320px){h1{font-size:34pt}h1.mobile:not(.loading){font-size:34pt}}h1,h2,h3{font-family:Syne,sans-serif;text-wrap:nowrap;white-space:nowrap}h2{text-align:center;margin:24px auto 0}@media (max-width: 1500px){h2{font-size:65pt}}@media (max-width: 1220px){h2{font-size:60pt}}@media (max-width: 1000px){h2{font-size:55pt}}@media (max-width: 650px){h2{margin-top:48px;font-size:40pt}}@media (max-width: 500px){h2{font-size:30pt}}@media (max-width: 350px){h2{margin-top:30px;font-size:27pt}}h3{font-variation-settings:"wght" 750}@media (max-width: 1750px){h3{font-size:60pt}}@media (max-width: 1580px){h3{font-size:50pt}}@media (max-width: 1360px){h3{font-size:40pt}}@media (max-width: 1080px){h3{font-size:30pt}}@media (max-width: 760px){h3{font-size:25pt}}@media (max-width: 600px){h3{text-align:center}}@media (max-width: 550px){h3{font-size:20pt}}@media (max-width: 400px){h3{font-size:17pt}}h4{font-weight:500}@media (max-width: 1300px){h4{font-size:16pt}}@media (max-width: 700px){h4{font-size:12pt}}h5{font-family:Roboto Mono,monospace;font-weight:500}@media (max-width: 1300px){h5{font-size:12pt}}@media (max-width: 700px){h5{font-size:10pt}}p{font-size:24pt;line-height:1.2;font-weight:300}@media (max-width: 1580px) or (max-height: 880px){p{font-size:20pt}}@media (max-width: 1440px){p{font-size:18pt}}@media (max-width: 1200px){p{font-size:16pt;margin:8pt 0}}@media (max-width: 900px){p{font-size:14pt}}@media (max-width: 550px){p{font-size:12pt;font-weight:400}}p>em{font-weight:500}body{position:relative}.viewport{width:100dvw;height:100dvh;overflow:hidden}.viewport:not(#LOADINGSCREEN){position:absolute;opacity:0;transition:.15s top ease-in-out,.15s left ease-in-out,.6s opacity ease-in-out}.viewport:not(#LOADINGSCREEN).horizontal.onLeft{left:-100%}.viewport:not(#LOADINGSCREEN).horizontal.viewing{left:0}.viewport:not(#LOADINGSCREEN).horizontal:not(.viewing,.onLeft){left:100%}.viewport:not(#LOADINGSCREEN).vertical.onTop{top:-100%}.viewport:not(#LOADINGSCREEN).vertical.viewing{top:0}.viewport:not(#LOADINGSCREEN).vertical:not(.viewing,.onTop){top:100%}.viewport:not(#LOADINGSCREEN).viewing{opacity:1;z-index:1}