/* El marco no participa en las entradas de sección; solo se mueve la pista interior. */
.motion-page .panel .vertical-ticker {
    position: absolute;
    display: block !important;
    visibility: visible !important;
    inset: 0 0 0 auto;
    width: 34px;
    height: auto;
    margin: 0;
    padding: 0;
    border-left: 1px solid currentColor;
    color: inherit;
    background: #efebe10a;
    z-index: 8;
    overflow: hidden;
    opacity: .85 !important;
    filter: none !important;
    transform: none !important;
    translate: none !important;
    animation: none !important;
    transition: none !important;
    pointer-events: none
}

.vertical-ticker .vertical-ticker-viewport {
    position: absolute;
    inset: 0;
    display: block;
    writing-mode: horizontal-tb;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    animation: none !important;
    transform: none !important;
    translate: none !important;
    filter: none !important;
    transition: none !important
}

.vertical-ticker .vertical-ticker-track {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
    writing-mode: horizontal-tb;
    will-change: transform
}

.vertical-ticker .vertical-ticker-copy {
    display: block;
    flex: none;
    writing-mode: vertical-rl;
    white-space: nowrap;
    text-orientation: mixed;
    font: 600 11px/1 Poppins, sans-serif;
    letter-spacing: 2px;
    width: auto;
    height: max-content;
    margin: 0;
    padding:0
    
}

.vertical-ticker.ticker-ready .vertical-ticker-track {
    animation: verticalBandLoop var(--ticker-duration, 32s) linear infinite
}

@keyframes verticalBandLoop {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(calc(-1 * var(--ticker-distance, 1200px)))
    }
}

@media(max-width:760px) {
    .motion-page .panel .vertical-ticker {
        width: 24px
    }

    .vertical-ticker .vertical-ticker-copy {
        font-size: 9px;
        letter-spacing: 1.8px
    }
}

@media(prefers-reduced-motion:reduce) {
    .vertical-ticker.ticker-ready .vertical-ticker-track {
        animation: none;
        will-change: auto
    }
}