.breadcrumb {
    padding-block: var(--espaco-2);
    font-size: 0.875rem;
    color: var(--cor-cinza-medio);
}

.breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.breadcrumb li:not(:last-child)::after {
    content: "/";
    margin-left: 0.375rem;
    color: var(--cor-cinza-borda);
}

.breadcrumb a:hover {
    color: var(--cor-laranja);
}

.breadcrumb [aria-current="page"] {
    color: var(--cor-azul-marinho);
    font-weight: var(--peso-medio);
}