:root {
  --bs-font-sans-serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body {
  font-family: var(--bs-font-sans-serif);
}

.store-name-title {
  font-family: "Pacifico", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  background: linear-gradient(
    90deg,
    #ff0000, /* rojo */
    #ff7f00, /* naranja */
    #ffff00, /* amarillo */
    #3aa63f, /* verde Duolingo oscuro */
    #00cfff, /* azul cielo */
    #8a2be2, /* violeta */
    #ff0000  /* cierra el loop en rojo */
  );
  background-size: 300% 100%; /* más espacio para animación */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientMove 12s linear infinite;
}

@keyframes gradientMove {
  0% { background-position: 0% 0%; }
  100% { background-position: -300% 0%; }
}