/* Marca blanca: dos ondas concéntricas, sin modificar tamaño ni ubicación. */
.brand-connection-radar{
  --brand-network-rgb:245,158,11;
  box-sizing:border-box!important;
  border-radius:50%!important;
  background:#fff!important;
  background-image:none!important;
  border:1px solid rgb(var(--brand-network-rgb))!important;
  padding:4px!important;
  color:#182235!important;
  overflow:visible!important;
  border-color:rgb(var(--brand-network-rgb))!important;
  animation:brand-network-radar 2.4s linear infinite!important;
}
.brand-connection-radar>img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;border-radius:50%!important;padding:0!important;
  background:#fff!important;filter:none!important;mix-blend-mode:normal!important;
}
img.brand-connection-radar{object-fit:contain!important;filter:none!important;mix-blend-mode:normal!important}
.brand-connection-radar[data-connection="online"]{--brand-network-rgb:16,185,129}
.brand-connection-radar[data-connection="offline"]{--brand-network-rgb:239,68,68}
#brandLogoBox.brand-connection-radar::before,
#brandLogoBox.brand-connection-radar::after{content:none;animation:none}
@keyframes brand-network-radar{
  0%{box-shadow:0 0 0 0 rgba(var(--brand-network-rgb),.75),0 0 0 7px rgba(var(--brand-network-rgb),.35)}
  49.9%{box-shadow:0 0 0 7px rgba(var(--brand-network-rgb),.35),0 0 0 14px rgba(var(--brand-network-rgb),0)}
  50%{box-shadow:0 0 0 7px rgba(var(--brand-network-rgb),.35),0 0 0 0 rgba(var(--brand-network-rgb),.75)}
  100%{box-shadow:0 0 0 14px rgba(var(--brand-network-rgb),0),0 0 0 7px rgba(var(--brand-network-rgb),.35)}
}
/* Use the same two outward waves on image logos and logo containers. */
body :not(img).brand-connection-radar.brand-connection-radar{
  position:relative!important;
  border-radius:50%!important;
  isolation:isolate;
  animation:brand-network-radar 2.4s linear infinite!important;
}
:not(img).brand-connection-radar::before,
:not(img).brand-connection-radar::after{
  content:none!important;
  position:absolute!important;
  inset:-1px!important;
  border:0!important;
  box-shadow:0 0 0 3px rgba(var(--brand-network-rgb),.65),0 0 0 7px rgba(var(--brand-network-rgb),.25),0 0 12px 5px rgba(var(--brand-network-rgb),.2);
  border-radius:inherit!important;
  background:transparent!important;
  pointer-events:none;
  will-change:transform,opacity;
  animation:cuik-contour-radar 2.4s ease-out infinite!important;
}
:not(img).brand-connection-radar::after{animation-delay:-1.2s!important}
@keyframes cuik-contour-radar{
  0%{transform:scale(1);opacity:0}
  8%{opacity:.9}
  75%,100%{transform:scale(var(--radar-expand-x,1.45),var(--radar-expand-y,1.45));opacity:0}
}
@media(prefers-reduced-motion:reduce){
  :not(img).brand-connection-radar::before,:not(img).brand-connection-radar::after{animation:none!important;opacity:.3}
  .brand-connection-radar{animation:none!important;box-shadow:0 0 0 2px rgba(var(--brand-network-rgb),.7)!important}
}