:root{--color-background-1: #343547;--color-background-2: #252734;--color-secondary: #FFC05A;--color-text: #EBEBE9;--color-text-secondary: #989AA9}@font-face{font-family:Monserrat;src:url(/portfolio/assets/Montserrat-Italic-VariableFont_wght-B1o0utJu.ttf);font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}html{font-size:10px;scroll-behavior:smooth}html,body{overflow-x:hidden}body{background-color:var(--color-background-1);overflow:hidden!important;font-family:Monserrat}.fade-in{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease-out forwards}.fade-in-loader{opacity:0;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.menu__box-left-languaje-box{display:flex;flex-direction:row;padding:2.5rem;gap:1rem;align-items:center;border:.2rem solid var(--color-text);border-radius:1rem;background-color:var(--color-text-secondary);margin-left:1rem;height:4rem;margin-top:1.5rem;z-index:1}img.languaje-box-img{width:4rem;height:4rem;max-width:4rem;max-height:4rem;cursor:pointer;opacity:.4;transition:all .25s ease-in-out}img.selected-lang{opacity:1;transition:all .25s ease-in-out}.index__background-1 img,.index__background-2 img,.index__background-3 img{position:absolute;z-index:-1;filter:brightness(0) saturate(100%) invert(74%) sepia(41%) saturate(843%) hue-rotate(347deg) brightness(101%) contrast(101%);opacity:.2;z-index:-2}.index__background-2 img{width:100rem;top:0;left:-20rem}.index__background-3 img{width:100rem;bottom:0;right:-20rem;rotate:180deg}.contact{width:100vw;height:100vh;display:flex;flex-direction:row;padding-top:20rem}.contact__left{display:flex;flex-direction:column;flex-basis:50%;padding-left:25rem}.contact__left-title,.contact__right-title,.item__left-title{color:var(--color-text);font-weight:700;font-size:3.5rem;padding-bottom:3rem}.contact__left-subtitle,.item__left-subtitle,.item__left-link{color:var(--color-text-secondary);font-size:2.25rem}.contact__left-link,.item__left-link{font-size:3rem;color:var(--color-secondary);margin-top:12rem;font-weight:700}span.proyect-link{padding:1rem 2.7rem}.proyect-link{border-radius:1rem;background-color:var(--color-secondary);color:var(--color-background-1);border:3px solid var(--color-text);padding:1rem;transition:all .3s ease-in-out}.proyect-link:hover span{background-color:var(--color-background-1);transition:all .3s ease-in}.item__left-link:hover .proyect-link{background-color:var(--color-background-1);color:var(--color-text);border-color:var(--color-secondary)}.proyect-link:hover div.work__item{transform:scale(1.2)}.work__item:has(.item__left-link:hover){transform:scale(1.05);transition:all .2s ease-in}.index__social-container{display:flex}.item__left-link:hover img,.form__button:hover img{box-sizing:content-box;transform:translate(8rem);transition:transform .3s ease}.item__left-link img{box-sizing:content-box;transition:transform .3s ease}span.item__left-link-text{padding:1rem 2.7rem}.item__left-link-text{margin-left:1rem;border-radius:1rem;background-color:var(--color-background-2);color:var(--color-text);border:2px solid var(--color-secondary);padding:1rem;transition:all .3s ease-in-out}.item__left-link-text:hover{background-color:#ffc05a;color:var(--color-background-1);border-color:var(--color-text);transition:all .3s ease-in-out}.right-arrow{width:3rem;height:3rem;position:absolute;margin-left:3rem;line-height:1rem}.contact__right{display:flex;flex-direction:column;flex-basis:50%;justify-content:right;padding-right:25rem}img.right-arrow{filter:brightness(0) saturate(100%) invert(74%) sepia(41%) saturate(843%) hue-rotate(347deg) brightness(101%) contrast(101%)}.contact__right-form-box{position:relative;display:flex;flex-direction:column;text-decoration:none;margin-right:6rem}.form__input,.form__textarea{all:unset;height:10rem;background-color:var(--color-background-1);border-bottom:.1rem solid var(--color-text-secondary);box-shadow:none;text-shadow:none;color:var(--color-text);font-size:2rem;font-weight:700}.form__textarea{padding-top:2rem}.form__input:focus,.form__textarea:focus{cursor:none;background-color:var(--color-background-1);padding-top:3rem}.form__input::placeholder,.form__textarea::placeholder{color:var(--color-text);padding-top:3rem}.form__button span{padding:1rem 2.7rem;font-family:Monserrat;font-weight:600}.form__button{width:auto;height:auto;position:relative;float:left;text-decoration:none;margin:0 auto;margin-top:2.5rem;border-radius:1rem;border-radius:2rem;background-color:var(--color-background-2);color:var(--color-secondary);border:3px solid var(--color-secondary);padding:1rem;font-size:3rem;font-weight:400;transition:all .3s ease-in-out}.form__button a{text-decoration:none;color:var(--color-text);transition:all .3s ease-in-out}.form__button:hover{background-color:var(--color-secondary);border-color:var(--color-text);transition:all 300 ms ease-in-out}.form__button:hover a{color:var(--color-background-2);transition:all .3s ease-in-out}.contact__message{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;z-index:1;width:60%;height:20dvh;top:20%;left:25%;border-radius:1rem;background-color:var(--color-secondary);border:2px solid var(--color-text)}.contact__message-title{font-size:2rem;font-weight:700;color:var(--color-background-1)}.contact__message-subtitle{font-size:1.15rem;color:var(--color-background-2)}.contact__message-close img{position:absolute;top:0;right:0;width:3rem;height:3rem}.works__title-container{width:100;margin:0 auto}.contact__title-container{width:auto}.contact__title-container-responsive{display:none}.contact__title-text{font-size:2.5em;top:-2em;left:0rem;position:relative;border-radius:.5em;padding:.2em;color:var(--color-text-secondary);text-decoration:underline;text-decoration-color:var(--color-secondary);text-underline-offset:.1em;font-family:Pixelify Sans,sans-serif;font-optical-sizing:auto;font-weight:100;font-style:normal}.works__title-text{font-size:2.5em;position:absolute;top:2em;left:12em;border-radius:.5em;padding:.2em;color:var(--color-text-secondary);text-decoration:underline;text-decoration-color:var(--color-secondary);text-underline-offset:.1em;font-family:Pixelify Sans,sans-serif;font-optical-sizing:auto;font-weight:100;font-style:normal}.works{width:100%;margin:0 auto;position:relative;background-color:var(--color-background-2);padding-bottom:15rem}.work__item{width:80%;margin:0 auto;display:flex;flex-direction:row;justify-content:center;gap:10rem;padding-top:15rem;padding-bottom:12rem;background:linear-gradient(360deg,#343547e3,#252734 50%);border-radius:5rem;transition:all .1s ease-in}.work__item-left{flex-basis:40%}.work__item-right{flex-basis:40%;width:auto;overflow:hidden;display:flex;justify-content:right}.item__right-image{width:50rem;margin:0 auto;border-radius:1rem;float:left;opacity:.9}.item__left-link{position:absolute;padding-top:8rem}.index{width:80%;height:100vh;margin:0 auto;padding-top:10rem;position:relative;z-index:10}.index:before{content:"";position:absolute;inset:0;background-image:url(/portfolio/img/me.png);background-size:35%;background-position:50% 100%;background-repeat:no-repeat;z-index:-1;filter:opacity(1)}.menu__box{width:100%;height:auto;font-weight:400;display:flex;flex-direction:row}.menu__box-left{display:flex;flex-direction:row;flex-basis:35%;height:auto;margin-top:1rem;transition:all .2s ease-in-out}.text-right-download-cv-container{transition:all .3s ease-in-out}.text-right-download-cv-container:hover{background-color:var(--color-secondary);border:.2rem solid var(--color-text-secondary);color:var(--color-background-2);transition:all .3s ease-in-out}.menu__box-right{width:100%;height:auto;display:flex;flex-direction:row;justify-content:flex-end;visibility:hidden}.menu__link{position:relative;padding-left:3rem;font-size:3.15rem;line-height:8rem;color:var(--color-text);text-decoration:none;opacity:.5;transition:all .3s ease-in-out}.menu__link:hover{opacity:1;transition:all 300 ms ease-in-out}.selected{opacity:1}.selected:after{content:"";position:absolute;bottom:1.25rem;left:7.5rem;transform:translate(-50%);width:1rem;height:1rem;background-color:var( --color-secondary);border-radius:50%;transition:all .3s ease}.text-right-download-cv-container{width:50%;height:auto;display:block;margin-top:8rem;text-align:center;background-color:var(--color-background-2);color:var(--color-text);line-height:5rem;font-size:2rem;letter-spacing:.2rem;border:.2rem solid var(--color-secondary);border-radius:3rem;padding:1rem 1.5rem}.text-right-download-cv-container-text{text-decoration:none;color:#fff;line-height:5rem}.index__text{width:100%;display:flex;flex-direction:row;justify-content:space-between}.index-container__item{filter:invert(1);transition:all .3s ease-in-out}.index-container__item:hover{transform:scale(1.15);transition:all .3s ease}.text__left{flex-basis:55%}.text__left-title{font-size:12rem;font-weight:bolder;color:var(--color-text);line-height:15rem;padding-top:10rem;letter-spacing:.5rem}.text__right{width:100%;flex-basis:30%;position:relative}.index__social-container{padding-top:10rem;justify-content:left}.text-right-title{font-size:3.5rem;color:var(--color-text);font-weight:700;padding-top:12rem;padding-bottom:5rem}.text-right-subtitle{font-size:2.5rem;color:var(--color-text-secondary);padding-top:5rem}a.item__left-link{display:block;width:auto;margin-top:8rem;margin:0 auto;text-decoration:none}.index{transition:opacity .6s ease}@keyframes l7{to{background-position:left}}.box__menu-responsive{width:35vw;height:100vh;position:absolute;top:0;left:0;background-color:var(--color-secondary);z-index:9;transform:translateY(-100%)}.open-responsive{transform:translateY(0);animation:izquierdaADerecha .5s}.close-responsive{transform:translateY(-100%);animation:derechIzquierda .6s}.menu__box-responsive-items{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:25vh}.menu__box-responsive-image-link:hover{transform:scale(1.1);transition:all .3s ease-in-out}img.menu__box-responsive-image-link{width:8rem;filter:invert(1)}.menu__link-responsive{padding-left:0rem;font-size:4rem;transition:all .3s ease}.close-responsive{transition:all .3s ease-in-out;animation:derechaIzquierda .6s}@keyframes izquierdaADerecha{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes derechaIzquierda{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}.selected-responsive:after{width:100%;height:.2rem;position:absolute;bottom:1.25rem;left:50%;content:"";transform:translate(-50%);background-color:var( --color-text);border-radius:50%;transition:all .3s ease}.selected-responsive:hover,.selected-responsive{color:var(--color-background-2);font-weight:500}.selected-responsive.index{display:none}.blur{all:unset;filter:blur(10px) grayscale(.6);transition:all .3s ease-in-out;pointer-events:none}#layer-blur{transition:.6s ease-in-out}.no-scroll{overflow:hidden}.box__menu-close{width:inherit;height:auto;position:absolute;top:0;display:flex;flex-direction:row;justify-content:flex-end;background-color:inherit;padding:1rem;z-index:999;transition:all .3s}.menu-close-img{width:8rem;height:8rem;transition:all .3s ease-in-out}.menu-close-img:hover{transform:scale(1.15)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text, #000)!important;caret-color:var(--color-text, #000)!important;-webkit-box-shadow:0 0 0px 1000px var(--color-background-1, #fff) inset!important;box-shadow:0 0 0 1000px var(--color-background-1, #fff) inset!important;transition:background-color 5000s ease-in-out 0s!important}@media (min-width: 2350px){.text__left-title{font-size:16rem}}@media (max-width: 1850px){.index{background-size:35%}.text__left-title{font-size:13rem;padding-top:14rem}.contact__left-subtitle,.item__left-subtitle,.item__left-link{width:95%}.contact__title-container-responsive{display:hidden}}@media (max-width: 1700px){.text__left-title{font-size:11rem;padding-top:14rem}}@media (max-width: 1440px){.index{width:90%;height:100vh;padding-top:5rem}.text__left-title{font-size:10rem;padding-top:9rem}.text__right{flex-basis:26%}.item__right-image{width:400px}.work__item{gap:5rem}.works__title-text{left:20rem}.contact{margin:0 auto;width:60%}.contact__title-container-responsive>.contact__title-text{top:-4rem;left:-30rem}.contact__left{padding-left:0rem}a.contact__left-link{font-size:2.5em}.contact__right{padding-right:0rem}.contact__right-form-box{margin-right:0rem}.text-right-download-cv-container{width:75%}}@media (max-width: 1350px){.menu__box-left{flex-basis:50%}.text__left-title{font-size:9rem;line-height:12rem}.text-right-title{padding-bottom:2rem}.index{margin-top:0rem}.index:before{background-size:45%}.contact{width:80%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:baseline;padding-bottom:12rem;padding-top:12rem}}@media (max-width: 1150px){.item__right-image{width:350px}}@media (max-width: 1100px){.menu__box-left-text{font-size:1.7rem}}@media (max-width: 1024px){.menu__box-resposive{display:block}.index{padding-top:3rem}.index{background-repeat:no-repeat;height:100vh}.index:before{background-position:100% 100%;background-size:50%}.index__text{margin-top:4rem;display:flex;flex-direction:column}.index__text>div{width:40%}.index__text>div:first-child{width:60%}.index__social-container{padding-top:3rem;order:2}.text__left-title{padding-top:0rem;font-size:6rem}.text__left{order:0}.text__right{order:1}.text-right-title{padding-top:3rem}.works__title-text{left:12rem}.contact__title-container-responsive{display:block}.menu__link{font-size:3rem}.menu__box-right{display:none}.menu__box-left-languaje-box{margin-top:none}.box__manu-responsive{width:45vw}.menu__box-resposive{display:flex;position:relative;flex-direction:column-reverse;justify-content:center;align-items:center}.menu__box-responsive-image-link{width:6rem;height:6rem}.menu__box-left{flex-basis:100%}.item__left-link{padding-top:5rem}.contact{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact__left{display:none}.contact__right{width:100%}.index__background-2 img{width:80rem;top:0;left:-20rem}.index__background-3 img{width:80rem;bottom:0;right:-20rem;rotate:180deg}}@media (max-width: 768px){.box__menu-responsive{width:60vw}.text__left-title{padding-top:0rem}.index__text>div:first-child{width:100%;text-align:center}.text-right-title{font-size:3rem}.index__text>div{width:60%}.item__left-link{padding-top:8rem;font-size:3rem}.index:before{background-size:42%}.contact__left-subtitle,.item__left-subtitle,.item__left-link{font-size:2rem}.contact__title-container-responsive{display:block}.contact__title-container-responsive .contact__title-text{top:-4rem;left:-20rem}.index__social-container{display:flex;flex-direction:row;justify-content:center;margin-bottom:2rem}.item__left-link{padding-top:4rem;font-size:2rem}.right-arrow{width:2rem;height:2rem}.item__right-image{width:245px}a.item__left-link.proyect-link.proyect-link-right{margin-top:2rem}.works__title-text{left:8rem}.work__item{width:90%;margin:0 auto;display:flex;flex-direction:row;justify-content:center}.index__tecnologies:after{font-size:10rem;top:-2rem}.index__tecnologies{gap:1rem;display:flex}.form__button{font-size:2rem;font-weight:700;font-family:Monserrat}.index__tecnologies:after{font-size:12rem}.text-right-download-cv-container{margin-top:2rem}}@media (max-width: 425px){.loader{font-size:6rem}.box__menu-responsive{width:100vw}.menu__link{font-size:4rem}.social-container__item,.link__image,.index__conatiner-item{width:3rem;height:3rem}.text__left-title{font-size:6rem;line-height:9rem}.index:before{background-size:50%}.text-right-title{padding-top:16rem;font-size:2.25rem}.text-right-subtitle{font-size:1.75rem}.item__left-link{padding-top:4rem;font-size:2rem}.right-arrow{margin-top:.4rem;width:2rem;height:2rem}.contact__title-container-responsive .contact__title-text{left:0rem}.works__title-text{left:25%}.work__item{width:89%;margin:0 auto;display:flex;flex-direction:column}.item__left-title{text-align:center}.item__left-subtitle{width:95%;text-align:center}.proyect-link{margin:0 auto;margin-left:10dvw}.work__item-right{order:2}.work__item-left{order:1}a.item__left-link.proyect-link.proyect-link-right{margin-top:4rem}.work__item-left{order:3}span.item__left-link-text{padding:1rem}.text-right-title{padding-top:4rem}.index__tecnologies{gap:1rem}.index__tecnologies:after{margin-top:5rem;font-size:6rem}.text-right-download-cv-container{width:75%;margin-top:2rem;padding:0rem;font-size:1.5rem}.index__background-2 img{width:40rem;top:0;left:-10rem}.index__background-3 img{width:60rem;bottom:0;right:-20rem;rotate:180deg}}@media (max-width: 375px){.loader{font-size:5rem}.menu__box-left-text{font-size:1.25rem}.menu__box-left-text{padding:.5rem 1rem}.text__left-title{font-size:5rem}.text-right-title{padding-top:5rem;width:200%}.index__text>div{width:50%}.index-arrow{display:none}.text-right-download-cv-container{width:90%;margin-top:2rem;padding:0rem;font-size:1.25rem}}@media (max-width: 320px){.loader{font-size:4rem}.menu__box-left-text{padding:.5rem .75rem}.menu__box-left-text{font-size:1rem}.index__text>div{width:100%}.item__left-link{padding-top:8rem;font-size:1.5rem}.item__left-title{font-size:2.5rem}.item__left-subtitle{font-size:1.8rem}.text__left-title{line-height:8rem}.text-right-title{padding-top:4rem;width:100%}a.item__left-link.proyect-link{padding-top:36rem}.index__tecnologies:after{font-size:5rem}.footer__text{font-size:2.25rem}.link__image{width:2.5rem;height:2.5rem}.text-right-download-cv-container{width:50%;margin-top:5rem;padding:0rem;font-size:1.25rem}.link__image{width:3rem;height:3rem}}.index__tecnologies{width:100%;height:15rem;position:relative;justify-content:center;text-align:center;display:flex;flex-direction:row;gap:5rem;margin-top:-5rem;position:absolute}.index__tecnologies:after{width:100vw;content:"technologies";position:absolute;top:-5rem;font-size:15rem;overflow:hidden;text-align:center;color:#ffc05a1a;z-index:1;font-family:Pixelify Sans,sans-serif}.index__technologies-item{height:5rem;display:flex;flex-direction:column;margin-top:2rem;flex-basis:10rem;text-align:center;border-radius:1rem;font-size:2rem;justify-content:center;align-items:center;z-index:2}.index__technologies-item-image{width:4rem}.react{box-shadow:0 0 3rem #00d8ff99;border-color:#00d8ff99;background-color:#222;color:#00d8ff;text-transform:uppercase;font-family:Pixelify Sans,sans-serif}.node{box-shadow:0 0 3rem #44883e;border-color:#44883e;background-color:#222;color:#00d8ff;text-transform:uppercase;font-family:Pixelify Sans,sans-serif}.bootstrap{box-shadow:0 0 3rem #7d12fc;border-color:#7d12fc;background-color:#222;color:#00d8ff;text-transform:uppercase;font-family:Pixelify Sans,sans-serif}.javascript{box-shadow:0 0 3rem #f7df1ee6;border-color:#f7df1e;background-color:#222;color:#00d8ff;text-transform:uppercase;font-family:Pixelify Sans,sans-serif}.mysql{box-shadow:0 0 3rem #4479a1;border-color:#00d8ff1a;background-color:#222;color:#00d8ff;text-transform:uppercase;font-family:Pixelify Sans,sans-serif}.laravel{box-shadow:0 0 3rem #f53003;border-color:#f53003;background-color:#222;color:#00d8ff;text-transform:uppercase;font-family:Pixelify Sans,sans-serif}.technologies{width:80%;display:flex;gap:.5rem;flex-wrap:wrap}.technologies__item{margin:0 auto;margin-top:2rem;padding:1rem 2rem;color:var(--color-text);font-weight:700;font-size:1.75rem;border:.1rem solid var(--color-secondary);border-radius:1rem;background-color:var(--color-background-1);transition:all .1s ease-in-out}.technologies__item:hover{background-color:var(--color-text-secondary);color:var(--color-background-2);transition:all .3s ease-in-out}@media (max-width:768px){.index__tecnologies:after{font-size:10rem;top:-2rem}.index__tecnologies{gap:3rem}.index__technologies-item{flex-basis:5rem}.index__technologies-item-image{width:3rem}}@media (max-width:425px){.index__tecnologies:after{font-size:6rem;top:-4rem}.index__tecnologies{gap:2.5rem}.index__technologies-item{flex-basis:4rem}.index__technologies-item-image{width:3rem}}@media (max-width:375px){.index__tecnologies:after{font-size:5rem;top:-4rem}.index__tecnologies{gap:2rem}.index__technologies-item{flex-basis:rem}.index__technologies-item-image{width:2.5rem}}@media (max-width:320px){.index__tecnologies:after{font-size:5rem;top:-4rem}.index__tecnologies{gap:1rem}.index__technologies-item{flex-basis:4rem}.index__technologies-item-image{width:2rem}}.footer{width:100%;display:flex;flex-direction:column;padding-bottom:5rem;background-color:var(--color-secondary)}.footer__text{text-align:center;color:var(--color-background-1);font-weight:700;font-size:2.5rem;padding:5rem 0rem}.footer__social-container{display:flex;flex-direction:row;justify-content:center}.social-container__item{transition:all .3s ease-in-out}.social-container__item:hover{scale:1.25;transition:all .3s ease-in-out}.social-container__item,.index-container__item{margin-left:3rem}.social-container__item,.link__image,.index__conatiner-item{width:4rem;height:4rem}.footer img{filter:invert()}.footer-social-container-responsive{padding-top:3rem}@media (max-width:768px){.footer__text{font-size:2rem}.link__image{width:3em;height:3rem}}@media (max-width:375px){.link__image{width:2.5rem;height:2.5rem}}@media (max-width:320px){.footer__text{font-size:1.7rem}}.loader{width:100%;height:100%;font-weight:700;font-family:monospace;font-size:8rem;padding-top:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#0000;background:linear-gradient(90deg,var(--color-secondary) calc(50% + .5ch),var(--color-text-secondary) 0) right/ calc(200% + 1ch) 100%;-webkit-background-clip:text;background-clip:text;animation:l7 .75s infinite steps(100)}.loader:after{content:"Made with ❤️";position:relative;top:0;display:flex;flex-direction:column;color:var(--color-text-secondary);font-size:1.75rem;padding-top:1rem}.loader:before{content:"Loading..."}