.logo {
	height: 39px;
    margin-right: 6px;	
}
/* --- Insignia PRO para la Barra de Navegación --- */

.badge-pro {
  display: inline-block;
  padding: 0.3em 0.5em; /* Espaciado interno */
  font-size: 0.75em; /* Un poco más pequeño que el texto principal */
  font-weight: 700;
  line-height: 1;
  color: #212529; /* Texto oscuro para contraste */
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.375rem; /* Bordes redondeados */
  
  /* El degradado dorado para un look premium */
  background: linear-gradient(145deg, #ffd700, #ffb700);
  
  /* Sombra para que el texto resalte */
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2);
  
  /* Sombra para que la insignia 'salga' de la barra */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  
  /* Pequeño ajuste para que quede alineada visualmente */
  position: relative;
  top: -2px;
  margin-left: 5px;

  /* Aplicamos la animación de brillo */
  animation: pro-glow 2s infinite ease-in-out;
}

/* Animación de brillo sutil */
@keyframes pro-glow {
  0% {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(255, 215, 0, 0.5);
  }
  50% {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), 0 0 15px rgba(255, 215, 0, 1);
  }
  100% {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(255, 215, 0, 0.5);
  }
}