/* Marca Radar Chat — ícone vivo (sutil) */
.brand--live {
  gap: 10px;
  text-decoration: none;
}
.site-brand-icon-wrap {
  position: relative;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.site-brand-mark {
  display: block;
  overflow: visible;
  width: 32px;
  height: 32px;
}
.site-brand-mark--footer { width: 36px; height: 36px; }
.site-brand-mark--hero { width: 48px; height: 48px; }

.site-brand-mark__waves {
  transform-origin: 94px 92px;
  animation: rc-radar-breathe 2.8s ease-in-out infinite;
}
.site-brand-mark__bubble {
  transform-origin: 104px 120px;
}
.site-brand-mark__wave-1 { animation: rc-radar-wave 2s ease-in-out infinite; }
.site-brand-mark__wave-2 { animation: rc-radar-wave 2s ease-in-out 0.35s infinite; }
.site-brand-mark__wave-3 { animation: rc-radar-wave 2s ease-in-out 0.7s infinite; }
.site-brand-mark__core-wrap {
  transform-origin: 94px 92px;
  animation: rc-radar-core 2s ease-in-out infinite;
}
.site-brand-mark__ping {
  transform-origin: 154px 48px;
  animation: rc-radar-ping 2.6s ease-in-out infinite;
}
.site-brand-mark__sweep {
  transform-origin: 94px 92px;
  animation: rc-radar-sweep 3.5s linear infinite;
}

@keyframes rc-radar-breathe {
  0%, 100% { transform: scale(0.98); }
  50% { transform: scale(1.02); }
}
@keyframes rc-radar-wave {
  0%, 100% { opacity: 0.35; }
  40% { opacity: 1; }
  65% { opacity: 0.5; }
}
@keyframes rc-radar-core {
  0%, 100% { opacity: 0.9; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.08); }
}
@keyframes rc-radar-ping {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.12); opacity: 0.85; }
}
@keyframes rc-radar-sweep {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .site-brand-mark__waves,
  .site-brand-mark__wave-1,
  .site-brand-mark__wave-2,
  .site-brand-mark__wave-3,
  .site-brand-mark__core-wrap,
  .site-brand-mark__ping,
  .site-brand-mark__sweep,
  .hero-radar__sweep,
  .hero-radar__ring,
  .hero-radar__blip {
    animation: none !important;
  }
}
