.sp-auto-llista {
  position: fixed;
  z-index: 9999;
  margin: 0;
  padding: 0.15em 0;
  list-style: none;
  background: var(--color-fons);
  border: 1px solid var(--color-border);
  border-radius: 0.375rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18);
  color: var(--color-text);
  /* Sense font-size propi: hereta la del body. `rem` no serveix aquí, perquè
     l'arrel no fa 16px ni al nucli (var(--font-size)) ni a l'extranet (10px). */
  max-height: 15em;
  max-width: calc(100vw - 0.5rem);
  overflow-x: hidden;
  overflow-y: auto;
}

.sp-auto-item {
  padding: 0.35em 0.6em;
  line-height: 1.3;
  cursor: pointer;
}
.sp-auto-item.is-actiu, .sp-auto-item:hover {
  background: var(--color-hover);
}

.sp-auto-desc {
  display: block;
  font-size: 0.85em;
  color: var(--color-text-2);
}