:root{--navy:#031522;--navy2:#06263a;--cyan:#08aaf3;--cyan2:#55cfff;--ink:#061a2c;--muted:#657b8b;--line:#dce6ec;--green:#18b85c;--max:1480px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;overflow-x:hidden;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - clamp(28px,7vw,110px)));margin:auto}.skip{position:fixed;left:10px;top:-70px;z-index:999;background:#fff;padding:10px}.skip:focus{top:10px}.header{height:74px;position:sticky;top:0;z-index:100;background:#031522f7;color:#fff;border-bottom:1px solid #16415a;backdrop-filter:blur(16px)}.navrow{height:100%;display:flex;align-items:center;gap:28px}.brand strong{display:block;font-size:29px;letter-spacing:6px;line-height:.9}.brand strong span{color:var(--cyan)}.brand small{display:block;font-size:5px;letter-spacing:1.6px;margin-top:6px}.nav{display:flex;gap:27px;margin:auto;font-size:12px}.nav a{padding:28px 0 24px;border-bottom:2px solid transparent}.nav a:hover,.nav a:focus{color:var(--cyan2);border-color:var(--cyan)}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:8px;background:linear-gradient(100deg,#039de5,#0eb7ff);color:#fff;padding:14px 21px;font-size:12px;font-weight:800;cursor:pointer}.menu{display:none;margin-left:auto;border:0;background:none;color:#fff;font-size:25px}.hero{min-height:610px;position:relative;display:flex;align-items:center;color:#fff;background:#031522 url("../images/hero/datacenter.png") center/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#031522 0%,#031522f2 33%,#0315226b 58%,#03152242 78%,#031522b5 100%)}.hero-content{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center}.hero-copy{max-width:680px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:800}.blue{color:#087fb8}.hero h1{font-size:clamp(46px,4.6vw,72px);line-height:1;letter-spacing:-3px;margin:14px 0}.hero h1 em{font-style:normal;color:var(--cyan2)}.hero p{font-size:clamp(16px,1.35vw,20px);line-height:1.55;color:#d5e3eb;max-width:620px}.hero-actions{display:flex;gap:11px;margin-top:24px}.ghost{background:#051b2ba8;border:1px solid var(--cyan)}.capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:38px}.capabilities span{border-left:2px solid var(--cyan);padding:11px 12px;background:#061d2ac9;font-size:10px}.hero-side{display:flex;flex-direction:column;gap:9px;border-left:3px solid var(--cyan);padding-left:20px;letter-spacing:5px;font-size:10px;font-weight:800}.section{padding:clamp(58px,6vw,90px) 0}.light{background:#f7fafc}.section-title{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:26px}.section-title h2,.process h2,.contact h2{font-size:clamp(30px,3vw,45px);letter-spacing:-1.5px;margin:6px 0}.section-title p{max-width:520px;color:var(--muted);font-size:12px;line-height:1.6}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.svc{min-width:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 12px 35px #17364a0d;transition:transform .2s,box-shadow .2s}.svc:hover{transform:translateY(-4px);box-shadow:0 20px 45px #17364a1b}.svc-media{aspect-ratio:16/8.7;background:#052033;overflow:hidden}.svc-media img{width:100%;height:100%;object-fit:cover}.svc-body{padding:18px 20px 21px}.svc-body>span{font-size:8px;letter-spacing:2px;color:#0a8bc6}.svc h3{font-size:20px;margin:5px 0 8px}.svc p{font-size:11px;line-height:1.55;color:#617788;min-height:51px}.svc-actions{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.svc-actions a{font-size:10px;color:#078bc9;font-weight:800}.wa-context{border:0;background:none;color:#159c53;font-size:9px;font-weight:800;cursor:pointer}.process{background:#fff}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;margin-top:28px}.steps div{position:relative;display:grid;grid-template-columns:52px 1fr;column-gap:12px;align-items:center}.steps div:not(:last-child):after{content:"→";position:absolute;right:-18px;color:#6c8a9d}.steps i{grid-row:1/3;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#087bc4,#0fb8ff);color:#fff;font-style:normal;font-weight:800}.steps b{font-size:12px}.steps small{font-size:9px;color:#6a8190}.tech{background:#f7fafc}.techgrid{display:grid;grid-template-columns:1fr 1.4fr .8fr 1.15fr;gap:11px}.techbox{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px}.techbox>b{font-size:10px}.techlogos{min-height:70px;display:flex;align-items:center;justify-content:space-around;gap:13px}.techlogos img{height:48px;max-width:125px;object-fit:contain}.legal{font-size:8px;color:#8296a4;margin-top:14px}.ai-section{padding:clamp(60px,6vw,90px) 0;background:#031b2b;color:#fff}.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,85px);align-items:center}.ai-visual{border-radius:18px;overflow:hidden;border:1px solid #1d526d}.ai-visual img{width:100%;aspect-ratio:16/10;object-fit:cover}.ai-copy h2{font-size:clamp(36px,4vw,58px);margin:8px 0}.ai-copy p{color:#bdd1dd;line-height:1.65}.ai-items{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0}.ai-items span{padding:12px;border:1px solid #1d4f69;border-radius:8px;font-size:10px;background:#ffffff05}.contact{background:#fff}.contact-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:60px}.contact-copy>p{font-size:12px;line-height:1.6;color:var(--muted)}.contact-list{display:grid;gap:12px;margin-top:22px}.contact-list>a,.contact-list>span,.contact-list>button{display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;text-align:left;border:0;background:none;padding:0;color:var(--ink);font-size:11px;cursor:pointer}.contact-list small{grid-column:2;color:#7a909e}.wa-contact{color:#168f4c!important}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.fields label{font-size:9px;font-weight:700}.fields input,.fields select,.fields textarea{display:block;width:100%;margin-top:5px;border:1px solid #cad8e0;border-radius:7px;padding:11px;background:#fff}.fields .wide{grid-column:1/3}.consent{display:flex;gap:8px;align-items:center;font-size:9px;margin:12px 0}.form-end{display:flex;justify-content:flex-end;align-items:center;gap:20px}.form-end p{font-size:10px;color:#647b8b}.error{border-color:#b42318!important;box-shadow:0 0 0 2px #b423181a}footer{background:#031522;color:#b8cbd7;padding:26px 0}.footer{display:flex;align-items:center;justify-content:space-between;font-size:8px}.float-actions{position:fixed;right:16px;bottom:16px;z-index:110;display:flex;gap:8px}.wa-float,.chat-open{border:0;border-radius:28px;color:#fff;padding:13px 17px;font-weight:800;box-shadow:0 12px 30px #0005;cursor:pointer}.wa-float{background:#19b75b}.chat-open{background:#052b42;border:1px solid #1983ad}.chat{display:none;position:fixed;right:16px;bottom:75px;width:min(365px,calc(100vw - 28px));height:470px;background:#061e2e;color:#fff;border:1px solid #27617e;border-radius:15px;overflow:hidden;z-index:120;box-shadow:0 30px 80px #0009}.chat.open{display:flex;flex-direction:column}.chat header{display:flex;justify-content:space-between;padding:14px;background:#0a2b41}.chat header small{display:block;color:#9bb4c3}.chat header button{border:0;background:none;color:#fff;font-size:24px}.messages{flex:1;overflow:auto;padding:13px}.bot,.user{font-size:11px;line-height:1.45;padding:10px 12px;border-radius:10px;margin-bottom:8px}.bot{background:#0d3852}.user{background:#087eb8;margin-left:35px}.chat form{display:flex;padding:10px;border-top:1px solid #18455d}.chat input{flex:1;border:0;border-radius:7px;padding:11px}.chat form button{width:42px;margin-left:6px;border:0;border-radius:7px;background:#08aaf3;color:#fff}.chat-wa{margin:0 10px 10px;border:0;border-radius:7px;padding:10px;background:#19b75b;color:#fff;font-weight:800}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1150px){.desktop-cta{display:none}.nav{gap:18px}.services{grid-template-columns:repeat(2,1fr)}.techgrid{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.menu{display:block}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:#031522;padding:14px 7vw;flex-direction:column;gap:0}.nav.open{display:flex}.nav a{padding:13px 0}.hero-content{grid-template-columns:1fr}.hero-side{display:none}.capabilities{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.steps div:after{display:none}.techgrid{grid-template-columns:1fr 1fr}.ai-grid,.contact-grid{grid-template-columns:1fr}.section-title{display:block}.section-title p{margin-top:10px}.contact-grid{gap:30px}}
@media(max-width:560px){.container{width:calc(100% - 28px)}.hero{min-height:680px;background-position:67% center}.hero:before{background:#031522c7}.hero h1{font-size:42px;letter-spacing:-2px}.hero-actions{flex-direction:column}.capabilities{grid-template-columns:1fr 1fr}.services{grid-template-columns:1fr}.svc-media{aspect-ratio:16/9}.svc p{min-height:0}.steps,.techgrid,.ai-items,.fields{grid-template-columns:1fr}.fields .wide{grid-column:auto}.footer{display:grid;gap:14px}.float-actions{right:10px;bottom:10px}.wa-float span,.chat-open span{display:none}.wa-float,.chat-open{width:48px;height:48px;padding:0}.chat{right:10px;bottom:68px}.form-end{display:block}.form-end .btn{width:100%}}
@media(min-width:1900px){:root{--max:1640px}.hero{min-height:680px}.svc h3{font-size:22px}.svc p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* =========================================================
   RESPONSIVE QA PATCH v2
   Proceso + Tecnologías
   ========================================================= */

/* Avoid ultra-wide stretching: content remains readable while sections stay full width */
.process .container,
.tech .container{
  width:min(1420px, calc(100% - clamp(28px,6vw,96px)));
}

/* Process: fluid cards instead of five tiny items stretched across the viewport */
.steps{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:clamp(14px,1.6vw,28px);
}
.steps div{
  min-width:0;
  grid-template-columns:clamp(42px,3vw,52px) minmax(0,1fr);
  padding:clamp(12px,1vw,17px);
  border:1px solid #e1eaf0;
  border-radius:12px;
  background:#fff;
}
.steps i{
  width:clamp(42px,3vw,50px);
  height:clamp(42px,3vw,50px);
}
.steps b{
  font-size:clamp(11px,.78vw,13px);
  line-height:1.25;
}
.steps small{
  font-size:clamp(9px,.62vw,11px);
  line-height:1.35;
}
.steps div:not(:last-child):after{
  right:calc(clamp(14px,1.6vw,28px) / -1);
  transform:translateX(50%);
  z-index:2;
}

/* Technology cards distribute available width without becoming excessively wide */
.techgrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(220px,1fr));
  gap:clamp(12px,1.2vw,18px);
}
.techbox{
  min-width:0;
  padding:clamp(14px,1.2vw,20px);
}
.techbox>b{
  display:block;
  margin-bottom:10px;
  font-size:clamp(10px,.72vw,12px);
}
.techlogos{
  min-height:76px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(70px,1fr));
  gap:clamp(10px,1vw,18px);
  align-items:center;
}
.techlogos img{
  width:100%;
  height:clamp(38px,3vw,52px);
  max-width:105px;
  justify-self:center;
  object-fit:contain;
}

/* Large laptops / small desktop */
@media (max-width:1450px){
  .process .container,.tech .container{width:min(1180px,calc(100% - 52px))}
  .steps{grid-template-columns:repeat(3,1fr)}
  .steps div:nth-child(3):after{display:none}
  .techgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Tablet */
@media (max-width:900px){
  .process .container,.tech .container{width:calc(100% - 36px)}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps div:after{display:none!important}
  .techgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tech .section-title{display:block}
  .tech .section-title p{max-width:680px}
}

/* Mobile */
@media (max-width:620px){
  .process .container,.tech .container{width:calc(100% - 28px)}
  .steps{grid-template-columns:1fr;gap:10px}
  .steps div{
    grid-template-columns:46px minmax(0,1fr);
    padding:12px;
  }
  .techgrid{grid-template-columns:1fr}
  .techlogos{grid-template-columns:repeat(2,minmax(80px,1fr));min-height:auto}
  .techlogos img{height:44px}
}

/* Extra large / 2K / 4K */
@media (min-width:1900px){
  .process .container,.tech .container{width:min(1540px,calc(100% - 120px))}
  .steps{gap:22px}
  .techgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
}


/* Technology logo labels */
.techlogos{
  align-items:stretch;
}
.tech-logo{
  margin:0;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:8px 5px;
}
.tech-logo img{
  width:auto;
  max-width:105px;
  height:42px;
  object-fit:contain;
}
.tech-logo figcaption{
  width:100%;
  text-align:center;
  font-size:10px;
  line-height:1.25;
  font-weight:700;
  color:#18354a;
  white-space:normal;
}
@media(max-width:620px){
  .tech-logo{gap:7px;padding:7px 4px}
  .tech-logo img{height:40px}
  .tech-logo figcaption{font-size:10px}
}
@media(min-width:1900px){
  .tech-logo img{height:48px}
  .tech-logo figcaption{font-size:11px}
}