@font-face{font-family:Montserrat;src:url(/assets/Montserrat-VariableFont_wght-DcaoeaBt.ttf) format("truetype");font-weight:200 1000;font-style:normal}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Italic-VariableFont_wght-C-ARXqaC.ttf) format("truetype");font-weight:200 1000;font-style:italic}*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;font-family:Montserrat,sans-serif}body,.body{margin:0;padding:0;height:100%;box-sizing:border-box}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}}.page{min-height:100vh;height:auto;width:100%;margin:0;padding:0;position:relative;padding-top:4rem}h1,h2,h3,h4{margin:0;padding:0}h1{font-size:2.9rem;line-height:3rem}h2{font-size:2.2rem;line-height:2.3rem}h3{font-size:1.7rem;line-height:1.8rem}.box_shadow{box-shadow:#29292d33 0 1rem 2rem}#root{margin:0;width:100%;height:100%;padding:0;text-align:center}.home_page{background:linear-gradient(to bottom,#4f8fcf,#90c5f7,#feedc1,#e4a872);height:250vh;overflow:hidden}.home_page .advertising{position:fixed;bottom:0;width:60%;z-index:980}.home_page .welcome{width:25%;text-align:center;align-items:center;display:flex;flex-direction:column;position:absolute;right:11%;top:8%}.home_page .welcome .go_down_button{margin-top:7rem;animation:go_down_cloud_movement 150s linear infinite;animation-direction:alternate}.home_page .welcome .go_down_button .go_down_cloud{overflow:visible}.home_page .welcome .go_down_button .go_down_arrow{animation:go_down_arrow_movement 8s linear infinite}.home_page .welcome .go_down_button:hover .go_down_arrow{animation:go_down_arrow_movement_hover .7s linear infinite}.home_page .welcome .go_down_button:active .cloud_go_down_cloud{fill:#91c7dd}.home_page .welcome .go_down_button:active .shadow_go_down_cloud{fill:#fff}.home_page .welcome .welcome_cloud{animation:welcome_movement 250s linear infinite;animation-direction:alternate;overflow:visible}.home_page .welcome .welcome_cloud .bienvenido_B{animation:letter_3 120s linear infinite;animation-direction:alternate}.home_page .welcome .welcome_cloud .bienvenido_i1{animation:letter_1 90s linear infinite;animation-direction:alternate}.home_page .welcome .welcome_cloud .bienvenido_e1{animation:letter_1 120s linear infinite;animation-direction:alternate}.home_page .welcome .welcome_cloud .bienvenido_n1{animation:letter_2 90s linear infinite;animation-direction:alternate}.home_page .welcome .welcome_cloud .bienvenido_e2{animation:letter_2 120s linear infinite;animation-direction:alternate}.home_page .welcome .welcome_cloud .bienvenido_n2{animation:letter_1 90s linear infinite;animation-direction:alternate}.home_page .welcome .welcome_cloud .bienvenido_d{animation:letter_3 150s linear infinite;animation-direction:alternate}.home_page .welcome .welcome_cloud .bienvenido_o{animation:letter_1 90s linear infinite;animation-direction:alternate}.home_page .about_me{width:30vw;height:80vh;text-align:center;align-items:center;justify-content:center;display:flex;flex-direction:column;position:absolute;left:6vw;top:140vh}.home_page .about_me ul{list-style:none;display:flex;flex-direction:row;align-items:center;padding:0;gap:1rem}.home_page .about_me ul li{text-align:center;width:fit-content;height:fit-content;border-radius:40%;background-color:transparent;display:flex;justify-content:center;align-items:center;padding:.5rem}.home_page .about_me ul li a{padding:0;margin:0}.home_page .about_me ul .about_me_link{border-radius:45%;overflow:hidden;cursor:pointer}.home_page .about_me ul .backg_div{border-radius:50%;position:absolute;inset:0;background:#b9abbfb6;z-index:-1;transform-origin:center;pointer-events:none}.home_page .about_me ul .logo{height:5vh}.home_page .about_me .profile_pic{margin-top:20%;margin-bottom:10%;border-radius:50%;box-shadow:0 0 1rem .01rem #4040408a}.home_page .introduction{width:50vw;height:100vh;justify-content:center;display:flex;flex-direction:column;position:absolute;right:10vw;top:140vh;align-items:baseline;font-weight:400;font-size:clamp(1rem,1.5vw,3rem)}.home_page .introduction h1{font-size:clamp(2rem,2.5vw,5rem)}.home_page .introduction p{text-align:left;margin:0;margin-bottom:.5rem}.home_page .introduction li{margin:0;border-radius:15px;padding:.7rem;text-decoration-line:underline;font-style:italic}.home_page .introduction li:active{background-color:#fff}.home_page .street_footer{padding:0;margin:0;height:fit-content;width:101%;position:absolute;bottom:0}.home_page .street_footer svg{position:relative;bottom:-.5rem;left:0;width:100%}@media(max-aspect-ratio:38/29){.home_page .advertising{width:75%}.home_page .welcome{width:60%;left:20%;top:15vh}.home_page .welcome .go_down_button{position:absolute;top:100%;right:-5%}.home_page .about_me{width:40%;height:fit-content;left:30%;padding:0;top:78%}.home_page .about_me .profile_pic{margin-top:5%}.home_page .introduction{width:80%;height:auto;right:10%;top:160vh}.home_page .introduction p{margin-top:.5rem}.home_page .street_footer{width:105%;bottom:1;left:-1}}@media(max-aspect-ratio:67/89){.home_page{max-height:220vh}.home_page .advertising{width:90%}.home_page .welcome{width:70%;left:15%}.home_page .welcome .go_down_button{position:relative;margin-top:9rem}.home_page .welcome .go_down_button:active .go_down_arrow{animation:go_down_arrow_movement_hover .7s linear infinite}.home_page .about_me{top:80%}.home_page .about_me .profile_pic{margin-top:5%}.home_page .introduction{width:90%;right:5%;top:135vh}}@media(max-aspect-ratio:1/2){.home_page .advertising{width:90%}.home_page .welcome{width:75%;left:12%}.home_page .about_me{top:84%}.home_page .introduction{width:90%;right:5%;top:132vh}}@keyframes welcome_movement{0%{transform:translate(3rem) translateY(0) rotate(10deg) scale(1.2)}10%{transform:translate(-2%) translateY(10%) rotate(3deg) scale(1.5)}25%{transform:translate(4) translateY(-40%) rotate(0) scale(1.6)}50%{transform:translate(5rem) translateY(-10px) rotate(-5deg) scale(.7)}75%{transform:translate(-3rem) translateY(4px) rotate(-10deg) scale(1.2)}to{transform:translate(.5) translate(0) translateY(0) rotate(0) scale(1)}}@keyframes letter_1{0%{transform:translate(0) scale(1)}35%{transform:translate(.05%) scale(1.01)}60%{transform:translate(.5%) scale(1.03)}to{transform:translate(0) scale(1)}}@keyframes letter_2{0%{transform:scale(1)}35%{transform:scale(1.05)}75%{transform:scale(.98)}to{transform:scale(1)}}@keyframes letter_3{0%{transform:translate(0) scale(1)}35%{transform:translate(1%)}70%{transform:translate(-1%) scale(.998)}to{transform:translate(0) scale(1)}}@keyframes go_down_cloud_movement{0%{transform:translate(1rem) rotate(0) scale(1)}25%{transform:translate(0) rotate(3deg) scale(1.2)}50%{transform:translate(-1rem) rotate(0) scale(1)}75%{transform:translate(-1.5rem) rotate(-3deg) scale(1.3)}to{transform:translate(.5) rotate(0) scale(1)}}@keyframes go_down_arrow_movement{0%,80%{transform:translateY(0)}87%{transform:translateY(10%)}94%{transform:translateY(-1%)}97%{transform:translateY(3%)}to{transform:translateY(0)}}@keyframes go_down_arrow_movement_hover{0%{transform:translateY(0)}50%{transform:translateY(13%)}to{transform:translateY(0)}}header{position:fixed;width:100%;margin:0;padding:.5rem;text-align:center;z-index:1000}header .header_link{text-decoration:none}header ul{list-style:none;display:flex;flex-direction:row;justify-content:center;margin:0;padding:0;gap:10%;width:100%}header ul .header_link{width:22%;border-radius:1rem}header ul li{width:100%;border-radius:1rem;padding:.2rem .5rem;font-weight:500;font-size:1.2rem;color:#fff;text-shadow:.015rem .015rem .08rem #0000009e}.portfolio_page{background:linear-gradient(to bottom,#4f8fcfc6,#90c5f7c6,#feedc1c6);padding:4rem 10rem 0;overflow:hidden;height:100%}.portfolio_page .introduction{text-align:left}.portfolio_page .introduction p{font-size:1.15rem}.portfolio_page .projects_container{background-color:#fff;padding:2rem 8rem 0;box-shadow:-.1 -.1 .9rem .01rem #4040408a;border-radius:5rem 5rem 0 0;height:91vh;margin:0;position:relative;width:100%;translate:0 .5rem}.portfolio_page .projects_container .project_link{text-decoration:none}.portfolio_page .projects_container .project_list{list-style:none;padding:3rem;gap:4rem;margin:0;display:flex;flex-direction:column;height:60vh;overflow:auto}.portfolio_page .projects_container .project_list .project{padding:0;overflow:visible}.portfolio_page .projects_container .project_list .project .project_base{list-style:none;display:flex;flex-direction:row;overflow:visible;padding:0;margin:0}.portfolio_page .projects_container .project_list .project .project_base .project_description{width:45%;color:#213547;padding:0;display:flex;flex-direction:column;justify-content:center}.portfolio_page .projects_container .project_list .project .project_base .project_description h2{margin:0}.portfolio_page .projects_container .project_list .project .project_base .project_description li{text-align:left}.portfolio_page .projects_container .project_list .project .project_base .project_illustration{box-sizing:border-box;justify-content:center;overflow:hidden;border-radius:2rem;padding:0;height:auto;width:60%}.portfolio_page .projects_container .project_list .project .project_base .project_illustration .illustration{width:100%;height:100%;object-fit:cover;display:block}@media(max-aspect-ratio:38/29){.portfolio_page{padding:4rem 4rem 0;overflow:hidden}.portfolio_page .projects_container{padding:3rem 4rem 0}.portfolio_page .projects_container .project_list{list-style:none;height:49vh;padding:0;margin:0}.portfolio_page .projects_container .project_list .project{padding:0;margin:0}.portfolio_page .projects_container .project_list .project .project_title{font-size:1.5rem;line-height:1.8rem}}@media(max-aspect-ratio:67/89){.portfolio_page{padding:4rem 2rem 0}.portfolio_page .introduction h1{font-size:2rem;line-height:2rem}.portfolio_page .projects_container{padding:2rem 2rem 0;border-radius:3rem 3rem 0 0;height:91.5vh}.portfolio_page .projects_container .project_list{gap:2rem;flex-direction:column;height:50vh}.portfolio_page .projects_container .project_list .project .project_base{align-items:center;gap:1rem;flex-direction:column;padding-top:1rem}.portfolio_page .projects_container .project_list .project .project_base .project_description{width:100%;color:#213547;padding:0;display:flex;flex-direction:column;justify-content:center}.portfolio_page .projects_container .project_list .project .project_base .project_illustration{box-sizing:border-box;justify-content:center;width:85%;box-shadow:#29292d33 0 .5rem 1rem}}@media(max-aspect-ratio:1/2){.portfolio_page .introduction h1{font-size:2rem;line-height:2rem}.portfolio_page .introduction p{overflow:auto;height:10rem;background-color:#f0f8ff;padding:1rem;border-radius:.5rem;box-shadow:#29292d1b 0 .4rem .5rem;margin-bottom:2rem}.portfolio_page .projects_container{height:92vh}.portfolio_page .projects_container .project_list{gap:2rem;height:60vh}}.federicoded_page{padding:3rem 10rem 2rem;background:linear-gradient(to bottom,#4f8fcf,#90c5f7,#feedc1);height:fit-content;overflow:auto;position:relative;z-index:1;min-height:350vh}.federicoded_page .separation{height:4rem}.federicoded_page .mini_separation{height:.3rem;margin:1rem;border-radius:50%;background-color:#4f8fcf5c}.federicoded_page .main_title{margin:0;padding-inline:1rem;margin-bottom:2rem;text-align:left;width:100%;color:#fff;text-shadow:1px 1px 2px #000000}.federicoded_page .main_intro{color:#fff;text-align:left;font-size:1.2rem;font-weight:550;text-shadow:rgba(0,0,0,.2) 0px 8px 24px}.federicoded_page .mini{width:80%}.federicoded_page .method_text{font-weight:550}.federicoded_page .desing_challenges{background-color:#fff;border-radius:2rem;padding:2rem}.federicoded_page .desing_challenges .challenge_text{font-weight:500}.federicoded_page .desing_challenges .screenshot{height:20rem}.federicoded_page .track_container{overflow:hidden;width:80%;background-color:#ffffffb7;border-radius:2rem}.federicoded_page .track_container .track{display:flex;width:100%;height:100%;gap:4rem;padding-top:1rem;padding-bottom:1rem;height:fit-content}.federicoded_page .track_container .track .track_logo{height:6rem;width:6rem}.federicoded_page .illustration_side{height:100%;width:100%;display:flex;overflow:hidden;border-radius:2rem;flex-direction:column;background-color:#0a1e8b36}.page_container{height:100vh;max-height:100vh;overflow:scroll}.page_container .header_back{position:fixed;top:0;left:0;height:3rem;width:99%;background:linear-gradient(to bottom,#4f8fcf,#4f8fcfc8);z-index:2}@media(max-aspect-ratio:38/29){.federicoded_page{padding:6rem 1rem 0}.federicoded_page .separation{height:2rem}.federicoded_page .main_title,.federicoded_page .main_intro{margin-bottom:3rem}.federicoded_page .mini_separation{height:.5rem;margin:3rem;border-radius:50%;background-color:#4f8fcf5c}.federicoded_page .method_box{margin-inline:2rem}.federicoded_page .desing_challenges{margin:2rem}.federicoded_page .desing_challenges .desing_challenges_title{margin-bottom:2rem}.federicoded_page .track_container{width:90%}.federicoded_page .illustration_side{height:30vh;width:100%;display:flex;flex-direction:column}}@media(max-aspect-ratio:67/89){.federicoded_page{padding-top:8rem}}@media(max-aspect-ratio:1/2){.federicoded_page{padding-top:13rem}.federicoded_page .main_title{margin-bottom:1rem}.federicoded_page .main_intro{margin-bottom:8rem}.federicoded_page .method_box{margin-inline:.3rem}.federicoded_page .desing_challenges{margin:.3rem .3rem 2rem;padding:.2rem}.federicoded_page .desing_challenges .desing_challenges_title{margin-bottom:2rem}.federicoded_page .desing_challenges .challenge_text{font-size:1rem}}.common_section{position:relative;min-height:60vh;height:auto;background-color:#fff;border-radius:2rem;color:#01295f;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;padding-inline-start:1rem;gap:7%;overflow:hidden}.common_section .right_side,.common_section .left_side{padding:0;height:100%;width:50%;align-items:center;display:flex;justify-content:center;text-align:center;flex-direction:column}.common_section .bigger_side{width:60%}.common_section .smaller_side{width:40%}@media(max-aspect-ratio:38/29){.common_section{flex-direction:column;padding:0;gap:2rem}.common_section .right_side,.common_section .left_side{padding:0;width:100%}:is(.common_section .right_side,.common_section .left_side) h2,:is(.common_section .right_side,.common_section .left_side) p{margin:1rem}:is(.common_section .right_side,.common_section .left_side) p{font-size:1.2rem}.common_section .bigger_side,.common_section .smaller_side{width:100%}}.mini_section{position:relative;height:20rem;color:#01295f;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;box-sizing:border-box}.mini_section h1,.mini_section h2,.mini_section h3,.mini_section h4,.mini_section h5,.mini_section h6,.mini_section p{text-align:center}.swiper{width:100%;height:60vh}.swiper .swiper-slide{display:flex;align-items:center;justify-content:center;height:100%;max-height:100%;font-weight:700;color:#fff;box-shadow:2px 2px;box-sizing:border-box}.swiper .swiper-slide img{height:100%;width:100%;object-fit:cover;display:block}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}