/*!
 * NexusM2 — Badge "NUEVO" (Brand Pulse)
 * Píldora azul marca con punto pulsante amarillo.
 * Pensado para items recientes del menú (ej: Listas de precios).
 */
.nm2-nav-item, .nm2-user-dd-item { position: relative; }

.nm2-new-badge{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  vertical-align: middle;
  margin-left: 6px;
  padding: 3px 7px 3px 6px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1;
  color: #fff;
  background: #1B4FE0;
  border-radius: 999px;
  box-shadow: 0 2px 6px rgba(27,79,224,.35);
  text-transform: uppercase;
  white-space: nowrap;
  user-select: none;
  pointer-events: none; /* el click va al <a> padre */
}

/* Variante "flotante" para el item de la nav: arriba CENTRADO sobre el texto */
.nm2-nav-item .nm2-new-badge{
  position: absolute;
  top: -2px;
  left: 50%;
  right: auto;
  transform: translate(-50%, 0);
  margin-left: 0;
  z-index: 2;
}

/* Variante "inline" para el dropdown: se queda al lado del texto */
.nm2-user-dd-item .nm2-new-badge{
  margin-left: auto; /* empuja a la derecha del item */
}

.nm2-new-badge::before{
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #FBBF24;
  box-shadow: 0 0 0 0 rgba(251,191,36,.7);
  animation: nm2-newbadge-pulse 1.8s infinite;
}

@keyframes nm2-newbadge-pulse{
  0%   { box-shadow: 0 0 0 0   rgba(251,191,36,.7); }
  70%  { box-shadow: 0 0 0 6px rgba(251,191,36,0);  }
  100% { box-shadow: 0 0 0 0   rgba(251,191,36,0);  }
}

/* Mobile: reducir tamaño un toque y reposicionar */
@media (max-width: 768px){
  .nm2-new-badge{
    font-size: 8px;
    padding: 2px 6px 2px 5px;
    gap: 3px;
  }
  .nm2-nav-item .nm2-new-badge{
    top: -2px;
    left: 50%;
    right: auto;
    transform: translate(-50%, 0);
  }
}

/* Respeto a prefers-reduced-motion */
@media (prefers-reduced-motion: reduce){
  .nm2-new-badge::before{ animation: none; }
}