*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img,video{max-width:100%;display:block}a{color:inherit}:root{--color-bg:#07111f;--color-surface:#101d30;--color-text:#eef6ff;--color-muted:#a9bad0;--color-accent:#55d6be;--font-sans:Inter, system-ui, sans-serif;--content-width:72rem;--radius:.75rem}body{font-family:var(--font-sans);line-height:1.6}h1,h2,h3{line-height:1.15}.site-header{border-bottom:1px solid color-mix(in srgb, var(--color-text) 15%, transparent)}.navbar{max-width:var(--content-width);background:#020f07bf;border:1px solid #39ff741f;border-radius:14px;align-items:center;gap:.8rem;margin:auto;padding:1rem;display:flex;box-shadow:0 8px 30px #00000040}.navbar__brand{color:var(--color-accent);letter-spacing:.5px;margin-right:auto;font-weight:700;text-decoration:none}.navbar__brand:before{content:"> ";color:var(--color-accent)}.navbar a:not(.navbar__brand){color:var(--color-text);border:1px solid #0000;border-radius:10px;align-items:center;gap:.4rem;padding:.55rem .8rem;text-decoration:none;transition:all .25s;display:inline-flex}.navbar a:not(.navbar__brand):before{content:"☁";color:var(--color-accent);opacity:.75;font-size:.85rem}.navbar a:not(.navbar__brand):hover{color:var(--color-accent);background:#39ff7412;border-color:#39ff7440;transform:translateY(-2px);box-shadow:0 0 15px #39ff7414}.navbar a:not(.navbar__brand):after{content:"";background:var(--color-accent);width:0;height:2px;transition:all .25s;position:absolute;bottom:4px;left:50%}.navbar a:not(.navbar__brand){position:relative}.navbar a:not(.navbar__brand):hover:after{width:50%;left:25%}.site-footer{color:var(--color-muted);max-width:var(--content-width);margin:auto;padding:2rem 1rem}main{max-width:var(--content-width);margin:auto;padding:1rem}section{padding-block:4rem}.button{background:var(--color-accent);border-radius:var(--radius);color:#021108;padding:.75rem 1rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-block;box-shadow:0 8px 20px #39ff742e}.button:hover{background:#52ff86;transform:translateY(-2px);box-shadow:0 12px 28px #39ff7447}.services-cta .button{margin-top:.5rem}.card{background:var(--color-surface);border-radius:var(--radius);padding:1.5rem}.service-card{border-radius:var(--radius);background:#05190ca6;border:1px solid #39ff7424;padding:1.6rem;transition:transform .25s,border-color .25s,box-shadow .25s}.service-card:hover{border-color:#39ff7466;transform:translateY(-5px);box-shadow:0 15px 35px #0000004d,0 0 20px #39ff740d}.service-card__icon{width:48px;height:48px;color:var(--color-accent);background:#39ff7414;border:1px solid #39ff742e;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1rem;font-size:1.4rem;display:flex}.service-card__technical{color:#eef6ff94;font-size:.88rem;line-height:1.55}.service-card__technical:before{content:"> Tecnologías: ";color:var(--color-accent);font-weight:600}.service-card__ideal{border-left:2px solid var(--color-accent);background:#39ff740a;border-radius:0 8px 8px 0;margin:1.2rem 0;padding:1rem}.service-card__ideal span{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem;font-size:.75rem;font-weight:700;display:block}.service-card__number{color:#39ff7473;letter-spacing:.1em;margin-bottom:1rem;font-family:monospace;font-size:.75rem;display:block}.project-card{border-radius:var(--radius);background:#05190ca6;border:1px solid #39ff7424;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden}.project-card:hover{border-color:#39ff7459;transform:translateY(-5px);box-shadow:0 16px 35px #0000004d}.project-card__image-wrapper{aspect-ratio:16/9;background:#031008;overflow:hidden}.project-card__image{object-fit:cover;width:100%;height:100%;transition:transform .35s}.project-card:hover .project-card__image{transform:scale(1.03)}.project-card__content{padding:1.5rem}.project-card__category{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.8rem;font-family:monospace;font-size:.75rem;font-weight:700;display:inline-block}.project-card h2{margin-bottom:.8rem;font-size:1.4rem}.project-card__description{color:#eef6ffd1;margin-bottom:1.2rem;line-height:1.65}.project-card__technologies{flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem;display:flex}.project-card__technologies span{color:#eef6ffb3;background:#39ff740f;border:1px solid #39ff7426;border-radius:999px;padding:.35rem .65rem;font-size:.75rem}.project-card__actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:auto;display:flex}.project-card__demo{min-height:48px;color:var(--color-accent);border-radius:var(--radius);background:0 0;border:1px solid #39ff7459;justify-content:center;align-items:center;padding:.75rem 1rem;font-weight:600;text-decoration:none;transition:background .25s,border-color .25s,transform .25s;display:inline-flex}.project-card__demo:hover{border-color:var(--color-accent);background:#39ff7414;text-decoration:none;transform:translateY(-2px)}.badge{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.hero{grid-template-columns:minmax(0,1fr) 320px;align-content:center;align-items:center;column-gap:60px;min-height:70vh;display:grid}.hero h1{margin-block:.25em;font-size:clamp(2.5rem,8vw,5rem)}.hero-doble{grid-template-columns:minmax(0,1fr) 320px;align-content:center;align-items:center;column-gap:60px;min-height:70vh;display:grid}.hero-doble h1{margin-block:.25em;font-size:clamp(2.5rem,8vw,5rem)}.companies{padding-block:3rem}.companies__header{max-width:700px;margin-bottom:2rem}.companies__header h2{margin-bottom:.8rem;font-size:clamp(1.7rem,3vw,2.5rem)}.companies__header>p:last-child{color:#eef6ffb3;line-height:1.6}.companies__carousel{padding-block:1rem;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.companies__track{gap:4rem;width:max-content;animation:30s linear infinite company-scroll;display:flex}@keyframes company-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.company-logo{opacity:.55;flex-shrink:0;justify-content:center;align-items:center;width:160px;height:80px;transition:opacity .25s,transform .25s;display:flex}.company-logo img{object-fit:contain;filter:grayscale()brightness(1.4);max-width:900px;max-height:200px}.company-logo:hover{opacity:1;transform:translateY(-2px)}.company-logo:hover img{filter:grayscale(0)brightness()}@media (prefers-reduced-motion:reduce){.companies__track,.hero>.badge,.hero>h1,.hero>p,.hero>.button,.hero>.hero-image{animation:none}}.hero__content{grid-column:1;justify-self:start;width:100%;max-width:650px}.hero-image{grid-column:2;justify-self:end;width:100%;max-width:320px;height:auto}@keyframes hero-left-enter{0%{opacity:0;translate:-40px}to{opacity:1;translate:0}}@keyframes hero-right-enter{0%{opacity:0;translate:40px}to{opacity:1;translate:0}}.hero>.badge,.hero>h1,.hero>p,.hero>.button{animation:1.4s cubic-bezier(.22,1,.36,1) both hero-left-enter}.hero>.hero-image{animation:1.5s cubic-bezier(.22,1,.36,1) .15s both hero-right-enter}:root,[data-theme=dark]{color-scheme:dark;--color-bg:#020a05;--color-bg-secondary:#06180b;--color-text:#eef6ff;--color-accent:#54c04a}body{color:var(--color-text);background:linear-gradient(135deg,#020a05 0%,#041308 45%,#06240d 100%);overflow-x:hidden}.hero{grid-template-columns:1fr 320px;align-items:center;column-gap:60px;display:grid}.hero-image{border:2px solid #fff3;border-radius:16px;grid-area:1/2/5;justify-self:end;width:100%;max-width:320px;height:auto;box-shadow:0 12px 30px #00000059}.hero-description{color:var(--color-text);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.hero-technical{color:#eef6ffad;margin-bottom:1.5rem;font-size:.92rem;line-height:1.6}.hero .badge,.hero h1,.hero p,.hero .button{grid-column:1}.hero .button{justify-self:start}.hero-doble{grid-template-columns:320px 1fr;align-items:center;column-gap:60px;display:grid}.hero-image-doble{border:2px solid #fff3;border-radius:16px;grid-area:1/1/5;width:100%;max-width:320px;height:auto;box-shadow:0 12px 30px #00000059}.hero-doble .badge,.hero-doble h1,.hero-doble p,.hero-doble .button{grid-column:2}.hero-doble .button{justify-self:start}.hero-contenido{justify-self:center;width:100%;max-width:650px}.services-intro{max-width:750px}.services-intro h1{margin-bottom:1.5rem;font-size:clamp(2.2rem,5vw,4rem);line-height:1.1}.services-intro__description{color:#eef6ffcc;font-size:1.05rem;line-height:1.7}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.services-cta{margin-top:4rem}.services-cta__content{text-align:center;border-radius:var(--radius);background:linear-gradient(135deg,#39ff7414,#05190cbf);border:1px solid #39ff7433;max-width:850px;margin-inline:auto;padding:2.5rem}.services-cta h2{max-width:650px;margin:.8rem auto 1rem;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15}.services-cta__technical{color:#eef6ff94;max-width:650px;margin:0 auto 1.8rem;font-size:.9rem;line-height:1.6}.projects-intro{max-width:780px}.projects-intro h1{margin-bottom:1.5rem;font-size:clamp(2.2rem,5vw,4rem);line-height:1.1}.projects-intro>p:last-child{color:#eef6ffcc;font-size:1.05rem;line-height:1.7}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.8rem;display:grid}.project-detail{padding-block:3rem 6rem}.project-detail__back{color:#eef6ffb3;align-items:center;margin-bottom:2.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .25s,transform .25s;display:inline-flex}.project-detail__back:hover{color:var(--color-accent);transform:translate(-4px)}.project-detail__hero{grid-template-columns:minmax(0,1fr) minmax(380px,.95fr);align-items:center;gap:4rem;min-height:65vh;padding-bottom:5rem;display:grid}.project-detail__intro{min-width:0}.project-detail__intro h1{max-width:850px;margin-block:.4em;font-size:clamp(2.6rem,6vw,4.8rem);line-height:1.05}.project-detail__description{color:#eef6ffbf;max-width:720px;margin-bottom:1.5rem;font-size:1.05rem;line-height:1.7}.project-detail__technologies{flex-wrap:wrap;gap:.65rem;margin-block:1.5rem 2rem;display:flex}.project-detail__technologies span{min-height:34px;color:var(--color-accent);background:#39ff740a;border:1px solid #39ff7440;border-radius:999px;align-items:center;padding:.4rem .8rem;font-size:.82rem;font-weight:600;display:inline-flex}.project-detail__image-wrapper{border-radius:var(--radius);background:#ffffff05;border:1px solid #ffffff14;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000040}.project-detail__image-wrapper:before{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 60px #39ff7406}.project-detail__image{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.project-detail__section{border-top:1px solid #ffffff14;max-width:900px;padding-block:4.5rem}.project-detail__label{color:var(--color-accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.7rem;font-size:.78rem;font-weight:700}.project-detail__section h2{max-width:700px;margin-bottom:1.25rem;font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.15}.project-detail__section>p:last-child{color:#eef6ffb8;max-width:800px;margin:0;font-size:1rem;line-height:1.8}.project-detail__steps{gap:.9rem;margin-top:2rem;display:grid}.project-detail__step{border-radius:var(--radius);background:#ffffff05;border:1px solid #ffffff12;grid-template-columns:55px 1fr;align-items:start;gap:1rem;padding:1.2rem 1.3rem;transition:border-color .25s,background .25s,transform .25s;display:grid}.project-detail__step:hover{background:#39ff7406;border-color:#39ff7433;transform:translate(4px)}.project-detail__step-number{color:var(--color-accent);font-size:.9rem;font-weight:700}.project-detail__step p{color:#eef6ffc7;margin:0;line-height:1.65}.project-detail__result{position:relative}.project-detail__cta{border-radius:var(--radius);background:linear-gradient(135deg,#39ff7409,#ffffff04);border:1px solid #39ff7426;justify-content:space-between;align-items:center;gap:2rem;margin-top:3rem;padding:2.5rem;display:flex}.project-detail__cta h2{max-width:650px;margin-block:.4rem 0;font-size:clamp(1.6rem,3vw,2.3rem)}@media (width<=950px){.project-detail__hero{grid-template-columns:1fr;gap:2.5rem;min-height:auto}.project-detail__image-wrapper{order:-1}.project-detail__image{aspect-ratio:16/9}}@media (width<=650px){.project-detail{padding-block:2rem 4rem}.project-detail__hero{padding-bottom:3rem}.project-detail__intro h1{font-size:clamp(2.2rem,11vw,3.4rem)}.project-detail__section{padding-block:3rem}.project-detail__step{grid-template-columns:40px 1fr;padding:1rem}.project-detail__cta{flex-direction:column;align-items:flex-start;padding:1.5rem}}.about-hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,.75fr);align-items:center;gap:5rem;min-height:75vh;padding-block:4rem 6rem;display:grid}.about-hero__content{max-width:760px}.about-hero__content h1{margin-block:.4em;font-size:clamp(2.8rem,7vw,5.5rem);line-height:1}.about-hero__intro{max-width:700px;margin-bottom:1rem;font-size:1.15rem;line-height:1.7}.about-hero__text{color:#eef6ffb3;max-width:700px;line-height:1.75}.about-hero__actions{flex-wrap:wrap;align-items:center;gap:1.4rem;margin-top:2rem;display:flex}.about-link{color:var(--color-text);font-weight:600;text-decoration:none;transition:color .25s,transform .25s}.about-link:hover{color:var(--color-accent);transform:translate(3px)}.about-hero__image-wrapper{border-radius:var(--radius);background:#ffffff04;border:1px solid #39ff7461;justify-content:center;align-items:center;padding:.8rem;display:flex;position:relative;box-shadow:0 20px 50px #00000047,inset 0 0 30px #39ff7405}.about-hero__image{object-fit:contain;filter:drop-shadow(0 30px 50px #00000059);width:min(100%,430px);display:block}.about-section{border-top:1px solid #ffffff14;grid-template-columns:minmax(250px,.7fr) minmax(0,1fr);gap:5rem;padding-block:5rem;display:grid}.about-section__header{max-width:650px}.about-section__header h2{margin-block:.5rem 1rem;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.about-section__header>p:last-child{color:#eef6ffb3;line-height:1.7}.about-section__content{max-width:760px}.about-section__content p{color:#eef6ffb8;line-height:1.8}.about-section__content p+p{margin-top:1rem}.about-process{border-top:1px solid #ffffff14;padding-block:5rem}.about-process__grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-top:3rem;display:grid}.about-process__item{border-radius:var(--radius);background:#ffffff05;border:1px solid #ffffff12;padding:1.5rem;transition:transform .25s,border-color .25s,background .25s}.about-process__item:hover{background:#39ff7406;border-color:#39ff7433;transform:translateY(-4px)}.about-process__item span{color:var(--color-accent);margin-bottom:2rem;font-size:.8rem;font-weight:700;display:block}.about-process__item h3{margin-bottom:.7rem;font-size:1.25rem}.about-process__item p{color:#eef6ffab;margin:0;line-height:1.65}.about-areas{border-top:1px solid #ffffff14;padding-block:5rem}.about-areas__grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem;display:grid}.about-area{border-radius:var(--radius);border:1px solid #ffffff12;padding:1.6rem}.about-area span{color:var(--color-accent);font-size:.75rem;font-weight:700}.about-area h3{margin-block:1.5rem .7rem;font-size:1.3rem}.about-area p{color:#eef6ffab;margin:0;line-height:1.65}.about-philosophy{border-top:1px solid #ffffff14;padding-block:7rem}.about-philosophy>div{max-width:900px}.about-philosophy h2{margin-block:.5rem 1.5rem;font-size:clamp(2.4rem,5vw,4rem);line-height:1.08}.about-philosophy p:last-child{color:#eef6ffb8;max-width:750px;font-size:1.05rem;line-height:1.8}.about-cta{border-radius:var(--radius);background:linear-gradient(135deg,#39ff740a,#ffffff03);border:1px solid #39ff7426;justify-content:space-between;align-items:center;gap:3rem;margin-block:2rem 6rem;padding:3rem;display:flex}.about-cta>div{max-width:700px}.about-cta h2{margin-block:.5rem 1rem;font-size:clamp(1.8rem,4vw,2.8rem)}.about-cta p:last-child{color:#eef6ffb3;margin:0;line-height:1.7}@media (width<=900px){.about-hero{grid-template-columns:1fr;gap:2rem}.about-hero__image-wrapper{order:-1}.about-hero__image{width:min(75%,380px)}.about-section{grid-template-columns:1fr;gap:2rem}.about-areas__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.about-hero{min-height:auto;padding-block:3rem 4rem}.about-hero__content h1{font-size:clamp(2.5rem,12vw,4rem)}.about-process,.about-areas,.about-section{padding-block:4rem}.about-areas__grid{grid-template-columns:1fr}.about-cta{flex-direction:column;align-items:flex-start;padding:1.7rem}}@keyframes about-text-enter{0%{opacity:0;translate:-45px}to{opacity:1;translate:0}}@keyframes about-image-enter{0%{opacity:0;translate:45px}to{opacity:1;translate:0}}.about-hero__content{animation:5s cubic-bezier(.22,1,.36,1) both about-text-enter}.about-hero__image-wrapper{animation:5s cubic-bezier(.22,1,.36,1) .12s both about-image-enter}@media (prefers-reduced-motion:reduce){.about-hero__content,.about-hero__image-wrapper{animation:none}}