.mdw-contenedor {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  font-family: "Fabrikat Mono", Sans-serif;
  font-size: 50px;
  font-weight: 400;
  text-transform: uppercase;
  color: var( --e-global-color-primary );

  @media screen and (max-width: 767px) {
    font-size: 35px;    
  }
}

/* wrapper interno que contiene todos los items */
.mdw-cinta-inner {
  display: inline-block;
  white-space: nowrap;
  will-change: transform;
  /* variables --mdw-marquee-distance y --mdw-marquee-duration
     serán fijadas por JS */
  animation: mdw-marquee var(--mdw-marquee-duration, 10s) linear infinite;

  @media screen and (max-width: 767px) {
    animation: mdw-marquee calc(var(--mdw-marquee-duration, 10s) * 2) linear infinite;
  }
}

/* cada repetición del texto */
.mdw-cinta-item {
  display: inline-block;
  padding: 0 2rem; /* separación entre repeticiones */
  line-height: 1;
  white-space: nowrap;

  @media screen and (max-width: 767px) {
    padding: 0 1rem;   
  }
}

/* keyframes: mueve la cinta desde 0 hasta -distance (set por JS) */
@keyframes mdw-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-1 * var(--mdw-marquee-distance, 1000px)));
  }
}