.ticker {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 0;
    .ticker-wrapper {
        overflow: hidden;
        width: 100%;
        background: transparent;
        padding: 12px 0;
    }

    .ticker-track {
        display: flex;
        gap: 0;
        white-space: nowrap;
        animation: ticker-scroll 30s linear infinite;
    }

    .ticker-track span {
        text-transform: uppercase;
        padding: 0 16px;
    }

    .ticker-track .separator {
        padding: 0 4px;
    }

    /* Pausa al pasar el ratón (opcional) */
    .ticker-wrapper:hover .ticker-track {
        animation-play-state: paused;
    }
}

@keyframes ticker-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}