/* =========================================================
   NOTIFICACIÓN MENÚ CHAT AUTORES
   ========================================================= */

.pg-chat-menu-link {
  position: relative;
  overflow: visible !important;
}

.pg-chat-menu-alert {
  color: #ffffff !important;
  background: linear-gradient(135deg, #8e1b2b, #d3a14b) !important;
  box-shadow:
    0 0 0 0 rgba(211, 161, 75, .65),
    0 10px 22px rgba(142, 27, 43, .20);
  animation: pgChatMenuPulse 1.05s infinite !important;
}

.pg-chat-menu-alert::before {
  content: "Nuevo";
  position: absolute;
  top: -12px;
  right: -8px;
  z-index: 20;
  padding: 2px 6px;
  color: #fff;
  background: #8e1b2b;
  border: 1px solid #d3a14b;
  border-radius: 999px;
  font-size: .55rem;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
  line-height: 1.2;
}

.pg-chat-menu-dot {
  position: absolute;
  top: 7px;
  right: 6px;
  z-index: 21;
  width: 8px;
  height: 8px;
  background: #36e37c;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(54, 227, 124, .20);
}

@keyframes pgChatMenuPulse {
  0% {
    transform: translateY(0) scale(1);
    box-shadow:
      0 0 0 0 rgba(211, 161, 75, .70),
      0 10px 22px rgba(142, 27, 43, .20);
  }

  50% {
    transform: translateY(-1px) scale(1.035);
    box-shadow:
      0 0 0 7px rgba(211, 161, 75, .08),
      0 13px 26px rgba(142, 27, 43, .25);
  }

  100% {
    transform: translateY(0) scale(1);
    box-shadow:
      0 0 0 0 rgba(211, 161, 75, 0),
      0 10px 22px rgba(142, 27, 43, .20);
  }
}

@media (max-width: 760px) {
  .pg-chat-menu-alert::before {
    top: 4px;
    right: 12px;
  }

  .pg-chat-menu-dot {
    top: 14px;
    right: 8px;
  }
}