/* El banner es el primer bloque después del header, tenga la clase que tenga */
body > header + * {
  position: relative !important;
}

/* El lazo sale del flujo y se clava a la DERECHA del banner */
.lazo-card {
  position: absolute !important;
  top: 52% !important;
  right: 7% !important;
  left: auto !important;
  transform: translateY(-50%) !important;
  width: min(560px, 46vw) !important;
  margin: 0 !important;
  z-index: 5 !important;
  background: rgba(7, 16, 28, 0.92);
  border: 1px solid rgba(70, 190, 210, 0.35);
  border-radius: 18px;
  padding: 18px 20px 12px;
  box-shadow: 0 0 32px rgba(40, 180, 200, 0.2);
}

/* El texto no se estrecha ni se parte en columnas */
body > header + * > .wrap {
  display: block !important;
  position: static !important;
}
body > header + * > .wrap > *:not(.lazo-card) {
  max-width: 620px;
}

@media (max-width: 980px) {
  .lazo-card {
    position: static !important;
    transform: none !important;
    width: min(460px, 100%) !important;
    margin: 20px 0 !important;
  }
}

.lazo-card header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #c5d2de;
  margin-bottom: 6px;
  font-family: "DM Sans", system-ui, sans-serif;
}
.lazo-card header .scada-tag { color: #7ef0c8; }
.lazo-svg { width: 100%; height: auto; display: block; }
.flow-gold {
  fill: none; stroke: #e8b84a; stroke-width: 1.6;
  stroke-dasharray: 6 7; stroke-linecap: round;
  animation: dash-flow 1.4s linear infinite;
}
.flow-teal {
  fill: none; stroke: #3ad7c4; stroke-width: 1.7;
  stroke-dasharray: 5 8; stroke-linecap: round;
  animation: dash-flow 1.8s linear infinite reverse;
}
@keyframes dash-flow { to { stroke-dashoffset: -52; } }
.node-box, .node-circle { fill: #0b1522; stroke: #e8b84a; stroke-width: 1.4; }
.node-scada { fill: #0b1522; stroke: #3ad7c4; stroke-width: 1.5; }
.label { fill: #d7e2ec; font-size: 11px; text-anchor: middle; font-family: "DM Sans", system-ui, sans-serif; }
.sublabel { fill: #8ea0b3; font-size: 8px; text-anchor: middle; letter-spacing: .08em; font-family: "DM Sans", system-ui, sans-serif; }