/* --- BOTÓN RETURN TO HOME (PÁGINA WORKS) --- */

.single-nav .back-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Akkurat Mono", sans-serif;
  text-transform: uppercase;
  font-size: 0.75rem;
  color: var(--text); /* O var(--text-light) si el fondo fuera oscuro */
  text-decoration: none;
  transition: opacity 0.3s ease;
}

/* Pisamos los estilos por defecto del menú principal para el span */
.single-nav .back-link span.arrow {
  font-size: 1.1rem !important; /* Hacemos la flecha más visible */
  position: relative !important;
  top: 0 !important; /* Quitamos el desfase hacia arriba que tenían los números */
  padding: 0 !important;
  transition: transform 0.3s ease;
}

/* Animación de hover */
.single-nav .back-link:hover {
  opacity: 0.6; /* Efecto sutil de desvanecimiento en el texto */
}

.single-nav .back-link:hover span.arrow {
  transform: translateX(-5px); /* Desplaza la flecha a la izquierda */
}