/* Contenedor principal de la barra de mensajes*/

.marquee-bar {
   width: 100%;
   overflow: hidden;
   z-index: 9999;
   display: flex;
   align-items: center;
   font-size: 16px;
   font-weight: 500;
}
.marquee-track {
   display: inline-flex;
   white-space: nowrap;
   will-change: transform;
   position: relative;
}
.marquee-track span {
   display: inline-block;
   padding-right: 100px;
}
@media (max-width: 600px) {
   .marquee-bar {
      font-size: 14px;
      height: 35px;
   }
   .marquee-track span {
      padding-right: 50px;
   }
}