@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#102653;--navy-2:#071a3c;--navy-3:#0d2550;--blue:#1674ee;--cyan:#13bfe1;--ink:#172a49;--muted:#61718a;--line:#e5eaf3;--white:#fff;--soft:#f6f9ff;--radius:20px;--shadow:0 18px 55px rgba(20,58,117,.09)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:85px}
body{margin:0;color:var(--ink);background:#fff;font:400 16px/1.6 'DM Sans',system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}svg.icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.section{padding:92px 0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.045em;line-height:1.18}h2{font-size:clamp(30px,3vw,43px);font-weight:800}h2 span{color:#1475ef}.skip-link{position:fixed;top:-50px;left:20px;z-index:50;background:#fff;padding:10px 18px;box-shadow:var(--shadow)}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #20afea;outline-offset:4px}
/* Header */
.site-header{position:sticky;top:0;z-index:20;background:rgba(251,253,255,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(212,224,244,.65);transition:box-shadow .2s ease}.site-header.is-scrolled{box-shadow:0 8px 30px rgba(14,41,85,.07)}.nav-bar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{white-space:nowrap;font:800 25px/1 Manrope,sans-serif;color:#0e2553;letter-spacing:.22em}.brand-x{color:#1683f4}.brand-dot{color:#14c1df;margin-left:-4px}.desktop-nav{display:flex;align-items:center;gap:29px;margin-left:auto;margin-right:26px}.nav-link{font-size:13px;font-weight:700;color:#43546e;position:relative;transition:color .2s}.nav-link:hover,.nav-link.active{color:#096ee4}.nav-link.active::after{content:'';position:absolute;height:2px;background:var(--blue);border-radius:4px;left:0;right:0;bottom:-10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:999px;padding:12px 20px;white-space:nowrap;font-size:13px;font-weight:800;line-height:1.4;transition:transform .22s,box-shadow .22s,background .22s}.btn .icon{width:16px;height:16px}.btn:hover{transform:translateY(-2px)}.btn-primary{color:white;background:linear-gradient(105deg,#125eea,#13a6f4);box-shadow:0 9px 24px rgba(17,119,231,.2)}.btn-primary:hover{box-shadow:0 13px 28px rgba(17,119,231,.3)}.btn-outline{border-color:#c4d4e9;color:#15366e;background:rgba(255,255,255,.75)}.btn-outline:hover{background:#fff;border-color:#5b99eb}.mobile-menu-button{display:none;background:#edf5ff;color:#0d3167;width:43px;height:43px;border:0;border-radius:12px;align-items:center;justify-content:center;cursor:pointer}.mobile-nav[hidden]{display:none!important}.mobile-nav{display:none}
/* Hero */
.hero{position:relative;overflow:hidden;padding:91px 0 84px;background:linear-gradient(114deg,#f8fbff 0%,#fff 42%,#eaf4ff 100%)}.hero::before{content:'';position:absolute;width:480px;height:480px;left:-330px;bottom:-290px;background:radial-gradient(circle,#b8d7fc 0%,rgba(182,213,252,.05) 70%);border-radius:50%}.hero-glow{position:absolute;right:-210px;top:-250px;width:790px;height:760px;background:radial-gradient(circle,rgba(133,199,255,.27),transparent 69%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:49% 51%;align-items:center;min-height:430px;position:relative}.hero-content{position:relative;z-index:2}.eyebrow{font-size:11px;line-height:1.6;font-weight:800;letter-spacing:.22em;color:#1a88c3;display:flex;align-items:center;gap:10px;margin-bottom:19px}.small-line{width:24px;height:2px;background:var(--cyan)}h1{font-size:clamp(38px,4vw,59px);font-weight:800;color:#0b2352;max-width:635px;margin-bottom:19px}h1 span{color:#1679f0}.hero-copy{max-width:530px;color:#52657f;font-size:16px;line-height:1.75;margin-bottom:27px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-large{padding:14px 24px;font-size:14px}.hero-points{display:flex;gap:23px;flex-wrap:wrap;margin-top:31px;color:#546980;font-size:12px;font-weight:700}.hero-points span{display:flex;align-items:center;gap:7px}.hero-points .icon{color:#079bc6;width:17px;height:17px}
.hero-art{height:425px;position:relative;isolation:isolate}.hero-halo{position:absolute;z-index:-1;inset:15px 0 12px 0;background:radial-gradient(ellipse at center,rgba(148,197,248,.51),rgba(214,231,249,.23) 47%,transparent 73%);border-radius:50%}.laptop{position:absolute;left:11%;right:2%;top:18%;height:255px;filter:drop-shadow(0 17px 19px rgba(18,55,111,.15))}.laptop-frame{height:100%;padding:8px;background:#172846;border:5px solid #1c2e4c;border-radius:15px 15px 6px 6px;box-shadow:inset 0 0 2px #999}.laptop-screen{height:100%;overflow:hidden;background:linear-gradient(145deg,#071b43 12%,#0a3f8e 67%,#126cd0);border-radius:4px;position:relative;color:#fff}.screen-top{height:26px;display:flex;justify-content:space-between;align-items:center;gap:5px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.09);color:#90a9d2;font:500 8px/1 'DM Sans',sans-serif}.screen-dots{display:flex;gap:4px}.screen-dots i{width:5px;height:5px;border-radius:50%;background:#5987c2}.screen-dots i:nth-child(2){background:#77b4dd}.screen-dots i:nth-child(3){background:#65d2d0}.screen-center{height:calc(100% - 26px);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;position:relative}.screen-kicker{color:#6ae0f2;font-size:7px;letter-spacing:.3em;font-weight:700;z-index:2}.screen-logo{color:white;font:800 39px/1 Manrope,sans-serif;letter-spacing:.22em;z-index:2;margin:13px 0 9px}.screen-logo span{color:#20c9f0}.screen-subtitle{font-size:8px;letter-spacing:.28em;z-index:2;color:#cde9ff}.screen-ribbon{position:absolute;width:125%;height:160px;left:-12%;border:26px solid rgba(31,145,244,.3);border-radius:50%;transform:rotate(-19deg)}.screen-ribbon-1{bottom:-102px}.screen-ribbon-2{bottom:-143px;border-color:rgba(25,196,238,.24)}.laptop-base{height:14px;position:relative;margin:0 -30px;background:linear-gradient(#c6d6e6,#849aaf);border-radius:2px 2px 19px 19px;box-shadow:0 9px 5px rgba(15,54,98,.14)}.laptop-base::before{content:'';position:absolute;top:0;width:19%;left:40%;height:4px;border-radius:0 0 7px 7px;background:#73899e}.phone{position:absolute;z-index:3;left:2%;bottom:40px;width:123px;height:239px;background:linear-gradient(156deg,#0b1b3b,#122a57);border:5px solid #152039;outline:2px solid #8199bd;border-radius:23px;box-shadow:11px 14px 30px rgba(9,32,82,.22);color:white;padding:22px 13px 12px}.phone-notch{position:absolute;width:41px;height:9px;top:4px;left:calc(50% - 20px);background:#020919;border-radius:0 0 8px 8px}.phone-label{font:800 11px Manrope,sans-serif;letter-spacing:.12em;color:#fff}.phone-label span{float:right;color:#25b9e4}.phone-title{font-size:12px;line-height:1.5;margin-top:30px;color:#b7d5f8}.phone-title b{color:#fff}.phone-chart{display:flex;align-items:flex-end;gap:7px;height:64px;padding-top:20px;margin-bottom:14px;border-bottom:1px solid rgba(240,249,255,.15)}.phone-chart i{display:block;flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#29d4e8,#1672e6)}.phone-bottom{display:flex;gap:5px}.phone-bottom span{height:6px;flex:1;border-radius:2px;background:#1f4674}.floating-tag{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.96);border:1px solid #e4ebf5;border-radius:14px;box-shadow:0 14px 35px rgba(20,59,103,.13);padding:12px 14px}.floating-tag strong{display:block;font:800 11px/1.5 Manrope,sans-serif;color:#163262}.floating-tag small{display:block;color:#7790a9;font-size:10px}.tag-icon{display:grid;place-items:center;background:#e9f5ff;color:#138bec;border-radius:10px;width:36px;height:36px}.tag-icon .icon{width:21px;height:21px}.tag-ai{right:-2%;top:24px}.tag-code{right:0%;bottom:16px}.art-surface{z-index:-1;position:absolute;bottom:24px;left:11%;right:0;height:20px;border-radius:50%;background:rgba(48,101,160,.11);filter:blur(11px)}
/* Sections */
.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.section-heading h2{max-width:630px;margin-bottom:0}.section-heading>p{max-width:350px;margin:0;color:#64758b;font-size:14px;line-height:1.7}.services{background:linear-gradient(120deg,#0b2146,#102f60 80%,#103d71);color:white;position:relative;overflow:hidden}.services::after{content:'';position:absolute;width:340px;height:340px;border:1px solid rgba(83,173,248,.1);border-radius:50%;top:-250px;right:-180px;pointer-events:none}.services-heading h2{color:white}.services-heading h2 span{color:#43dcf3}.eyebrow-light{color:#6cdbed}.services-heading>p{color:#a6bbd8}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card{background:rgba(255,255,255,.065);border:1px solid rgba(178,218,255,.14);padding:25px 25px 27px;border-radius:16px;min-height:199px;transition:transform .2s,background .2s,border-color .2s}.service-card:hover{background:rgba(255,255,255,.1);border-color:rgba(115,205,250,.42);transform:translateY(-4px)}.service-icon{width:46px;height:46px;display:grid;place-items:center;background:linear-gradient(135deg,#185bc7,#167fbf);border-radius:12px;margin-bottom:21px;color:#b7f6ff}.service-icon .icon{width:24px;height:24px}.service-card h3{font-size:17px;letter-spacing:-.025em;margin-bottom:8px}.service-card p{font-size:13px;line-height:1.65;color:#bad0e7;margin:0;max-width:320px}
.projects{background:#fbfcff}.projects-heading h2{max-width:440px}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.project-card{border:1px solid #e4ebf6;border-radius:16px;overflow:hidden;background:white;box-shadow:0 6px 28px rgba(13,57,105,.045);transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-5px);box-shadow:0 17px 37px rgba(13,57,105,.13)}.project-preview{display:block;aspect-ratio:16/10;overflow:hidden;position:relative;background:#e9eff9}.project-preview img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.project-card:hover img{transform:scale(1.04)}.project-open{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:33px;height:33px;background:rgba(255,255,255,.92);border-radius:50%;color:#1265ce}.project-open .icon{width:17px;height:17px}.project-body{padding:19px 19px 21px}.project-kind{font-size:9px;font-weight:800;letter-spacing:.16em;color:#2387bc;margin-bottom:8px}.project-body h3{font-size:18px;margin-bottom:9px}.project-body p{font-size:13px;color:#61748d;line-height:1.6;min-height:63px;margin-bottom:18px}.text-link{font-size:12px;font-weight:800;color:#096bd6;display:inline-flex;align-items:center;gap:5px}.text-link .icon{width:15px;height:15px}.text-link:hover{text-decoration:underline}.projects-note{color:#8c9aab;font-size:11px;margin:20px 0 0}
.process{padding-top:82px;padding-bottom:75px}.process-header{max-width:520px;margin-bottom:35px}.process-header h2{margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.step{display:flex;align-items:flex-start;gap:13px;position:relative}.step:not(:last-child)::after{content:'';position:absolute;right:-9px;top:25px;width:14px;height:1px;background:#b9d1ed}.step-icon{width:52px;height:52px;flex:none;border-radius:15px;background:#e8f3ff;color:#1778dc;display:grid;place-items:center}.step-icon .icon{width:25px;height:25px}.step span{display:block;font-size:10px;font-weight:800;letter-spacing:.065em;color:#2686e7;margin-bottom:4px}.step h3{font-size:16px;margin:0 0 6px}.step p{font-size:12px;color:#698098;line-height:1.65;margin:0}
.about{background:linear-gradient(110deg,#f2f7ff,#f8fbff);padding:72px 0}.about-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:95px;align-items:center}.about-grid h2{margin-bottom:0}.about-grid p:not(.eyebrow){color:#5e718a;font-size:15px;line-height:1.9}.about-signature{display:flex;align-items:center;gap:14px;margin-top:22px}.avatar{display:grid;place-items:center;width:47px;height:47px;color:#fff;border-radius:14px;background:linear-gradient(130deg,#1d85ef,#1052b5);font-size:13px;font-weight:800}.about-signature strong,.about-signature small{display:block}.about-signature strong{font-size:13px}.about-signature small{font-size:12px;color:#7a8a9f;margin-top:2px}
.contact-section{padding:78px 0}.contact-panel{display:flex;justify-content:space-between;align-items:center;gap:34px;padding:43px 55px;border-radius:20px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(110deg,#0c3682,#126cdb 65%,#178fe2);box-shadow:0 17px 39px rgba(19,111,219,.18)}.contact-panel::before{content:'';position:absolute;border:1px solid rgba(255,255,255,.13);width:560px;height:560px;border-radius:50%;right:9%;bottom:-490px;pointer-events:none}.contact-copy,.contact-action{position:relative}.contact-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:#8decf9;margin-bottom:9px}.contact-panel h2{font-size:clamp(27px,3vw,37px);color:#fff;margin:0 0 10px}.contact-panel p:not(.contact-eyebrow){margin:0;color:#d8e8ff;font-size:14px}.contact-action{text-align:center}.contact-number{display:block;font-size:12px;color:#e2efff;font-weight:700;margin-bottom:14px}.btn-whatsapp{background:#35e5ae;color:#073b48;padding:15px 24px;box-shadow:0 9px 24px rgba(0,52,69,.17)}.btn-whatsapp:hover{background:#55f0bf}
.footer{border-top:1px solid #e9edf3;padding-top:31px;background:#fff}.footer-top{display:flex;align-items:center;gap:20px;padding-bottom:25px}.footer-top .brand{font-size:21px}.footer-top p{font-size:12px;color:#8290a3;margin:0}.footer-top nav{display:flex;gap:24px;margin-left:auto}.footer-top nav a{color:#63728a;font-size:12px;font-weight:700}.footer-top nav a:hover{color:#0c7ddd}.footer-bottom{border-top:1px solid #edf1f6;display:flex;justify-content:space-between;gap:15px;padding:21px 0 25px;color:#8391a5;font-size:11px}
/* Responsive */
@media(min-width:1500px){.hero-art{transform:translateX(18px)}}
@media(max-width:1100px){.desktop-nav{gap:17px;margin-right:8px}.brand{font-size:21px}.nav-cta{padding:11px 15px}.hero-grid{grid-template-columns:49% 51%}.hero-art{transform:scale(.87);transform-origin:center left}.hero h1{font-size:clamp(37px,4vw,51px)}.project-grid{grid-template-columns:repeat(2,1fr)}.project-body p{min-height:unset}.steps{grid-template-columns:repeat(2,1fr);row-gap:29px}.step:nth-child(2)::after{display:none}}
@media(max-width:760px){.container{width:min(100% - 36px,560px)}.section{padding:64px 0}.nav-bar{height:68px}.desktop-nav,.nav-cta{display:none}.mobile-menu-button{display:flex}.mobile-menu-button .close-icon{display:none}.mobile-menu-button[aria-expanded="true"] .close-icon{display:block}.mobile-menu-button[aria-expanded="true"] .menu-icon{display:none}.mobile-nav{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:#f9fbff;padding:13px 22px 24px;border-bottom:1px solid #dce6f4;box-shadow:0 17px 35px rgba(0,37,76,.12)}.mobile-nav a{font-size:15px;color:#193259;font-weight:700;padding:11px 7px}.mobile-nav .mobile-quote{background:var(--blue);text-align:center;color:#fff;margin-top:10px;border-radius:12px}.hero{padding:59px 0 30px}.hero-grid{grid-template-columns:1fr;min-height:unset}.hero-copy{font-size:15px}.hero h1{font-size:clamp(37px,8.3vw,52px)}.hero-art{width:100%;max-width:540px;margin:30px auto 0;transform:none;height:345px}.laptop{height:206px;top:21%;left:12%;right:3%}.screen-logo{font-size:30px}.phone{transform:scale(.77);transform-origin:bottom left;bottom:27px;left:1%}.tag-ai{top:5px;right:-1%;transform:scale(.82);transform-origin:top right}.tag-code{bottom:0;right:-1%;transform:scale(.83);transform-origin:bottom right}.hero-points{gap:14px}.section-heading{display:block}.section-heading>p{margin-top:16px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-card{padding:20px 17px;min-height:185px}.service-icon{margin-bottom:16px}.services-heading h2{font-size:32px}.project-grid{gap:13px}.process{padding-top:62px;padding-bottom:62px}.about-grid{grid-template-columns:1fr;gap:17px}.contact-panel{flex-direction:column;align-items:flex-start;padding:34px 28px}.contact-action{text-align:left}.footer-top{flex-wrap:wrap}.footer-top p{width:100%}.footer-top nav{margin-left:0;gap:18px;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:5px}}
@media(max-width:480px){h2{font-size:31px}.hero h1{font-size:38px}.hero-actions .btn{width:100%}.hero-points{margin-top:21px;gap:10px;font-size:11px}.hero-art{height:270px}.laptop{top:20%;height:168px;left:13%;right:1%}.laptop-frame{border-width:3px;padding:5px}.screen-top{height:18px;font-size:6px}.screen-center{height:calc(100% - 18px)}.screen-logo{font-size:24px}.screen-kicker,.screen-subtitle{font-size:5px}.phone{bottom:14px;transform:scale(.58)}.floating-tag{padding:8px}.floating-tag strong{font-size:9px}.floating-tag small{font-size:8px}.tag-icon{width:29px;height:29px}.tag-icon .icon{width:17px;height:17px}.tag-code{bottom:0}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto;padding:20px}.service-icon{margin-bottom:12px}.project-grid{grid-template-columns:1fr}.project-body p{min-height:0}.steps{grid-template-columns:1fr}.step:not(:last-child)::after{display:none}.step{gap:16px}.contact-panel{padding:30px 22px}.btn-whatsapp{white-space:normal}.footer-top nav{gap:14px}.footer-top nav a{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Portadas reales: conservar la captura completa dentro de la tarjeta original. */
.project-preview{padding:17px;background:linear-gradient(140deg,#e6edf8,#f4f7fc)}
.project-preview img{object-fit:contain;object-position:center;border-radius:6px;filter:drop-shadow(0 5px 9px rgba(18,43,76,.16))}
.project-card:hover img{transform:scale(1.025)}