.ticker {
  overflow: hidden;
  background: rgba(232, 226, 208, 0.03);
  border: 1px solid var(--border-med);
  border-radius: 100px;   /* pill shape */
  padding: 13px 32px;     /* grosor notorio */
  margin: 6px 12px;       /* flota dentro del frame */
  position: relative;
  z-index: 10;
  transition: border-color 0.2s;
}

.ticker:hover { border-color: var(--border-med); }

.ticker__inner {
  display: flex;
  white-space: nowrap;
  gap: 0;
  animation: ticker-scroll 32s linear infinite;
  width: max-content;
}

.ticker__item {
  font-family: var(--font-ui);
  font-size: 11px;
  letter-spacing: 3px;
  color: var(--cream-dim);
  text-transform: uppercase;
  padding: 0 24px;
  flex-shrink: 0;
}

.ticker__checker {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='2' height='2' fill='%239A9182'/%3E%3Crect x='2' y='2' width='2' height='2' fill='%239A9182'/%3E%3C/svg%3E");
  background-size: 4px 4px;
  vertical-align: middle;
  margin: 0 16px;
  flex-shrink: 0;
}

@keyframes ticker-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.ticker:hover .ticker__inner {
  animation-play-state: paused;
}