/**
 * Migas de pan — fuera de CCC (media=screen) para que el override aplique al instante.
 */
.breadcrumb__wrapper {
  background-color: var(--sm-white);
  margin-top: var(--space-4);
  margin-bottom: var(--space-4);
  --bs-breadcrumb-divider-color: var(--sm-muted);
  --bs-breadcrumb-item-active-color: var(--sm-muted);
}

.breadcrumb__wrapper .breadcrumb-item,
.breadcrumb__wrapper .breadcrumb-item a,
.breadcrumb__wrapper .breadcrumb-item:before,
.breadcrumb__wrapper .breadcrumb-link {
  color: var(--sm-muted);
}

.breadcrumb__wrapper .breadcrumb-item a:hover,
.breadcrumb__wrapper .breadcrumb-item a:focus,
.breadcrumb__wrapper .breadcrumb-link:hover,
.breadcrumb__wrapper .breadcrumb-link:focus {
  color: var(--sm-muted);
}