:root{
  --bg:#040b16;--bg-2:#071426;--panel:#09182c;--panel-2:#0b1d34;--text:#f7fbff;--muted:#a8b5c8;
  --blue:#19a8ff;--blue-2:#066bff;--line:rgba(95,181,255,.24);--white-line:rgba(255,255,255,.10);
  --shadow:0 28px 90px rgba(0,0,0,.48);--radius:24px;--serif:Georgia,"Times New Roman",serif;
  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}.shell{width:min(1240px,calc(100% - 40px));margin:auto}.skip-link{position:fixed;left:16px;top:-60px;z-index:999;background:#fff;color:#000;padding:10px 14px;border-radius:8px}.skip-link:focus{top:16px}
.site-header{position:fixed;z-index:100;inset:0 0 auto 0;transition:.3s;background:linear-gradient(to bottom,rgba(2,7,15,.88),rgba(2,7,15,.20),transparent);backdrop-filter:blur(5px)}.site-header.scrolled{background:rgba(3,11,22,.90);border-bottom:1px solid var(--white-line);backdrop-filter:blur(16px)}
.nav-wrap{height:82px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand img{width:47px;height:47px;border-radius:50%;object-fit:cover;box-shadow:0 0 28px rgba(0,139,255,.24)}.brand span.brand-copy{display:grid;gap:3px;align-items:start}.brand strong{font:700 20px/1.05 var(--serif);white-space:nowrap}.brand small{font-size:9px;line-height:1.1;letter-spacing:.16em;color:#a9b8cf;font-weight:700;text-transform:uppercase;white-space:nowrap}.primary-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.primary-nav a{font-size:14px;color:#d8e2ee;transition:.2s}.primary-nav a:hover{color:#63c7ff}.language-switch{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--white-line);border-radius:999px;background:rgba(5,18,33,.58);font-size:11px;font-weight:800;letter-spacing:.08em;line-height:1}.language-switch a,.language-switch span{min-width:29px;padding:7px 8px;text-align:center;border-radius:999px;color:#aebdd0;transition:.2s}.language-switch a:hover{color:#fff;background:rgba(35,157,255,.15)}.language-switch .active{color:#fff;background:linear-gradient(135deg,rgba(34,180,255,.88),rgba(7,93,255,.88));box-shadow:0 4px 16px rgba(0,113,255,.22)}
.nav-cta{padding:11px 18px;border:1px solid rgba(72,176,255,.55);border-radius:999px;background:rgba(9,96,192,.16);font-size:14px;box-shadow:inset 0 0 24px rgba(0,126,255,.08)}.nav-cta:hover{border-color:#39b9ff;background:rgba(22,134,255,.18)}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px 0}
.hero{min-height:860px;position:relative;display:grid;align-items:end;isolation:isolate}.hero-media{position:absolute;inset:0;background:url('assets/images/hero.webp') 76% center/cover no-repeat;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,18,.98) 0%,rgba(3,12,24,.88) 28%,rgba(3,12,24,.25) 58%,rgba(3,12,24,.08) 100%),linear-gradient(0deg,rgba(4,11,22,.75),transparent 36%);z-index:-2}.hero-inner{padding:160px 0 132px}.hero-copy{max-width:610px}.eyebrow{margin:0 0 18px;color:#63c9ff;font-size:12px;letter-spacing:.34em;font-weight:800}.hero h1{font:700 clamp(46px,5.25vw,74px)/.98 var(--serif);letter-spacing:-.032em;margin:0 0 24px;max-width:690px}.hero h1 span{color:#55c2ff;text-shadow:0 0 32px rgba(0,122,255,.22)}.hero-lead{font-size:17px;line-height:1.68;color:#c5d0df;max-width:585px;margin:0 0 30px}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;border-radius:11px;font-weight:750;font-size:14px;transition:.25s}.button-primary{background:linear-gradient(135deg,#22b4ff,#075dff);box-shadow:0 10px 34px rgba(0,111,255,.35),inset 0 1px rgba(255,255,255,.3)}.button-primary:hover{transform:translateY(-2px);box-shadow:0 14px 42px rgba(0,131,255,.44)}.button-ghost{border:1px solid rgba(255,255,255,.30);background:rgba(5,13,26,.46);backdrop-filter:blur(8px)}.button-ghost:hover{border-color:#74cfff;background:rgba(7,25,44,.75)}
.capability-strip{position:absolute;left:0;right:0;bottom:0;border-top:1px solid var(--line);border-bottom:1px solid rgba(82,175,255,.13);background:rgba(3,13,26,.72);backdrop-filter:blur(16px)}.capability-list{min-height:69px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#b9c8d9;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.capability-list i{width:4px;height:4px;border-radius:50%;background:#23a9ff;box-shadow:0 0 10px #23a9ff}
.section{padding:112px 0;position:relative}.section-heading{max-width:820px;margin-bottom:48px}.section-heading h2,.about-copy h2,.contact-copy h2{font:700 clamp(34px,3.5vw,50px)/1.05 var(--serif);letter-spacing:-.022em;margin:0 0 18px}.section-heading>p:last-child,.split-heading>p,.centered>p:last-child{color:var(--muted);font-size:16px;margin:0}.split-heading{max-width:none;display:grid;grid-template-columns:1.35fr .65fr;gap:72px;align-items:end}.split-heading>p{padding-bottom:7px}.centered{text-align:center;margin-inline:auto}.centered p:last-child{max-width:620px;margin-inline:auto}
.services{background:radial-gradient(circle at 80% 0,rgba(0,110,255,.10),transparent 31%),var(--bg)}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.service-card{grid-column:span 2;overflow:hidden;border:1px solid var(--white-line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(13,33,57,.95),rgba(6,19,35,.98));box-shadow:0 20px 60px rgba(0,0,0,.23);transition:.3s}.service-card:nth-child(4){grid-column:2/span 2}.service-card:nth-child(5){grid-column:4/span 2}.service-card:hover{transform:translateY(-7px);border-color:rgba(52,175,255,.45);box-shadow:0 30px 80px rgba(0,0,0,.34),0 0 0 1px rgba(24,139,255,.08)}.service-card img{width:100%;aspect-ratio:3/2;object-fit:cover}.service-body{padding:25px}.index{font-size:11px;letter-spacing:.2em;color:#54c5ff}.service-body h3{font:700 25px/1.12 var(--serif);margin:8px 0 12px}.service-body p{color:#aebbc9;margin:0 0 19px;font-size:14.5px;min-height:70px}.service-body a{font-weight:750;color:#60c8ff;font-size:13px}
.projects{background:linear-gradient(180deg,#061120,#040b16)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-card{position:relative;border-radius:var(--radius);overflow:hidden;min-height:385px;border:1px solid var(--white-line);box-shadow:var(--shadow)}.project-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .6s}.project-card:hover img{transform:scale(1.035)}.project-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(1,7,14,.92))}.project-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:28px}.project-overlay p{margin:0 0 3px;color:#57c6ff;letter-spacing:.12em;font-size:11px;text-transform:uppercase}.project-overlay h3{font:700 27px/1.15 var(--serif);margin:0 0 3px}.project-overlay span{font-size:14px;color:#b4c2d2}
.process{overflow:hidden}.process:before{content:"";position:absolute;width:680px;height:680px;border:1px solid rgba(0,132,255,.08);border-radius:50%;left:50%;top:55%;transform:translate(-50%,-50%);box-shadow:0 0 100px rgba(0,128,255,.05)}.process-grid{list-style:none;padding:0;margin:55px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}.process-step{text-align:center;padding:25px 14px;position:relative}.process-step:not(:last-child):after{content:"→";position:absolute;right:-17px;top:67px;color:#258fd0;font-size:23px}.process-icon{width:104px;height:104px;margin:0 auto 18px;border-radius:27px;overflow:hidden;box-shadow:0 0 38px rgba(0,126,255,.16)}.process-icon img{width:100%;height:100%;object-fit:cover}.process-step>span{color:#41bfff;font-weight:800;letter-spacing:.14em;font-size:12px}.process-step h3{font:700 22px var(--serif);margin:6px 0 8px}.process-step p{font-size:14px;color:#9faec0;margin:0}
.about{background:linear-gradient(180deg,#040b16,#071425)}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.about-media{border-radius:28px;overflow:hidden;border:1px solid var(--white-line);box-shadow:var(--shadow)}.about-media img{width:100%;aspect-ratio:16/10;object-fit:cover}.about-copy .lead{color:#b8c5d4;font-size:16px}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:30px 0}.value-grid div{padding:18px 18px 19px;border:1px solid var(--white-line);background:linear-gradient(180deg,rgba(10,32,56,.72),rgba(7,23,43,.68));border-radius:16px;min-height:184px}.value-grid b{display:block;color:#54c7ff;margin-bottom:8px;font-size:15px;letter-spacing:.01em}.value-grid span{display:block;font-size:12.8px;line-height:1.58;color:#a9b8c7}.about-copy blockquote{margin:28px 0 0;padding:19px 22px;border-left:3px solid #1aaaff;background:rgba(9,29,52,.62);font:italic 18px var(--serif)}.about-copy blockquote strong{color:#5fcaff}
.contact{min-height:680px;position:relative;display:flex;align-items:center;isolation:isolate}.contact-media{position:absolute;inset:0;background:url('assets/images/contact.webp') 78% center/cover no-repeat;z-index:-3}.contact-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,18,.98) 0%,rgba(3,11,24,.91) 36%,rgba(3,11,24,.32) 65%,rgba(3,11,24,.08));z-index:-2}.contact-inner{padding:90px 0}.contact-copy{max-width:590px}.contact-copy>p:not(.eyebrow){font-size:16.5px;color:#b9c6d5;max-width:540px}.contact-actions{margin:26px 0 30px}.social-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:610px}.social-links a{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--white-line);background:rgba(5,18,33,.58);backdrop-filter:blur(9px);border-radius:14px;transition:.2s}.social-links a:hover{border-color:rgba(61,188,255,.55);background:rgba(8,34,60,.75)}.social-mark{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:21px;font-weight:800;border:1px solid rgba(73,188,255,.42);background:rgba(3,98,185,.28);box-shadow:inset 0 0 18px rgba(25,152,255,.15)}.social-links span:last-child{display:grid}.social-links b{font-size:13.5px}.social-links small{font-size:11.5px;color:#9eb0c2}
.footer{background:#020711;border-top:1px solid var(--white-line)}.footer-inner{min-height:120px;display:flex;align-items:center;gap:26px}.footer-brand span{display:grid}.footer-brand strong{font-family:var(--serif)}.footer-brand small{letter-spacing:.08em}.footer-inner p{margin-left:auto;color:#71839a;font-size:12px}.install-button{border:1px solid #268ed1;background:#07182b;color:#d9f2ff;padding:10px 14px;border-radius:10px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}

@media (min-width:1440px){
  .hero h1{font-size:72px;max-width:680px}
  .hero-lead{font-size:17px}
  .section-heading h2,.about-copy h2,.contact-copy h2{font-size:48px}
  .nav-wrap{height:78px}
  .primary-nav a{font-size:13.5px}
  .nav-cta{font-size:13.5px;padding:10px 17px}
}
@media (min-width:1280px){.hero-media{background-position:82% center}.contact-media{background-position:86% center}.hero-inner{padding:168px 0 132px}.contact-inner{padding:96px 0}}
@media (max-width:980px){.nav-cta{display:none}.menu-toggle{display:block;margin-left:auto}.primary-nav{position:absolute;left:20px;right:20px;top:74px;display:none;flex-direction:column;align-items:stretch;gap:0;background:rgba(5,15,30,.97);border:1px solid var(--white-line);border-radius:16px;padding:10px;box-shadow:var(--shadow)}.primary-nav.open{display:flex}.primary-nav a{padding:12px 14px;border-radius:8px}.primary-nav a:hover{background:#0c213a}.hero{min-height:760px}.hero-media{background-position:72% center}.hero-shade{background:linear-gradient(90deg,rgba(2,8,18,.98),rgba(2,9,18,.83) 66%,rgba(2,9,18,.42))}.hero-copy{max-width:610px}.service-grid{grid-template-columns:1fr 1fr}.service-card,.service-card:nth-child(4),.service-card:nth-child(5){grid-column:auto}.service-card:last-child{grid-column:1/-1;max-width:calc(50% - 9px);justify-self:center}.process-grid{grid-template-columns:1fr 1fr}.process-step:not(:last-child):after{display:none}.about-grid{grid-template-columns:1fr;gap:38px}.split-heading{grid-template-columns:1fr;gap:10px}.contact-media{background-position:74% center}.contact-shade{background:linear-gradient(90deg,rgba(2,8,18,.97),rgba(2,8,18,.78) 70%,rgba(2,8,18,.38))}}
@media (max-width:680px){.shell{width:min(100% - 34px,1180px)}.site-header .nav-wrap{height:72px;gap:16px}.brand{gap:9px}.brand img{width:40px;height:40px}.brand strong{font-size:17px}.brand small{display:block;font-size:7.2px;letter-spacing:.13em}.hero{min-height:760px}.hero-media{background-position:76% center}.hero-shade{background:linear-gradient(90deg,rgba(2,8,18,.98),rgba(2,8,18,.92) 74%,rgba(2,8,18,.70)),linear-gradient(0deg,rgba(2,8,18,.94),transparent 48%)}.hero-inner{padding:126px 0 122px}.hero-copy{max-width:100%}.hero .eyebrow{font-size:10px;letter-spacing:.22em;margin-bottom:14px}.hero h1{font-size:clamp(36px,10.4vw,48px);line-height:1.01;letter-spacing:-.028em;max-width:94%;margin-bottom:20px}.hero-lead{font-size:15px;line-height:1.62;max-width:95%;margin-bottom:26px}.hero-actions{gap:10px}.button{width:100%;padding:12px 17px;font-size:14px;border-radius:11px}.capability-list{min-height:60px;overflow-x:auto;justify-content:flex-start;white-space:nowrap;padding:0 4px;font-size:10px;gap:12px}.section{padding:76px 0}.section-heading h2,.about-copy h2,.contact-copy h2{font-size:33px}.service-grid,.project-grid,.process-grid,.social-links{grid-template-columns:1fr}.value-grid{grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.value-grid div{padding:14px 13px 15px;min-height:auto}.value-grid b{font-size:14px;margin-bottom:6px}.value-grid span{font-size:11.5px;line-height:1.48}.about-copy .lead{font-size:15px;line-height:1.65}.about-copy blockquote{font-size:16px;margin-top:22px;padding:16px 18px}.service-card:last-child{grid-column:auto;max-width:none}.project-card{min-height:330px}.process-grid{gap:4px}.process-step{padding:16px 10px}.process-icon{width:92px;height:92px}.about-media img{aspect-ratio:4/3}.contact{min-height:800px}.contact-media{background-position:70% center}.contact-shade{background:linear-gradient(90deg,rgba(2,8,18,.98),rgba(2,8,18,.92) 76%,rgba(2,8,18,.69)),linear-gradient(0deg,rgba(2,8,18,.94),transparent 50%)}.footer-inner{padding:26px 0;min-height:0;align-items:flex-start;flex-direction:column}.footer-inner p{margin:0}.footer-brand{display:flex}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.service-card,.project-card img,.button{transition:none}}

@media (max-width:420px){
  .shell{width:min(100% - 30px,1180px)}
  .brand strong{font-size:16px}
  .brand small{font-size:6.8px;letter-spacing:.10em}
  .hero h1{font-size:clamp(34px,10vw,42px);max-width:100%}
  .hero-lead{font-size:14.5px;max-width:100%}
  .value-grid{grid-template-columns:1fr}
  .value-grid div{padding:15px 15px 16px}
  .value-grid span{font-size:12px}
}


/* v4.2 — Anchor fix + mobile landscape optimization */
section[id]{scroll-margin-top:88px}
#inicio{scroll-margin-top:0}

@media (orientation:landscape) and (max-height:560px) and (max-width:980px){
  .site-header .nav-wrap{height:58px}
  .brand img{width:34px;height:34px}
  .brand strong{font-size:15px}
  .brand small{font-size:6.5px;letter-spacing:.12em}
  .primary-nav{top:62px;max-height:calc(100svh - 72px);overflow-y:auto}
  .hero{min-height:100svh}
  .hero-media{background-position:74% center}
  .hero-shade{background:linear-gradient(90deg,rgba(2,8,18,.98) 0%,rgba(2,8,18,.90) 52%,rgba(2,8,18,.52) 100%),linear-gradient(0deg,rgba(2,8,18,.82),transparent 48%)}
  .hero-inner{padding:82px 0 78px}
  .hero-copy{max-width:58%}
  .hero .eyebrow{font-size:8.5px;letter-spacing:.20em;margin-bottom:9px}
  .hero h1{font-size:clamp(30px,5.8vw,42px);line-height:1.02;max-width:100%;margin-bottom:12px}
  .hero-lead{font-size:13px;line-height:1.45;max-width:100%;margin-bottom:16px}
  .hero-actions{flex-wrap:nowrap;gap:8px}
  .hero-actions .button{width:auto;padding:9px 13px;font-size:12px}
  .capability-list{min-height:44px;font-size:9px;gap:10px}
  .section{padding:56px 0}
  .section-heading h2,.about-copy h2,.contact-copy h2{font-size:30px}
  .value-grid{grid-template-columns:1fr 1fr}
  .contact{min-height:100svh}
  .contact-inner{padding:78px 0 58px}
}

@media (orientation:landscape) and (max-height:430px) and (max-width:900px){
  .hero-copy{max-width:62%}
  .hero h1{font-size:clamp(28px,5.2vw,36px)}
  .hero-lead{font-size:12.5px;line-height:1.4}
  .hero-actions .button{padding:8px 11px;font-size:11.5px}
}

/* v4.4 — final bilingual responsive release */
@media (max-width:980px){.language-switch{margin-left:auto}.menu-toggle{margin-left:0}}
@media (max-width:420px){.site-header .nav-wrap{gap:9px}.language-switch a,.language-switch span{min-width:25px;padding:6px 6px;font-size:10px}.brand{min-width:0}.brand-copy{min-width:0}.brand strong{white-space:nowrap}}
@media (orientation:landscape) and (max-height:560px) and (max-width:980px){.language-switch a,.language-switch span{padding:5px 6px;font-size:9px}}