/* Linha à esquerda dos horários, mantendo o percurso vertical do indicador. */
@media (min-width: 961px) {
    .dia-trilho::before {
        left: 0;
        right: auto;
        transform: translateX(-50%);
    }

    .dia-trilho::after {
        left: 0;
        right: auto;
        width: 8px;
        height: 8px;
        box-shadow: none;
        transform: translate(-50%, calc(var(--dia-bola) - 50%));
    }

    .dia-trilho > .dia-marco {
        padding: 0 0 0 18px;
        justify-content: flex-start;
        color: #76767c;
    }

    .dia-trilho > .dia-marco::after {
        left: 0;
        right: auto;
        width: 3px;
        height: 3px;
        transform: translate(-50%, -50%);
        background: #cfcfd4;
        opacity: 1;
    }

    .dia-trilho > .dia-marco.is-passed::after {
        background: #a2a2aa;
    }
}

@media (min-width: 961px) and (prefers-reduced-motion: no-preference) {
    .dia-section {
        --dia-trilho-alt: calc((var(--dia-quadro-lado, var(--dia-alt)) - 32px) * 0.9);
    }
}