@keyframes caramba-moreno-marquee {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-50%);
    }
}

.caramba-moreno--marquee {
    overflow: hidden;
    position: relative;
}

.caramba-moreno--marquee-gabeta {
    animation-duration: 20s;
    animation-name: caramba-moreno-marquee;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    display: inline-block;
    white-space: nowrap;
}

.caramba-moreno--marquee p {
    margin: 0 1em 0 0; /* Inline-block and nowrap handled dynamically */
}

.velocidad-1 .caramba-moreno--marquee-gabeta {
    animation-duration: 120s;
}

.velocidad-2 .caramba-moreno--marquee-gabeta {
    animation-duration: 70s;
}

.velocidad-3 .caramba-moreno--marquee-gabeta {
    animation-duration: 40s;
}




/*
.caramba-moreno--marquee-wrapper {
    overflow: hidden;
    white-space: nowrap;
    display: flex;
}

.caramba-moreno--marquee-content {
    display: inline-block;
    white-space: nowrap;
    will-change: transform;
}

@keyframes caramba-moreno-marquee-rtl {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}

@keyframes caramba-moreno-marquee-ltr {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(100%);
    }
}

.caramba-moreno--marquee-wrapper.caramba-moreno--marquee--speed-slow .caramba-moreno--marquee-content {
    animation-duration: 20s;
    animation-name: caramba-moreno-marquee-rtl;
}

.caramba-moreno--marquee-wrapper.caramba-moreno--marquee--speed-normal .caramba-moreno--marquee-content {
    animation-duration: 10s;
    animation-name: caramba-moreno-marquee-rtl;
}

.caramba-moreno--marquee-wrapper.caramba-moreno--marquee--speed-fast .caramba-moreno--marquee-content {
    animation-duration: 5s;
    animation-name: caramba-moreno-marquee-rtl;
}

.caramba-moreno--marquee-wrapper.caramba-moreno--marquee--ltr .caramba-moreno--marquee-content {
    animation-name: caramba-moreno-marquee-ltr;
}
*/