.news-ticker-container {
  width: 100%;
  position: relative;
}

.ticker__viewport {
  width: 100%;
  overflow: hidden;
  cursor: default;
  position: relative;
}

.ticker__content {
  display: flex;
  width: fit-content;
  animation: scroll-left 60s linear infinite;
  white-space: nowrap;
}

/* Pausa la animación al hacer hover
.ticker__viewport:hover .ticker__content {
  animation-play-state: paused;
}
*/

/* Responsive */
@media (max-width: 992px) {
  .ticker__viewport {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .ticker__viewport {
    padding: 2px 0;
    font-size: 11px;
  }

  .ticker__text {
    padding-right: 50px;
  }

  .ticker__text::after {
    padding-left: 50px;
    padding-right: 50px;
  }

  .ticker__text::before {
    padding-right: 50px;
  }
}

.ticker-wrapper-h {
  display: flex;
  position: relative;
  overflow: hidden;
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin-bottom: 0;
  }
  img {
    margin: 0 0.6rem;
  }
  .news-ticker-h {
    display: flex;
    margin: 0;
    padding-top: 0.68rem;
    padding-bottom: 0.68rem;
    padding-left: 90%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: tic-h;
    animation-duration: 30s;
    /*
    &:hover {
      animation-play-state: paused;
    } */
    .ticker__text {
      display: flex;
      width: 100%;
      align-items: center;
      white-space: nowrap;
      padding-left: 20px;
      p {
        font-family: 'Barlow', sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 20px;
        line-height: normal;
        color: black;
        letter-spacing: 2.6px;
        padding-right: 1rem;
        white-space: nowrap;
      }
    }
  }
}

@keyframes tic-h {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}