.sliding-text-widget-container {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.sliding-text-wrapper {
  overflow: hidden;
  width: 100%;
}

.sliding-text-inner {
  display: inline-flex;
  white-space: nowrap;
  will-change: transform; /* Mejora el rendimiento de la animación */
}

.sliding-text-content {
  display: inline-flex;
  align-items: center;
}

.sliding-text-phrase {
  display: inline-block;
  padding: 0 10px;
}

/* Pausar animación al pasar el ratón */
.sliding-text-pause-hover:hover .sliding-text-inner {
  animation-play-state: paused;
}

/* Animación para deslizamiento de izquierda a derecha */
@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Animación para deslizamiento de derecha a izquierda */
@keyframes slideRight {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

/* Estilos responsivos */
@media (max-width: 767px) {
  .sliding-text-phrase {
    padding: 0 5px;
  }
}