@font-face{font-family:Geologica-extraBold;src:url(/portfolio/assets/Geologica-ExtraBold-DJCZA3TN.ttf)}@font-face{font-family:Geologica-bold;src:url(/portfolio/assets/Geologica-Bold-C1ZNfuyp.ttf)}@font-face{font-family:Geologica-semibold;src:url(/portfolio/assets/Geologica-SemiBold-Ct0Dgkau.ttf)}@font-face{font-family:Geologica-regular;src:url(/portfolio/assets/Geologica-Regular-CT8Ftx61.ttf)}@font-face{font-family:Geologica-light;src:url(/portfolio/assets/Geologica-Light-YMzCKxDg.ttf)}@font-face{font-family:Geologica-medium;src:url(/portfolio/assets/Geologica-Medium-pLMdr7nw.ttf)}@font-face{font-family:Geologica-extralLight;src:url(/portfolio/assets/Geologica-ExtraLight-DBQpyVPb.ttf)}@font-face{font-family:Geologica-thin;src:url(/portfolio/assets/Geologica-Thin-DRojE4JK.ttf)}:root{--text-white: #f8f8f8;--text-black: #333333;--bcc-white: #f8f8f8;--bcc-black: #0e0e0e}*{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:Geologica-regular;color:var(--text-white);background-color:var(--bcc-black)}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:transparent!important;margin:0 10px}body::-webkit-scrollbar-thumb{background-color:#2f2f2f;border-radius:5px}body{overflow:hidden}.section{width:100%;padding:100px 0}a{text-decoration:none;color:var(--bcc-white);transition:.3s all!important}a:hover{opacity:.8}button,.button{background-color:transparent;padding:20px 25px;border-radius:100px;font-size:1.1rem;cursor:pointer;border:none;font-family:Geologica-regular;color:var(--bcc-white);transition:ease all .3s!important;opacity:1!important;text-align:center}.btn-primary{color:var(--text-white);border:1px solid var(--text-white);background-color:var(--bcc-black)}.btn-primary:hover{background-color:var(--bcc-white);color:var(--text-black)}.btn-secondary{color:var(--text-black);border:1px solid var(--text-black);background-color:var(--bcc-white)}.btn-secondary:hover{background-color:var(--bcc-black);color:var(--text-white)}.align-right{align-items:flex-end!important}.text-align-right{text-align:right!important}.display-none{display:none!important}.pe-none{pointer-events:none!important}.tb-move-off{position:relative;transform:translateY(-100px);opacity:0}.tb-move-on{transform:translateY(0);opacity:1;transition:all 1s ease-out}.opacity-1{opacity:1!important}.opacity-0{opacity:0!important}@media all and (min-width: 768px){.section{padding:150px 0}}@media all and (min-width: 1024px){.section{padding:200px 0}}.welcome-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#0e0e0e;z-index:999;display:flex;justify-content:center;align-items:center;font-family:Geologica-thin;font-size:2rem;font-size:clamp(2rem,calc(2rem + (100vw - 23.4375rem)*.01939),3rem);padding:7.5%}.welcome-actions{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:50px;text-align:center;animation:welcome 1s linear forwards}.welcome-btn{transition:all .3s linear;font-family:Geologica-thin!important}.welcome-an{animation-name:welcome;animation-duration:3s;animation-timing-function:linear;animation-fill-mode:forwards}.wa-opacity-0{animation:opacity-0 .5s linear}.ws-opacity-0{animation:opacity-0 2s linear 1s forwards}.header{width:100%;height:100vh;padding:0 7.5%;background-image:url(/portfolio/assets/Header-Image1-D7KaAWqN.webp);background-position:center;background-size:cover;background-attachment:fixed;position:relative}.header>*{position:relative}.header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0e0e0ecc;z-index:0}.navbar{position:fixed;top:0;left:0;width:100%;padding:20px 5%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;z-index:10;transition:transform .5s ease-in-out}.navbar-link{font-size:clamp(.875rem,calc(.875rem + (100vw - 23.4375rem)*.00187),1rem);transition:color .1s linear;font-family:Geologica-bold}.navbar-hidden{transform:translateY(-100%)}.header-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:50px}.hcl-item{font-size:clamp(2.25rem,calc(2.25rem + (100vw - 23.4375rem)*.08368),8rem);font-family:Geologica-bold;position:relative}.floating-an{animation-name:floating;animation-duration:8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}h1{font-size:clamp(1rem,calc(1rem + (100vw - 23.4375rem)*.00375),1.25rem);font-family:Geologica-light}.s-about{background-color:var(--bcc-white);color:var(--text-black);display:flex;flex-direction:column;gap:50px}section .title-h2{font-size:clamp(.75rem,calc(.75rem + (100vw - 23.4375rem)*.00484),1rem);font-family:Geologica-thin;color:#0e0e0e}.sa-title-container,.ss-title-container{padding:0 7.5%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:5px}.sa-title-container svg{width:25px;height:25px}.sa-dev-data{padding:0 7.5%;display:flex;flex-direction:column;gap:30px;width:min(100%,1200px);margin:0 auto}.sa-about{display:none}.sa-about-title{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:30px}.sa-mobile-about{font-family:Geologica-bold;text-align:center;font-size:clamp(3rem,calc(3rem + (100vw - 23.4375rem)*.09696),8rem)}img{width:100px;height:100px}.sa-image-name{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.dev-img{width:300px;overflow:hidden;border-radius:10px}.dev-img img{width:100%;height:max-content}.sa-dev-name{font-size:clamp(1rem,calc(1rem + (100vw - 23.4375rem)*.00242),1.125rem);font-family:Geologica-bold}.sa-dev-job{font-size:clamp(.875rem,calc(.875rem + (100vw - 23.4375rem)*.00563),1rem);opacity:50%}.sa-desc{display:flex;flex-direction:column;gap:30px;font-family:Geologica-thin;font-size:clamp(1rem,calc(1rem + (100vw - 23.4375rem)*.00242),1.125rem)}.sa-desc p{line-height:1.5rem}.sa-dev-strengths{width:100%;display:flex;flex-direction:column;gap:30px}.sa-dev-strengths .title-h3{padding:0 7.5%;font-size:clamp(1.5rem,calc(1.5rem + (100vw - 23.4375rem)*.01126),2.25rem)}.sa-strengths{position:relative;width:100%;display:flex;overflow:hidden;gap:min(15vw,150px)}.sa-absolute{display:flex;gap:min(15vw,150px);animation:scroll 15s linear infinite}.strengths-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.sa-item-desc{font-size:clamp(.875rem,calc(.875rem + (100vw - 23.4375rem)*.00563),1.25rem);font-family:Geologica-semibold}.strengths-item svg{width:min(20vw,130px);height:min(20vw,130px)}.s-works{padding-bottom:0!important}.s-works .title-h2{color:var(--text-white);text-align:center;font-size:clamp(3rem,calc(3rem + (100vw - 23.4375rem)*.09696),8rem);font-family:Geologica-bold;padding:50px 0}.sw-works-container{background-color:var(--bcc-black);padding-top:100px;display:flex;flex-direction:column;gap:200px}.sw-work-item-container{width:100%;height:100vh;background-color:#0e0e0e;position:sticky;top:0;left:0}.sw-work-item{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.sw-title-container,.sc-title-container{display:flex;justify-content:center;align-items:center;gap:10px}.sw-title-container{position:sticky;top:0;left:0}.cursor-simulator{width:5px;height:150px;background-color:#ffffff80;animation:cursor 1s infinite steps(2)}.sw-work-item>*{position:relative}.sw-wi-bccimg{position:absolute;top:0;left:0;width:100%;height:100%;filter:blur(6px);z-index:20;opacity:.2;object-fit:cover;object-position:center;transform:scale(1.1);transition:all ease 5s}.sw-item-data{position:absolute;bottom:15%;right:50%;transform:translate(50%,50%);padding-right:5.5%;font-size:clamp(.875rem,calc(.875rem + (100vw - 23.4375rem)*.00187),1rem);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;z-index:999;transition:all 5s ease}.sw-link-github{margin-top:10px;background-color:transparent;font-size:.8rem;padding:12px}.sw-link-github:hover{color:#000}.sw-proyect-link{position:relative;z-index:30;display:block;overflow:hidden;transition:all ease 5s!important}.sw-proyect-link:hover{transform:scale(1.1);box-shadow:0 0 20px #00000080}.sw-proyect-link:hover~.sw-item-data{transform:translate(50%,50%) scale(.9)}.sw-proyect-link:hover~.sw-wi-bccimg{transform:scale(1)}.sw-item-img{width:min(85vw,70vh);height:min(85vw,70vh);border-radius:10px;overflow:hidden}.sw-item-img img{width:100%;height:100%}.sw-item-date{font-family:Geologica-thin}.sw-item-type{font-family:Geologica-medium}.sw-item-tools{font-family:Geologica-thin;text-align:center}.sw-action-btn{background-color:var(--bcc-white);width:100%;height:150px;display:flex;justify-content:center;align-items:flex-end;position:relative}.sw-action-btn .all-works-link{font-size:clamp(1rem,calc(1rem + (100vw - 23.4375rem)*.00187),1.125rem)}.pop-up{padding:20px;color:var(--bcc-white);font-size:16px;margin:0 auto}.temporal-pop-up{position:fixed;left:50%;bottom:0;z-index:999;border-radius:5px;box-shadow:1px 3px 3px #0000001a;text-shadow:1px 3px 3px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;text-align:center;animation:temporal-pop-up 3s ease-out forwards;width:min(500px,90%)}.warning-pop-up{background-color:#f8c210}@keyframes temporal-pop-up{0%{transform:translate(-50%,100%)}10%{transform:translate(-50%,-50%)}90%{transform:translate(-50%,-50%)}to{transform:translate(-50%,100%)}}.s-skills{background-color:var(--bcc-white);color:var(--text-black);display:flex;flex-direction:column;gap:50px}.ss-skills-container{width:100%;padding:0 7.5%;display:flex;flex-direction:column;gap:50px}.ss-skills-container>*{width:100%}.ss-skills-container .title-h3{font-size:clamp(2rem,calc(2rem + (100vw - 23.4375rem)*.03568),4.375rem)}.ss-wdi-frameworks{display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.ss-wd-item{display:flex;flex-direction:column;gap:5px;font-family:Geologica-semibold;font-size:clamp(.875rem,calc(.875rem + (100vw - 23.4375rem)*.00563),1.25rem)}.s-career{display:flex;flex-direction:column;gap:50px}.s-career .title-h2{color:var(--text-white);font-family:Geologica-bold;text-align:center;font-size:clamp(3rem,calc(3rem + (100vw - 23.4375rem)*.09696),8rem)}.sc-centername{position:relative;width:100%;font-size:clamp(2rem,calc(2rem + (100vw - 23.4375rem)*.03004),4rem);overflow:hidden;display:flex;gap:50px;opacity:.05;font-family:Geologica-regular}.sc-c-item{position:relative;display:flex;flex-direction:row;gap:50px}.slide{animation:scroll_career 80s linear infinite}.slide-reverse{transform:translate(-100%);animation:scroll_career_r 80s linear infinite}.sc-course-data{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:0 7.5%}.sc-course-data .title-h3{font-size:clamp(1rem,calc(1rem + (100vw - 23.4375rem)*.00751),1.5rem)}.sc-cd-tools{font-size:clamp(.875rem,calc(.875rem + (100vw - 23.4375rem)*.00187),1rem);text-align:center;font-family:Geologica-thin;opacity:.3}.sc-cd-others{display:flex;justify-content:center;align-items:center;gap:15px;font-size:clamp(1rem,calc(1rem + (100vw - 23.4375rem)*.00375),1.25rem);font-family:Geologica-light}.sc-cd-state{font-size:.875rem;opacity:.5;font-family:Geologica-thin}.footer{width:100%;height:auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.f-content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;flex:1}.footer .title-h2{padding:0 20px;text-align:center;font-size:clamp(3rem,calc(3rem + (100vw - 23.4375rem)*.05818),6rem);font-family:Geologica-bold;color:var(--bcc-white)}.footer .f-dev-name{font-size:clamp(1rem,calc(1.1rem + (100vw - 23.4375rem)*.0097),1.5rem);font-family:Geologica-thin;opacity:.7}.footer .f-dev-prof{font-size:clamp(1rem,calc(1.1rem + (100vw - 23.4375rem)*.0097),1.5rem);font-family:Geologica-thin;text-transform:uppercase}.footer .f-link svg,.f-email-container svg{width:min(10vw,40px);height:min(10vw,40px)}.f-contact{width:100%;display:flex;justify-content:space-between;align-items:center;padding:5%}.f-email-container{display:flex;flex-direction:row;align-items:center;gap:10px}.f-email{font-size:clamp(1rem,calc(1rem + (100vw - 23.4375rem)*.00375),1.25rem);display:none}@keyframes scroll_career{0%{transform:translate(50px)}to{transform:translate(-100%)}}@keyframes scroll_career_r{0%{transform:translate(calc(-100% - 50px))}to{transform:translate(0)}}@keyframes scroll{0%{transform:translate(min(15vw,150px))}to{transform:translate(-100%)}}@keyframes opacity-0{0%{opacity:1}to{opacity:0}}@keyframes welcome{0%{opacity:0}to{opacity:1}}@keyframes cursor{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes floating{0%{transform:translateY(-10px)}50%{transform:translateY(10px)}to{transform:translateY(-10px)}}@media all and (max-height: 450px){.sw-item-data{bottom:50%!important;right:10%!important}}@media all and (min-width: 768px){.sw-link-github{margin-top:10px;font-size:1rem;padding:20px 25px}.sw-works-container{padding-top:150px}.s-career{gap:100px}.f-email{display:flex}.sw-item-data{padding-right:5%;bottom:10%;right:50%}}@media all and (min-width: 1024px){.sw-item-data{padding-right:7.5%;bottom:50%;right:10%}.sw-works-container{padding-top:200px}.s-about,.s-skills{gap:100px}.sa-dev-data{gap:50px}.sa-mobile-about{display:none}.sa-about-title{display:flex;flex-direction:row;justify-content:center;align-items:center}.sa-about{display:flex;font-family:Geologica-bold;font-size:clamp(2rem,calc(2rem + (100vw - 23.4375rem)*.05818),5rem)}.sa-dev-strengths,.sa-desc{gap:50px}.ss-skills-container{gap:70px}.f-contact{padding:2% 3%}.navbar{padding:30px 5%}}