body{margin:0;padding:0;overflow-x:hidden;font-family:var(--font-family-montserrat);background-color:var(--secondary-color);min-height:100vh;cursor:url(/portfolio-jumi/assets/img/cursor.png),auto}a{text-decoration:none;cursor:url(/portfolio-jumi/assets/img/cursor-pointer.png),pointer}button{font-family:var(--font-family-reemkufi)}.cursor-pointer{cursor:url(/portfolio-jumi/assets/img/cursor-pointer.png),pointer}.noSelect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.uppercase{text-transform:uppercase}.btn-primary{background:#e7a83b;border:none;border-radius:5px;height:40px;width:130px;font-weight:800;font-size:1.1em;outline:none;transition:.2s}.btn-primary:hover{font-size:15px;background:#c8943b}.section-page{display:flex;align-items:center;justify-content:center;min-height:var(--section-height);padding:var(--padding-page)}.mode-language{display:flex;position:absolute;width:120px;margin-right:65px;align-items:flex-end;justify-content:space-between;right:0;top:56px}.mode-language img{width:2em}header{height:var(--header-height);padding:var(--padding-page);padding-bottom:0;display:flex;align-items:center;justify-content:space-between}header nav{width:80%;align-items:center;justify-content:center;margin-left:-50px}header nav ol{display:flex;justify-content:center}header nav ol li{margin:0 1em;font-size:1.5em}.logo img{height:4em;pointer-events:none}.link-navbar:hover{background:-webkit-linear-gradient(0deg,#E7AD47 0%,#FFCB70 30%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bars-button{display:none}.btn-details{background-color:var(--background-dark-color);width:11.5em;height:2.5em;border-radius:5px;display:flex;align-items:center;padding:1em;justify-content:space-between;margin-right:1.5em;margin-bottom:1.5em}.icon-btn-details{width:1.5em;height:1.5em}.project-item{height:180px;display:flex;flex-wrap:wrap;margin-bottom:20px}.project-item:hover{-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out}.project-item-movil:hover{--color: var(--primary-color)}.project-item-web:hover{--color: var(--color-green) }.project-item h1{font-family:var(--font-family-raleway);margin-bottom:15px;align-items:center;color:var(--color);font-size:1.3em}.project-item li{font-size:12px}.container-item{width:100%;height:100%;display:flex;position:relative}.container-item-movil,.container-item-web{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.container-item-movil{border:2px #e7ad47 solid}.container-item-web{border:2px #88aa44 solid}.info-item{height:95%;padding:35px 35px 0}.info-item-movil{width:50%}.info-item-web{width:100%}.item-img-web{width:65%;position:absolute;left:45%;top:50%;object-fit:contain}.item-img-movil{width:35%;position:absolute;left:60%;top:0%;object-fit:contain;transform:rotate(30deg);-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg)}@media screen and (max-width: 1300px){.card-web{margin-right:70px!important}.card-movil{margin-left:70px!important}}@media screen and (max-width: 1200px){.dev-jumi-photo img{width:55%!important}.mode-language{display:inline;align-items:flex-end;justify-content:end;margin-right:0}.about-me-img{margin:auto!important}#box{width:80%!important;height:70%!important;flex-wrap:wrap!important}.about-me-img img{width:100%!important;margin-bottom:50px!important}.about-me-info{width:100%!important}.img-send-email img{width:20em!important}.form-contact .illustration{width:35%!important}.form-contact .form{width:65%!important}.projects{width:90%!important;display:inline!important}.card-project{width:80%!important;margin:auto!important;height:200px!important}.card-movil img{width:220px!important;left:35%!important}.card-web img{width:300px!important;left:-35%!important}.card-web,.card-movil{margin:50px auto!important}.info-description-web{margin-right:-220px!important}.search{width:60%!important}.project-item{margin-bottom:3.5em!important;margin-top:-2em!important}}@media screen and (max-width: 1024px){.mode-language{display:flex;position:absolute;width:100%;margin-right:0;justify-content:center;top:56px}.mode-language img{margin-left:10px;margin-right:10px}.links{display:none}ol.active{display:flex;flex-direction:column;position:fixed;top:0;right:0;width:100%;height:100vh;background-color:#1f1f1ffa!important;align-items:center;justify-content:center;padding:3.5rem;z-index:3;font-size:20px;position:fixed!important}ol li{padding:30px}.menu{overflow:hidden!important}.bars-button{display:flex;justify-content:space-between;flex-direction:column;width:30px;height:25px;z-index:4;position:relative}.bars-button span{background-color:#fff;width:100%;height:2px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}.bars-button.active span:nth-child(2){display:none}.bars-button.active span:nth-child(1){position:absolute;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);margin-top:11px}.bars-button.active span:nth-child(3){position:absolute;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);margin-top:11px}.info-hero{width:80%!important}.img-hero{display:none}.hero{flex-direction:column-reverse;justify-content:center}.dev-jumi-photo img{width:55%!important;margin-top:1rem;margin-bottom:1rem}.info-hero h1{font-size:3.5vw!important}.description p{margin-top:1em!important;font-size:16px!important}.info-hero{width:100%!important}#box{width:100%!important;padding:80px 40px!important}.illustration{display:none!important}.form-contact .form,.card-project{width:100%!important}.search{width:70%!important}.project-item{margin-bottom:3em;margin-top:-2em}.details-container{display:inline-flex!important}.img-details-project{width:100%!important}.img-details-project img{width:40vw!important;margin-top:40px;margin-bottom:9%}.info-details-project h2{font-size:20px!important}.info-details-project h1{font-size:25px!important}.info-details-project{width:100%!important}}@media screen and (max-width: 880px){.list-info-about-me{grid-template-columns:1fr 1fr!important}.about-me-img img{width:50%!important;min-width:27vh!important}.projects,.projects-filter{width:100%!important}}@media screen and (max-width: 830px){.dev-jumi-photo img{width:60%!important}}@media screen and (max-width: 768px){.about-me-info__links{grid-template-columns:1fr!important}.img-details-project img{width:80%!important}}@media screen and (max-width: 680px){.dev-jumi-photo img{width:60%!important}.btn-primary{width:100px!important;font-size:1em}.mode-language img{width:1.8em;margin-left:6px;margin-right:6px}.icon-social{width:1.5em!important;height:1.5em!important}.social-media a{margin:1.5em!important}#box{display:flex;align-items:center;justify-content:center;margin:auto;width:100%!important;height:100%;color:#fff;font-size:1em;flex-wrap:wrap-reverse;padding:20px 0!important}.about-me-info{width:100%!important}.about-me-info p,.list-info-about-me li{font-size:.85em!important}.about-me-info h1{font-size:1.8em!important}.about-me-info h2{font-size:1.3em!important}.border-gradient:after{display:none!important}.form-contact .form,.container-form{width:100%!important}.card-project{height:150px!important}.card-movil img,.card-web img{display:none!important}.info-description{margin-right:0!important}.search{width:100%!important}}@media screen and (max-width: 480px){.info-hero h1{font-size:16px!important}.mode-language,.mode-language img{display:none}ol.active{padding:3rem;font-size:18px}ol li{padding:50px 10px 10px}.list-info-about-me{grid-template-columns:1fr!important}.social-media a{margin:.8em!important}.icon-social-contact{width:20px!important;height:20px!important}.project-item{margin-top:-2em!important}.container-item{width:80%!important;margin:0 auto!important}.info-item{height:80%!important;padding:30px!important;padding-bottom:0}.item-img-web{width:60%!important;left:40%!important;top:4.5em!important}.item-img-movil{width:35%!important;top:0%!important}.project-item{margin-top:-1em!important;margin-bottom:0!important}.img-details-project img{width:100%!important}}@media screen and (max-width: 320px){ol.active{padding:1rem;font-size:16px}.project-item{margin-top:1em!important;margin-bottom:0!important;margin-left:-3em}}.not-found-page{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.not-found-page .container{width:100%;display:flex;justify-content:center;align-items:center}.info-404{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.info-404 a{color:var(--primary-color);width:100%;text-align:center;margin-top:25px}.info-404 a:hover{text-decoration:underline}.social-media{display:flex;height:1em;align-items:center;justify-content:start}.social-media a{margin:1em}.icon-social{width:2em;height:2em}.icon-linkedin:hover,.icon-github:hover,.icon-whatsapp:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}.icon-linkedin,.icon-github,.icon-whatsapp{background-repeat:no-repeat}.icon-linkedin{background-image:url(/portfolio-jumi/assets/svg/linkedin.svg)}.icon-github{background-image:url(/portfolio-jumi/assets/svg/github.svg)}.icon-whatsapp{background-image:url(/portfolio-jumi/assets/svg/whatsapp.svg)}.hero{display:flex;align-items:center;justify-content:space-between;height:var(--section-height);padding:var(--padding-page)}.info-hero{display:flex;justify-content:center;align-items:center;width:60%;height:100%}.info-hero h1{font-weight:100;font-size:2.4vw}.info-hero strong{font-family:var(--font-family-reemkufi)}.description{position:relative;z-index:1}.description p{margin-top:.5em;font-size:1.5em}.container-bot{display:flex;align-items:flex-end;width:100%;margin-top:1em;justify-content:space-between;align-items:center}.dev-jumi-photo{display:flex;justify-content:center;align-items:center;width:50%;height:100%;text-transform:uppercase;margin:0}.dev-jumi-photo img{width:50%;max-width:790px;min-width:200px}.img-hero{position:fixed;left:-30px;bottom:-60px;pointer-events:none}.img-hero img{width:25em;opacity:.4}#box{display:flex;align-items:center;justify-content:center;margin:auto;width:90%;height:100%;color:#fff;font-size:1em;flex-wrap:wrap-reverse;padding:50px 30px}.border-gradient{--borderWidth: 5px;background-color:var(--secondary-color);position:relative;border-radius:var(--borderWidth)}.border-gradient:after{content:"";position:absolute;top:calc(-1 * var(--borderWidth));left:calc(-1 * var(--borderWidth));height:calc(100% + var(--borderWidth) * 2);width:calc(100% + var(--borderWidth) * 2);background:linear-gradient(60deg,#e7ad47,#946a23,#9dc44d,#556e22);border-radius:calc(2 * var(--borderWidth));z-index:-1;-webkit-animation:animatedgradient 3s ease alternate infinite;animation:animatedgradient 3s ease alternate infinite;background-size:300% 300%}@-webkit-keyframes animatedgradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes animatedgradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.about-me-info{width:65%;height:100%;font-size:1.3rem;align-items:center;overflow:auto}.about-me-info h1,.about-me-info h2{font-weight:100}.about-me-info li{margin:5px 0}.about-me-img{width:20%;display:flex;justify-content:center;align-items:center;margin:auto auto auto 5%}.about-me-img img{width:100%;min-width:30vh;transform-origin:center;transform:scaleX(-1);-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1)}.list-info-about-me{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.about-me-info__links{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;gap:1rem;margin-top:2rem}.download-icon{width:1rem;height:1rem;display:inline-block;background-image:url(/portfolio-jumi/assets/img/icon-pdf.png);background-position:center;background-repeat:no-repeat;background-size:cover;margin-right:1rem}.btn-download{display:flex;align-items:center;justify-content:center;padding:.7em 1em;text-align:center;font-weight:700;border:1px solid var(--color-green);color:var(--color-green);border-radius:5px;font-family:var(--font-family-reemkufi)}.btn-download.white{border:1px solid #fff;color:#fff}.icon-social-contact{width:25px;height:25px}.form-contact{display:flex;width:100%;height:80%;padding-top:30px;flex-wrap:wrap;max-width:var(--max-width);align-items:center}.form-contact .form{width:55%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.form .container-form{width:80%;text-align:right;align-items:flex-start}.container-form .media-form{width:100%;height:45px;font-size:25px;display:flex;border:2px var(--color-green) solid;align-items:center;border-radius:5px;margin-bottom:30px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;justify-content:center}.media-form .social-media{display:flex;height:1em}.social-media a{margin-left:2em;margin-right:2em}.form-contact .illustration{align-items:center;justify-content:center;margin:0 auto;width:35%;display:flex;flex-wrap:wrap}.illustration .img-send-email{transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH";pointer-events:none;-webkit-filter:FlipH;-ms-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1)}.img-send-email img{width:23em}.btn-send{margin-top:20px}input{height:45px;margin-bottom:30px;font-family:var(--font-family-reemkufi);font-weight:300}form .capitalize{text-transform:capitalize}.input-textarea{background-color:var(--background-dark-color);font-family:var(--font-family-reemkufi);font-weight:300;outline:none;border:none;border-radius:5px;width:100%;resize:none;padding:15px}textarea::-webkit-scrollbar{width:10px;margin-right:15px}textarea::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:5px}.loading-faster{display:flex;justify-content:center;align-items:center}.section-projects{font-size:12px;display:flex;width:100%;height:80%;justify-content:center;align-items:center}.projects{width:100%;display:flex}.card-project{width:450px;font-size:16px;height:300px;display:flex;justify-content:center;align-items:center;text-align:center;box-shadow:0 0 100px 100x #0006;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;margin:auto}.card-project img{display:inline-block;position:relative;left:30%;pointer-events:none}.card-project:hover{font-size:20px}.card-web{margin-right:100px;border:2px #88aa44 solid}.card-movil{margin-left:100px;border:2px #c5984a solid}.card-web img{width:450px}.card-movil img{width:300px}.info-card{position:absolute}.info-card h1{font-size:3em;font-family:var(--font-family-raleway);transition:.2s}.info-card p{font-size:1em;transition:.2s}.info-description{margin-right:220px}.project-type{width:100%;display:grid;grid-template-columns:100%;grid-template-rows:auto auto auto;grid-gap:var(--padding-page);justify-content:center;padding:var(--padding-page)}.search{display:flex;width:50%;height:45px;position:relative;margin:0 auto}.search input{background-color:#424242;outline:none;border:none;border-radius:5px;width:100%;font-weight:600;padding:30px;font-size:1.2rem}.search .btn-search{background-image:url(/portfolio-jumi/assets/img/lupa.png);background-color:transparent;background-repeat:no-repeat;background-size:15px 15px;background-position-y:center;background-position-x:center;border:none;width:7%;height:100%;position:absolute;right:0;bottom:0;top:9px;outline:none;margin-right:10px}.btn-search img{width:15px;height:15px}.img-proyectos{width:100%;display:flex;justify-content:center;align-items:center}.img-proyectos img{width:50%;pointer-events:none}.projects-list{display:grid;grid-template-columns:repeat(auto-fill,340px);grid-gap:var(--padding-page);width:100%;max-width:var(--max-width);justify-content:space-around;margin:0 auto}.noScrollBar::-webkit-scrollbar{width:10px;margin-right:15px}.noScrollBar::-webkit-scrollbar-thumb{background:transparent;border-radius:5px}.noScrollBar::-webkit-scrollbar-corner{color:transparent}filter-buttons{display:flex;gap:20px;margin-bottom:20px}.btn-web{background-color:var(--primary-color)}.btn-web:hover{background-color:#648a19}.btn-movil{background-color:var(--color-green)}.btn-movil:hover{background-color:#648a19}.projects-filter{display:flex;width:50%;height:45px;position:relative;margin:0 auto;justify-content:space-evenly}.filter-btn{padding:10px 20px;font-size:16px;border:none;cursor:pointer;transition:background-color .3s ease;border-radius:5px;font-weight:700;color:#fff;background-color:#888282}.filter-btn.active{background-color:#f39c12;font-weight:700}.details-container{display:flex;align-items:center;width:100%;height:85%;flex-wrap:wrap;max-width:var(--max-width);margin:0 auto}.img-details-project{width:50%;height:100%;display:flex;align-items:center;justify-content:center}.img-details-project img{width:80%}.info-details-project{width:50%;height:100%;display:flex;align-items:center;justify-content:center}.info-details-project h1{text-align:start;font-size:3.5vw}.info-details-project h2{font-size:1.5vw}.details-paragraph{width:100%;background-color:#303030;padding:1em;margin:1em 0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.details-list{display:flex;flex-wrap:wrap}.details-list li{color:var(--primary-color);padding:.5em 3em .5em 0}.btns-details{display:flex;margin-top:1.5em;flex-wrap:wrap}.project-type-title{font-size:50px;text-align:center;font-family:var(--font-family-raleway)}