.build-page{background:#fff}.build-hero__secondary{margin-top:14px!important;font-size:.9375rem!important;color:rgba(228,234,243,.6)!important}.build-hero .strategy-hero__copy>strong{margin-top:25px}.build-hero__visual{min-height:600px}
.build-page .strategy-hero__copy>strong{color:#83baff}
.build-system{position:relative;width:min(100%,610px);aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle at 50% 46%,rgba(52,113,220,.23),rgba(9,23,44,.08) 43%,transparent 69%)}.build-system::before,.build-system::after{content:"";position:absolute;inset:9%;border:1px solid rgba(137,181,244,.14);border-radius:50%}.build-system::after{inset:25%;border-color:rgba(137,181,244,.2)}.build-system__core{position:absolute;left:50%;top:50%;width:29%;aspect-ratio:1;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(141,186,250,.28);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(89,145,239,.32),rgba(14,41,78,.72));box-shadow:0 0 80px rgba(53,112,211,.17)}.build-system__core span{color:#eff5ff;text-align:center;font:500 .75rem/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.build-system__path{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;transform:rotate(-34deg)}.build-system__path span{position:relative;z-index:2;flex:0 0 auto;padding:10px 13px;border:1px solid rgba(157,195,247,.23);border-radius:999px;background:#081322;color:#dcecff;font:500 .75rem var(--font-mono);text-transform:uppercase;letter-spacing:.08em;transform:rotate(34deg)}.build-system__path i{width:23px;height:1px;background:linear-gradient(90deg,rgba(128,180,250,.12),rgba(128,180,250,.6),rgba(128,180,250,.12))}.build-system__signal{position:absolute;width:7px;height:7px;border-radius:50%;background:#81baff;box-shadow:0 0 14px #4c95ed;animation:buildSignal 6s linear infinite}.build-system__signal--one{left:17%;top:49%}.build-system__signal--two{right:17%;top:49%;animation-delay:-3s}@keyframes buildSignal{0%{transform:translateY(-115px);opacity:.15}50%{transform:translateY(115px);opacity:1}100%{transform:translateY(-115px);opacity:.15}}
.build-pill-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.build-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:42px;border:1px solid rgba(16,37,61,.12);border-radius:18px;overflow:hidden;background:rgba(16,37,61,.1)}.build-capabilities article{min-height:145px;padding:24px;background:#fff}.build-capabilities b{display:block;color:#102a49;font-size:.875rem}.build-capabilities p{margin:12px 0 0;color:#627185;font-size:.8125rem;line-height:1.55}.build-capabilities--dark{border-color:rgba(204,225,252,.15);background:rgba(204,225,252,.12)}.build-capabilities--dark article{background:rgba(255,255,255,.045)}.build-capabilities--dark b,.build-capabilities--blue b{color:#f4f8ff}.build-capabilities--dark p,.build-capabilities--blue p{color:rgba(229,238,250,.65)}.build-capabilities--blue{grid-template-columns:repeat(2,minmax(0,1fr));border-color:rgba(255,255,255,.17);background:rgba(255,255,255,.1)}.build-capabilities--blue article{background:rgba(2,19,42,.12)}
.build-healthcare{margin-top:86px;border-radius:28px;background:#f4f7fb}.build-applications{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:45px}.build-applications article{display:flex;flex-direction:column;min-height:510px;padding:34px;border:1px solid rgba(19,47,79,.13);border-radius:20px;background:#fff}.build-applications article>span{color:#477fbf;font:500 .75rem var(--font-mono);letter-spacing:.08em}.build-applications h3{margin:19px 0 0;font:400 clamp(1.875rem,3.2vw,48px)/1.02 var(--font-body);letter-spacing:-.04em}.build-applications p{margin:23px 0 0;color:#647386;font-size:.875rem;line-height:1.65}.build-applications ul{display:grid;gap:8px;margin:28px 0 34px;padding:0;list-style:none}.build-applications li{padding-bottom:8px;border-bottom:1px solid rgba(17,43,72,.09);color:#223b57;font-size:.75rem}.build-applications a{margin-top:auto;color:#173c69;font-size:.75rem;font-weight:500;text-decoration:none}.build-applications a b{color:#3c81d4}.build-proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}.build-proof span{padding:11px 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#edf5ff;font:500 .75rem var(--font-mono);text-transform:uppercase;letter-spacing:.07em}.build-principle h2{max-width:800px}
@media(prefers-reduced-motion:reduce){.build-system__signal{animation:none}}
@media(max-width:1023px){.build-system__path{gap:4px}.build-system__path span{padding:8px;font-size:.75rem}.build-system__path i{width:12px}.build-pill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.build-hero__visual{min-height:auto}.build-system{width:min(92vw,480px);margin:auto}.build-applications{grid-template-columns:1fr}.build-applications article{min-height:auto}.build-capabilities{grid-template-columns:1fr 1fr}.build-healthcare{margin-top:36px}}
@media(max-width:479px){.build-hero h1 br{display:none}.build-system__path{transform:rotate(-50deg);gap:2px}.build-system__path span{padding:6px 7px;font-size:.75rem;transform:rotate(50deg)}.build-system__path i{width:5px}.build-system__core span{font-size:.75rem}.build-pill-grid,.build-capabilities{grid-template-columns:1fr}.build-capabilities article{min-height:auto}.build-applications article{padding:25px}.build-proof{display:grid;grid-template-columns:1fr}.build-proof span{text-align:center}}

/* Circuito continuo (ES): Datos → Inteligencia → Agentes → Acción → Impacto, alrededor del anillo sin tapar el centro.
   Una luz recorre el anillo en 10s y cada paso se enciende al llegar (2s por paso). */
.build-system__orbit{position:absolute;inset:9%;border-radius:50%;animation:buildOrbit 10s linear infinite}
.build-system__orbit::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 250deg,rgba(129,186,255,.75) 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px))}
.build-system__orbit i{position:absolute;left:50%;top:0;width:9px;height:9px;border-radius:50%;background:#bcdcff;box-shadow:0 0 16px 3px #4c95ed;transform:translate(-50%,-50%)}
.build-system__loop{position:absolute;inset:0;margin:0;padding:0;list-style:none}
.build-system__loop li{position:absolute;z-index:2;padding:10px 14px;border:1px solid rgba(157,195,247,.3);border-radius:999px;background:#081322;color:#fff;font:500 .75rem var(--font-mono);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;transform:translate(-50%,-50%);animation:buildStep 10s linear infinite}
.build-system__loop li:nth-child(1){left:50%;top:9%}
.build-system__loop li:nth-child(2){left:88.99%;top:37.33%;animation-delay:-8s}
.build-system__loop li:nth-child(3){left:74.1%;top:83.17%;animation-delay:-6s}
.build-system__loop li:nth-child(4){left:25.9%;top:83.17%;animation-delay:-4s}
.build-system__loop li:nth-child(5){left:11.01%;top:37.33%;animation-delay:-2s}
@keyframes buildOrbit{to{transform:rotate(360deg)}}
@keyframes buildStep{
  0%,14%,100%{border-color:#81baff;background:#12325c;box-shadow:0 0 22px rgba(76,149,237,.55);transform:translate(-50%,-50%) scale(1.08)}
  24%,92%{border-color:rgba(157,195,247,.3);background:#081322;box-shadow:none;transform:translate(-50%,-50%) scale(1)}
}
@media(max-width:1023px){.build-system__loop li{padding:8px 10px;font-size:.75rem}}
@media(max-width:479px){.build-system__loop li{padding:6px 8px;font-size:.75rem;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){.build-system__orbit{animation:none}.build-system__orbit::before{display:none}.build-system__orbit i{display:none}.build-system__loop li{animation:none}}

/* Fase 2 — celular: con las etiquetas a 12 px, el circuito acerca los nodos (radio 38%) para que ninguno se corte. */
@media (max-width:479px) {
  .build-system__loop li { padding: 6px 8px; letter-spacing: .04em; }
  .build-system__loop li:nth-child(1) { top: 12%; }
  .build-system__loop li:nth-child(2) { left: 86.14%; top: 38.26%; }
  .build-system__loop li:nth-child(3) { left: 72.34%; top: 80.74%; }
  .build-system__loop li:nth-child(4) { left: 27.66%; top: 80.74%; }
  .build-system__loop li:nth-child(5) { left: 13.86%; top: 38.26%; }
}

/* Hero IA a medida: foto propia (planta entre bloques) difuminada, con velo oscuro, y el circuito en blanco y negro. */
.build-hero{background:#05080e}
.build-hero::before{content:"";position:absolute;inset:-24px;z-index:-2;background:url('../assets/construir-hero-bg.jpg') center/cover no-repeat;filter:blur(5px)}
.build-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,8,14,.88) 0%,rgba(5,8,14,.72) 42%,rgba(5,8,14,.4) 100%)}
.build-hero .strategy-hero__mesh{display:none}
.build-hero .build-system{background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.55),rgba(0,0,0,.35) 70%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 30px 80px rgba(0,0,0,.45)}
.build-hero .build-system::before,.build-hero .build-system::after{border-color:rgba(255,255,255,.25)}
.build-hero .build-system__core{border-color:rgba(255,255,255,.45);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.18),rgba(0,0,0,.75));box-shadow:0 0 60px rgba(255,255,255,.08)}
.build-hero .build-system__core span{color:#fff}
.build-hero .build-system__orbit::before{background:conic-gradient(from 0deg,transparent 0deg 250deg,rgba(255,255,255,.85) 360deg)}
.build-hero .build-system__orbit i{background:#fff;box-shadow:0 0 16px 3px rgba(255,255,255,.6)}
.build-hero .build-system__loop li{border-color:rgba(255,255,255,.45);background:rgba(0,0,0,.82);color:#fff;animation-name:buildStepBW}
.build-hero .build-system__path span{border-color:rgba(255,255,255,.45);background:rgba(0,0,0,.82);color:#fff}
.build-hero .build-system__path i{background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.6),rgba(255,255,255,.12))}
.build-hero .build-system__signal{background:#fff;box-shadow:0 0 14px rgba(255,255,255,.7)}
@keyframes buildStepBW{
  0%,14%,100%{border-color:#fff;background:#fff;color:#000;box-shadow:0 0 22px rgba(255,255,255,.35);transform:translate(-50%,-50%) scale(1.08)}
  24%,92%{border-color:rgba(255,255,255,.45);background:rgba(0,0,0,.82);color:#fff;box-shadow:none;transform:translate(-50%,-50%) scale(1)}
}
