@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--main-black: #444;--body-background: white;--main-violet: #640091}*,*:before,*:after{box-sizing:border-box}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/open-sans-v18-latin-ext-regular.woff2) format("woff2"),url(/fonts/open-sans-v18-latin-ext-regular.woff) format("woff")}html{font-size:18px;line-height:1.666;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Open Sans,Arial,sans-serif;font-weight:400;word-wrap:break-word;color:var(--main-black);background-color:var(--body-background)}h1,h2,h3,h4,h5,h6{font-family:Inter Variable,Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-weight:800;text-rendering:optimizeLegibility;margin-bottom:1rem;margin-top:0}h1{font-size:3rem;line-height:1.1}h2{font-size:2.25rem;line-height:1.2}h3{font-size:1.5rem;line-height:1.3}h4{font-size:1.125rem;line-height:1.4}h5,h6{font-size:1rem;line-height:1.5}p{margin-bottom:1.666rem;max-width:40rem;text-wrap:pretty}a{color:inherit}.container{max-width:1400px;margin:0 auto}.grey-container{background-color:#fbfbfb}.logo{margin-bottom:0;width:180px}img{margin-bottom:0}footer{margin-top:6rem}.brands__item img[src$=".jpg"],.brands__item img[src$=".png"],.brands__item img[src$=".svg"]{mix-blend-mode:multiply}.p-1{padding:1rem}.m-t-3{margin-top:3rem}.m-t-6{margin-top:6rem;@media screen and (max-width:800px){margin-top:2rem}}.sticky{@media screen and (min-width:1024px){position:sticky;top:0;background:#fff;z-index:5000}}.menu-main{display:flex;justify-content:space-between;align-items:center;height:80px;padding:.5rem 1rem;@media screen and (max-width:768px){height:70px}}.menu{font-family:Inter Variable,sans-serif;font-weight:700;list-style-type:none;color:var(--main-black);display:flex;align-items:center;margin-left:0;margin-bottom:0;@media screen and (max-width:768px){display:none}& a{text-decoration:none;color:var(--main-black)}& li{cursor:pointer;margin-left:1rem;margin-right:1.5rem;margin-bottom:0;padding:.8rem .5rem;text-align:center;position:relative;height:100%;@media screen and (max-width:1024px){margin-left:.7rem;margin-right:1rem}}}.hero{margin-top:7rem;padding:1rem;& span{background:linear-gradient(135deg,#640091,#9b30ff,#640091);-webkit-background-clip:text;background-clip:text;color:transparent}.orange-span{background:linear-gradient(135deg,#ff6b00,#ffb254,#ff8c00);-webkit-background-clip:text;background-clip:text;color:transparent}& h1{font-size:clamp(2rem,4vw,4rem);text-wrap:balance}& h2{font-size:clamp(1.3rem,2.5vw,2rem);text-wrap:balance}}.what-we-do{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;@media screen and (max-width:1024px){grid-template-columns:1fr}}.web-dev{padding:2rem;border:none;border-radius:15px;color:#fff;background:linear-gradient(135deg,#4a0072,#640091 40%,#8b00c4);box-shadow:0 4px 15px #6400914d;@media screen and (max-width:320px){padding:1rem}}.web-design{padding:2rem;border:none;border-radius:15px;background:linear-gradient(135deg,#ff8c00,#ffb254 40%,#ffc87a);color:var(--main-black);box-shadow:0 4px 15px #ff8c004d;@media screen and (max-width:320px){padding:2rem 1rem}}.static-websites{padding:3rem 2rem;margin-top:1rem;background-color:#fff7ed;border-radius:1rem;@media screen and (min-width:1024px){margin-top:3rem;padding:4rem 5rem;margin-left:auto;margin-right:auto}.lead{text-align:center;display:grid;place-items:center;& img{max-width:150px}}}.static-features{margin-top:3rem;display:grid;grid-template-columns:1fr;gap:3rem;@media screen and (min-width:1024px){margin-top:5rem;gap:6rem 10rem;grid-template-columns:1fr 1fr}}.static-feature{& img{max-width:120px;height:120px}& h3{margin-top:2rem}}.stack{border-radius:1rem;background-color:#faf5ff;padding:2rem;@media screen and (min-width:1024px){padding:4rem 5rem}.lead{display:grid;place-items:center;& img{max-width:150px}}}.technologies{margin-top:3rem;display:grid;gap:7rem 10rem;@media screen and (min-width:1024px){margin-top:5rem;grid-template-columns:1fr 1fr}& h3{margin-bottom:0;font-size:1.2rem}.tech-logos{margin-top:3rem;display:grid;align-items:center;gap:2rem 1rem;grid-template-columns:repeat(auto-fill,minmax(130px,auto));@media screen and (min-width:1024px){margin-top:2rem}& img{max-width:110px;width:100%}}>div>div{padding-left:1em;border-left:2px dashed darkslateblue;@media screen and (min-width:1024px){padding-left:3rem;padding-top:.5rem;padding-bottom:.5rem}}}.brands-container{margin-top:6rem;padding:5rem 0;@media screen and (min-width:1024px){padding:6rem}}.brands{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:3rem;margin-top:3rem;padding:1.4rem;@media screen and (min-width:768px){grid-template-columns:repeat(3,1fr);grid-gap:4rem}@media screen and (min-width:1024px){grid-template-columns:repeat(4,1fr);grid-gap:5rem}}.brands__item{display:flex;justify-content:center;align-items:center;height:100%;& img{max-width:100%;height:auto;object-fit:contain}& img.ndt{width:200px}& img.surfvilla{width:120px}}.hoja-mobile-container{height:220px;width:220px;margin:0 auto;position:relative;display:flex;align-items:center;justify-content:center}.hoja-mobile{max-width:100%;color:var(--main-black);display:flex;justify-content:center;align-items:center;position:static;width:280px;height:280px;text-align:center;font-family:Inter Variable,sans-serif;font-size:25px;font-weight:700;line-height:280px;-webkit-font-smoothing:antialiased;&:after,&:before{content:"";border-radius:100%;position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:center center}&:after{box-shadow:inset 0 17.5px #6e009199,inset 17.5px 0 #6e009199,inset 0 -17.5px #6e009199,inset -17.5px 0 #6e009199;animation:rotar 2s -.5s linear infinite}&:before{box-shadow:inset 0 17.5px #ffc90099,inset 17.5px 0 #ffc90099,inset 0 -17.5px #ffc90099,inset -17.5px 0 #ffc90099;animation:rotarIz 2s -.5s linear infinite}}@keyframes rotar{0%{transform:rotate(0) scaleX(1) scaleY(1)}50%{transform:rotate(180deg) scaleX(.82) scaleY(.95)}to{transform:rotate(360deg) scaleX(1) scaleY(1)}}@keyframes rotarIz{0%{transform:rotate(0) scaleX(1) scaleY(1)}50%{transform:rotate(-180deg) scaleX(.95) scaleY(.85)}to{transform:rotate(-360deg) scaleX(1) scaleY(1)}}.contact-container{margin-top:3rem;margin-bottom:3rem;padding:2rem;display:flex;align-items:center;justify-content:center}.contact{max-width:100%;text-align:center;& h2{font-size:clamp(1.4rem,4vw,2.25rem)}& h3{font-size:clamp(1.1rem,2.5vw,1.5rem)}.email-link{font-size:clamp(1.4rem,4vw,2.25rem);font-weight:800}}.contact-line{@media screen and (max-width:768px){display:block}}
