/* Estilos para el Cintillo - Tipo Crawler de TV */

.cintillo-wrapper {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    width: 100%;
}

.cintillo-content {
    display: inline-block;
    animation: cintillo-scroll linear infinite;
    will-change: transform;
}

/* Pausar animación en hover */
.cintillo-wrapper:hover .cintillo-content {
    animation-play-state: paused;
}

.cintillo-item {
    display: inline-block;
    padding: 0 1em;
}

.cintillo-item a {
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.cintillo-item a:hover {
    opacity: 0.7;
}

.cintillo-separator {
    display: inline-block;
    padding: 0 0.5em;
}

/* Animación de desplazamiento */
@keyframes cintillo-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}