:root{--ink:#07101f;--muted:#637083;--paper:#f4f6f5;--white:#fff;--blue:#1265ef;--lime:#c8ff19;--line:#dce1e5;--navy:#07152e;--radius:18px;--wrap:min(1180px,calc(100% - 48px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Space Grotesk",sans-serif;letter-spacing:-.045em}h2{font-size:clamp(2.7rem,5vw,5rem);line-height:.98}h2 em,h1 em{font-weight:500;color:var(--blue)}a{color:inherit;text-decoration:none}.wrap{width:var(--wrap);margin-inline:auto}.site-header{height:86px;display:flex;align-items:center;padding:0 max(24px,calc((100% - 1180px)/2));gap:40px;position:absolute;z-index:10;width:100%;color:#fff;border-bottom:1px solid #ffffff1f}.brand{font-family:"Space Grotesk";font-weight:700;letter-spacing:.08em;display:flex;align-items:center;gap:10px}.brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--lime);color:var(--ink);border-radius:7px;font-size:20px;font-weight:800}.site-header nav{display:flex;gap:30px;margin-left:auto;font-size:13px}.site-header nav a{opacity:.75}.site-header nav a:hover{opacity:1}.btn{background:var(--lime);color:var(--ink);padding:16px 20px;display:inline-flex;align-items:center;gap:25px;border:0;border-radius:4px;font-weight:800;font-family:inherit;cursor:pointer}.btn-small{padding:11px 15px;font-size:13px}.btn span{font-size:18px}.menu{display:none;background:none;border:0;color:white;font-size:24px}.hero{min-height:850px;background:#050e1d;color:#fff;position:relative;overflow:hidden;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#04101ff5 0%,#04101fe8 38%,#04101f38 72%),url(../images/hero-ai.png) center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 97%,#ffffff0d 97%),linear-gradient(90deg,transparent 97%,#ffffff08 97%);background-size:80px 80px;opacity:.25}.hero-content{position:relative;z-index:2;width:var(--wrap);margin:auto;padding-top:85px}.kicker,.section-tag{font-size:11px;font-weight:800;letter-spacing:.18em}.kicker{display:flex;align-items:center;gap:10px;color:#d8dfeb}.kicker i{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px var(--lime)}h1{font-size:clamp(4rem,8vw,7.8rem);line-height:.85;max-width:920px;margin:38px 0}.hero h1 em{color:var(--lime)}.lead{font-size:18px;line-height:1.65;color:#b7c1cf;max-width:600px}.hero-actions{display:flex;align-items:center;gap:35px;margin-top:38px}.text-link{font-size:13px;font-weight:700}.text-link span{margin-left:15px}.hero-proof{display:flex;align-items:center;gap:18px;margin-top:100px;color:#69778c;font-size:10px;letter-spacing:.15em}.hero-proof i{width:3px;height:3px;border-radius:50%;background:var(--lime)}.ai-card{position:absolute;z-index:3;right:max(24px,calc((100% - 1180px)/2));bottom:115px;width:250px;border:1px solid #ffffff22;background:#071223cc;backdrop-filter:blur(10px);padding:25px}.ai-card .pulse{display:block;width:9px;height:9px;border:2px solid var(--lime);border-radius:50%;margin-bottom:25px}.ai-card small{display:block;color:#8290a5;margin-bottom:16px}.ai-card strong{line-height:1.5}.scroll-note{position:absolute;z-index:3;right:25px;bottom:35px;font-size:9px;letter-spacing:.16em;color:#66768d}.scroll-note span{color:var(--lime);margin-left:12px}.intro{display:grid;grid-template-columns:1fr 2fr;padding:130px 0 70px}.section-tag{color:#7b8795}.intro>div>p,.section-head>p,.integral>div>p{max-width:520px;color:var(--muted);line-height:1.8}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:140px}.service{padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:340px;position:relative}.service .num{position:absolute;right:25px;top:25px;color:#a2acb7;font-size:11px}.service-icon{font-size:35px;color:var(--blue);height:76px}.eyebrow{color:var(--blue);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.15em}.service h3{font-size:25px;margin:12px 0}.service>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.7}.service a{position:absolute;bottom:27px;font-size:12px;font-weight:800}.service a span{color:var(--blue);margin-left:10px}.ai-section{background:var(--blue);color:white;overflow:hidden;padding-top:125px}.ai-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:600px}.light{color:#bbcdf4}.ai-grid>div>p:not(.section-tag){max-width:560px;color:#d7e2fa;line-height:1.8}.btn-light{background:white}.orbit{height:490px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#5b9cf7 1px,transparent 1px);background-size:22px 22px}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid #ffffff35;border-radius:50%;width:370px;height:370px}.orbit:after{width:250px;height:250px}.core{width:155px;height:155px;background:var(--lime);color:var(--ink);border-radius:50%;display:grid;place-items:center;font:700 55px "Space Grotesk";z-index:2}.core small{font:700 7px Manrope;letter-spacing:.15em;position:absolute;margin-top:90px;text-align:center}.sat{position:absolute;background:white;color:var(--ink);padding:8px 12px;font-size:8px;font-weight:800;letter-spacing:.1em}.s1{top:45px;left:45%}.s2{right:20px;top:50%}.s3{bottom:30px;left:45%}.s4{left:0;top:50%}.ai-ticker{display:flex;gap:70px;white-space:nowrap;padding:22px;border-top:1px solid #ffffff31;font-weight:800;font-size:11px;letter-spacing:.13em}.ai-ticker span:before{content:"✦";color:var(--lime);margin-right:70px}.work{padding:140px 0}.section-head{display:grid;grid-template-columns:2fr 1fr;align-items:end;margin-bottom:70px}.project-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}.project:first-child{grid-row:span 2}.project-image{position:relative;background:#dce3e7;overflow:hidden}.project img{width:100%;height:320px;object-fit:cover;display:block;transition:.5s}.project:first-child img{height:560px}.project:hover img{transform:scale(1.025)}.project-image span{position:absolute;top:18px;left:18px;background:#07101f;color:#fff;padding:8px 11px;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.project>div+div{position:relative;padding:20px 0}.project h3{font-size:25px}.project p{color:var(--muted);font-size:13px;max-width:520px}.project strong{color:var(--blue);font-size:12px}.cases{background:var(--navy);color:#fff;padding:120px 0}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff22;margin-top:60px}.case-grid article{background:var(--navy);padding:42px;display:flex;flex-direction:column}.case-grid article>p{font-weight:700}.case-grid strong{font:700 95px "Space Grotesk";color:var(--lime);line-height:1}.case-grid sup{font-size:40px}.case-grid span{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.case-grid small{color:#8996a9;line-height:1.6;margin-top:35px}.tech,.integral{padding:120px 0;display:grid;grid-template-columns:1fr 2fr}.tech-list{display:flex;flex-wrap:wrap;gap:10px}.tech-list span{background:white;border:1px solid var(--line);padding:14px 20px;border-radius:99px;font-weight:700;font-size:13px}.integral{border-top:1px solid var(--line)}.integral ul{list-style:none;padding:0;margin:0}.integral li{display:grid;grid-template-columns:60px 1fr 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line);align-items:center}.integral li b{color:var(--blue);font-size:11px}.integral li span{font-weight:800}.integral li small{color:var(--muted)}.contact{background:var(--blue);color:#fff;padding:120px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-grid>div>p:not(.section-tag){color:#dae6fc;line-height:1.7}.contact-grid>div>a{color:var(--lime);font-weight:800;border-bottom:1px solid}.contact form{display:flex;flex-direction:column;gap:22px;background:#0c56d1;padding:38px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact label{font-size:11px;font-weight:700;display:flex;flex-direction:column;gap:9px}.contact input,.contact textarea,.contact select{width:100%;border:0;border-bottom:1px solid #ffffff5c;background:transparent;color:white;padding:10px 0;font:14px Manrope;outline:none}.contact input::placeholder,.contact textarea::placeholder{color:#a8c4f2}.contact select option{color:#111}.contact textarea{height:85px;resize:vertical}.contact .check{display:flex;flex-direction:row;align-items:center;font-weight:400}.contact .check input{width:auto}.hp{position:absolute!important;left:-9999px}.notice{background:var(--lime);color:var(--ink);padding:10px}footer{background:#030b16;color:#fff;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1.5fr 1fr 1fr;gap:30px}.footer-brand{font-size:18px}.footer-grid p{color:#7e8a9d;font-size:13px;line-height:1.7}.footer-grid>div:not(.brand){display:flex;flex-direction:column;gap:10px;font-size:12px;color:#a8b1bf}.legal{border-top:1px solid #ffffff18;margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;color:#536073;font-size:9px;letter-spacing:.1em}
@media(max-width:900px){.site-header nav,.site-header>.btn{display:none}.menu{display:block;margin-left:auto}.hero{min-height:760px}.ai-card{display:none}.services{grid-template-columns:1fr 1fr}.ai-grid,.contact-grid{grid-template-columns:1fr}.orbit{height:420px}.project-grid{grid-template-columns:1fr}.project:first-child{grid-row:auto}.project:first-child img{height:400px}.intro,.tech,.integral{grid-template-columns:1fr;gap:35px}.section-head{grid-template-columns:1fr}.contact-grid{gap:45px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){:root{--wrap:calc(100% - 30px)}.site-header{padding:0 15px}.hero-content{padding-top:70px}.hero h1{font-size:3.6rem}.hero-proof{flex-wrap:wrap;margin-top:65px}.services{grid-template-columns:1fr}.service{min-height:310px}.ai-grid{padding-top:0}.orbit{height:350px}.orbit:before{width:290px;height:290px}.orbit:after{width:200px;height:200px}.core{width:125px;height:125px}.case-grid{grid-template-columns:1fr}.case-grid strong{font-size:70px}.field-row{grid-template-columns:1fr}.contact form{padding:25px}.integral li{grid-template-columns:35px 1fr}.integral li small{grid-column:2}.footer-grid{grid-template-columns:1fr}.legal{gap:20px;flex-direction:column}}


.cookie-banner[hidden],.cookie-settings[hidden]{display:none}.cookie-banner{position:fixed;z-index:10000;left:0;right:0;bottom:0;background:#fff;color:#07101f;border-top:1px solid #dce1e5;box-shadow:0 -12px 40px #07152e20}.cookie-banner__inner{width:var(--wrap);margin:auto;padding:18px 0}.cookie-banner__copy{display:flex;align-items:center;gap:22px}.cookie-banner__copy strong{font:700 17px "Space Grotesk",sans-serif;white-space:nowrap}.cookie-banner__copy p{margin:0;color:#536174;font-size:13px;line-height:1.5}.cookie-banner__copy a{color:#1265ef;text-decoration:underline}.cookie-banner__inner{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.cookie-banner__actions{display:flex;gap:9px}.cookie-banner button{min-height:44px;border:0;border-radius:4px;padding:11px 18px;background:#1265ef;color:#fff;font:800 12px Manrope,sans-serif;cursor:pointer}.cookie-banner button:hover,.cookie-banner button:focus-visible{background:#0d55ce}.cookie-banner .cookie-secondary{background:#fff;color:#07101f;border:1px solid #aab4c0}.cookie-settings{grid-column:1/-1;border-top:1px solid #dce1e5;padding-top:17px;display:flex;justify-content:space-between;gap:25px;align-items:flex-end}.cookie-settings>div{display:flex;gap:30px}.cookie-settings label{display:flex;gap:10px;align-items:flex-start;max-width:380px}.cookie-settings input{margin-top:4px;accent-color:#1265ef}.cookie-settings span{display:flex;flex-direction:column;gap:3px}.cookie-settings small{color:#637083;line-height:1.4}@media(max-width:800px){.cookie-banner__inner{grid-template-columns:1fr;padding:15px 0}.cookie-banner__copy{display:block}.cookie-banner__copy strong{display:block;margin-bottom:7px}.cookie-banner__actions{display:grid;grid-template-columns:1fr 1fr 1fr}.cookie-banner button{padding:10px 8px}.cookie-settings{grid-column:auto;display:block}.cookie-settings>div{display:grid;gap:14px;margin-bottom:15px}}

/* Rediseño de marca 2026: azul desaturado, negro y grises. */
:root{--blue:#315b88;--lime:#111214;--navy:#0b0e12;--paper:#f1f2f3;--ink:#101216}
.brand-logo{display:block;width:170px;height:68px;object-fit:contain;filter:invert(1);transform:scale(1.08);transform-origin:left center}
.footer-brand .brand-logo{width:190px;height:84px}
.site-header.header-on-light{color:#fff;background:#101216;border-bottom-color:#ffffff24}
.site-header.header-on-light nav a,.site-header.header-on-light .menu{color:#fff}
.btn,.cookie-banner button{color:#fff;background:linear-gradient(135deg,#050505 0%,#343434 100%);box-shadow:0 8px 22px #0002;transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover,.btn:focus-visible,.cookie-banner button:hover,.cookie-banner button:focus-visible{background:linear-gradient(135deg,#303030 0%,#050505 100%);transform:translateY(-1px);box-shadow:0 12px 26px #0003}
.btn-light{background:linear-gradient(135deg,#050505,#343434);color:#fff}
.hero h1 em,.case-grid strong,.price-card strong{color:#fff}
.kicker i,.hero-proof i{background:#fff;box-shadow:0 0 12px #fff8}
.ai-section,.contact{background:#315b88}
.contact form{background:#294d74}
.contact-grid>div>a{color:#fff}
.core{background:#111214;color:#fff}
.ai-ticker span:before{color:#111214}
.notice{background:#d7d9dc;color:#111214}
.inner-cta{background:#315b88}
.inner-cta h2 em{color:#111214}
.cookie-banner{left:50%;right:auto;bottom:18px;width:min(940px,calc(100% - 32px));transform:translateX(-50%);background:#d9dcdeeF;border:1px solid #ffffff99;border-radius:16px;box-shadow:0 18px 55px #0005;backdrop-filter:blur(18px);overflow:hidden}
.cookie-banner__inner{width:auto;padding:16px 18px}
.cookie-banner__copy a{color:#111214;font-weight:700}
.cookie-banner .cookie-secondary{color:#fff;border:0;background:linear-gradient(135deg,#222,#555)}
.cookie-settings{border-top-color:#aeb3b8}
.cookie-settings input{accent-color:#111214}
@media(max-width:800px){.brand-logo{width:138px;height:64px}.cookie-banner{bottom:8px;width:calc(100% - 16px);border-radius:12px}.cookie-banner__inner{padding:14px}.cookie-banner__actions{gap:6px}}
