/* APPTIVATE R15AA · escucha visual + órbitas activas */
.april-listening-host {
  position: relative;
}

.april-listening-badge {
  position: absolute;
  left: 50%;
  bottom: -66px;
  transform: translateX(-50%) scale(.92);
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
  min-width: 220px;
  justify-content: center;
  border-radius: 999px;
  background: rgba(4, 18, 43, .92);
  border: 1px solid rgba(52, 235, 231, .45);
  box-shadow:
    0 0 0 1px rgba(24, 181, 233, .10) inset,
    0 10px 28px rgba(0, 0, 0, .28),
    0 0 22px rgba(52, 235, 231, .20);
  color: #dffcff;
  opacity: 0;
  pointer-events: none;
  transition:
    opacity .20s ease,
    transform .20s ease,
    box-shadow .20s ease;
  z-index: 9;
  white-space: nowrap;
}

.april-listening-badge.is-active {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

.april-listening-text {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .02em;
}

.april-listening-waves {
  display: inline-flex;
  align-items: flex-end;
  gap: 4px;
  height: 20px;
}

.april-listening-waves i {
  display: block;
  width: 4px;
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(180deg, #47f5eb 0%, #18b5e9 100%);
  box-shadow: 0 0 10px rgba(52, 235, 231, .35);
  transform-origin: center bottom;
}

.april-listening-badge.is-active .april-listening-waves i:nth-child(1) {
  animation: aprilWave 1.00s ease-in-out infinite;
}
.april-listening-badge.is-active .april-listening-waves i:nth-child(2) {
  animation: aprilWave 1.18s ease-in-out infinite .08s;
}
.april-listening-badge.is-active .april-listening-waves i:nth-child(3) {
  animation: aprilWave 0.92s ease-in-out infinite .16s;
}
.april-listening-badge.is-active .april-listening-waves i:nth-child(4) {
  animation: aprilWave 1.12s ease-in-out infinite .11s;
}
.april-listening-badge.is-active .april-listening-waves i:nth-child(5) {
  animation: aprilWave 0.98s ease-in-out infinite .05s;
}

@keyframes aprilWave {
  0%, 100% { height: 7px; opacity: .70; }
  50%      { height: 21px; opacity: 1; }
}

.orbit-node[data-sector] {
  transform-origin: center center;
  will-change: transform, box-shadow;
  transition: box-shadow .20s ease, filter .20s ease;
  filter: saturate(1.05);
  z-index: 2;
}

.orbit-node[data-sector]::after {
  content: "";
  position: absolute;
  inset: -7px;
  border-radius: 999px;
  border: 2px solid rgba(54, 235, 230, .22);
  opacity: .0;
  transform: scale(.90);
  pointer-events: none;
}

.orbit-node[data-sector]:hover,
.orbit-node[data-sector]:focus-visible {
  box-shadow:
    0 0 0 1px rgba(72, 241, 235, .28) inset,
    0 0 28px rgba(52, 235, 231, .28);
}

.orbit-node[data-sector="negocio"] {
  animation: aprilOrbitPulseA 2.20s ease-in-out infinite;
}
.orbit-node[data-sector="hosteleria"] {
  animation: aprilOrbitPulseB 2.70s ease-in-out infinite .22s;
}
.orbit-node[data-sector="salud"] {
  animation: aprilOrbitPulseC 2.35s ease-in-out infinite .44s;
}
.orbit-node[data-sector="citas"] {
  animation: aprilOrbitPulseD 2.85s ease-in-out infinite .16s;
}
.orbit-node[data-sector="creatividad"] {
  animation: aprilOrbitPulseE 2.45s ease-in-out infinite .36s;
}
.orbit-node[data-sector="industria"],
.orbit-node[data-sector="ingenieria"] {
  animation: aprilOrbitPulseF 2.60s ease-in-out infinite .55s;
}

.orbit-node[data-sector="negocio"]::after {
  animation: aprilRing 2.20s ease-out infinite .10s;
}
.orbit-node[data-sector="hosteleria"]::after {
  animation: aprilRing 2.70s ease-out infinite .34s;
}
.orbit-node[data-sector="salud"]::after {
  animation: aprilRing 2.35s ease-out infinite .50s;
}
.orbit-node[data-sector="citas"]::after {
  animation: aprilRing 2.85s ease-out infinite .21s;
}
.orbit-node[data-sector="creatividad"]::after {
  animation: aprilRing 2.45s ease-out infinite .60s;
}
.orbit-node[data-sector="industria"]::after,
.orbit-node[data-sector="ingenieria"]::after {
  animation: aprilRing 2.60s ease-out infinite .40s;
}

@keyframes aprilOrbitPulseA {
  0%,100% { transform: scale(1); }
  50%     { transform: scale(1.22); }
}
@keyframes aprilOrbitPulseB {
  0%,100% { transform: scale(1.03); }
  50%     { transform: scale(1.20); }
}
@keyframes aprilOrbitPulseC {
  0%,100% { transform: scale(.99); }
  50%     { transform: scale(1.18); }
}
@keyframes aprilOrbitPulseD {
  0%,100% { transform: scale(1.01); }
  50%     { transform: scale(1.24); }
}
@keyframes aprilOrbitPulseE {
  0%,100% { transform: scale(1); }
  50%     { transform: scale(1.19); }
}
@keyframes aprilOrbitPulseF {
  0%,100% { transform: scale(1.02); }
  50%     { transform: scale(1.21); }
}

@keyframes aprilRing {
  0%   { opacity: .0; transform: scale(.88); }
  18%  { opacity: .38; }
  70%  { opacity: .10; }
  100% { opacity: .0; transform: scale(1.20); }
}

/* Texto más grande en las órbitas */
.orbit-node[data-sector],
.orbit-node[data-sector] span,
.orbit-node[data-sector] small,
.orbit-node[data-sector] strong {
  font-size: 15px !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
}

/* Tamaño más claro tanto en web como en móvil */
@media (min-width: 861px) {
  .orbit-node[data-sector] {
    min-width: 108px !important;
    min-height: 108px !important;
    padding: 12px !important;
  }

  .april-listening-badge {
    bottom: -70px;
    min-width: 230px;
  }
}

@media (max-width: 860px) {
  .orbit-node[data-sector] {
    min-width: 112px !important;
    min-height: 112px !important;
    padding: 12px !important;
  }

  .orbit-node[data-sector],
  .orbit-node[data-sector] span,
  .orbit-node[data-sector] small,
  .orbit-node[data-sector] strong {
    font-size: 16px !important;
  }

  .april-listening-badge {
    bottom: -72px;
    min-width: 228px;
    padding: 12px 18px;
  }

  .april-listening-text {
    font-size: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .orbit-node[data-sector],
  .orbit-node[data-sector]::after,
  .april-listening-badge.is-active .april-listening-waves i {
    animation: none !important;
  }
}