/* ============================================================
   MODULO: HUB EMPRESARIAL
   Accent: --terra
   ============================================================ */

.hub-page .sys-nav::after{
  background:linear-gradient(90deg,transparent,var(--terra-dim),rgba(10,132,255,.25),var(--terra-dim),transparent);
}
.hub-page .page-header-title span{color:var(--terra)}
.hub-page .sys-label::before{color:var(--terra-dim)}
.hub-page .sys-label{color:var(--terra)}

/* ── Hub Intro ── */
.hub-intro{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  margin-bottom:60px;
}
.hub-desc{
  color:var(--text-mid);
  line-height:1.7;
  font-size:var(--fs-base);
}
.hub-highlight{
  color:var(--terra);
  font-weight:500;
  border-left:3px solid var(--terra);
  padding-left:16px;
  margin-top:20px;
  line-height:1.6;
}

/* ── Platform Panels ── */
.hub-platforms{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-bottom:60px;
}
.hub-platform{
  padding:32px;
  background:var(--bg-panel);
  border:1px solid var(--border);
  clip-path:polygon(0 0,calc(100% - var(--clip-md)) 0,100% var(--clip-md),100% 100%,var(--clip-md) 100%,0 calc(100% - var(--clip-md)));
  transition:border-color var(--dur-fast);
}
.hub-platform:hover{border-color:rgba(10,132,255,.4)}
.hub-platform::before{
  content:'';
  display:block;
  width:100%;height:2px;
  background:linear-gradient(90deg,var(--terra),var(--terra-dim),transparent);
  margin-bottom:20px;
}
.hub-platform-label{
  font-family:'Space Mono',monospace;
  font-size:var(--fs-xs);
  color:var(--terra);
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:8px;
}
.hub-platform-title{
  font-family:'Barlow Condensed',sans-serif;
  font-size:var(--fs-lg);
  font-weight:800;
  text-transform:uppercase;
  margin-bottom:12px;
}
.hub-platform-desc{
  color:var(--text-mid);
  font-size:var(--fs-sm);
  line-height:1.7;
  margin-bottom:16px;
}
.hub-services{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.hub-svc-item{
  font-size:var(--fs-sm);
  color:var(--text-dim);
  padding-left:16px;
  position:relative;
}
.hub-svc-item::before{
  content:'>>';
  position:absolute;
  left:0;
  font-family:'Space Mono',monospace;
  font-size:9px;
  color:var(--terra-dim);
}

/* ── Presence Map ── */
.hub-presence{
  margin-bottom:40px;
}
.hub-presence-title{
  font-family:'Barlow Condensed',sans-serif;
  font-size:var(--fs-xl);
  font-weight:800;
  text-transform:uppercase;
  margin:8px 0 24px;
}
.hub-presence-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.hub-location{
  padding:20px;
  background:var(--bg-panel);
  border:1px solid var(--border);
  text-align:center;
  transition:border-color var(--dur-fast);
  clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));
}
.hub-location:hover{border-color:rgba(10,132,255,.4)}
.hub-loc-name{
  font-family:'Barlow Condensed',sans-serif;
  font-size:var(--fs-md);
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:4px;
}
.hub-loc-detail{
  font-family:'Space Mono',monospace;
  font-size:9px;
  color:var(--text-dim);
  letter-spacing:1px;
}

/* ── Responsive ── */
@media(max-width:1024px){
  .hub-intro{grid-template-columns:1fr}
  .hub-platforms{grid-template-columns:1fr}
  .hub-presence-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .hub-presence-grid{grid-template-columns:1fr}
}