/* ABRIL R15AB.1 · EXCLUSIVAMENTE VISUAL */

/* PC: subir únicamente Negocio e IA.
   translate es independiente del transform animado R15AA. */

@media screen and (min-width: 861px) {
  .orbit-node[data-sector="negocio"] {
    translate: 0 -20px !important;
  }
}

/* MÓVIL: círculos y etiquetas mayores.
   No alterar animation, transform ni posición. */

@media screen and (max-width: 860px) {
  .orbit-node[data-sector] {
    min-width: clamp(118px, 31.5vw, 136px) !important;
    min-height: clamp(118px, 31.5vw, 136px) !important;
    padding: 8px 5px !important;
  }

  .orbit-node[data-sector] span:not(.node-icon),
  .orbit-node[data-sector] small,
  .orbit-node[data-sector] strong {
    font-size: clamp(16px, 4.25vw, 18px) !important;
    line-height: 1.12 !important;
  }
}

/* Segundo medidor: pequeño, naranja y bajo el diálogo. */

.april-r15ab1-panel-indicator {
  display: none;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  gap: 7px;
  margin: 9px 0 12px;
  padding: 6px 10px;
  border: 1px solid rgba(255,160,70,.52);
  border-radius: 999px;
  background: rgba(255,133,30,.12);
  color: #ffb15d;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .01em;
  pointer-events: none;
}

.april-r15ab1-panel-indicator.is-visible {
  display: inline-flex;
}

.april-r15ab1-panel-indicator .waves {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  height: 16px;
}

.april-r15ab1-panel-indicator .waves i {
  display: block;
  width: 3px;
  height: 7px;
  border-radius: 8px;
  background: #ffa142;
  animation: r15ab1-wave .9s ease-in-out infinite;
}

.april-r15ab1-panel-indicator .waves i:nth-child(2) {
  animation-delay: .17s;
}

.april-r15ab1-panel-indicator .waves i:nth-child(3) {
  animation-delay: .34s;
}

.april-r15ab1-panel-indicator .waves i:nth-child(4) {
  animation-delay: .12s;
}

.april-r15ab1-panel-indicator .dots {
  display: inline-flex;
  min-width: 17px;
}

.april-r15ab1-panel-indicator .dots b {
  opacity: .15;
  animation: r15ab1-dot 1.2s infinite;
}

.april-r15ab1-panel-indicator .dots b:nth-child(2) {
  animation-delay: .2s;
}

.april-r15ab1-panel-indicator .dots b:nth-child(3) {
  animation-delay: .4s;
}

@keyframes r15ab1-wave {
  0%,100% { height: 5px; opacity: .65; }
  50% { height: 16px; opacity: 1; }
}

@keyframes r15ab1-dot {
  0%,100% { opacity: .15; }
  45% { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .april-r15ab1-panel-indicator .waves i,
  .april-r15ab1-panel-indicator .dots b {
    animation: none;
    opacity: 1;
  }
}