.navBar{position:relative;display:flex;flex-direction:row;background-color:var(--blueRibon900);width:100;padding:1rem;color:#fff;font-size:1rem;min-height:5vh;align-items:center;justify-content:space-between;overflow:hidden}.navBar a{text-decoration:none;color:#fff;font-weight:600}.navHamb{width:1rem}.navBar picture img{height:50px;font-size:1.5rem;font-weight:700}.navPhone{width:40%;text-align:right;list-style:none;position:absolute;right:0;top:7vh;background-color:var(--blueRibon900);display:flex;flex-direction:column;padding:1rem 1.5rem 1rem 1rem;gap:1rem;color:var(--blueRibon50);text-decoration:underline;font-weight:700;font-size:1.2rem}.navPhone button{padding:.5rem 0rem;border-radius:15px;background-color:transparent;color:var(--blueRibon50);font-weight:700;font-size:1.2rem;border:3px var(--blueRibon300) solid;text-decoration:none}.phone{display:flex;flex-direction:column}.comp{display:none}@media screen and (min-width: 800px){.navBar{justify-content:space-evenly;padding:.5rem 2rem}.navBar a{width:35%}.phone{display:none}.comp{display:flex;justify-content:space-between;align-items:center;width:80%}.navComp{display:flex;flex-direction:row;justify-content:space-evenly;width:60%;list-style:none;height:100%}.navComp li{z-index:10;padding:0 1rem;cursor:pointer;transition:all .3s ease}.navComp li:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#bbd8ff;transition:width .3s ease}.navComp li:hover:before{width:100%}.navComp li:hover{color:#bbd8ff;transform:translateY(-5px);transform:scale(1.1)}.navComp img{position:absolute;z-index:0;align-self:center;width:40%;transform:translateY(3rem)}.ctabutton{display:flex;justify-content:center;align-items:center;padding:.5rem;border-radius:15px;background-color:transparent;color:var(--blueRibon50);font-weight:700;border:3px var(--blueRibon300) solid;text-decoration:none}.ctabutton a{width:100%;font-size:1rem}}@media screen and (min-width: 1100px){.navComp li{padding:0 1rem;font-size:1.6rem}.navBar li a{font-size:1.1rem}.ctabutton{font-size:1.2rem}}footer{display:flex;width:100%;min-height:10vh;justify-content:center;align-items:center;background-color:var(--blueRibon900);color:#fff;flex-direction:column;gap:2rem;padding:2rem 0}footer ul{list-style:none;display:flex;flex-direction:row;gap:1rem}footer ul a{color:#fff;text-decoration:none;font-size:1rem}@media screen and (min-width:720px){footer ul{gap:3rem}}.HeroSec{width:100vw;min-height:110vh;height:fit-content;background-color:#101720;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:left;gap:2rem;overflow:hidden;padding-top:6rem;z-index:100}.heroText{display:flex;flex-direction:column;max-width:80%;gap:1rem}.heroText h3{font-weight:400;color:#8eb5ff}.heroText h1{font-size:2rem;font-weight:800;color:#fff}.heroText span{text-decoration:underline}.heroSocials{margin-top:2rem;list-style:none;display:flex;flex-direction:row;gap:2rem}.heroSocials img{height:25px;width:25px;filter:invert(98%) sepia(2%) saturate(43%) hue-rotate(53deg) brightness(120%) contrast(100%)}.heroCourusel1{display:flex;flex-direction:row;gap:2rem}.heroCourusel1 img{width:250px;border-radius:25px}.heroCourusel2{display:flex;flex-direction:row;gap:2rem}.heroCourusel2 img{width:250px;transform:translate(50%);border-radius:25px}.heroExtraText{font-weight:600;width:90%;margin-top:2rem;color:#fff}.heroExtraText p{color:var(--blueRibon200);font-weight:400}.heroPoints{padding:3rem;width:100%;display:flex;flex-direction:column;align-items:center;border-top:2px solid #FFFFFF;gap:2rem;color:#fff}.heroPoint{display:flex;flex-direction:row;gap:1rem;width:90%}.herologos{height:40px;width:40px;display:flex;padding:auto;background-color:var(--blueRibon900);border-radius:8px;justify-content:center}.heroPoint img{width:35px;height:35px;filter:invert(87%) sepia(28%) saturate(5165%) hue-rotate(189deg) brightness(110%) contrast(107%)}.heroPoint h4{font-weight:600}.heroPoint span{font-size:.75rem;color:var(--blueRibon200)}@media screen and (min-width: 720px){.heroText h3{font-size:1.5rem}.heroText h1{font-size:3rem}.heroSocials img{width:30px;height:30px}.heroCourusel1 img,.heroCourusel2 img{width:400px}.heroExtraText{font-size:1.3rem}.heroPoint h4{font-size:1.2rem}.heroPoint span{font-size:1rem}}@media screen and (min-width:1080px){.HeroSec{gap:2rem;padding-top:10rem}.heroText{width:80%}.heroText h3{font-size:2rem}.heroText h1{width:60%;font-size:4rem}.heroSocials img{width:40px;height:40px}.heroCourusel1 img,.heroCourusel2 img{width:500px}.heroExtraText{font-size:1.6rem}.heroPoints{align-items:start;flex-direction:row;padding-left:8rem;gap:1rem}.heroPoint{width:25%}.herologos{height:100%;width:45px}}.slider{width:100%;height:var(--height);overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 10% 90%,transparent);mask-image:linear-gradient(to right,transparent,#000 10% 90%,transparent)}.slider .list{display:flex;width:100%;min-width:calc(var(--width) * var(--quantity));position:relative}.slider .list .item{width:var(--width);height:var(--height);position:absolute;left:100%;animation:autoRun 15s linear infinite;transition:filter .5s;animation-delay:calc((15s / var(--quantity)) * (var(--position) - 1) - 10s)!important}.slider .list .item img{width:100%;border-radius:15px;overflow:hidden}@keyframes autoRun{0%{left:100%}to{left:calc(var(--width) * -1)}}.slider:hover .item{animation-play-state:paused!important;filter:grayscale(1)}.slider .item:hover{filter:grayscale(0)}.slider[reverse=true] .item{animation:reversePlay 15s linear infinite}@keyframes reversePlay{0%{left:calc(var(--width) * -1)}to{left:100%}}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.AboutUs{background-color:var(--blueRibon200);min-height:40vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;color:var(--blueRibon950);padding:2rem 0}h3,p{width:80%}.AboutUs h3{font-size:1.4rem;font-weight:800}.AboutUs p{font-size:.9rem;font-weight:700}.AboutUs button{align-self:center;padding:.8rem;width:40%;border:none;color:var(--blueRibon200);background-color:var(--blueRibon800);font-weight:800}.AboutUs button:active{background-color:var(--blueRibon900)}@media screen and (min-width:720px){.AboutUs h3{font-size:1.7rem}.AboutUs p{font-size:1.1rem}.AboutUs button{width:20%}}@media screen and (min-width:1080px){.AboutUs h3{font-size:2.5rem}.AboutUs p{font-size:1.5rem;font-weight:600}.AboutUs br{display:none}.AboutUs button{font-size:1.1rem;padding:1rem}}.Services{min-height:100vh;height:fit-content;background-color:#101956;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 0;gap:2rem}.servicesTitle{display:flex;flex-direction:column;gap:2rem;width:80%}.Services h3{color:var(--blueRibon200)}.Services span{font-size:.9rem;font-weight:700}.servicesList{width:80%;display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;gap:2rem}.serviceItem{width:100%;display:flex;flex-direction:column;gap:1.5rem;border-bottom:1px solid #FFFFFF;padding-bottom:2rem;justify-content:center;align-items:center}.serviceItem h4{color:var(--blueRibon200);align-self:self-start}.serviceItem p{align-self:self-start;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;line-clamp:2;-webkit-box-orient:vertical}.serviceInclude{display:flex;flex-direction:column;width:70%;background-color:var(--blueRibon200);color:var(--blueRibon950);border-radius:25px;padding:2rem}.serviceInclude h4{font-size:2rem;text-align:center}.serviceInclude ul{display:flex;flex-direction:column;gap:2rem}.serviceInclude li{display:flex;flex-direction:row;gap:1rem}.serviceInclude li span{text-decoration:underline;font-weight:800;font-size:1rem}.serviceInclude ul img{filter:invert(8%) sepia(68%) saturate(3222%) hue-rotate(229deg) brightness(92%) contrast(102%)}@media screen and (min-width:720px){.Services{padding:4rem 0}.servicesTitle h3{font-size:1.8rem}.servicesTitle span{font-size:1.1rem}.serviceItem img{width:450px;height:330px}.serviceItem h4{font-size:1.3rem}.serviceItem p{font-size:1.1rem}.serviceInclude{width:65%;padding-bottom:3rem}.serviceInclude ul{gap:2.5rem}.serviceInclude h4{font-size:2.2rem}.serviceInclude li{font-size:1.4rem}.serviceInclude li img{height:30px;width:30px}.serviceInclude li span{font-size:1.4rem}}@media screen and (min-width:1080px){.servicesList{flex-direction:row;align-items:start;width:90%;gap:1rem}.serviceItem{border:none}.serviceItem img{width:90%;object-fit:cover}.servicesTitle h3{font-size:1.5rem;font-weight:600}.serviceInclude{width:75%}.serviceInclude ul{gap:1.5rem}}@media screen and (min-width:1200px){.Services{padding:8rem 0;gap:4rem}.servicesList{width:80%;gap:1rem}.servicesTitle h3{font-size:2.2rem}.servicesTitle span{font-size:1.4rem}.serviceItem img{width:80%;height:60vh}.serviceItem h4{align-self:center;width:80%;font-size:1.7rem}.serviceItem p{align-self:center;font-size:1.2rem}.serviceInclude{width:70%}.serviceInclude ul{gap:2rem}.serviceInclude li p,.serviceInclude li span{font-size:1.6rem}}.contactPage{background-color:#101720;color:var(--blueRibon200);min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-content:center;width:100%;gap:2rem;padding-top:3rem}.contactForm{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;gap:2rem}.contactForm h3{font-size:1.5rem}.contactForm form{display:flex;flex-direction:column;gap:2rem;width:80%}.contactForm form input,textarea{font-size:1rem;background-color:transparent;border:none;color:#fff;border-bottom:1px #FFFFFF solid}.contactPage form button{width:30%;padding:1rem;text-transform:uppercase;background-color:var(--blueRibon600);border:none;color:var(--blueRibon200);font-weight:600;font-size:1.1rem}.contactPage form button:hover{background-color:var(--blueRibon800)}.contactLink{min-height:50vh;background-color:#0b1215;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 0rem}.contactLink ul{list-style:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.contactLink h4{align-self:flex-start;margin-left:10%;font-size:1.5rem}.contactLink a{color:#fff}.contactLink li{width:80%;display:flex;flex-direction:row;align-items:center;gap:1rem}.contactLink li div{display:flex;justify-content:center;align-items:center;background-color:var(--blueRibon900);border-radius:20px;width:45px;height:35px}.contactLink li img{height:25px;width:25px;filter:invert(78%) sepia(25%) saturate(767%) hue-rotate(193deg) brightness(94%) contrast(131%)}@media screen and (min-width: 720px){.contactForm{padding:3rem 0}.contactForm h3{font-size:2rem}.contactForm form{gap:2.5rem}.contactForm form input,textarea{font-size:1.4rem}.contactForm form button{font-size:1.2rem}.contactLink{padding:4rem 0}.contactLink ul{gap:2.5rem}.contactLink h4{font-size:2rem}.contactLink li div{width:50px;height:50px}.contactLink li img{width:35px;height:35px}.contactLink p{font-size:1.2rem}.contactLink li h5,a{font-size:1.3rem}}@media screen and (min-width:1080px){.contactForm{padding:0}.contactPage{flex-direction:row;padding-top:0}.contactForm{width:50%}.contactLink{width:50%;padding:0}}.emailContact{display:flex;flex-direction:column;gap:2rem;width:80%}.emailContact form input,textarea{font-size:1rem;background-color:transparent;border:none;color:#fff;border-bottom:1px #FFFFFF solid}.emailContact form button{width:30%;padding:1rem;text-transform:uppercase;background-color:var(--blueRibon600);border:none;color:var(--blueRibon200);font-weight:600;font-size:1.1rem}.emailContact button:hover{background-color:var(--blueRibon800)}.emailContact input:focus,textarea:focus{outline:none}@media screen and (min-width: 720px){.emailContact{gap:2.5rem}.emailContact input,textarea{font-size:1.4rem}.emailContact button{font-size:1.2rem}}.AboutUsPage{background-color:#101720;color:#fff}.HeroAboutUs{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:90vh;gap:3%}.HeroAboutUs .Profile{display:flex;justify-content:center;align-items:center;height:35rem;width:35rem;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='500'%20zoomAndPan='magnify'%20viewBox='0%200%20375%20374.999991'%20height='500'%20preserveAspectRatio='xMidYMid%20meet'%20version='1.2'%3e%3cg%20id='64e2d267b4'%3e%3cpath%20style='%20stroke:none;fill-rule:nonzero;fill:%23bbd8ff;fill-opacity:1;'%20d='M%20360.367188%20240.820312%20C%20360.410156%20258.460938%20336.8125%20267.953125%20327.210938%20282.753906%20C%20317.429688%20297.839844%20318.359375%20323.648438%20301.96875%20331.035156%20C%20282.015625%20340.027344%20258.324219%20308.132812%20237.59375%20315.136719%20C%20219.09375%20321.386719%20219.296875%20355.886719%20200.523438%20361.261719%20C%20184.125%20365.957031%20167.859375%20349.765625%20151.730469%20344.222656%20C%20136.648438%20339.039062%20121.1875%20333.460938%20105.957031%20328.734375%20C%2088.214844%20323.230469%2065.585938%20325.859375%2051.789062%20313.421875%20C%2038.378906%20301.335938%2029.785156%20280.566406%2031.550781%20262.601562%20C%2033.746094%20240.230469%2065.757812%20227.726562%2068.574219%20205.425781%20C%2070.222656%20192.386719%2059.277344%20180.371094%2055.917969%20167.667969%20C%2051.789062%20152.039062%2038.660156%20133.734375%2046.5%20119.597656%20C%2054.726562%20104.753906%2084.882812%20115.199219%2094.535156%20101.238281%20C%20108.46875%2081.082031%2074.316406%2040.398438%2094.820312%2026.976562%20C%20113.523438%2014.734375%20134.851562%2056.878906%20156.992188%2053.839844%20C%20175.144531%2051.347656%20181.917969%2016.972656%20200.136719%2018.898438%20C%20218.953125%2020.886719%20218.09375%2057.886719%20236.164062%2063.507812%20C%20257.761719%2070.234375%20281.269531%2034.761719%20301.898438%2044.050781%20C%20318.386719%2051.472656%20322.882812%2075.753906%20325.078125%2093.703125%20C%20327.308594%20111.945312%20315.355469%20130.007812%20314.378906%20148.363281%20C%20313.6875%20161.308594%20312.972656%20175.460938%20317.785156%20187.5%20C%20326.144531%20208.410156%20360.3125%20218.304688%20360.367188%20240.820312%20Z%20M%20360.367188%20240.820312%20'/%3e%3c/g%3e%3c/svg%3e");background-size:contain;background-position:center;background-repeat:no-repeat}.HeroAboutUs .Profile img{transform:translateY(-10px)}.HeroAboutUs .Content{display:flex;flex-direction:column;gap:3rem;text-align:center}.HeroAboutUs .Content h1{display:flex;flex-direction:column;align-items:flex-start}.HeroAboutUs .Content h1 span{font-size:3.5rem;font-weight:700;text-decoration:underline}.HeroAboutUs .Content h1 span:nth-child(1){margin-left:0}.HeroAboutUs .Content h1 span:nth-child(2){margin-left:10rem}.HeroAboutUs .Content h1 span:nth-child(3){margin-left:22rem}.HeroAboutUs .Content h5{font-size:1.2rem;color:#bbd8ff}.HeroAboutUs .Content button{width:10rem;align-self:center;border:none;padding:.6rem;display:flex;gap:.5rem;justify-content:center;align-items:center;background-color:#1c2f93;color:#fff;font-weight:800;font-size:1.1rem;transition:scale .3s ease-out}.HeroAboutUs .Content button:hover{cursor:pointer;scale:1.05}.SocialLinks{align-self:center;display:flex;gap:4rem}.SocialLinks li{display:flex;justify-content:center;align-items:center;list-style:none;width:50px;height:50px;background-color:#8eb5ff;border-radius:25%;transition:background-color .3s ease}.SocialLinks li a{list-style:none;display:flex;align-items:center}.SocialLinks li a img{filter:brightness(0) saturate(100%) invert(22%) sepia(12%) saturate(7485%) hue-rotate(207deg) brightness(95%) contrast(108%);transition:filter .3s ease}.SocialLinks li:hover{background-color:#1c2f93}.SocialLinks li a img:hover{filter:brightness(0) saturate(100%) invert(61%) sepia(75%) saturate(347%) hue-rotate(188deg) brightness(100%) contrast(101%)}.TechStack{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem}.TechStack h4{font-size:40px}.TechStack .TechList{display:flex;flex-direction:row;align-items:center;gap:1rem}.Languages{background-color:#bbd8ff;padding:1rem;border-radius:65px}.Languages ul{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:3rem;width:45rem;height:6rem}.Languages li{display:flex;flex-direction:column;color:#1c2f93;justify-content:center;align-items:center;font-weight:900;gap:.5rem}.Languages li img{filter:brightness(0) saturate(100%) invert(18%) sepia(32%) saturate(4243%) hue-rotate(217deg) brightness(96%) contrast(110%)}.Portafolio{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem}.ProyectCard{border:white 2px solid;border-radius:50px;width:440px;height:320px;overflow:hidden;display:flex;flex-direction:column}.ProyectCard img{object-fit:cover;width:100%;height:50%}.ProyectCard button{align-self:center;width:6rem;display:flex;gap:.5rem;justify-content:center;align-items:center;padding:.6rem 0;border-radius:25px;background-color:#142de1;border:none;color:#fff;font-weight:900;font-size:1rem}.ProyectData{display:flex;border-top:white 2px solid;padding:1rem;align-items:flex-start;justify-content:center}.ProyectData .Details{display:flex;flex-direction:column;gap:.5rem;width:50%;padding:0 .5rem}.ProyectData .Details ul{list-style:none;display:flex}.ProyectData span{font-size:1.2rem;font-weight:800}.ProyectData p{font-size:12px;font-weight:800}.under-construction{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;background-color:#bcd2ff;color:#101720;padding:2rem 1.25rem}.text-section h1{font-size:2.4rem;font-weight:800;color:#1c2f93;margin-bottom:.5rem}.text-section p{font-size:1.1rem;color:#101720;margin-bottom:1.5rem}.svg-wrap{width:100%;max-width:360px;margin:1rem auto}.construction-svg{width:100%;height:auto;display:block}@keyframes hammer{0%,to{transform:rotate(0)}40%{transform:rotate(-25deg)}60%{transform:rotate(0)}}.construction-svg #arm{transform-origin:left center;transform-box:fill-box;animation:hammer 1s ease-in-out infinite}.back-button{margin-top:2rem;padding:.8rem 1.6rem;font-size:1rem;font-weight:600;color:#fff;background-color:#1c2f93;border:none;border-radius:6px;text-decoration:none;cursor:pointer;transition:background .3s ease}.back-button:hover{background-color:#101720}:root{--blueRibon50:#eaf4ff;--blueRibon100:#d9eaff;--blueRibon200:#bbd8ff;--blueRibon300:#92bdff;--blueRibon400:#6795ff;--blueRibon500:#446eff;--blueRibon600:#2443ff;--blueRibon700:#1831ea;--blueRibon800:#172dbc;--blueRibon900:#1c2f93;--blueRibon950:#111a55}*{font-family:Inconsolata,monospace;margin:0;padding:0}