.marquee-css {
  color: #efeeec;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  user-select: none;
}

.marquee-css__list {
  flex-shrink: 0; /* Impede que a lista encolha ao ser duplicada */
  min-width: 100%; /* Garante preenchimento total */
  align-items: center;
  display: flex;
  position: relative;
  justify-content: space-around;
}

.marquee-css__item {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex: none; /* Mantém o tamanho natural do item */
  align-items: center;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 2em; /* Espaçamento entre cada bloco */
  display: flex;
}

.marquee-css__item-p {
  white-space: nowrap;
  margin-bottom: 0;
  font-size: 1.25em; /* Tamanho equilibrado para leitura */
  font-weight: 500;
  line-height: 1;
}

.marquee-css__item-svg {
  width: 1.5em; /* Aumentado levemente para destacar os ícones */
  height: 1.5em;
  flex: none;
}

/* CSS Keyframe Animation */
@keyframes marqueeScroll {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}

[data-css-marquee-list] {
  animation: marqueeScroll 30s linear infinite; /* Animação rodando de forma contínua */
  animation-play-state: running; /* Garante que ela inicie rolando */
}

/* Efeito opcional: pausa a animação de forma elegante quando passar o mouse */
.marquee-css:hover [data-css-marquee-list] {
  animation-play-state: paused;
}