/**
 * Estilos base del ticker animado
 *
 * Plugin: accioncoop-marquee
 */

/* Contenedor externo: oculta el overflow y evita saltos de línea */
/* Replica los estilos de .ptms_marquee del tema */
.accioncoop-marquee-wrap {
    overflow: hidden;
    white-space: nowrap;
    padding: 0.4em 0;
    font-family: "accion_condensed", serif;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 88%;
}

/* Track animado: contiene el contenido duplicado para loop continuo */
.accioncoop-marquee-track {
    display: inline-block;
    animation-name: accioncoop_marquee_scroll;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    /* Oculto hasta que JS calcule posición y duración — evita el blink inicial */
    visibility: hidden;
    /* Fallback: paused hasta que JS calcule la duración real */
    animation-play-state: paused;
    /* Fallback de duración sin JS */
    animation-duration: 20s;
}

/* Pausar al hacer hover sobre el wrapper o cualquier elemento dentro */
.accioncoop-marquee-wrap:hover .accioncoop-marquee-track, .accioncoop-marquee-track:hover {
    animation-play-state: paused;
}

/* Bloque de ítems (se usa dos veces para el loop continuo) */
.accioncoop-marquee-items {
    display: inline-block;
}

/* Links dentro del ticker — replica estilos de `marquee a` del tema */
.accioncoop-marquee-items a {
    color: #000;
    text-decoration: none;
    margin: 0 10px;
}

/* Replica `.marquee_container .marquee a` de modificaciones-aniversario.scss:
   en ese archivo se fuerza "archivo_extra_condensed" sobre los links del ticker */
.marquee_container .accioncoop-marquee-items a {
    font-family: "archivo_extra_condensed", sans-serif !important;
    font-style: normal;
}

/**
 * Keyframe de desplazamiento.
 *
 * El contenido está duplicado en dos bloques consecutivos, por lo que
 * desplazar -50% equivale a desplazar exactamente un bloque completo.
 * Cuando el primer bloque sale de vista, el segundo ocupa su lugar exacto,
 * creando un loop visual sin saltos.
 */
@keyframes accioncoop_marquee_scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}