From c548194bdbb9a6e67e3ac9520835b22b349bd3b1 Mon Sep 17 00:00:00 2001
From: Juan Francisco Schallibaum <jfschallibaum@gmail.com>
Date: Sun, 7 Jan 2024 14:07:34 -0300
Subject: [PATCH] fix logos carousel desk

---
 index.html    | 14 +++++++-------
 src/index.css |  2 +-
 src/min.css   |  2 +-
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index af54430..a71aa7c 100644
--- a/index.html
+++ b/index.html
@@ -581,43 +581,43 @@ <h2>Fotografía</h2>
           <div class="carousel">
             <figure id="carouselFig">
               <div class="card-ctn">
-                <img src="src/assets/logo-flexy.png" alt="" />
+                <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/logo-delsud.png" alt="" />
+                <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/logo-estudio-yacoub.png" alt="" />
+                <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/logo-jr-nba.png" alt="" />
+                <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/logo-eugenie.png" alt="" />
+                <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/logo-juegos-bonaerenses.png" alt="" />
+                <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/logo-la-caja.png" alt="" />
+                <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>
diff --git a/src/index.css b/src/index.css
index 898b058..3668e56 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1221,7 +1221,7 @@ section.portfolio .logo-box {
 
 .carousel figure .card-ctn img {
   position: relative;
-  width: 100px;
+  width: 150px;
   height: 100%;
   object-fit: scale-down;
   z-index: 1;
diff --git a/src/min.css b/src/min.css
index ccd1990..92bd792 100644
--- a/src/min.css
+++ b/src/min.css
@@ -1 +1 @@
-@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap);*,a{text-decoration:none}body,main,nav{width:100vw}nav .menu-btn-ctn,nav .social-ctn{width:fit-content;height:fit-content;padding:1rem 0}#intro #init,#intro #scrollea,body #intro,main,nav,nav section#menu{position:fixed}#intro #scrollea,main,section.portfolio{background-color:#000}#middle h2,#txt-container-2 p,section.portfolio bold,section.portfolio h2,section.portfolio span{text-transform:uppercase}*,main{box-sizing:border-box}#middle h1,#middle h2,#txt-container-2 p,:root,div#textAllCtn p.textPostC,section.portfolio h2,section.portfolio span{font-family:Montserraty,sans-serif}@font-face{font-family:Montserraty;src:url("assets/Montserrat-black/Montserrat-Black.eot");src:url("assets/Montserrat-black/Montserrat-Black.eot") format("embedded-opentype"),url("assets/Montserrat-black/Montserrat-Black.woff2") format("woff2"),url("assets/Montserrat-black/Montserrat-Black.woff") format("woff"),url("assets/Montserrat-black/Montserrat-Black.ttf") format("truetype"),url("assets/Montserrat-black/Montserrat-Black.svg#svgFontName") format("svg");font-weight:900;font-style:normal}:root{font-size:20px}*{padding:0;margin:0;list-style:none;scroll-snap-type:none}a{color:inherit}html{height:100%}body{height:100vh}main{margin:0;padding:0;height:100vh;font-family:Montserraty;cursor:none}body::-webkit-scrollbar{display:none}.hand-cursor{position:absolute;width:80px;height:80px;background-image:url("assets/cursor-mano.svg");background-size:cover;pointer-events:none;transform:translate(-50%,-50%);z-index:1000}bubbles{position:absolute;pointer-events:none;border-radius:50%;background:#d1d821;box-shadow:10px 10px 30px #d1d821,-10px -10px 30px #d1d821;animation:.6s infinite colorgen;z-index:999999999999999999999999}nav button,section.portfolio ol fieldset{border:none}bubbles:before{box-shadow:0 0 100px 10px #b5d334}bubbles:after{box-shadow:inset 0 0 100px 10px #b5d334}@keyframes colorgen{from{opacity:1;filter:blur(10px);scale:1}to{opacity:0;filter:blur(50px);scale:0}}#progressbar-ctn{position:fixed;display:flex;bottom:0;left:25%;margin:auto;opacity:0;z-index:10;width:50%;height:150px}#progressbar-ctn svg{margin:auto;width:30%;overflow:visible}a,article,button,h2,img,p,span{user-drag:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}nav{top:0;display:flex;justify-content:flex-end;align-items:center;height:100px;z-index:10}nav .social-ctn{display:flex;justify-content:flex-end;z-index:10}nav .menu-btn-ctn{margin-right:20px;z-index:10}nav .menu-btn-ctn button,nav .social-ctn a{margin:0 .5rem}nav .menu-btn-ctn button{width:3rem;transition:.2s ease-in-out}nav .social-ctn a{width:2rem}button#collapse img,nav .social-ctn a img{width:100%}nav section#menu{top:0;left:0;width:100vw;height:100vh;padding:5rem;background:#cbdb43;opacity:0}#middle #video-tiempo #elementos-mob,#middle .accordion .expand,#mobileBrandsCtn,nav section#menu div.social-ctn-2{display:none}nav section#menu ul{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;height:10%}nav section#menu ul hr{border:1px solid #1d3e4e;margin:0 5rem;width:90%}nav section#menu ul li{margin:0 5rem;font-size:calc(1rem + 1vw);padding-bottom:.5rem}nav section#menu ul li a{font-size:calc(2.5rem + 2vw);text-align:center;color:transparent;-webkit-text-stroke:3px rgb(29,62,78);transition:color .5s}nav section#menu ul li a:hover{color:#1d3e4e}nav button{right:0;background-color:inherit;z-index:7000;cursor:pointer}nav button svg{color:#1d3e4e;height:3rem}body #intro{width:100vw;height:100vh}#txt-container-2 p,div#textAllCtn p.textPostC,section.portfolio h2{width:fit-content;-webkit-text-stroke:2px rgb(203,219,67)}#intro #init{display:flex;justify-content:center;height:100vh;width:100vw;background-image:url("assets/Layer_1.png");background-size:150px;backdrop-filter:opacity(10%);animation:1s 2.5s fadeOutAnimation;z-index:100}#intro #scrollea{display:none;height:100vh;width:100vw}#intro #init svg{width:30vw;height:30vh;fill-opacity:0;stroke:white;stroke-width:1;stroke-dasharray:1500px;stroke-dashoffset:1500px;mix-blend-mode:lighten;animation-name:draw,fill1,fill2;animation-duration:1s,1s,1s;animation-delay:0s,1s,1.5s;animation-fill-mode:both;animation-iteration-count:infinite,infinite,infinite;animation-timing-function:linear;margin:auto}#intro #scrollea svg{width:15vw;height:15vh;margin:auto}#intro #scrollea svg path.st1{fill:white;animation:.8s infinite scroll}#intro #scrollea svg .st0{fill:white}#intro #video{display:flex;justify-content:center;align-self:center;width:100vw;height:100vh}#intro #video #video-camara{position:relative;width:100vw;height:100vh;background-image:url("assets/camara-frames/introframes\(1\).webp");background-position:center;background-size:cover}#intro #video #video-camara img{position:absolute;width:100%;height:100%;object-fit:cover}#intro #video #texto{position:fixed;display:flex;flex-direction:column;justify-content:center;align-self:center;height:100%;width:100%}#intro #video #texto p{font-size:5rem;margin:0;text-align:center;color:transparent;-webkit-text-stroke:2px rgb(203,219,67)}section.portfolio{position:fixed;width:100vw;opacity:0;z-index:2}section.portfolio .bg-rodaje,section.portfolio .sup-rodaje{position:absolute;width:100%;height:auto;object-fit:cover;object-position:bottom}section.portfolio .sup-rodaje{z-index:2}section.portfolio .sup-rodaje.zoomed{z-index:4;opacity:0}section.portfolio h2{position:relative;height:auto;font-weight:1000;font-size:3.8rem;line-height:4.2rem;color:transparent}section.portfolio .pf-accordion h2{cursor:url("assets/cursor-mano.svg") 12 12,pointer}section.portfolio bold,section.portfolio p{font-family:Montserrat,sans-serif;font-size:18px;white-space:nowrap;color:#fff}section.portfolio p{font-weight:400}section.portfolio bold{font-weight:700}section.portfolio .txt-ctn-1,section.portfolio .txt-ctn-2{position:absolute;bottom:0;width:100vw;height:100vh;display:flex;flex-direction:column;padding-top:80px}section.portfolio .txt-ctn-2{z-index:20}section.portfolio .txt-row{display:flex;flex-direction:column;align-items:center;width:100%}section.portfolio .dup-ctn{display:flex;justify-content:center;position:relative;text-align:center;z-index:3}section.portfolio .dup-ctn .spaced-txt{display:flex}section.portfolio .txt-row h2{position:relative;text-align:center;z-index:0;opacity:0}section.portfolio .pf-accordion-outer{position:relative;display:flex;align-items:center;width:100vw;height:100vh;overflow:visible;opacity:0;z-index:0}section.portfolio ol{width:50%;position:relative;padding-left:25px;z-index:20}section.portfolio ol li{padding-top:50px}section.portfolio ol li h2{z-index:20;transform:translateY(30px);opacity:0}section.portfolio .desc-ctn{width:100%;display:flex;opacity:0;transform:translateY(-100px);margin:0}section.portfolio ol li hr.ctn-line{margin:-12px 0;height:3px;background-color:#fff}section.portfolio .desc-ctn hr.desc-line{margin:0 5px}section.portfolio .bg-overlay{position:fixed;width:100vw;height:100vh;top:0;background-color:#000;opacity:0;z-index:5}section.portfolio .dup-ctn span{display:inline-block;position:relative;font-weight:1000;font-size:3.8rem;color:transparent;z-index:0!important;opacity:0;-webkit-text-stroke:2px rgb(203,219,67)}section.portfolio .dup-ctn span.spacer{font-size:3rem;visibility:hidden}section.portfolio div.video-ctn{width:50%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;z-index:5}section.portfolio .box-ctn{position:absolute;display:flex;justify-content:center;align-items:center;width:50%;height:30%;background-color:#0a0a0a;transform:skew(3.5deg,7deg) translate(-5px,40px)}section.portfolio .vid-overlay{position:absolute;width:101%;height:101%;top:-1px;left:-1px;background-color:#0a0a0a;z-index:6;opacity:1}section.portfolio .box-ctn .preview-video{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}section.portfolio .logo-box{position:relative;width:100px;height:100px;fill:rgb(203,219,67);opacity:.4;z-index:7}.modal-container{position:absolute;top:0;left:auto}.modal{position:fixed;z-index:1000;width:100vw;height:100vh;background-color:#000}.modal-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.modal .close{position:absolute;z-index:50000;top:5%;right:11.5%;width:48px;cursor:pointer;filter:invert(1);filter:drop-shadow(#fff 1px 0px 5px)}.modal .close .st0{fill:#fff}#modalVideo{width:80%;position:relative;padding:0;margin:0}#middle,#middle #middleVidCtn,#middle #text-container,#middle .accordion{height:100vh;position:fixed;width:100vw}.hidden{display:none;overflow:visible}.child,.shown{overflow:hidden}.shown{display:block}#middle{opacity:0;transform-style:preserve-3d;transform-origin:center top;transform:perspective(1000px) rotateX(0);transition:transform .5s;z-index:3}#middle #middleVidCtn{top:0;z-index:-1;opacity:0;object-fit:cover}#middle #middleVidCtn img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0}#middle #text-container{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;top:0}#middle #parent,.acc-borders{height:450px;border-top:2px solid #fff;border-bottom:2px solid #fff}#middle #text-container hr{width:100%;margin:4.07%;z-index:-100}#middle #text-container p,#video-tiempo #text-container-2 p{font-size:4rem;margin:0;text-align:center;color:transparent;-webkit-text-stroke:2px rgb(203,219,67)}#middle #text-container #letter-ctn,#video-tiempo #text-container-2 #letter-ctn,div#textAllCtn .letter-container{display:flex;font-size:0;margin:0;text-align:center;color:transparent;-webkit-text-stroke:2px rgb(203,219,67)}#middle #text-container #letter-ctn .spacer,#video-tiempo #text-container-2 #letter-ctn .spacer,div#textAllCtn .letter-container .spacerSpan{font-size:2rem;visibility:hidden}#middle #text-container #letter-ctn span,#video-tiempo #text-container-2 #letter-ctn span{font-size:4rem;margin:0;padding:0;color:transparent;-webkit-text-stroke:2px rgb(203,219,67)}#middle h1{margin-top:-70px;font-size:6.8rem;color:transparent;-webkit-text-stroke:2px rgb(203,219,67)}#middle h2{font-size:1.9rem;color:#cbdb43}#middle .accordion{display:flex;justify-content:center;align-items:center;transform:translate3d(0,-15%,250px);transform-style:preserve-3d;perspective:1000;top:0;z-index:20;scale:0.75}#middle #parent{position:relative;display:flex;white-space:nowrap;width:100vw;margin:auto 0;padding:0;z-index:50}.acc-borders{position:absolute;width:140vw;right:-50%;z-index:-4}.child{position:relative;display:flex;align-items:center;width:33.3%;height:100%;font-family:arial;padding:50px 0 50px 80px;text-align:left}.child:nth-child(2){border-left:2px solid #fff;border-right:2px solid #fff}.text-ctn,.title-ctn{width:100%;pointer-events:none}.title-ctn{transition:left .8s;left:50%}.text-ctn{position:absolute;left:0}#middle #video-tiempo,#middle #video-tiempo #tiempoVidCtn,#middle #video-tiempo svg,#txt-container-2,#video-tiempo #text-container-2,.bg-video{height:100vh;position:fixed;width:100vw}.child:first-child .text-ctn,.child:nth-child(3) .text-ctn{margin:0 0 0 420px}.child:nth-child(2) .text-ctn{margin:0 0 0 360px}.text-ctn::after{position:absolute;content:"";width:100%;height:350px;top:0}.text-ctn ol li,.text-ctn p{font-family:Montserrat,sans-serif;width:300px;font-weight:500;text-wrap:wrap;font-size:.8rem;letter-spacing:-.5px;color:#fff;line-height:1.4rem}.text-ctn ol,.text-ctn p{display:inline-block;width:object-fit;transition:clip-path .8s;clip-path:inset(0 100% 0 0)}#tiempoCtn,.carousel figure{transition:transform .5s;transform-style:preserve-3d}.child:hover .text-ctn ol,.child:hover .text-ctn p{clip-path:inset(0 0 0 0%)}.child:hover .title-ctn{left:0}.child:nth-child(2) ol:first-child{clip-path:inset(0 0 0 100%)}.child:nth-child(2):hover ol:first-child{clip-path:inset(0 0 0 0)}.bg-video{top:0;object-fit:cover;z-index:-1;filter:hue-rotate(145deg);opacity:0;transform-style:preserve-3d;transform:rotateX(0)}#tiempoCtn{width:100vw;height:300vh;transform-origin:center;transform:perspective(1000px) rotateX(0)}#middle #video-tiempo{transform-style:preserve-3d;opacity:0}#middle #video-tiempo #tiempoVidCtn{top:0;z-index:1;object-fit:cover}#middle #video-tiempo #tiempoVidCtn img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:1}#middle #video-tiempo #countdown-timer{position:absolute;bottom:0;left:44%;width:100%;height:20%;z-index:1000;font-family:Montserrat,sans-serif;font-size:2rem;color:#fff}#middle #video-tiempo svg{transform:translate(0,-5%);z-index:1;animation:1.5s infinite pulse}#video-tiempo #text-container-2{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}#video-tiempo #text-container-2 hr{width:150%;margin:5%;z-index:-100}@keyframes draw{to{stroke-dashoffset:1}}@keyframes fill1{from{fill-opacity:0}to{fill-opacity:1;fill:white}}@keyframes fill2{to{fill-opacity:1;fill:#d1d821;stroke:#d1d821}}@keyframes scroll{0%{opacity:0;transform:translateY(-50px)}80%{opacity:1;transform:translateY(40px)}100%{opacity:0;transform:translateY(40px)}}@keyframes fadeOutAnimation{from{opacity:1}to{opacity:0}}@keyframes fadeInAnimation{from{opacity:0}to{opacity:1}}@keyframes flipCard{0%{transform:perspective(500px) rotateX(90deg)}¡ 100%{transform:perspective(500px) rotateX(0)}}@keyframes pulse{from{z-index:-2}to{z-index:2}}#txt-container-2{display:flex;z-index:500;flex-direction:column;align-items:center;justify-content:center}#txt-container-2 p{transform:translateX(200%);font-weight:1000;font-size:3.8rem;color:transparent}#carousel-container{position:absolute;text-align:center;top:18%;transform:scale(0)}.carousel{position:relative;perspective:2500px;perspective-origin:50% -50%;transform:scale(80%);display:flex;flex-direction:column;align-items:center;height:-1000px}.carousel>*{flex:0 0 auto}.carousel figure{margin:0;height:300px;width:180px;transform-origin:50% 50% -400px;animation:30s infinite forwards rotateAnim}.carousel figure .card-ctn{user-select:none;pointer-events:none;position:relative;display:flex;justify-content:center;align-items:center;height:100%;width:100%;box-sizing:border-box;opacity:.9;border-radius:6%;overflow:hidden;transform:translateZ(200px) matrix3d(1,0,0,0,0,1,-.03,0,0,0,1,0,0,0,0,1);background-color:#000}.carousel figure .card-ctn:not(:first-of-type){position:absolute;left:0;top:0;transform-origin:50% 50% -400px}.carousel figure .card-ctn:nth-child(2){transform:rotateY(.897597901rad) translateZ(200px) matrix3d(1,0,0,0,0,1,-.03,0,0,0,1,0,0,0,0,1)}.carousel figure .card-ctn:nth-child(3){transform:rotateY(1.7951958021rad) translateZ(200px) matrix3d(1,0,0,0,0,1,-.03,0,0,0,1,0,0,0,0,1)}.carousel figure .card-ctn:nth-child(4){transform:rotateY(2.6927937031rad) translateZ(200px) matrix3d(1,0,0,0,0,1,-.03,0,0,0,1,0,0,0,0,1)}.carousel figure .card-ctn:nth-child(5){transform:rotateY(3.5903916041rad) translateZ(200px) matrix3d(1,0,0,0,0,1,-.03,0,0,0,1,0,0,0,0,1)}.carousel figure .card-ctn:nth-child(6){transform:rotateY(4.4879895051rad) translateZ(200px) matrix3d(1,0,0,0,0,1,-.03,0,0,0,1,0,0,0,0,1)}.carousel figure .card-ctn:nth-child(7){transform:rotateY(5.3855874062rad) translateZ(200px) matrix3d(1,0,0,0,0,1,-.03,0,0,0,1,0,0,0,0,1)}.carousel figure .card-ctn img{position:relative;width:100px;height:100%;object-fit:scale-down;z-index:1}.carousel figure .card-ctn video{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.7}@keyframes rotateAnim{0%{transform:rotateY(0)}14.2%,7.1%{transform:rotateY(-51.4285714286deg)}21.3%,28.4%,35.5%{transform:rotateY(-102.8571428571deg)}42.6%,49.7%{transform:rotateY(-154.2857142857deg)}56.8%,63.9%{transform:rotateY(-205.7142857143deg)}71%,78.1%{transform:rotateY(-257.1428571429deg)}85.2%,92.3%,98.7%{transform:rotateY(-308.5714285714deg)}100%{transform:rotateY(-359.99deg)}}.flipLogoContainer{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;position:fixed;z-index:10}.subTextContainer,div#textAllCtn{width:100vw;height:50%;z-index:5;display:flex}#svgOutro{position:absolute;fill:rgb(203,219,67)}div#textAllCtn{justify-content:center;align-items:center;flex-direction:column;font-size:110px;position:absolute;transform-style:preserve-3d}div#textAllCtn p.textPostC{text-align:center;font-weight:900;color:transparent}div#textAllCtn .letter-container .charSpan{font-size:110px;margin:0;padding:0;color:transparent;-webkit-text-stroke:2px rgb(203,219,67)}.subTextContainer{position:relative;visibility:hidden;top:18.5%;flex-direction:column;justify-content:center;align-items:center}#p2_postC{color:#cbdb43;font-size:1.8rem;margin:7rem}.socialContainer{display:flex;flex-direction:row;gap:2rem;min-height:100px}.socialContainer .svgSocial{width:100px;height:100px}.socialContainer a.svgInner{display:block;width:100%;height:100%;background-size:cover;background-position:center}.socialContainer #svgLinkedIn a{background-image:url("assets/logos_end/linkedin.png")}.socialContainer #svgMail a{background-image:url("assets/logos_end/mail.png")}.socialContainer #svgInstagram a{background-image:url("assets/logos_end/ig.png")}.socialContainer #svgWhatsapp a{background-image:url("assets/logos_end/wsp.png")}.textEndCtn{display:flex;font-size:0;margin:5rem 0 0;text-align:center;color:transparent}.textEndCtn .charSpan2{font-size:1.6rem;margin:0;padding:0;color:transparent;opacity:0}.textEndCtn .spacerSpan2{font-size:.5rem;visibility:hidden}@media (max-width:900px){section.portfolio .box-ctn,section.portfolio .vid-overlay{background-color:transparent}#textAllCtn,p#p1,p#p2{letter-spacing:1px;font-weight:400}#firstSpacer,#middle #video-tiempo #elementos-desk,nav .social-ctn,section.portfolio .desc-ctn hr.desc-line,section.portfolio div.txt-ctn-1 .dup-ctn span.spacer:nth-child(2){display:none}#progressbar-ctn{width:100%;left:0;height:110px}#progressbar-ctn svg{width:45%}nav .menu-btn-ctn button{margin:0 10px 0 0;width:2.5rem;height:2.5rem}nav .menu-btn-ctn button img{width:100%;height:100%}nav section#menu{padding:0}nav section#menu .social-ctn-2{display:flex!important;justify-content:center;align-items:center;width:100%;gap:1rem;margin:2rem 0;position:fixed;bottom:0;left:0}nav section#menu .social-ctn-2 a img{width:2.5rem}nav section#menu ul{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;height:10%;margin-top:13rem}nav section#menu ul li a{display:block;font-size:2rem;text-transform:uppercase;-webkit-text-stroke:2px rgb(29,62,78)}nav section#menu ul hr{width:30%}nav section#menu ul #logo-menu{position:fixed;top:0;left:0;margin:1rem 1.5rem}body #intro #video #video-camara img{object-fit:contain;transform:rotate(-90deg);width:100vh;height:100%}body #intro #video #video-camara{background-image:none;width:100vw;height:100vh;display:flex;justify-content:center}section.portfolio{background-color:#010206}section.portfolio .txt-row{justify-content:center;height:520px}section.portfolio .txt-ctn-2 .txt-row{height:450px}body #intro #video #texto p,section.portfolio .dup-ctn span,section.portfolio h2{line-height:2.6rem;font-size:2.2rem;text-align:center}section.portfolio .dup-ctn span{letter-spacing:-5px;line-height:2.2rem}section.portfolio .bg-rodaje,section.portfolio .sup-rodaje{height:100vh;object-fit:cover}section.portfolio .txt-ctn-1 .dup-ctn{left:-5px}section.portfolio .txt-ctn-2 .dup-ctn{left:1px}section.portfolio .txt-ctn-1 .dup-ctn,section.portfolio .txt-ctn-2 .dup-ctn{width:246px;margin-top:5px;text-align:center;display:block}section.portfolio .txt-ctn-1 .dup-ctn span.spacer,section.portfolio .txt-ctn-2 .dup-ctn span.spacer{width:9px;font-size:1.3rem}section.portfolio div.txt-ctn-2 .spaced-txt{position:absolute;width:325px;left:-42px;display:block}section.portfolio .pf-accordion-outer{flex-direction:column;justify-content:center}section.portfolio ol{width:70%;padding-left:0;margin-top:-30%}section.portfolio ol li{display:flex;flex-direction:column;align-items:center;text-align:center}section.portfolio ol li h2{z-index:-1}section.portfolio ol li:first-child h2{margin-bottom:15px}section.portfolio ol li .desc-ctn bold,section.portfolio ol li .desc-ctn p{font-size:15px}section.portfolio ol #delsud{margin:auto -40px}section.portfolio ol li hr.ctn-line{width:100%}section.portfolio .desc-ctn{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto}section.portfolio div.video-ctn{position:absolute}section.portfolio .box-ctn{width:7.8rem;height:4.6rem;bottom:15%}section.portfolio .logo-box{width:50px;height:50px}#modalVideo{transform:rotate(90deg);width:160vw}#middle #text-container{clip-path:inset(120px 0 90px 0);overflow:hidden}#middle #text-container #letter-ctn{display:block;width:250px}#middle #text-container #letter-ctn span,#middle #text-container p{font-size:2rem}#middle #text-container p:first-child{padding:0 20px}#middle #text-container #letter-ctn .spacer{font-size:.9rem}#middle .acc-borders{height:650px}#middle section.accordion{clip-path:inset(103px 0 104px 0);overflow:hidden}#middle .accordion .expand{display:block;background:0 0;border:none;align-self:flex-start;margin-top:25px;z-index:100}#middle .accordion .expand img{width:2rem}#middle #parent{height:650px;flex-direction:column;overflow-y:scroll;overflow-x:hidden;border:none}#middle #parent::-webkit-scrollbar{display:none}#middle #parent .child{width:100%;flex-direction:column;justify-content:center;padding:250px 10% 50px 15%;overflow:visible;border:0}#middle #parent .child .text-ctn{margin:0 0 0 15%;width:100%;height:100%}#middle #parent .child .text-ctn ol{position:absolute;display:block;clip-path:inset(100% 0 100% 0);top:9rem;transition:.3s ease-in-out}#middle #parent .child:nth-of-type(2) .text-ctn ol:nth-of-type(2){top:15rem}#middle #parent .child .text-ctn ol.reveal{clip-path:inset(0 0 0 0);transition:.5s ease-in-out;top:9rem}#middle #parent .child:nth-of-type(2) .text-ctn ol.reveal:nth-of-type(2){top:21.7rem}#middle #video-tiempo #countdown-timer{left:28%;bottom:-45px;font-size:1.5rem}#middle #video-tiempo #elementos-mob{display:block;opacity:1;width:100%;padding:2rem;z-index:100}#middle #video-tiempo #text-container-2 #letter-ctn span,#middle #video-tiempo #text-container-2 .text{font-size:1.5rem}#text-container-2{max-width:360px!important;margin:0 1rem}p#p1,p#p2{text-align:center;font-size:40px}#p2{margin-bottom:3rem}#carousel-container{display:none!important}#mobileBrandsCtn{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:1rem;width:360px;gap:1rem}#mobileBrandsCtn img.mobileBrands{height:52px;margin:.2rem}#textAllCtn{margin:0 1rem!important}#p1_postC,p.letter-container span{font-size:50px!important}#firstSpacer{font-size:0}#textAllCtn>p.letter-container{padding:0 1rem;display:block}.subTextContainer{justify-content:flex-start;top:25%}.socialContainer{gap:.5rem;align-items:center}.svgSocial{width:50px!important;height:50px!important}a.svgInner{width:50px!important;height:50px}#textEndCtn{max-width:360px;display:block;padding:0 2.5rem;margin-top:2rem}.charSpan2{font-size:20px!important}}
\ No newline at end of file
+@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap);*,a{text-decoration:none}body,main,nav{width:100vw}nav .menu-btn-ctn,nav .social-ctn{width:fit-content;height:fit-content;padding:1rem 0}#intro #init,#intro #scrollea,body #intro,main,nav,nav section#menu{position:fixed}#intro #scrollea,main,section.portfolio{background-color:#000}#middle h2,#txt-container-2 p,section.portfolio bold,section.portfolio h2,section.portfolio span{text-transform:uppercase}*,main{box-sizing:border-box}#middle h1,#middle h2,#txt-container-2 p,:root,div#textAllCtn p.textPostC,section.portfolio h2,section.portfolio span{font-family:Montserraty,sans-serif}@font-face{font-family:Montserraty;src:url("assets/Montserrat-black/Montserrat-Black.eot");src:url("assets/Montserrat-black/Montserrat-Black.eot") format("embedded-opentype"),url("assets/Montserrat-black/Montserrat-Black.woff2") format("woff2"),url("assets/Montserrat-black/Montserrat-Black.woff") format("woff"),url("assets/Montserrat-black/Montserrat-Black.ttf") format("truetype"),url("assets/Montserrat-black/Montserrat-Black.svg#svgFontName") format("svg");font-weight:900;font-style:normal}:root{font-size:20px}*{padding:0;margin:0;list-style:none;scroll-snap-type:none}a{color:inherit}html{height:100%}body{height:100vh}main{margin:0;padding:0;height:100vh;font-family:Montserraty;cursor:none}body::-webkit-scrollbar{display:none}.hand-cursor{position:absolute;width:80px;height:80px;background-image:url("assets/cursor-mano.svg");background-size:cover;pointer-events:none;transform:translate(-50%,-50%);z-index:1000}bubbles{position:absolute;pointer-events:none;border-radius:50%;background:#d1d821;box-shadow:10px 10px 30px #d1d821,-10px -10px 30px #d1d821;animation:.6s infinite colorgen;z-index:999999999999999999999999}nav button,section.portfolio ol fieldset{border:none}bubbles:before{box-shadow:0 0 100px 10px #b5d334}bubbles:after{box-shadow:inset 0 0 100px 10px #b5d334}@keyframes colorgen{from{opacity:1;filter:blur(10px);scale:1}to{opacity:0;filter:blur(50px);scale:0}}#progressbar-ctn{position:fixed;display:flex;bottom:0;left:25%;margin:auto;opacity:0;z-index:10;width:50%;height:150px}#progressbar-ctn svg{margin:auto;width:30%;overflow:visible}a,article,button,h2,img,p,span{user-drag:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}nav{top:0;display:flex;justify-content:flex-end;align-items:center;height:100px;z-index:10}nav .social-ctn{display:flex;justify-content:flex-end;z-index:10}nav .menu-btn-ctn{margin-right:20px;z-index:10}nav .menu-btn-ctn button,nav .social-ctn a{margin:0 .5rem}nav .menu-btn-ctn button{width:3rem;transition:.2s ease-in-out}nav .social-ctn a{width:2rem}button#collapse img,nav .social-ctn a img{width:100%}nav section#menu{top:0;left:0;width:100vw;height:100vh;padding:5rem;background:#cbdb43;opacity:0}#middle #video-tiempo #elementos-mob,#middle .accordion .expand,#mobileBrandsCtn,nav section#menu div.social-ctn-2{display:none}nav section#menu ul{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;height:10%}nav section#menu ul hr{border:1px solid #1d3e4e;margin:0 5rem;width:90%}nav section#menu ul li{margin:0 5rem;font-size:calc(1rem + 1vw);padding-bottom:.5rem}nav section#menu ul li a{font-size:calc(2.5rem + 2vw);text-align:center;color:transparent;-webkit-text-stroke:3px rgb(29,62,78);transition:color .5s}nav section#menu ul li a:hover{color:#1d3e4e}nav button{right:0;background-color:inherit;z-index:7000;cursor:pointer}nav button svg{color:#1d3e4e;height:3rem}body #intro{width:100vw;height:100vh}#txt-container-2 p,div#textAllCtn p.textPostC,section.portfolio h2{width:fit-content;-webkit-text-stroke:2px rgb(203,219,67)}#intro #init{display:flex;justify-content:center;height:100vh;width:100vw;background-image:url("assets/Layer_1.png");background-size:150px;backdrop-filter:opacity(10%);animation:1s 2.5s fadeOutAnimation;z-index:100}#intro #scrollea{display:none;height:100vh;width:100vw}#intro #init svg{width:30vw;height:30vh;fill-opacity:0;stroke:white;stroke-width:1;stroke-dasharray:1500px;stroke-dashoffset:1500px;mix-blend-mode:lighten;animation-name:draw,fill1,fill2;animation-duration:1s,1s,1s;animation-delay:0s,1s,1.5s;animation-fill-mode:both;animation-iteration-count:infinite,infinite,infinite;animation-timing-function:linear;margin:auto}#intro #scrollea svg{width:15vw;height:15vh;margin:auto}#intro #scrollea svg path.st1{fill:white;animation:.8s infinite scroll}#intro #scrollea svg .st0{fill:white}#intro #video{display:flex;justify-content:center;align-self:center;width:100vw;height:100vh}#intro #video #video-camara{position:relative;width:100vw;height:100vh;background-image:url("assets/camara-frames/introframes\(1\).webp");background-position:center;background-size:cover}#intro #video #video-camara img{position:absolute;width:100%;height:100%;object-fit:cover}#intro #video #texto{position:fixed;display:flex;flex-direction:column;justify-content:center;align-self:center;height:100%;width:100%}#intro #video #texto p{font-size:5rem;margin:0;text-align:center;color:transparent;-webkit-text-stroke:2px rgb(203,219,67)}section.portfolio{position:fixed;width:100vw;opacity:0;z-index:2}section.portfolio .bg-rodaje,section.portfolio .sup-rodaje{position:absolute;width:100%;height:auto;object-fit:cover;object-position:bottom}section.portfolio .sup-rodaje{z-index:2}section.portfolio .sup-rodaje.zoomed{z-index:4;opacity:0}section.portfolio h2{position:relative;height:auto;font-weight:1000;font-size:3.8rem;line-height:4.2rem;color:transparent}section.portfolio .pf-accordion h2{cursor:url("assets/cursor-mano.svg") 12 12,pointer}section.portfolio bold,section.portfolio p{font-family:Montserrat,sans-serif;font-size:18px;white-space:nowrap;color:#fff}section.portfolio p{font-weight:400}section.portfolio bold{font-weight:700}section.portfolio .txt-ctn-1,section.portfolio .txt-ctn-2{position:absolute;bottom:0;width:100vw;height:100vh;display:flex;flex-direction:column;padding-top:80px}section.portfolio .txt-ctn-2{z-index:20}section.portfolio .txt-row{display:flex;flex-direction:column;align-items:center;width:100%}section.portfolio .dup-ctn{display:flex;justify-content:center;position:relative;text-align:center;z-index:3}section.portfolio .dup-ctn .spaced-txt{display:flex}section.portfolio .txt-row h2{position:relative;text-align:center;z-index:0;opacity:0}section.portfolio .pf-accordion-outer{position:relative;display:flex;align-items:center;width:100vw;height:100vh;overflow:visible;opacity:0;z-index:0}section.portfolio ol{width:50%;position:relative;padding-left:25px;z-index:20}section.portfolio ol li{padding-top:50px}section.portfolio ol li h2{z-index:20;transform:translateY(30px);opacity:0}section.portfolio .desc-ctn{width:100%;display:flex;opacity:0;transform:translateY(-100px);margin:0}section.portfolio ol li hr.ctn-line{margin:-12px 0;height:3px;background-color:#fff}section.portfolio .desc-ctn hr.desc-line{margin:0 5px}section.portfolio .bg-overlay{position:fixed;width:100vw;height:100vh;top:0;background-color:#000;opacity:0;z-index:5}section.portfolio .dup-ctn span{display:inline-block;position:relative;font-weight:1000;font-size:3.8rem;color:transparent;z-index:0!important;opacity:0;-webkit-text-stroke:2px rgb(203,219,67)}section.portfolio .dup-ctn span.spacer{font-size:3rem;visibility:hidden}section.portfolio div.video-ctn{width:50%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;z-index:5}section.portfolio .box-ctn{position:absolute;display:flex;justify-content:center;align-items:center;width:50%;height:30%;background-color:#0a0a0a;transform:skew(3.5deg,7deg) translate(-5px,40px)}section.portfolio .vid-overlay{position:absolute;width:101%;height:101%;top:-1px;left:-1px;background-color:#0a0a0a;z-index:6;opacity:1}section.portfolio .box-ctn .preview-video{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}section.portfolio .logo-box{position:relative;width:100px;height:100px;fill:rgb(203,219,67);opacity:.4;z-index:7}.modal-container{position:absolute;top:0;left:auto}.modal{position:fixed;z-index:1000;width:100vw;height:100vh;background-color:#000}.modal-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.modal .close{position:absolute;z-index:50000;top:5%;right:11.5%;width:48px;cursor:pointer;filter:invert(1);filter:drop-shadow(#fff 1px 0px 5px)}.modal .close .st0{fill:#fff}#modalVideo{width:80%;position:relative;padding:0;margin:0}#middle,#middle #middleVidCtn,#middle #text-container,#middle .accordion{height:100vh;position:fixed;width:100vw}.hidden{display:none;overflow:visible}.child,.shown{overflow:hidden}.shown{display:block}#middle{opacity:0;transform-style:preserve-3d;transform-origin:center top;transform:perspective(1000px) rotateX(0);transition:transform .5s;z-index:3}#middle #middleVidCtn{top:0;z-index:-1;opacity:0;object-fit:cover}#middle #middleVidCtn img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0}#middle #text-container{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;top:0}#middle #parent,.acc-borders{height:450px;border-top:2px solid #fff;border-bottom:2px solid #fff}#middle #text-container hr{width:100%;margin:4.07%;z-index:-100}#middle #text-container p,#video-tiempo #text-container-2 p{font-size:4rem;margin:0;text-align:center;color:transparent;-webkit-text-stroke:2px rgb(203,219,67)}#middle #text-container #letter-ctn,#video-tiempo #text-container-2 #letter-ctn,div#textAllCtn .letter-container{display:flex;font-size:0;margin:0;text-align:center;color:transparent;-webkit-text-stroke:2px rgb(203,219,67)}#middle #text-container #letter-ctn .spacer,#video-tiempo #text-container-2 #letter-ctn .spacer,div#textAllCtn .letter-container .spacerSpan{font-size:2rem;visibility:hidden}#middle #text-container #letter-ctn span,#video-tiempo #text-container-2 #letter-ctn span{font-size:4rem;margin:0;padding:0;color:transparent;-webkit-text-stroke:2px rgb(203,219,67)}#middle h1{margin-top:-70px;font-size:6.8rem;color:transparent;-webkit-text-stroke:2px rgb(203,219,67)}#middle h2{font-size:1.9rem;color:#cbdb43}#middle .accordion{display:flex;justify-content:center;align-items:center;transform:translate3d(0,-15%,250px);transform-style:preserve-3d;perspective:1000;top:0;z-index:20;scale:0.75}#middle #parent{position:relative;display:flex;white-space:nowrap;width:100vw;margin:auto 0;padding:0;z-index:50}.acc-borders{position:absolute;width:140vw;right:-50%;z-index:-4}.child{position:relative;display:flex;align-items:center;width:33.3%;height:100%;font-family:arial;padding:50px 0 50px 80px;text-align:left}.child:nth-child(2){border-left:2px solid #fff;border-right:2px solid #fff}.text-ctn,.title-ctn{width:100%;pointer-events:none}.title-ctn{transition:left .8s;left:50%}.text-ctn{position:absolute;left:0}#middle #video-tiempo,#middle #video-tiempo #tiempoVidCtn,#middle #video-tiempo svg,#txt-container-2,#video-tiempo #text-container-2,.bg-video{height:100vh;position:fixed;width:100vw}.child:first-child .text-ctn,.child:nth-child(3) .text-ctn{margin:0 0 0 420px}.child:nth-child(2) .text-ctn{margin:0 0 0 360px}.text-ctn::after{position:absolute;content:"";width:100%;height:350px;top:0}.text-ctn ol li,.text-ctn p{font-family:Montserrat,sans-serif;width:300px;font-weight:500;text-wrap:wrap;font-size:.8rem;letter-spacing:-.5px;color:#fff;line-height:1.4rem}.text-ctn ol,.text-ctn p{display:inline-block;width:object-fit;transition:clip-path .8s;clip-path:inset(0 100% 0 0)}#tiempoCtn,.carousel figure{transition:transform .5s;transform-style:preserve-3d}.child:hover .text-ctn ol,.child:hover .text-ctn p{clip-path:inset(0 0 0 0%)}.child:hover .title-ctn{left:0}.child:nth-child(2) ol:first-child{clip-path:inset(0 0 0 100%)}.child:nth-child(2):hover ol:first-child{clip-path:inset(0 0 0 0)}.bg-video{top:0;object-fit:cover;z-index:-1;filter:hue-rotate(145deg);opacity:0;transform-style:preserve-3d;transform:rotateX(0)}#tiempoCtn{width:100vw;height:300vh;transform-origin:center;transform:perspective(1000px) rotateX(0)}#middle #video-tiempo{transform-style:preserve-3d;opacity:0}#middle #video-tiempo #tiempoVidCtn{top:0;z-index:1;object-fit:cover}#middle #video-tiempo #tiempoVidCtn img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:1}#middle #video-tiempo #countdown-timer{position:absolute;bottom:0;left:44%;width:100%;height:20%;z-index:1000;font-family:Montserrat,sans-serif;font-size:2rem;color:#fff}#middle #video-tiempo svg{transform:translate(0,-5%);z-index:1;animation:1.5s infinite pulse}#video-tiempo #text-container-2{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}#video-tiempo #text-container-2 hr{width:150%;margin:5%;z-index:-100}@keyframes draw{to{stroke-dashoffset:1}}@keyframes fill1{from{fill-opacity:0}to{fill-opacity:1;fill:white}}@keyframes fill2{to{fill-opacity:1;fill:#d1d821;stroke:#d1d821}}@keyframes scroll{0%{opacity:0;transform:translateY(-50px)}80%{opacity:1;transform:translateY(40px)}100%{opacity:0;transform:translateY(40px)}}@keyframes fadeOutAnimation{from{opacity:1}to{opacity:0}}@keyframes fadeInAnimation{from{opacity:0}to{opacity:1}}@keyframes flipCard{0%{transform:perspective(500px) rotateX(90deg)}¡ 100%{transform:perspective(500px) rotateX(0)}}@keyframes pulse{from{z-index:-2}to{z-index:2}}#txt-container-2{display:flex;z-index:500;flex-direction:column;align-items:center;justify-content:center}#txt-container-2 p{transform:translateX(200%);font-weight:1000;font-size:3.8rem;color:transparent}#carousel-container{position:absolute;text-align:center;top:18%;transform:scale(0)}.carousel{position:relative;perspective:2500px;perspective-origin:50% -50%;transform:scale(80%);display:flex;flex-direction:column;align-items:center;height:-1000px}.carousel>*{flex:0 0 auto}.carousel figure{margin:0;height:300px;width:180px;transform-origin:50% 50% -400px;animation:30s infinite forwards rotateAnim}.carousel figure .card-ctn{user-select:none;pointer-events:none;position:relative;display:flex;justify-content:center;align-items:center;height:100%;width:100%;box-sizing:border-box;opacity:.9;border-radius:6%;overflow:hidden;transform:translateZ(200px) matrix3d(1,0,0,0,0,1,-.03,0,0,0,1,0,0,0,0,1);background-color:#000}.carousel figure .card-ctn:not(:first-of-type){position:absolute;left:0;top:0;transform-origin:50% 50% -400px}.carousel figure .card-ctn:nth-child(2){transform:rotateY(.897597901rad) translateZ(200px) matrix3d(1,0,0,0,0,1,-.03,0,0,0,1,0,0,0,0,1)}.carousel figure .card-ctn:nth-child(3){transform:rotateY(1.7951958021rad) translateZ(200px) matrix3d(1,0,0,0,0,1,-.03,0,0,0,1,0,0,0,0,1)}.carousel figure .card-ctn:nth-child(4){transform:rotateY(2.6927937031rad) translateZ(200px) matrix3d(1,0,0,0,0,1,-.03,0,0,0,1,0,0,0,0,1)}.carousel figure .card-ctn:nth-child(5){transform:rotateY(3.5903916041rad) translateZ(200px) matrix3d(1,0,0,0,0,1,-.03,0,0,0,1,0,0,0,0,1)}.carousel figure .card-ctn:nth-child(6){transform:rotateY(4.4879895051rad) translateZ(200px) matrix3d(1,0,0,0,0,1,-.03,0,0,0,1,0,0,0,0,1)}.carousel figure .card-ctn:nth-child(7){transform:rotateY(5.3855874062rad) translateZ(200px) matrix3d(1,0,0,0,0,1,-.03,0,0,0,1,0,0,0,0,1)}.carousel figure .card-ctn img{position:relative;width:150px;height:100%;object-fit:scale-down;z-index:1}.carousel figure .card-ctn video{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.7}@keyframes rotateAnim{0%{transform:rotateY(0)}14.2%,7.1%{transform:rotateY(-51.4285714286deg)}21.3%,28.4%,35.5%{transform:rotateY(-102.8571428571deg)}42.6%,49.7%{transform:rotateY(-154.2857142857deg)}56.8%,63.9%{transform:rotateY(-205.7142857143deg)}71%,78.1%{transform:rotateY(-257.1428571429deg)}85.2%,92.3%,98.7%{transform:rotateY(-308.5714285714deg)}100%{transform:rotateY(-359.99deg)}}.flipLogoContainer{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;position:fixed;z-index:10}.subTextContainer,div#textAllCtn{width:100vw;height:50%;z-index:5;display:flex}#svgOutro{position:absolute;fill:rgb(203,219,67)}div#textAllCtn{justify-content:center;align-items:center;flex-direction:column;font-size:110px;position:absolute;transform-style:preserve-3d}div#textAllCtn p.textPostC{text-align:center;font-weight:900;color:transparent}div#textAllCtn .letter-container .charSpan{font-size:110px;margin:0;padding:0;color:transparent;-webkit-text-stroke:2px rgb(203,219,67)}.subTextContainer{position:relative;visibility:hidden;top:18.5%;flex-direction:column;justify-content:center;align-items:center}#p2_postC{color:#cbdb43;font-size:1.8rem;margin:7rem}.socialContainer{display:flex;flex-direction:row;gap:2rem;min-height:100px}.socialContainer .svgSocial{width:100px;height:100px}.socialContainer a.svgInner{display:block;width:100%;height:100%;background-size:cover;background-position:center}.socialContainer #svgLinkedIn a{background-image:url("assets/logos_end/linkedin.png")}.socialContainer #svgMail a{background-image:url("assets/logos_end/mail.png")}.socialContainer #svgInstagram a{background-image:url("assets/logos_end/ig.png")}.socialContainer #svgWhatsapp a{background-image:url("assets/logos_end/wsp.png")}.textEndCtn{display:flex;font-size:0;margin:5rem 0 0;text-align:center;color:transparent}.textEndCtn .charSpan2{font-size:1.6rem;margin:0;padding:0;color:transparent;opacity:0}.textEndCtn .spacerSpan2{font-size:.5rem;visibility:hidden}@media (max-width:900px){section.portfolio .box-ctn,section.portfolio .vid-overlay{background-color:transparent}#textAllCtn,p#p1,p#p2{letter-spacing:1px;font-weight:400}#firstSpacer,#middle #video-tiempo #elementos-desk,nav .social-ctn,section.portfolio .desc-ctn hr.desc-line,section.portfolio div.txt-ctn-1 .dup-ctn span.spacer:nth-child(2){display:none}#progressbar-ctn{width:100%;left:0;height:110px}#progressbar-ctn svg{width:45%}nav .menu-btn-ctn button{margin:0 10px 0 0;width:2.5rem;height:2.5rem}nav .menu-btn-ctn button img{width:100%;height:100%}nav section#menu{padding:0}nav section#menu .social-ctn-2{display:flex!important;justify-content:center;align-items:center;width:100%;gap:1rem;margin:2rem 0;position:fixed;bottom:0;left:0}nav section#menu .social-ctn-2 a img{width:2.5rem}nav section#menu ul{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;height:10%;margin-top:13rem}nav section#menu ul li a{display:block;font-size:2rem;text-transform:uppercase;-webkit-text-stroke:2px rgb(29,62,78)}nav section#menu ul hr{width:30%}nav section#menu ul #logo-menu{position:fixed;top:0;left:0;margin:1rem 1.5rem}body #intro #video #video-camara img{object-fit:contain;transform:rotate(-90deg);width:100vh;height:100%}body #intro #video #video-camara{background-image:none;width:100vw;height:100vh;display:flex;justify-content:center}section.portfolio{background-color:#010206}section.portfolio .txt-row{justify-content:center;height:520px}section.portfolio .txt-ctn-2 .txt-row{height:450px}body #intro #video #texto p,section.portfolio .dup-ctn span,section.portfolio h2{line-height:2.6rem;font-size:2.2rem;text-align:center}section.portfolio .dup-ctn span{letter-spacing:-5px;line-height:2.2rem}section.portfolio .bg-rodaje,section.portfolio .sup-rodaje{height:100vh;object-fit:cover}section.portfolio .txt-ctn-1 .dup-ctn{left:-5px}section.portfolio .txt-ctn-2 .dup-ctn{left:1px}section.portfolio .txt-ctn-1 .dup-ctn,section.portfolio .txt-ctn-2 .dup-ctn{width:246px;margin-top:5px;text-align:center;display:block}section.portfolio .txt-ctn-1 .dup-ctn span.spacer,section.portfolio .txt-ctn-2 .dup-ctn span.spacer{width:9px;font-size:1.3rem}section.portfolio div.txt-ctn-2 .spaced-txt{position:absolute;width:325px;left:-42px;display:block}section.portfolio .pf-accordion-outer{flex-direction:column;justify-content:center}section.portfolio ol{width:70%;padding-left:0;margin-top:-30%}section.portfolio ol li{display:flex;flex-direction:column;align-items:center;text-align:center}section.portfolio ol li h2{z-index:-1}section.portfolio ol li:first-child h2{margin-bottom:15px}section.portfolio ol li .desc-ctn bold,section.portfolio ol li .desc-ctn p{font-size:15px}section.portfolio ol #delsud{margin:auto -40px}section.portfolio ol li hr.ctn-line{width:100%}section.portfolio .desc-ctn{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto}section.portfolio div.video-ctn{position:absolute}section.portfolio .box-ctn{width:7.8rem;height:4.6rem;bottom:15%}section.portfolio .logo-box{width:50px;height:50px}#modalVideo{transform:rotate(90deg);width:160vw}#middle #text-container{clip-path:inset(120px 0 90px 0);overflow:hidden}#middle #text-container #letter-ctn{display:block;width:250px}#middle #text-container #letter-ctn span,#middle #text-container p{font-size:2rem}#middle #text-container p:first-child{padding:0 20px}#middle #text-container #letter-ctn .spacer{font-size:.9rem}#middle .acc-borders{height:650px}#middle section.accordion{clip-path:inset(103px 0 104px 0);overflow:hidden}#middle .accordion .expand{display:block;background:0 0;border:none;align-self:flex-start;margin-top:25px;z-index:100}#middle .accordion .expand img{width:2rem}#middle #parent{height:650px;flex-direction:column;overflow-y:scroll;overflow-x:hidden;border:none}#middle #parent::-webkit-scrollbar{display:none}#middle #parent .child{width:100%;flex-direction:column;justify-content:center;padding:250px 10% 50px 15%;overflow:visible;border:0}#middle #parent .child .text-ctn{margin:0 0 0 15%;width:100%;height:100%}#middle #parent .child .text-ctn ol{position:absolute;display:block;clip-path:inset(100% 0 100% 0);top:9rem;transition:.3s ease-in-out}#middle #parent .child:nth-of-type(2) .text-ctn ol:nth-of-type(2){top:15rem}#middle #parent .child .text-ctn ol.reveal{clip-path:inset(0 0 0 0);transition:.5s ease-in-out;top:9rem}#middle #parent .child:nth-of-type(2) .text-ctn ol.reveal:nth-of-type(2){top:21.7rem}#middle #video-tiempo #countdown-timer{left:28%;bottom:-45px;font-size:1.5rem}#middle #video-tiempo #elementos-mob{display:block;opacity:1;width:100%;padding:2rem;z-index:100}#middle #video-tiempo #text-container-2 #letter-ctn span,#middle #video-tiempo #text-container-2 .text{font-size:1.5rem}#text-container-2{max-width:360px!important;margin:0 1rem}p#p1,p#p2{text-align:center;font-size:40px}#p2{margin-bottom:3rem}#carousel-container{display:none!important}#mobileBrandsCtn{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:1rem;width:360px;gap:1rem}#mobileBrandsCtn img.mobileBrands{height:52px;margin:.2rem}#textAllCtn{margin:0 1rem!important}#p1_postC,p.letter-container span{font-size:50px!important}#firstSpacer{font-size:0}#textAllCtn>p.letter-container{padding:0 1rem;display:block}.subTextContainer{justify-content:flex-start;top:25%}.socialContainer{gap:.5rem;align-items:center}.svgSocial{width:50px!important;height:50px!important}a.svgInner{width:50px!important;height:50px}#textEndCtn{max-width:360px;display:block;padding:0 2.5rem;margin-top:2rem}.charSpan2{font-size:20px!important}}
\ No newline at end of file