.etapasNavegacao {
    margin-bottom: 30px;
}

    .etapasNavegacao.darkColor span, .etapasNavegacao.darkColor span:after {
        color: var(--dark-color-100);
    }

    .etapasNavegacao.darkColor span.selected {
        color: var(--base-color);
    }

    .etapasNavegacao span {
        font-size: 14px;
        color: var(--dark-color-500);
        cursor: default;
    }

        .etapasNavegacao span.linkable {
            cursor: pointer;
        }

            .etapasNavegacao span.linkable:hover {
                text-decoration: underline;
            }

        .etapasNavegacao span.selected {
            font-weight: bold;
        }

        .etapasNavegacao span:after {
            display: inline-block;
            font-style: var(--font-style);
            font-variant: var(--font-variant);
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            content: "\f054";
            margin-left: 15px;
            margin-right: 13px;
            color: var(--dark-color-500);
        }

        .etapasNavegacao span:last-of-type:after {
            display: none
        }