/* ==========================================================================
   TangoFestival - destacado del item de menu
   Texto en rojo + cartel "Nuevo" al lado.

   Se aplica sobre los enlaces marcados con la clase .menu-tangofestival
   en assets/inc/inc_top.php y assets/inc/toptwo.php (menu movil .linkerio
   y dropdown de escritorio).
   ========================================================================== */

.menu-tangofestival,
.menu-tangofestival:link,
.menu-tangofestival:visited {
  color: #d10a11 !important;
  font-weight: 700;
}

.menu-tangofestival:hover,
.menu-tangofestival:focus,
.menu-tangofestival:active {
  color: #ff1f26 !important;
  text-decoration: none;
}

/* Cartel "Nuevo" */
.menu-tangofestival .etiqueta-nuevo {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 7px;
  background-color: #d10a11;
  border-radius: 10px;
  color: #fff !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 15px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  box-shadow: 0 0 0 0 rgba(209, 10, 17, 0.6);
  animation: tf-latido 1.8s ease-out infinite;
}

.menu-tangofestival:hover .etiqueta-nuevo {
  background-color: #ff1f26;
}

@keyframes tf-latido {
  0% {
    box-shadow: 0 0 0 0 rgba(209, 10, 17, 0.6);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(209, 10, 17, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(209, 10, 17, 0);
  }
}

/* Accesibilidad: sin animacion si el usuario la desactivo en su sistema */
@media (prefers-reduced-motion: reduce) {
  .menu-tangofestival .etiqueta-nuevo {
    animation: none;
  }
}