/* =======================
   Breadcrumbs
   ======================= */

.onx-breadcrumb{
  margin: 4px 0 10px;
  font-size: 14px;
}
.onx-breadcrumb ol{
  list-style: none;
  padding: 2px; margin: 0;
  display: flex; align-items: center; flex-wrap: wrap;
  color: var(--muted);
  gap: 6px;
}
.onx-breadcrumb li{
  display: inline-flex; align-items: center;
  font-weight: 600;
}
.onx-breadcrumb a{
  color: var(--muted);
  text-decoration: none;
}
.onx-breadcrumb a:hover{ color: var(--link-activo) }

/* Separador con chevron por máscara para buen contraste */
.onx-breadcrumb li + li::before{
  content: "";
  width: 14px; height: 14px; margin: 0 4px;
  background: currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9 18l6-6-6-6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / 100% 100%;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9 18l6-6-6-6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / 100% 100%;
  opacity: .85;
}