:root{--banner-op-linear:linear-gradient(90deg,var(--color-orange-200) 25%,var(--color-orange-400) 100%);--h2-orange-linear:linear-gradient(to right,var(--color-orange-300) 0%,var(--color-orange-500) 100%);--bg-cards-projects:linear-gradient(134.9deg,hsla(28,92%,92%,0.08) 0%,hsla(344,62%,90%,0.08) 100%);--border-cards-projects:rgba(255,255,255,0.2);--bg-landing-services:linear-gradient(180deg,hsla(223,92%,5%,0) 0%,var(--color-purple-900) 100%);--bg-landing-projects:linear-gradient(180deg,var(--color-purple-900) 0%,var(--color-purple-800) 100%);--bg-landing-about:linear-gradient(180deg,var(--color-purple-800) 0%,var(--color-purple-900) 50%,var(--color-purple-950) 98%);--bg-landing-big-section:radial-gradient(45% 55% at 50% 100%,var(--color-purple-500) 0%,var(--color-purple-700) 60%,var(--color-purple-950) 120%);--color-opacity-tertiary:hsl(0,0%,62%);--color-opacity-secondary:hsl(0,0%,72%);--color-opacity-primary:hsl(0,0%,84%);--color-opacity-important:hsl(0,0%,96%);--grid-projects:repeat(3,1fr)}:root .container-banner h1 span,:root .container-big-section h1 span,:root .container-projects h2 span,:root .container-services h2 span,:root .photo-content h3 span{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}html{overflow-x:hidden}body{background-color:var(--color-blue-950)}a{text-decoration:none}li{list-style:none}.layout{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:67.5rem;margin:auto;padding:5rem 0}section{padding:0 var(--spacing-margin)}.overflow-hidden{overflow:hidden!important}.detail{z-index:-1;position:absolute;pointer-events:none}.ball{position:absolute;pointer-events:none}header{width:100%;position:fixed;top:0;z-index:2;padding-bottom:1rem}.header-bg{background:var(--bg-cards-projects);border-bottom:2px solid var(--border-cards-projects);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-transition:150ms;transition:150ms;padding-bottom:0;-webkit-transition:300ms;transition:300ms}main{margin-top:5rem}.container-header{height:4.5rem;margin:0 var(--spacing-navbar);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.items-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:var(--spacing-4)}.social-media{background-color:var(--theme-dark-bg);opacity:0.75;-webkit-transition:all 150ms ease;transition:all 150ms ease}.social-media:hover{opacity:1;-webkit-transition:all 150ms ease;transition:all 150ms ease}.z-index{z-index:1}.container-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;padding:12rem 0}.container-banner h1{text-shadow:2px 4px 2px rgba(8,0,25,0.08)}.container-banner h1 span{background:var(--banner-op-linear)}.container-banner h2{margin:var(--spacing-4) 0 var(--spacing-6);color:var(--color-opacity-primary)}.container-banner a{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.banner{position:relative}.banner .detail-graph{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,-65%);transform:translate(-50%,-65%)}.banner .graph{-webkit-animation:graph-rotate 50s ease infinite;animation:graph-rotate 50s ease infinite;width:110rem}.banner .ball2{width:8rem;bottom:10%;left:12%}.banner .ball2.animation-down-up{-webkit-animation-duration:4s;animation-duration:4s}.banner .ball3{width:20rem;bottom:10%;right:5%}.banner .ball3.animation-up-down{-webkit-animation-duration:5s;animation-duration:5s}.services{position:relative;background:var(--bg-landing-services)}.services .ball1{width:8rem;position:absolute;top:20%;right:25%}.services .ball1.animation-right-left{-webkit-animation-duration:5s;animation-duration:5s}.services .ball2{width:10rem;position:absolute;bottom:10%;left:10%}.container-services{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container-services h2{text-align:center;margin-bottom:var(--spacing-10)}.container-services h2 span{background:var(--h2-orange-linear)}.service{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;max-width:57.5rem;gap:var(--spacing-7);margin-bottom:var(--spacing-8)}.invert{margin-bottom:var(--spacing-10)}.invert .service-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.service-image{max-width:27.5rem;min-width:19.25rem}.service-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-4)}.projects{position:relative;background:var(--bg-landing-projects)}.projects .ball1{width:12rem;top:7.5%;left:25%;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-animation-duration:5s;animation-duration:5s}.projects .ball2{width:13rem;bottom:36%;right:13%;-webkit-animation-duration:10s;animation-duration:10s}.projects .ball3{bottom:3%;left:35%;-webkit-animation-duration:8s;animation-duration:8s}.container-projects{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container-projects h2{text-align:center;margin-bottom:var(--spacing-10)}.container-projects h2 span{background:var(--h2-orange-linear)}.project-grid{display:-ms-grid;display:grid;-ms-grid-columns:var(--grid-projects);grid-template-columns:var(--grid-projects);gap:var(--spacing-6);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.project{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid var(--border-cards-projects);border-radius:0.5rem;min-width:19rem}.project:last-child{border:none}.project-image{width:100%;border-radius:0.5rem 0.5rem 0 0}.project-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;padding:var(--spacing-5);background:var(--bg-cards-projects);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:0 0 0.5rem 0.5rem}.project-content p.primary-medium{margin-bottom:var(--spacing-2);color:var(--color-opacity-primary)}.project-content p.secondary-regular{margin-bottom:var(--spacing-5);color:var(--color-opacity-secondary)}.project-content a{display:block;text-align:center;border-color:var(--color-opacity-tertiary);color:var(--color-opacity-primary);margin-top:auto}.lozenge-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.lozenge-row .lozenge-normal{color:var(--color-blue-950);background:var(--color-blue-400)}.cta-project{--gradient-border:-webkit-gradient(linear,left top,right bottom,from(var(--color-red-400)),to(var(--color-orange-300)));--gradient-bg:-webkit-gradient(linear,left top,right bottom,from(var(--color-purple-800)),to(var(--color-red-800)));display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:var(--spacing-7);padding-bottom:var(--spacing-7);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:var(--gradient-bg);border:0.25rem solid transparent;-o-border-image:var(--gradient-border);border-image:var(--gradient-border);-moz-border-image:var(--gradient-border);-webkit-border-image:var(--gradient-border);border-image-slice:1}.cta-project p{margin-top:var(--spacing-2);margin-bottom:var(--spacing-5)}.cta-project a{--linear-background:-webkit-gradient(linear,left top,right top,from(var(--color-red-400)),to(var(--color-red-600)));background:var(--linear-background);color:white;margin-top:0}.about{position:relative;background:var(--bg-landing-about)}.about .ball{top:0;right:35%}.about .detail{width:70rem;z-index:1;position:absolute;bottom:-80%;right:-20%}.photo-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:2px solid var(--theme-light-border);border-radius:1rem;background:var(--bg-cards-projects)}.photo{max-width:26.25rem;-o-object-fit:cover;object-fit:cover;border-radius:1rem 0 0 1rem}.photo.responsive{display:none}.photo-content{margin:var(--spacing-7) var(--spacing-7)}.photo-content h3{margin-bottom:var(--spacing-4)}.photo-content h3 span{background:var(--h2-orange-linear)}.photo-content p{margin-bottom:var(--spacing-6)}.photo-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--spacing-5)}.photo-buttons .action-btn-normal{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all 150ms ease;transition:all 150ms ease}.photo-buttons .action-btn-normal:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 150ms ease;transition:all 150ms ease}.photo-buttons .action-btn-normal:active{-webkit-transform:scale(0.95);transform:scale(0.95);-webkit-transition:all 150ms ease;transition:all 150ms ease}.action-btn-normal.facebook{background:-webkit-gradient(linear,left top,left bottom,from(#18AEFE),to(#0062E0));background:linear-gradient(180deg,#18AEFE 0%,#0062E0 100%)}.action-btn-normal.linkedin{background:#0A66C2}.action-btn-normal.dribbble{background:#E94B88}.action-btn-normal.behance{background:#0057F2}.big-section{position:relative;background:var(--bg-landing-big-section)}.big-section .ball1{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation-duration:6s;animation-duration:6s}.big-section .ball2{left:2%;top:50%;-webkit-transform:translateY(-75%);transform:translateY(-75%);-webkit-animation-duration:5s;animation-duration:5s}.big-section .ball3{bottom:10%;right:10%;-webkit-animation-duration:8s;animation-duration:8s}.container-big-section{padding:10rem 0 15rem;max-width:55rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.container-big-section h1{margin-bottom:var(--spacing-4)}.container-big-section h1 span{background:var(--h2-orange-linear)}.container-big-section h2{color:var(--color-purple-100);margin-bottom:var(--spacing-6)}.container-big-section a{color:white;background:-webkit-gradient(linear,left top,right bottom,from(var(--color-purple-400)),to(var(--color-purple-500)))}footer{width:100%;position:absolute;bottom:0;left:0}footer .secondary-medium{color:var(--theme-dark-primary)}@media screen and (max-width:1360px){.banner .detail1{position:absolute;width:100rem;left:-35rem;top:-50rem}.banner .detail2{position:absolute;width:125rem;right:-60rem;top:-56.25rem}}@media screen and (max-width:1108px){.container-about{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.photo-section{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:40rem;min-width:17.5rem}.photo{display:none}.photo.responsive{display:block;max-width:none;width:100%}}@media screen and (max-width:1080px){:root{--grid-projects:repeat(2,1fr)}.banner .detail1{position:absolute;width:100rem;left:-55rem;top:-50rem}.banner .detail2{position:absolute;width:125rem;right:-75rem;top:-56.25rem}}@media screen and (max-width:800px){.banner .detail2{right:-65rem;top:-36rem}.banner .ball2{bottom:10%}.banner .ball3{width:14rem;bottom:0}.services .ball1{top:15%;right:10%}.services .ball2{bottom:-1rem;left:0}.projects .ball1{width:14rem;top:8rem;right:-3rem}.projects .ball2{width:10rem;bottom:28.5%;right:35%}.projects .ball3{width:7rem;bottom:1.8%;left:15%}.about .ball{width:15rem;top:auto;right:auto;bottom:0;left:2rem}.about .detail{width:60rem;bottom:-45%;right:-55%}.big-section .ball1{display:none}.big-section .ball2{width:13rem}.big-section .ball3{bottom:20rem;right:-6rem;width:15rem}}@media screen and (max-width:769px){.banner .detail-graph{-webkit-transform:translate(-50%,-55%);transform:translate(-50%,-55%)}.banner .graph{width:75rem}br{display:none}}@media screen and (max-width:700px){:root{--grid-projects:minmax(auto,22.5rem)}.service{max-width:26.25rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.invert .service-image{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.service-image{max-width:100%;min-width:auto}.copyright{display:none}footer .container-header{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (max-width:630px){.follow-us{display:none}}@media screen and (max-width:580px){.banner .detail1{left:-55rem;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}.banner .detail2{right:-77rem;top:-30rem;-webkit-transform:translateY(10rem);transform:translateY(10rem)}.banner .ball1{left:auto;right:2.5rem;top:0}.banner .ball2{display:none}.banner .ball3{width:13rem;bottom:-3rem;left:0}.services .ball1{top:10%;right:-3rem}.projects .ball1{top:16rem;right:auto;left:-6.75rem}.projects .ball2{bottom:26.9%;right:-2%}.projects .ball3{bottom:2rem;left:5%}.about .ball{width:12rem;bottom:0.5rem;left:-1rem}.about .detail{width:60rem;bottom:-45%;right:-35rem}.big-section .ball2{width:13rem;top:auto;bottom:8rem;left:-2rem}.big-section .ball3{display:none}}@media screen and (max-width:426px){.banner .detail-graph{-webkit-transform:translate(-50%,-40%);transform:translate(-50%,-40%)}.banner .graph{width:50rem}.logo-lande{width:5.5rem}.action-btn-normal{padding:0.25rem}.action-btn-normal img{width:1.25rem}.container-projects h2,.container-services h2{margin-bottom:var(--spacing-8)}.container-header{height:4rem}}@-webkit-keyframes graph-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes graph-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}