.navBar{position:absolute;top:0;left:0;width:100%;z-index:1000;display:flex;flex-direction:row;background-color:var(--blueRibon900);padding:1rem;box-sizing:border-box;color:#fff;font-size:1rem;min-height:5vh;align-items:center;justify-content:space-between}.navBar .logo{width:20%}.navBar a{text-decoration:none;color:#fff;font-weight:600}.navBar>a img{filter:brightness(0) invert(1)}.navHamb{width:1rem}.navBar picture img{height:50px;font-size:1.5rem;font-weight:700}.phone{display:flex;flex-direction:column;position:relative}.navPhone-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998}.navPhone{list-style:none;position:absolute;right:-1rem;top:100%;width:65vw;max-width:280px;background-color:var(--blueRibon900);border-left:2px solid var(--blueRibon700);border-bottom:2px solid var(--blueRibon700);border-radius:0 0 0 12px;display:flex;flex-direction:column;padding:.8rem 0;gap:0;z-index:999;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.navPhone--open{opacity:1;transform:translateY(0);pointer-events:auto}.navPhone li{padding:0}.navPhone li a{display:block;padding:.7rem 1.5rem;color:var(--blueRibon50);font-weight:600;font-size:1.05rem;transition:background-color .2s ease,padding-left .2s ease}.navPhone li:not(:last-child) a:hover{background-color:var(--blueRibon800);padding-left:2rem}.navPhone li:last-child{padding:.5rem 1.5rem .3rem}.navPhone button{width:100%;padding:.55rem 1rem;border-radius:10px;background-color:transparent;color:var(--blueRibon50);font-weight:700;font-size:1.05rem;border:2px var(--blueRibon300) solid;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.navPhone button:hover{background-color:var(--blueRibon800);border-color:var(--blueRibon200)}.comp{display:none}.navBar>.ctabutton{display:none}@media screen and (min-width: 900px){.navBar{overflow:hidden;justify-content:space-around;padding:.5rem 2rem}.navBar a{width:auto}.phone{display:none}.comp{display:flex;justify-content:center;align-items:center;flex:1}.navBar>.ctabutton{display:flex}.navComp{display:flex;flex-direction:row;justify-content:center;gap:1rem;width:auto;list-style:none;height:100%}.navComp li{position:relative;z-index:10;padding:0 .5rem;cursor:pointer;transition:all .3s ease;font-size:.9rem;white-space:nowrap}.navComp li:before{content:"";position:absolute;bottom:-2px;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: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:.4rem .6rem;border-radius:15px;background-color:transparent;color:var(--blueRibon50);font-weight:700;border:3px var(--blueRibon300) solid;text-decoration:none;white-space:nowrap;flex-shrink:0}.ctabutton a{width:100%;font-size:.85rem}}@media screen and (min-width: 1100px){.navComp{gap:2rem}.navComp li{padding:0 1rem;font-size:1rem}.navBar li a{font-size:1.1rem}.ctabutton{padding:.5rem;font-size:1.2rem}.ctabutton a{font-size:1rem}}.footer{display:flex;flex-direction:column;align-items:center;width:100%;background-color:var(--blueRibon900);color:#fff;padding:2.5rem 1rem 1.5rem;gap:1.25rem}.footer__logo img{filter:brightness(0) invert(1);transition:opacity .3s}.footer__logo:hover img{opacity:.8}.footer__nav{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.footer__nav a{color:#fff;text-decoration:none;font-size:.95rem;transition:color .3s}.footer__nav a:hover{color:var(--blueRibon200)}.footer__divider{width:60%;max-width:500px;border:none;border-top:1px solid var(--blueRibon700)}.footer__socials{display:flex;gap:1.25rem}.footer__socials a{color:#fff;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--blueRibon700);transition:transform .3s,color .3s,border-color .3s}.footer__socials a:hover{color:var(--blueRibon200);border-color:var(--blueRibon200);transform:scale(1.15)}.footer__copy{font-size:.8rem;color:var(--blueRibon300);text-align:center}@media screen and (min-width: 720px){.footer__nav{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: 280px;--height: 140px;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%}}@media screen and (min-width: 720px){.slider{--width: 400px;--height: 200px}}@media screen and (min-width: 1080px){.slider{--width: 500px;--height: 250px}}.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;display:flex;flex-direction:column;align-items:center;gap:4rem}.HeroAboutUs{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:100vh;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}.techCircle--sm{width:40px;height:40px}.techCircle--md{width:60px;height:60px}.techCircle--lg{width:100px;height:100px}.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-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%}.Portafolio h3{font-size:1.4rem;width:60%}.Portafolio .Title{display:flex;flex-direction:column;gap:.5rem;width:60%}.Portafolio .Projects{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;width:60%}.ProyectCard{border:white 2px solid;border-radius:50px;width:440px;overflow:hidden;display:flex;flex-direction:column}.ProyectCard img{object-fit:cover;width:100%;height:180px}.ProyectCard a{align-self:center;text-decoration:none}.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;transition:all .2s ease;cursor:pointer}.ProyectCard button:hover{background:linear-gradient(45deg,#142de1,#1a37f5);transform:translateY(-1px);box-shadow:0 3px 8px #142de140}.ProyectCard button:active{transform:translateY(0);transition:all .1s ease}.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;justify-content:center;align-items:center;gap:1rem}.ProyectData .Details li{color:#bbd8ff}.ProyectData .Details li img{height:25px;object-fit:contain;filter:brightness(0) saturate(100%) invert(78%) sepia(32%) saturate(385%) hue-rotate(185deg) brightness(101%) contrast(101%)}.ProyectData span{font-size:1.2rem;font-weight:800}.ProyectData p{font-size:12px;font-weight:800}.SoftSkills{width:100%;padding:4rem 0;background-color:#101720;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.SoftSkills h3{text-align:center;color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:3rem;letter-spacing:3px}.skills-container{position:relative;width:90%;display:flex;justify-content:center;align-items:center}.decorative-circle{content:"";position:absolute;width:200px;height:200px;background-color:#bbd8ff;border-radius:50%;top:50%;transform:translateY(-50%);z-index:1}.left-circle{left:-200px}.right-circle{right:-200px}.SkillsList{background-color:#bbd8ff;padding:1.2rem;border-radius:100px;display:flex;justify-content:space-around;align-items:start;list-style:none;margin:0;gap:1.5rem;position:relative;z-index:2;min-width:80%;max-width:1000px;box-shadow:0 10px 30px #0003}.SkillsList li{display:flex;flex-direction:column;align-items:center;gap:1rem;transition:transform .3s ease}.SkillsList li:hover{transform:translateY(-5px)}.SkillsList li .skill-icon{width:100px;height:100px;background-color:#141a57;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #141a574d}.SkillsList li .skill-icon:hover{background-color:#1e2673;transform:scale(1.05);box-shadow:0 6px 20px #141a5766}.SkillsList li .skill-icon img{width:65px;height:65px;filter:brightness(0) saturate(100%) invert(75%) sepia(44%) saturate(299%) hue-rotate(186deg) brightness(102%) contrast(102%);stroke-width:2}.SkillsList li span{color:#141a57;font-size:1rem;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:1px;max-width:85px;line-height:1.3}@media (max-width: 768px){.SkillsList{flex-wrap:wrap;padding:1rem;gap:1rem;border-radius:20px}.decorative-circle{width:100px;height:100px}.left-circle{left:-100px}.right-circle{right:-100px}.SkillsList li .skill-icon{width:80px;height:80px}.SkillsList li .skill-icon img{width:50px;height:50px}}@media (max-width: 1080px){.HeroAboutUs{flex-direction:column;gap:2rem;padding:2rem}.HeroAboutUs .Profile{height:22rem;width:22rem}.HeroAboutUs .Profile img{width:350px;height:350px}.HeroAboutUs .Content h1 span{font-size:2.5rem}.HeroAboutUs .Content h1 span:nth-child(2){margin-left:6rem}.HeroAboutUs .Content h1 span:nth-child(3){margin-left:14rem}.techCircle--sm{width:30px;height:30px}.techCircle--md{width:45px;height:45px}.techCircle--lg{width:70px;height:70px}.TechStack .TechList{flex-wrap:wrap;justify-content:center}.Languages ul{width:35rem;gap:2rem}.Portafolio .Title,.Portafolio .Projects{width:80%}.ProyectCard{width:380px;height:300px}}@media (max-width: 768px){.AboutUsPage{gap:2rem}.HeroAboutUs{flex-direction:column;min-height:100vh;gap:1.5rem;padding:4rem 1.5rem 1.5rem}.HeroAboutUs .Profile{height:16rem;width:16rem}.HeroAboutUs .Profile img{width:250px;height:250px}.HeroAboutUs .Content{gap:1.5rem}.HeroAboutUs .Content h1{align-items:center}.HeroAboutUs .Content h1 span{font-size:1.8rem}.HeroAboutUs .Content h1 span:nth-child(2){margin-left:0}.HeroAboutUs .Content h1 span:nth-child(3){margin-left:0}.HeroAboutUs .Content h5{font-size:.95rem}.SocialLinks{gap:2rem}.SocialLinks li{width:42px;height:42px}.SocialLinks li a img{width:22px;height:22px}.TechStack h4{font-size:28px}.techCircle{display:none}.TechStack .TechList{flex-wrap:wrap;justify-content:center;gap:.5rem}.Languages{border-radius:25px;padding:.8rem;width:90%}.Languages ul{width:100%;height:auto;flex-wrap:wrap;gap:1.5rem;padding:.5rem;box-sizing:border-box}.Languages li img{width:30px;height:30px}.Languages li{font-size:.75rem}.Portafolio{gap:1.5rem}.Portafolio h3{font-size:1rem;width:90%;text-align:center}.Portafolio .Title,.Portafolio .Projects{width:90%}.Portafolio .Projects{gap:1.5rem}.ProyectCard{width:100%;border-radius:25px}.ProyectCard img{height:160px}.ProyectData{flex-direction:column;gap:.8rem;padding:.8rem}.ProyectData .Details{width:100%}.ProyectData .Details ul{justify-content:flex-start;flex-wrap:wrap;gap:.5rem}.ProyectData span{font-size:1rem}.ProyectData p{font-size:11px}}@media (max-width: 480px){.HeroAboutUs{min-height:100vh;padding:4rem 1rem 1rem}.HeroAboutUs .Profile{height:13rem;width:13rem}.HeroAboutUs .Profile img{width:200px;height:200px}.HeroAboutUs .Content h1 span{font-size:1.5rem}.HeroAboutUs .Content h5{font-size:.8rem}.HeroAboutUs .Content button{width:9rem;font-size:.9rem;padding:.5rem}.SocialLinks{gap:1.5rem}.TechStack h4{font-size:22px}.Languages{width:95%}.Languages ul{gap:1rem}.Languages li img{width:25px;height:25px}.Languages li{font-size:.65rem}.Portafolio .Projects{width:95%}.ProyectCard{border-radius:20px}.ProyectCard img{height:130px}.ProyectCard button{width:5rem;font-size:.85rem;padding:.4rem 0}}@media (max-width: 1200px){.SkillsList{gap:2rem;padding:2rem 3rem}.skills-container:before,.skills-container:after{width:250px;height:250px}.skills-container:before{left:-125px}.skills-container:after{right:-125px}}@media (max-width: 992px){.SkillsList{flex-wrap:wrap;gap:2rem;padding:2rem;min-width:85%;justify-content:center}.SkillsList li{flex-basis:calc(33.33% - 1.5rem);min-width:120px}.SoftSkills h3{font-size:2rem;margin-bottom:2rem}}@media (max-width: 768px){.SoftSkills{padding:3rem 0}.SkillsList{flex-wrap:wrap;gap:1.5rem;padding:2rem 1.5rem;min-width:90%;border-radius:60px}.SkillsList li{flex-basis:calc(50% - 1rem);min-width:110px}.SkillsList li .skill-icon{width:60px;height:60px}.SkillsList li .skill-icon svg{width:28px;height:28px}.SkillsList li span{font-size:.7rem;max-width:80px}.skills-container:before,.skills-container:after{width:100px;height:100px}.skills-container:before{left:-50px}.skills-container:after{right:-50px}.SoftSkills h3{font-size:1.8rem;letter-spacing:2px}}@media (max-width: 480px){.SoftSkills{padding:2rem 0}.SkillsList{flex-direction:column;gap:1.5rem;padding:2rem 1rem;border-radius:40px;min-width:95%}.SkillsList li{flex-direction:row;gap:1rem;width:100%;justify-content:flex-start;flex-basis:auto}.SkillsList li .skill-icon{width:50px;height:50px;flex-shrink:0}.SkillsList li .skill-icon svg{width:24px;height:24px}.SkillsList li span{text-align:left;max-width:none;font-size:.8rem}.skills-container:before,.skills-container:after{display:none}.SoftSkills h3{font-size:1.5rem;margin-bottom:1.5rem;letter-spacing:1px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.SkillsList li{animation:fadeInUp .6s ease forwards}.SkillsList li:nth-child(1){animation-delay:.1s}.SkillsList li:nth-child(2){animation-delay:.2s}.SkillsList li:nth-child(3){animation-delay:.3s}.SkillsList li:nth-child(4){animation-delay:.4s}.SkillsList li:nth-child(5){animation-delay:.5s}.SkillsList li:nth-child(6){animation-delay:.6s}.ServicesPage{background-color:#101720;color:#fff}.heroServices{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:6rem 2rem 3rem;gap:1.5rem;background-color:#101720}.heroServices-label{color:var(--blueRibon200);font-size:.9rem;font-weight:600;letter-spacing:2px}.heroServices h1{font-size:2.2rem;font-weight:800;width:80%}.heroServices-accent{text-decoration:underline}.heroServices p{width:80%;font-size:.95rem;color:var(--blueRibon200);font-weight:500;line-height:1.6}.heroServices-icons{display:flex;flex-direction:row;gap:2rem;margin-top:1.5rem}.heroServices-icon{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--blueRibon200)}.heroServices-icon svg{background-color:var(--blueRibon900);padding:.8rem;border-radius:12px;width:55px;height:55px;box-sizing:content-box}.heroServices-icon span{font-size:.8rem;font-weight:600}.serviceDetails{display:flex;flex-direction:column;gap:0}.serviceDetails-card{display:flex;flex-direction:column;padding:3rem 2rem;gap:2rem}.serviceDetails-card:nth-child(odd){background-color:#101956}.serviceDetails-card:nth-child(2n){background-color:#101720}.serviceDetails-img{position:relative;width:100%;overflow:hidden;border-radius:16px}.serviceDetails-img img{width:100%;height:250px;object-fit:cover;border-radius:16px}.serviceDetails-number{position:absolute;top:1rem;left:1rem;font-size:2.5rem;font-weight:800;color:var(--blueRibon400);opacity:.6}.serviceDetails-content{display:flex;flex-direction:column;gap:1rem}.serviceDetails-subtitle{color:var(--blueRibon300);font-size:.85rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.serviceDetails-content h2{font-size:1.6rem;font-weight:800;color:var(--blueRibon200)}.serviceDetails-content p{font-size:.95rem;line-height:1.7;color:#fff}.serviceDetails-features{display:flex;flex-direction:column;gap:.8rem;list-style:none;margin-top:.5rem}.serviceDetails-features li{display:flex;flex-direction:row;align-items:center;gap:.75rem;font-size:.9rem;color:var(--blueRibon100)}.serviceDetails-features li svg{color:var(--blueRibon400);flex-shrink:0}.serviceIncludes{display:flex;justify-content:center;align-items:center;padding:4rem 2rem;background-color:#101720}.serviceIncludes-card{background-color:var(--blueRibon200);color:var(--blueRibon950);border-radius:25px;padding:2.5rem 2rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem}.serviceIncludes-card h3{font-size:1.3rem;font-weight:800;text-align:center;width:auto}.serviceIncludes-card ul{display:flex;flex-direction:column;gap:1.5rem;list-style:none;width:100%}.serviceIncludes-card li{display:flex;flex-direction:row;align-items:flex-start;gap:.75rem}.serviceIncludes-card li svg{color:var(--blueRibon900);flex-shrink:0;margin-top:2px}.serviceIncludes-card li p{font-size:.95rem;font-weight:600;width:auto}.serviceIncludes-card button{padding:.8rem 2rem;border:none;border-radius:12px;background-color:var(--blueRibon800);color:var(--blueRibon200);font-weight:800;font-size:1rem;letter-spacing:1px}@media screen and (min-width: 720px){.heroServices{padding:8rem 2rem 4rem;gap:2rem}.heroServices-label{font-size:1.1rem}.heroServices h1{font-size:3rem}.heroServices p{font-size:1.15rem;width:70%}.heroServices-icon svg{width:60px;height:60px}.heroServices-icon span{font-size:.95rem}.serviceDetails-card{padding:4rem 3rem;gap:2.5rem}.serviceDetails-img img{height:350px}.serviceDetails-number{font-size:3.5rem}.serviceDetails-content h2{font-size:2rem}.serviceDetails-content p{font-size:1.1rem}.serviceDetails-features li{font-size:1rem}.serviceIncludes-card{width:75%;padding:3rem}.serviceIncludes-card h3{font-size:1.6rem}.serviceIncludes-card li p{font-size:1.1rem}.serviceIncludes-card button{font-size:1.1rem;padding:1rem 2.5rem}}@media screen and (min-width: 1080px){.heroServices{min-height:80vh;padding:10rem 2rem 5rem}.heroServices h1{font-size:4rem;width:60%}.heroServices p{font-size:1.3rem;width:50%}.heroServices-icons{gap:3rem;margin-top:2rem}.heroServices-icon svg{width:65px;height:65px;padding:1rem}.heroServices-icon span{font-size:1rem}.serviceDetails-card{flex-direction:row;align-items:center;padding:5rem 6rem;gap:4rem}.serviceDetails-card--reverse{flex-direction:row-reverse}.serviceDetails-img{width:50%;flex-shrink:0}.serviceDetails-img img{height:400px}.serviceDetails-content{width:50%}.serviceDetails-subtitle{font-size:.95rem}.serviceDetails-content h2{font-size:2.2rem}.serviceDetails-content p{font-size:1.15rem}.serviceDetails-features li{font-size:1.05rem}.serviceIncludes{padding:5rem 2rem}.serviceIncludes-card{width:65%;padding:3.5rem;gap:2.5rem}.serviceIncludes-card h3{font-size:1.8rem}.serviceIncludes-card li p{font-size:1.2rem}}@media screen and (min-width: 1200px){.heroServices h1{font-size:4.5rem}.serviceDetails-card{padding:6rem 10rem}.serviceDetails-img img{height:450px}.serviceDetails-content h2{font-size:2.5rem}.serviceDetails-content p{font-size:1.25rem}.serviceIncludes-card{width:55%}}.ContactPage{background-color:#101720;color:#fff}.heroContact{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:6rem 2rem 3rem;gap:1.5rem;background-color:#101720}.heroContact-label{color:var(--blueRibon200);font-size:.9rem;font-weight:600;letter-spacing:2px}.heroContact h1{font-size:2.2rem;font-weight:800;width:80%}.heroContact-accent{text-decoration:underline}.heroContact p{width:80%;font-size:.95rem;color:var(--blueRibon200);font-weight:500;line-height:1.6}.heroContact-icons{display:flex;flex-direction:row;gap:2rem;margin-top:1.5rem}.heroContact-icon{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--blueRibon200)}.heroContact-icon svg{background-color:var(--blueRibon900);padding:.8rem;border-radius:12px;width:55px;height:55px;box-sizing:content-box}.heroContact-icon span{font-size:.8rem;font-weight:600}.contactFormSection{background-color:#101956;display:flex;justify-content:center;align-items:center;padding:4rem 2rem}.contactFormSection-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;gap:2.5rem}.contactFormSection-header{text-align:center;display:flex;flex-direction:column;gap:1rem;width:80%}.contactFormSection-header h2{font-size:1.8rem;font-weight:800;color:var(--blueRibon200)}.contactFormSection-header p{font-size:.95rem;color:var(--blueRibon100);line-height:1.6;width:100%}.contactFormSection .emailContact{width:80%}.contactFormSection .emailContact input,.contactFormSection .emailContact textarea{font-size:1rem;background-color:transparent;border:none;color:#fff;border-bottom:1px solid var(--blueRibon300);padding:.5rem 0}.contactFormSection .emailContact input::placeholder,.contactFormSection .emailContact textarea::placeholder{color:var(--blueRibon300)}.contactFormSection .emailContact button{width:fit-content;padding:.8rem 2.5rem;text-transform:uppercase;background-color:var(--blueRibon600);border:none;border-radius:10px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;letter-spacing:1px}.contactFormSection .emailContact button:hover{background-color:var(--blueRibon800)}.contactLinksSection{background-color:#0b1215;display:flex;justify-content:center;align-items:center;padding:4rem 2rem}.contactLinksSection-wrapper{width:80%;display:flex;flex-direction:column;gap:2rem}.contactLinksSection-wrapper h3{font-size:1.5rem;font-weight:800;color:var(--blueRibon200);width:auto}.contactLinksSection-desc{font-size:.95rem;color:var(--blueRibon100);line-height:1.6;width:auto}.contactLinksSection-list{list-style:none;display:flex;flex-direction:column;gap:1.5rem;margin-top:.5rem}.contactLinksSection-list li{display:flex;flex-direction:row;align-items:center;gap:1rem}.contactLinksSection-iconBox{display:flex;justify-content:center;align-items:center;background-color:var(--blueRibon900);border-radius:12px;min-width:45px;height:45px;color:var(--blueRibon200)}.contactLinksSection-iconBox img{filter:invert(78%) sepia(25%) saturate(767%) hue-rotate(193deg) brightness(94%) contrast(131%)}.contactLinksSection-info{display:flex;flex-direction:column;gap:.2rem}.contactLinksSection-info h5{font-size:.85rem;color:var(--blueRibon300);font-weight:600}.contactLinksSection-info a{color:#fff;text-decoration:none;font-size:.95rem;font-weight:500}.contactLinksSection-info a:hover{color:var(--blueRibon200)}@media screen and (min-width: 720px){.heroContact{padding:8rem 2rem 4rem;gap:2rem}.heroContact-label{font-size:1.1rem}.heroContact h1{font-size:3rem}.heroContact p{font-size:1.15rem;width:70%}.heroContact-icon svg{width:60px;height:60px}.heroContact-icon span{font-size:.95rem}.contactFormSection{padding:5rem 2rem}.contactFormSection-header h2{font-size:2.2rem}.contactFormSection-header p{font-size:1.1rem}.contactFormSection .emailContact input,.contactFormSection .emailContact textarea{font-size:1.2rem}.contactFormSection .emailContact button{font-size:1.1rem;padding:1rem 3rem}.contactLinksSection{padding:5rem 2rem}.contactLinksSection-wrapper h3{font-size:2rem}.contactLinksSection-desc{font-size:1.1rem}.contactLinksSection-iconBox{min-width:50px;height:50px}.contactLinksSection-info a{font-size:1.1rem}.contactLinksSection-info h5{font-size:.95rem}}@media screen and (min-width: 1080px){.heroContact{min-height:80vh;padding:10rem 2rem 5rem}.heroContact h1{font-size:4rem;width:60%}.heroContact p{font-size:1.3rem;width:50%}.heroContact-icons{gap:3rem;margin-top:2rem}.heroContact-icon svg{width:65px;height:65px;padding:1rem}.heroContact-icon span{font-size:1rem}.contactFormSection{padding:6rem 2rem}.contactFormSection-wrapper{width:60%;gap:3rem}.contactFormSection-header h2{font-size:2.5rem}.contactFormSection-header p{font-size:1.2rem}.contactFormSection .emailContact{width:100%}.contactFormSection .emailContact input,.contactFormSection .emailContact textarea{font-size:1.3rem}.contactLinksSection{padding:5rem 2rem}.contactLinksSection-wrapper{width:60%}.contactLinksSection-wrapper h3{font-size:2.2rem}.contactLinksSection-list{flex-direction:row;flex-wrap:wrap;gap:2rem}.contactLinksSection-list li{width:calc(50% - 1rem)}.contactLinksSection-info a{font-size:1.15rem}}@media screen and (min-width: 1200px){.heroContact h1{font-size:4.5rem}.contactFormSection-wrapper,.contactLinksSection-wrapper{width:50%}}.under-construction{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;background-color:#101720;color:#fff;padding:2rem 1.25rem}.text-section h1{font-size:2.4rem;font-weight:800;color:#bcd2ff;margin-bottom:.5rem}.text-section p{font-size:1.1rem;color:#fff;margin-bottom:1.5rem}.svg-wrap{width:100%;max-width:200px;margin:1rem auto}.construction-svg{width:100%;height:auto;display:block}@keyframes hammerStrike{0%,70%,to{transform:rotate(-45deg) translateY(-30px)}30%{transform:rotate(-10deg) translateY(10px)}35%{transform:rotate(0) translateY(20px)}40%{transform:rotate(5deg) translateY(25px)}45%{transform:rotate(-5deg) translateY(22px)}50%{transform:rotate(2deg) translateY(24px)}}.construction-svg #hammer{transform-origin:100px 60px;transform-box:fill-box;animation:hammerStrike 1.8s ease-in-out infinite}@keyframes sparkle{0%,35%,65%,to{opacity:0;transform:scale(.3) translateY(0)}38%,42%{opacity:1;transform:scale(1.2) translateY(-8px)}45%,50%{opacity:.8;transform:scale(1.5) translateY(-12px)}55%,60%{opacity:.4;transform:scale(.8) translateY(-15px)}}.impact-particles .particle{animation:sparkle 1.8s ease-out infinite;opacity:0}.particle-1{animation-delay:.35s}.particle-2{animation-delay:.37s}.particle-3{animation-delay:.39s}.back-button{margin-top:2rem;padding:.8rem 1.6rem;font-size:1rem;font-weight:600;color:#101720;background-color:#bcd2ff;border:none;border-radius:6px;text-decoration:none;cursor:pointer;transition:all .3s ease}.back-button:hover{background-color:#9bb9ff;transform:translateY(-2px)}.back-button:active{transform:translateY(0)}@keyframes groundShake{0%,to{transform:translateY(0)}35%,45%{transform:translateY(1px)}}.construction-svg rect[y="180"]{animation:groundShake 1.8s ease-in-out infinite}: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}html,body{overflow-x:hidden;background-color:#101720}.door-overlay{background:linear-gradient(45deg,#1a1a1a 25%,#2a2a2a 25%,#2a2a2a 50%,#1a1a1a 50%,#1a1a1a 75%,#2a2a2a 75%);background-size:20px 20px}main{position:relative;min-height:100vh}